.xpro-countdown-item,
.xpro-elementor-vertical-navbar li > a,
.xpro-heading-wrapper-inner,
.xpro-infobox-wrapper-inner,
.xpro-mega-menu-navbar-nav > li > a,
.xpro-mega-menu-wrapper .xpro-submenu-panel > li > a,
.xpro-text-marquee-txt,
.xpro-textual-showcase-txt {
    font-family: var(--e-global-typography-primary-font-family);
}
.xpro-device-slider,
.xpro-elementor-carousel-gallery,
.xpro-matrix .owl-carousel .owl-nav > button.disabled,
.xpro-slide-anything:not(.owl-loaded) .owl-item:not(.active),
.xpro-sticky-video-overlay.active,
.xpro-unfold-click .xpro-unfold-content.active:after,
.xpro-unfold-hover .xpro-unfold-content:hover:after {
    opacity: 0;
    visibility: hidden;
}
.xpro-device-slider.owl-loaded,
.xpro-elementor-carousel-gallery.owl-loaded,
.xpro-elementor-hamburger-layout-fullFadeIn.active .xpro-elementor-hamburger-inner,
.xpro-facebook-feed-layout-3 .xpro-facebook-feed-item:hover .xpro-facebook-footer,
.xpro-matrix-tooltip-toggle:hover .xpro-matrix-tooltip,
.xpro-preloader-ink.visible,
.xpro-source-code:hover .xpro-source-code-btn,
.xpro-tabs-horizontal.xpro-tab-layout-16 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a::before {
    opacity: 1;
    visibility: visible;
}
.xpro-elementor-carousel-gallery .xpro-item-img,
.xpro-elementor-carousel-gallery-item-inner,
.xpro-elementor-carousel-gallery-item-wrapper,
.xpro-list-portfolio-image-wrapper,
.xpro-list-portfolio-wrapper,
.xpro-matrix-style-1 .xpro-matrix-item-head,
.xpro-post-list-author,
.xpro-post-list-image,
.xpro-post-tiles-item,
.xpro-slide-item-inner,
.xpro-video-wrapper {
    position: relative;
    overflow: hidden;
}
.xpro-elementor-carousel-gallery-item {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.xpro-elementor-carousel-gallery .xpro-slide-caption {
    display: table;
    width: 100%;
    height: 100%;
    padding: 15px;
    background-color: #00000087;
}
.xpro-elementor-carousel-gallery .xpro-slide-caption-body {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    max-width: 100%;
    width: 100%;
    position: relative;
}
.xpro-elementor-carousel-gallery .xpro-item-img > img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: bottom;
    border: 0;
}
.xpro-elementor-carousel-gallery .owl-item.center::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #d6d6d6;
    top: 25px;
    left: 25px;
    overflow: visible;
    opacity: 1;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.xpro-elementor-carousel-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-elementor-carousel-gallery .xpro-overlay-icon > i {
    font-size: 25px;
    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-elementor-carousel-gallery .xpro-title {
    margin: 5px 0;
    line-height: 1.2;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
}
.xpro-cookies-btn:hover,
.xpro-creative-btn-layout-13 .xpro-creative-btn:hover .xpro-creative-btn-text,
.xpro-elementor-carousel-gallery .xpro-outside-content .xpro-desc,
.xpro-elementor-carousel-gallery .xpro-outside-content .xpro-title,
.xpro-elementor-vertical-menu-layout-sliding li.current-menu-ancestor > a,
.xpro-elementor-vertical-menu-layout-sliding li.current_page_item > a,
.xpro-elementor-vertical-navbar li > a:hover {
    color: #2b2b2b;
}
.xpro-elementor-carousel-gallery .xpro-desc {
    color: #fff;
    margin: 0;
    font-size: 15px;
}
.xpro-elementor-carousel-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-carousel-gallery .xpro-item-btn:hover {
    color: #222;
    background-color: #fff;
}
.xpro-elementor-carousel-gallery .xpro-outside-content .xpro-item-btn {
    color: #2b2b2b;
    border-color: #2b2b2b;
}
.xpro-elementor-carousel-gallery .xpro-outside-content .xpro-item-btn:hover {
    color: #fff;
    background-color: #2b2b2b;
}
.xpro-elementor-carousel-gallery .xpro-outside-content,
.xpro-pricing-carousel .owl-stage {
    padding: 15px 0;
}
.xpro-carousel-hover-style-rotate .xpro-item-img > img,
.xpro-carousel-hover-style-zoom .xpro-item-img > img,
.xpro-carousel-hover-style-zoom-box .xpro-item-img > img,
.xpro-carousel-hover-style-zoom-box-out .xpro-item-img > img,
.xpro-carousel-hover-style-zoom-center-bottom .xpro-item-img > img,
.xpro-carousel-hover-style-zoom-top-bottom .xpro-item-img > img {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-carousel-hover-style-zoom-box-out:hover .xpro-item-img > img,
.xpro-carousel-hover-style-zoom-box:hover .xpro-item-img > img,
.xpro-carousel-hover-style-zoom-center-bottom:hover .xpro-item-img > img,
.xpro-carousel-hover-style-zoom-top-bottom:hover .xpro-item-img > img,
.xpro-carousel-hover-style-zoom:hover .xpro-item-img > img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-carousel-hover-style-fadeIn .xpro-slide-caption,
.xpro-carousel-hover-style-rotate .xpro-slide-caption,
.xpro-carousel-hover-style-zoom .xpro-slide-caption,
.xpro-carousel-hover-style-zoom-box .xpro-slide-caption,
.xpro-carousel-hover-style-zoom-box-out .xpro-slide-caption,
.xpro-carousel-hover-style-zoom-center-bottom .xpro-slide-caption,
.xpro-carousel-hover-style-zoom-top-bottom .xpro-slide-caption {
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.xpro-carousel-hover-style-fadeIn:hover .xpro-slide-caption,
.xpro-carousel-hover-style-rotate:hover .xpro-slide-caption,
.xpro-carousel-hover-style-zoom-box-out:hover .xpro-slide-caption,
.xpro-carousel-hover-style-zoom-box:hover .xpro-slide-caption,
.xpro-carousel-hover-style-zoom-center-bottom:hover .xpro-slide-caption,
.xpro-carousel-hover-style-zoom-top-bottom:hover .xpro-slide-caption,
.xpro-carousel-hover-style-zoom:hover .xpro-slide-caption,
.xpro-list-portfolio-half .xpro-list-portfolio-image-wrapper > figure.active {
    opacity: 1;
}
.xpro-carousel-hover-style-classic .xpro-slide-caption {
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;
    opacity: 1;
    top: 0;
    background-color: #00000030;
}
.xpro-carousel-hover-style-zoom-top-bottom .xpro-overlay-icon {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    margin-top: -100px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-carousel-hover-style-zoom-center-bottom:hover .xpro-overlay-icon,
.xpro-carousel-hover-style-zoom-top-bottom: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;
}
.xpro-carousel-hover-style-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;
}
.xpro-carousel-hover-style-zoom-center-bottom:hover .xpro-overlay-content,
.xpro-carousel-hover-style-zoom-top-bottom: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;
}
.xpro-carousel-hover-style-zoom-center-bottom .xpro-overlay-icon {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -100px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-carousel-hover-style-zoom-center-bottom .xpro-overlay-content {
    position: absolute;
    text-align: center;
    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;
}
.xpro-carousel-hover-style-zoom-box .xpro-elementor-carousel-gallery-item-inner:before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: "";
    opacity: 0;
    z-index: 3;
    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;
}
.xpro-carousel-hover-style-zoom-box .xpro-elementor-carousel-gallery-item-inner::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: "";
    opacity: 0;
    z-index: 3;
    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;
}
.xpro-carousel-hover-style-zoom-box-out:hover .xpro-elementor-carousel-gallery-item-inner::after,
.xpro-carousel-hover-style-zoom-box-out:hover .xpro-elementor-carousel-gallery-item-inner::before,
.xpro-carousel-hover-style-zoom-box:hover .xpro-elementor-carousel-gallery-item-inner::after,
.xpro-carousel-hover-style-zoom-box:hover .xpro-elementor-carousel-gallery-item-inner::before,
.xpro-hover-card-layout-10:hover .xpro-hover-card-content-wrapper::after,
.xpro-hover-card-layout-10:hover .xpro-hover-card-content-wrapper::before,
.xpro-hover-card-layout-7:hover .xpro-hover-card-content-wrapper::after,
.xpro-hover-card-layout-7:hover .xpro-hover-card-content-wrapper::before,
.xpro-hover-card-layout-8:hover .xpro-hover-card-content-wrapper::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.xpro-carousel-hover-style-zoom-box .xpro-overlay-icon,
.xpro-carousel-hover-style-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;
}
.xpro-carousel-hover-style-zoom-box-out:hover .xpro-overlay-content,
.xpro-carousel-hover-style-zoom-box-out:hover .xpro-overlay-icon,
.xpro-carousel-hover-style-zoom-box:hover .xpro-overlay-content,
.xpro-carousel-hover-style-zoom-box: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;
}
.xpro-carousel-hover-style-zoom-box .xpro-overlay-content,
.xpro-carousel-hover-style-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;
}
.xpro-carousel-hover-style-zoom-box-out .xpro-elementor-carousel-gallery-item-inner:before {
    position: absolute;
    top: 30px;
    right: 20px;
    bottom: 30px;
    left: 20px;
    content: "";
    opacity: 0;
    z-index: 3;
    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;
}
.xpro-carousel-hover-style-zoom-box-out .xpro-elementor-carousel-gallery-item-inner:after {
    position: absolute;
    top: 20px;
    right: 30px;
    bottom: 20px;
    left: 30px;
    content: "";
    opacity: 0;
    z-index: 3;
    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;
}
.xpro-carousel-hover-style-moveRight .xpro-slide-caption {
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;
    top: 0;
    left: -100%;
    -webkit-transition: left 0.4s;
    -o-transition: left 0.4s;
    transition: left 0.4s;
}
.xpro-carousel-hover-style-moveRight:hover .xpro-slide-caption,
.xpro-creative-btn-layout-20 .xpro-creative-btn:after,
.xpro-heading-separator-icon::before,
.xpro-heading-separator-text::before,
.xpro-infobox-separator-icon::before,
.xpro-infobox-separator-text::before,
.xpro-tabs-horizontal.xpro-tab-layout-10 > .xpro-tab-list-wrapper > .xpro-tab-list > li:before,
.xpro-tabs-horizontal.xpro-tab-layout-9 > .xpro-tab-list-wrapper > .xpro-tab-list > li:before {
    left: 0;
}
.xpro-carousel-hover-style-moveLeft .xpro-slide-caption {
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;
    top: 0;
    right: -100%;
    -webkit-transition: right 0.4s;
    -o-transition: right 0.4s;
    transition: right 0.4s;
}
.xpro-carousel-hover-style-moveLeft:hover .xpro-slide-caption,
.xpro-heading-separator-icon::after,
.xpro-heading-separator-text::after,
.xpro-infobox-separator-icon::after,
.xpro-infobox-separator-text::after,
.xpro-tabs-horizontal.xpro-tab-layout-10 > .xpro-tab-list-wrapper > .xpro-tab-list > li:after,
.xpro-tabs-horizontal.xpro-tab-layout-9 > .xpro-tab-list-wrapper > .xpro-tab-list > li:after {
    right: 0;
}
.xpro-carousel-hover-style-rotate:hover .xpro-item-img > img {
    -webkit-transform: scale(1.25) rotate(3deg);
    -ms-transform: scale(1.25) rotate(3deg);
    transform: scale(1.25) rotate(3deg);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-carousel-hover-style-pushDown .xpro-item-img,
.xpro-carousel-hover-style-pushTop .xpro-item-img,
.xpro-hover-card-layout-12 .xpro-hover-card-image > img,
.xpro-hover-card-layout-13 .xpro-hover-card-image > img,
.xpro-hover-card-layout-14 .xpro-hover-card-image > img {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
.xpro-carousel-hover-style-pushTop:hover .xpro-item-img,
.xpro-carousel-hover-style-pushTop:hover .xpro-slide-caption,
.xpro-carousel-hover-style-revealBottom:hover .xpro-item-img {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.xpro-carousel-hover-style-pushTop .xpro-slide-caption {
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;
    top: 100%;
    left: 0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
.xpro-carousel-hover-style-pushDown:hover .xpro-item-img,
.xpro-carousel-hover-style-pushDown:hover .xpro-slide-caption,
.xpro-carousel-hover-style-revealTop:hover .xpro-item-img {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
.xpro-carousel-hover-style-pushDown .xpro-slide-caption {
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;
    bottom: 100%;
    left: 0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
.xpro-carousel-hover-style-revealBottom .xpro-item-img,
.xpro-carousel-hover-style-revealTop .xpro-item-img {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    z-index: 3;
}
.xpro-carousel-hover-style-revealBottom .xpro-slide-caption,
.xpro-carousel-hover-style-revealTop .xpro-slide-caption {
    width: 100%;
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    left: 0;
    -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-carousel-content-area {
    position: relative;
    background-color: #54595f;
    height: 400px;
}
.xpro-elementor-carousel-gallery-type-creative .xpro-item-img,
.xpro-facebook-feed-layout-2 .xpro-facebook-feed-item,
.xpro-facebook-feed-layout-5 .xpro-facebook-feed-item,
.xpro-img-marquee-horizontal .xpro-img-marquee-media > img {
    height: 400px;
}
.xpro-elementor-carousel-content-right {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 100%;
    max-width: 400px;
    padding: 30px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.xpro-elementor-carousel-gallery-type-creative .xpro-elementor-carousel-gallery-item,
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-link-next,
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-link-prev,
.xpro-list-portfolio-full .xpro-list-portfolio-items,
.xpro-matrix-style-3 .xpro-matrix-comparison,
.xpro-preview-footer .xpro-preview-footer-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.xpro-elementor-carousel-gallery .owl-item:nth-child(2n) .xpro-elementor-carousel-gallery-item-inner {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
}
.elementor-editor-active .xpro-mouse-cursor,
.no-cssanimations .xpro-preloader-ink,
.sticky-cross-btn,
.xpro-countdown-content,
.xpro-coupon-code .xpro-coupon-code-copied,
.xpro-coupon-code .xpro-coupon-msg.active .xpro-coupon-msg-text,
.xpro-coupon-code.active .xpro-coupon-msg,
.xpro-elementor-vertical-menu-layout-accordion li .xpro-elementor-dropdown-menu,
.xpro-elementor-vertical-menu-layout-sliding .xpro-elementor-vertical-navbar-nav > li .xpro-elementor-dropdown-menu,
.xpro-facebook-content-wrapper:empty,
.xpro-hover-card-layout-1 .xpro-hover-card-description,
.xpro-hover-card-layout-2 .xpro-hover-card-description,
.xpro-hover-card-layout-3 .xpro-hover-card-description,
.xpro-hover-card-layout-4 .xpro-hover-card-description,
.xpro-hover-card-layout-4 .xpro-hover-card-sub-title,
.xpro-hover-card-layout-6 .xpro-hover-card-description,
.xpro-hover-card-layout-6 .xpro-hover-card-sub-title,
.xpro-image-accordion-click.xpro-image-accordion-item:not(.active) .xpro-image-accordion-cont-wrap,
.xpro-image-accordion-hover.xpro-image-accordion-item:not(:hover) .xpro-image-accordion-cont-wrap,
.xpro-mega-menu-wrapper li:not(.xpro-menu-has-dropdown).xpro-menu-has-megamenu .xpro-submenu-panel,
.xpro-preview-footer-layout-10 .xpro-preview-thumbnails > .xpro-preview-inactive,
.xpro-preview-nav-layout-5 > .xpro-preview-inactive > span,
.xpro-preview-nav-layout-6 > .xpro-preview-inactive > span,
.xpro-slick-slider-full .xpro-slider-slick-content,
.xpro-slider,
.xpro-tab-main > .xpro-tab-list-wrapper > .xpro-tab-select-option,
.xpro-tabs-horizontal.xpro-tab-layout-14 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a > .xpro-tab-title,
.xpro-tabs-horizontal.xpro-tab-layout-15 > .xpro-tab-list-wrapper > .xpro-tab-list > li:last-child > a > .xpro-tab-media-wrapper::after,
.xpro-tabs-horizontal.xpro-tab-layout-5 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper > .xpro-tab-icon > i,
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper:empty,
.xpro-testimonial-layout-11 .xpro-testimonial-image,
.xpro-testimonial-layout-12 .xpro-testimonial-image,
.xpro-unfold-btn .btn2,
.xpro-unfold-btn .icon2,
.xpro-unfold-btn.active .btn1,
.xpro-unfold-btn.active .icon1,
li.xpro-menu-has-megamenu:not(.xpro-megamenu-content-none) .xpro-submenu-panel,
li:not(.xpro-menu-has-dropdown).xpro-megamenu-content-none .xpro-submenu-indicator-wrap {
    display: none;
}
.xpro-slick-slider-full .slick-initialized {
    display: block !important;
}
.xpro-slider-slick-image {
    right: -1px;
    top: -1px;
}
.xpro-slick-slider-full {
    position: relative;
    background-color: #54595f;
    overflow: hidden;
    height: 800px;
}
.xpro-slick-right-content {
    width: 75%;
    margin-left: auto;
}
.xpro-slick-slider-full .xpro-item-img {
    height: 800px;
}
.xpro-list-portfolio-image-wrapper > figure > img,
.xpro-slick-slider-full .xpro-item-img > img,
.xpro-testimonial-thumbs .xpro-testimonial-image > img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.xpro-slick-slider-full .xpro-slick-left-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10%;
    width: 600px;
    cursor: pointer;
}
.xpro-slick-slider-full .xpro-title {
    color: #fff;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 15px;
}
.xpro-slick-slider-full .xpro-desc {
    color: #fff;
    margin-bottom: 25px;
}
.xpro-slick-slider-full .xpro-item-btn {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 35px;
    border-radius: 50px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-slick-slider-full .xpro-item-btn:hover {
    background-color: #fff;
    color: #1e1e1e;
}
.xpro-slick-slider-full .xpro-slider-slick-arrows {
    display: inline-block;
    position: absolute;
    right: 50px;
    z-index: 3;
    bottom: 50px;
}
.xpro-slider-slick-arrows > button {
    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;
    cursor: pointer;
}
.xpro-slider-navigation .slick-disabled,
.xpro-slider-slick-arrows > button.slick-disabled,
.xpro-swiper-slider-theme .xpro-swiper-next.swiper-button-disabled,
.xpro-swiper-slider-theme .xpro-swiper-prev.swiper-button-disabled {
    pointer-events: none;
}
.xpro-slider-navigation .slick-disabled::before,
.xpro-slider-slick-arrows > button.slick-disabled::before,
.xpro-swiper-slider-theme .xpro-swiper-next.swiper-button-disabled:after,
.xpro-swiper-slider-theme .xpro-swiper-prev.swiper-button-disabled:after {
    opacity: 0.3;
}
.xpro-preview-arrow.xpro-preview-inactive {
    cursor: not-allowed !important;
}
.xpro-preview-nav-layout-3 > .xpro-preview-arrow,
.xpro-preview-nav-layout-4 > .xpro-preview-arrow {
    height: 50px;
    width: 50px;
    padding: 5px;
    line-height: 1;
    -webkit-box-align: center;
    cursor: pointer;
    font-size: 18px;
}
.xpro-preview-nav-layout-3 > .xpro-preview-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    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;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #f0f0f0;
    border-radius: 50px;
    color: #2b2b2b;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-preview-nav-layout-4 > .xpro-preview-arrow,
.xpro-preview-nav-layout-5 > .xpro-preview-arrow {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    top: 50%;
    z-index: 2;
}
.xpro-preview-nav-layout-3 > .xpro-preview-arrow:hover {
    color: #fff;
    background: 0 0;
}
.xpro-preview-nav-layout-3 .xpro-preview-arrow:before,
.xpro-preview-nav-layout-4 .xpro-preview-arrow:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}
.xpro-preview-nav-layout-3 .xpro-preview-arrow.xpro-preview-prev-demo:before,
.xpro-preview-nav-layout-4 .xpro-preview-arrow.xpro-preview-prev-demo:before,
.xpro-preview-nav-layout-7 .xpro-preview-arrow.xpro-preview-prev-demo:before {
    content: "\f053";
}
.xpro-preview-nav-layout-3 .xpro-preview-arrow.xpro-preview-next-demo:before,
.xpro-preview-nav-layout-4 .xpro-preview-arrow.xpro-preview-next-demo:before,
.xpro-preview-nav-layout-7 .xpro-preview-arrow.xpro-preview-next-demo:before {
    content: "\f054";
}
.xpro-preview-nav-layout-3 > .xpro-preview-prev-demo,
.xpro-preview-nav-layout-4 > .xpro-preview-prev-demo,
.xpro-preview-nav-layout-5 > .xpro-preview-prev-demo,
.xpro-preview-nav-layout-6 > .xpro-preview-prev-demo {
    left: 15px;
}
.xpro-preview-nav-layout-3 > .xpro-preview-next-demo,
.xpro-preview-nav-layout-4 > .xpro-preview-next-demo,
.xpro-preview-nav-layout-5 > .xpro-preview-next-demo,
.xpro-preview-nav-layout-6 > .xpro-preview-next-demo {
    right: 15px;
}
.xpro-preview-nav-layout-4 > .xpro-preview-arrow {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    border: 1px solid #f0f0f0;
    border-radius: 0;
    color: #e2e2e2;
    transition: 0.3s ease-in-out;
}
.xpro-preview-nav-layout-4 > .xpro-preview-arrow:hover,
.xpro-preview-nav-layout-7 > .xpro-preview-arrow:hover {
    color: #2b2b2b;
    background: #e2e2e2;
}
.xpro-preview-nav-layout-5 > .xpro-preview-arrow {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.xpro-preview-nav-layout-6 > .xpro-preview-arrow,
.xpro-top-preview-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    position: absolute;
    cursor: pointer;
}
.xpro-preview-nav-layout-5 > .xpro-preview-arrow > i {
    height: 70px;
    width: 70px;
    font-size: 22px;
    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: #2b2b2bab;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-list-portfolio-full .xpro-list-portfolio-image-wrapper,
.xpro-parallax-yes,
.xpro-preview-nav-layout-5 > .xpro-preview-arrow > span,
.xpro-preview-nav-layout-6 > .xpro-preview-arrow > span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.xpro-preview-nav-layout-5 > .xpro-preview-arrow:hover > i {
    background-color: #fff;
    color: #2b2b2b;
}
.xpro-preview-nav-layout-5 > .xpro-preview-arrow > span {
    height: 70px;
    width: 70px;
    left: 70px;
    position: absolute;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #efefef;
    -webkit-transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}
.xpro-preview-nav-layout-5 > .xpro-preview-next-demo > span {
    opacity: 0;
    left: auto;
    right: 70px;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotatey(90deg);
    -ms-transform: rotatey(90deg);
    transform: rotatey(90deg);
}
.xpro-preview-nav-layout-5 > .xpro-preview-arrow:hover span,
.xpro-preview-nav-layout-6 > .xpro-preview-arrow:hover span {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: rotatey(0);
    -ms-transform: rotatey(0);
    transform: rotatey(0);
}
.xpro-preview-nav-layout-6 > .xpro-preview-arrow {
    top: 50%;
    z-index: 2;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2b2b2bab;
    border-radius: 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-preview-nav-layout-6 > .xpro-preview-arrow > i {
    height: 100px;
    width: 30px;
    font-size: 22px;
    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;
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-preview-nav-layout-6 > .xpro-preview-arrow > span {
    position: absolute;
    height: 100px;
    width: 150px;
    left: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    z-index: 2;
    background-color: #efefef;
    -webkit-transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}
.xpro-preview-nav-layout-6 > .xpro-preview-next-demo > span {
    left: auto;
    right: 30px;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotatey(90deg);
    -ms-transform: rotatey(90deg);
    transform: rotatey(90deg);
}
.xpro-preview-nav-layout-7 > .xpro-preview-arrow {
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 15px 25px;
    background-color: #232323;
    border-radius: 0;
    color: #e2e2e2;
    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-7 .xpro-preview-arrow:before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 700;
}
.xpro-preview-nav-layout-7 > .xpro-preview-prev-demo {
    right: 80px;
}
.xpro-preview-nav-layout-7 > .xpro-preview-next-demo {
    right: 18px;
}
.xpro-top-preview-arrow {
    right: 40px;
    top: 20px;
    width: 40px;
    height: 40px;
    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: 22;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #f0f0f0;
}
.xpro-top-preview-arrow:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
}
.xpro-preview-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 10px;
    z-index: 2;
    width: 100%;
    border-top: 1px solid #f0f0f0;
}
.xpro-preview-footer .xpro-preview-arrow {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    padding: 10px;
    line-height: 1.5;
    border: 1px solid transparent;
}
.xpro-facebook-feed-align-left .xpro-facebook-feed-layout-5 .xpro-facebook-author,
.xpro-preview-footer .xpro-preview-prev-demo .xpro-preview-footer-text {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.xpro-preview-footer .xpro-preview-next-demo .xpro-preview-footer-text {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.xpro-list-portfolio-full .xpro-list-portfolio-image-wrapper > figure,
.xpro-preview-nav-layout-8 .xpro-preview-footer-text > span {
    display: none !important;
}
.xpro-preview-footer .xpro-preview-arrow > i {
    margin: 0 10px;
}
.xpro-preview-footer .xpro-preview-demo-name {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
}
.elementor-align-center .xpro-elementor-vertical-menu-layout-accordion .xpro-elementor-vertical-navbar li > a,
.xpro-post-tiles-align-center .xpro-post-tiles-meta-list,
.xpro-preview-footer-layout-10 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.elementor-widget-image-masking,
.elementor-widget-xpro-draw-svg,
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-separator-wrapper,
.xpro-heading-wrapper,
.xpro-hover-card-layout-6 .xpro-hover-card-content-wrapper,
.xpro-infobox-wrapper,
.xpro-logo-carousel-figure,
.xpro-preview-footer .xpro-preview-header-info,
.xpro-testimonial-layout-11,
.xpro-testimonial-layout-12,
.xpro-testimonial-thumbs .xpro-testimonial-thumbs-inner {
    text-align: center;
}
.xpro-preview-footer .xpro-preview-thumbnails {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xpro-preview-footer .xpro-preview-thumbnails > span {
    height: 90px;
    width: 100px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #bfbfbf;
    margin: 0 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.xpro-preview-footer .xpro-preview-thumbnails .xpro-preview-current-thumb {
    height: 110px;
    width: 120px;
    border: 2px solid #ffb50e;
}
.xpro-preview-footer-layout-10 .xpro-preview-footer-left .xpro-preview-arrow,
.xpro-preview-footer-layout-10 .xpro-preview-footer-right .xpro-preview-arrow {
    margin-top: 45px;
    font-size: 25px;
}
.xpro-list-portfolio-half {
    position: relative;
    height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xpro-list-portfolio-half > div {
    height: 100%;
    width: 50%;
    position: relative;
    overflow: hidden;
}
.xpro-list-portfolio-menu-wrapper {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xpro-list-portfolio-half .xpro-list-portfolio-menu-wrapper {
    padding-left: 50px;
}
.xpro-list-portfolio-half .xpro-list-portfolio-image-wrapper > figure {
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.xpro-list-portfolio-items {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    overflow: auto;
    width: 100%;
    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-list-portfolio-items::-webkit-scrollbar {
    width: 0;
}
.xpro-list-portfolio-items li {
    position: relative;
    font-size: 50px;
    line-height: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    white-space: nowrap;
    font-weight: 800;
    color: #eaeaea;
    cursor: pointer;
    text-decoration: line-through;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-list-portfolio-full .xpro-list-portfolio-items li,
.xpro-video-inner {
    margin: 0 auto;
}
.xpro-list-portfolio-items li.active {
    text-decoration: none;
    color: #212331;
}
.xpro-list-portfolio-items li::after {
    content: attr(data-xpro-title);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    color: #212331;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    -webkit-transition: 0.5s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: 0.5s cubic-bezier(0, 0, 0.2, 1);
    transition: 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.elementor-align-justify .xpro-elementor-hamburger-toggle,
.xpro-creative-btn-layout-11 .xpro-creative-btn:hover:before,
.xpro-creative-btn-layout-20 .xpro-creative-btn:hover:after,
.xpro-creative-btn-layout-20 .xpro-creative-btn:hover:before,
.xpro-flip-box-back-inner,
.xpro-flip-box-front-inner,
.xpro-flip-box-wrap,
.xpro-hover-card-layout-5:hover .xpro-hover-card-content:before,
.xpro-list-portfolio-full.active::after,
.xpro-list-portfolio-items li.active::after,
.xpro-mega-menu-align-justify .xpro-mega-menu-layout-vertical .xpro-mega-menu-inner {
    width: 100%;
}
.xpro-list-portfolio-full {
    position: relative;
    height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    place-content: center;
    -webkit-box-pack: center;
}
.xpro-list-portfolio-full::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: var(--e-global-color-primary);
    -webkit-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.xpro-list-portfolio-full .xpro-list-portfolio-image-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.xpro-list-portfolio-full.active .xpro-list-portfolio-image-wrapper {
    opacity: 1;
    -webkit-animation: 5s infinite alternate xpro-scaling;
    -webkit-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}
@-webkit-keyframes xpro-scaling {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.1);
    }
}
.xpro-list-portfolio-full .xpro-list-portfolio-menu-wrapper {
    position: relative;
    z-index: 5;
    height: 100%;
}
.elementor-widget-image-masking .elementor-image {
    padding-bottom: 1px;
}
.xpro-heading-wrapper-inner {
    position: relative;
    width: 100%;
    max-width: 600px;
    display: inline-block;
}
.xpro-heading-wrapper .xpro-title-focus {
    position: relative;
    color: var(--e-global-color-primary);
    -webkit-text-fill-color: initial;
    display: inline;
}
.xpro-heading-wrapper .xpro-title-focus > span {
    color: var(--e-global-color-primary);
    -webkit-text-fill-color: initial;
    display: inline-block;
}
.elementor-widget-animated-heading .xpro-title-focus.morphext,
.xpro-lightbox-inner,
.xpro-one-page-nav-icon,
.xpro-post-meta-list-item .xpro-post-meta-list-icon,
.xpro-pricing-carousel .xpro-pricing-media img,
.xpro-team-wrapper.owl-carousel .xpro-team-image,
.xpro-textual-showcase-item span {
    display: inline-block;
}
.xpro-heading-wrapper .xpro-heading-title {
    position: relative;
    line-height: 1.2;
    margin: 5px 0;
    font-weight: 500;
    z-index: 2;
}
.xpro-heading-wrapper .xpro-heading-subtitle {
    margin: 5px 0;
    font-weight: 300;
    display: inline-block;
}
.xpro-heading-wrapper .xpro-heading-icon,
.xpro-infobox-wrapper .xpro-infobox-media {
    position: relative;
    display: block;
    margin-right: 30px;
    z-index: 2;
}
.xpro-heading-wrapper .xpro-heading-icon > .xpro-heading-icon-media {
    height: 55px;
    width: 55px;
    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: 50%;
    overflow: hidden;
    background-color: var(--e-global-color-primary);
    color: #fff;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}
.xpro-heading-wrapper .xpro-heading-icon i {
    font-size: 20px;
    line-height: 1;
}
.xpro-heading-wrapper .xpro-heading-icon svg {
    height: auto;
    width: 60px;
}
.xpro-heading-separator-simple,
.xpro-infobox-separator-simple {
    position: relative;
    display: block;
}
.xpro-heading-separator-simple:before,
.xpro-infobox-separator-simple:before {
    content: "";
    display: inline-block;
    height: auto;
    width: 100%;
    border-top: 1px solid #2b2b2b;
}
.xpro-heading-separator-double,
.xpro-image-magnify-wrapper,
.xpro-infobox-separator-double {
    position: relative;
    display: inline-block;
}
.xpro-heading-separator-double:after,
.xpro-heading-separator-double:before,
.xpro-infobox-separator-double:after,
.xpro-infobox-separator-double:before {
    content: "";
    display: block;
    height: auto;
    width: 100%;
    border-top: 1px solid #2b2b2b;
    margin: 6px 0;
}
.xpro-heading-wrapper [class*="xpro-heading-separator-shape"] svg,
.xpro-infobox-wrapper [class*="xpro-infobox-separator-shape"] svg {
    display: inline-block;
    width: 250px;
    height: 100%;
}
.xpro-heading-wrapper [class*="xpro-heading-separator-shape"],
.xpro-infobox-wrapper [class*="xpro-infobox-separator-shape"] {
    display: block;
    margin: 5px 0;
}
.elementor-widget-xpro-slider,
.xpro-device-slider-wrapper,
.xpro-elementor-search-input-group,
.xpro-heading-top,
.xpro-hover-card-layout-5 .xpro-hover-card-title,
.xpro-hover-card-wrapper,
.xpro-infobox-top,
.xpro-logo-carousel-wrapper,
.xpro-mega-menu-layout-vertical ul,
.xpro-mega-menu-navbar-nav > li.relative_position,
.xpro-mega-menu-wrapper li:not(.xpro-menu-has-megamenu),
.xpro-particle-wrapper canvas,
.xpro-pricing-carousel,
.xpro-remote-arrows > button > *,
.xpro-source-code-wrapper .xpro-source-code,
.xpro-tab-main,
.xpro-testimonial-slider-wrapper,
.xpro-vertical-timeline-media-box {
    position: relative;
}
.xpro-heading-wrapper .xpro-heading-top,
.xpro-infobox-wrapper .xpro-infobox-top {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    position: relative;
}
.xpro-heading-wrapper .xpro-shadow-text {
    --xpro-shadow-text-transformX: 0;
    --xpro-shadow-text-transformY: 0;
    --xpro-shadow-text-rotateZ: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(var(--xpro-shadow-text-transformX), var(--xpro-shadow-text-transformY)) rotate(var(--xpro-shadow-text-rotateZ));
    -ms-transform: translate(var(--xpro-shadow-text-transformX), var(--xpro-shadow-text-transformY)) rotate(var(--xpro-shadow-text-rotate));
    transform: translate(var(--xpro-shadow-text-transformX), var(--xpro-shadow-text-transformY)) rotate(var(--xpro-shadow-text-rotateZ));
    display: inline-block;
    color: #eee;
    z-index: 0;
    margin: 0;
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
}
.xpro-heading-wrapper .xpro-heading-description,
.xpro-infobox-wrapper .xpro-infobox-description {
    position: relative;
    margin-top: 10px;
    font-weight: 300;
}
.xpro-elementor-vertical-menu-layout-sliding,
.xpro-facebook-feed-layout-1 .xpro-facebook-meta > div:first-child,
.xpro-heading-icon-position-float,
.xpro-heading-icon-position-inside,
.xpro-infobox-media-position-float,
.xpro-infobox-media-position-inside,
.xpro-mega-menu-layout-vertical .xpro-mega-menu-navbar,
.xpro-tab-main > .xpro-tab-list-wrapper,
.xpro-vertical-timeline-item:nth-child(2n) .xpro-vertical-timeline-time {
    text-align: left;
}
.xpro-heading-icon-position-float .xpro-heading-wrapper-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.xpro-heading-icon-position-top .xpro-shadow-text {
    top: 55px;
}
.xpro-heading-icon-position-top .xpro-heading-icon {
    margin: 0 0 20px;
}
.xpro-heading-icon-position-float .xpro-shadow-text,
.xpro-heading-icon-position-inside .xpro-shadow-text,
.xpro-infobox-media-position-float .xpro-shadow-text,
.xpro-infobox-media-position-inside .xpro-shadow-text {
    -webkit-transform: translateX(85px);
    -ms-transform: translateX(85px);
    transform: translateX(85px);
}
.xpro-heading-separator-icon,
.xpro-infobox-separator-icon {
    position: relative;
    display: inline-block;
    padding: 0 80px;
}
.xpro-heading-separator-icon > i,
.xpro-infobox-separator-icon > i {
    font-size: 18px;
    line-height: 1;
    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;
    border-radius: 50px;
    overflow: hidden;
    color: #2b2b2b;
}
.xpro-heading-separator-icon::after,
.xpro-heading-separator-icon::before,
.xpro-infobox-separator-icon::after,
.xpro-infobox-separator-icon::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 80px;
    border-top: 1px solid #2b2b2b;
    margin: 0 -15px;
}
.xpro-heading-separator-text {
    position: relative;
    font-size: 15px;
    color: #2b2b2b;
    display: inline-block;
    padding: 0 80px;
}
.xpro-heading-separator-text::after,
.xpro-heading-separator-text::before,
.xpro-infobox-separator-text::after,
.xpro-infobox-separator-text::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 80px;
    border: 1px solid #2b2b2b;
    margin: 0 -15px;
}
.xpro-heading-icon-position-behind .xpro-heading-icon,
.xpro-infobox-media-position-behind .xpro-infobox-media {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 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-heading-icon-position-behind .xpro-heading-icon > i {
    height: 200px;
    width: 200px;
    font-size: 180px;
    background-color: transparent;
    color: #f7f7f7;
}
.rotateInX {
    -webkit-animation: 1.2s flipInX;
    animation: 1.2s flipInX;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.typed-cursor {
    padding: 0 2px;
    color: var(--e-global-color-primary);
    font-weight: 400;
    -webkit-animation: 0.7s infinite xpro-blink;
    animation: 0.7s infinite xpro-blink;
}
.animated.hueRotate {
    -webkit-animation: 10s linear infinite xpro-hue;
}
@-webkit-keyframes xpro-hue {
    from {
        -webkit-filter: hue-rotate(0deg);
    }
    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}
@keyframes xpro-blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
@-webkit-keyframes xpro-blink {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.xpro-tabs-horizontal > .xpro-tab-list-wrapper {
    margin-bottom: 30px;
}
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
}
.xpro-tabs-horizontal.xpro-tab-layout-15 > .xpro-tab-list-wrapper > .xpro-tab-list > li,
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li.active {
    z-index: 2;
}
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    color: #2b2b2b;
    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;
    padding: 18px 30px;
    -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;
    font-size: 16px;
    line-height: 1;
    height: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li:last-child > a {
    margin-right: 0 !important;
}
.xpro-matrix-style-2 .xpro-matrix-head,
.xpro-matrix-style-2 .xpro-matrix-package-list > li,
.xpro-slider-navigation .slick-nav-next:hover,
.xpro-slider-navigation .slick-nav-prev:hover,
.xpro-tab-main > .xpro-tab-content-wrapper > .tab-accordion-label.active,
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a {
    color: #fff;
    background-color: var(--e-global-color-primary);
}
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper {
    line-height: 1;
    margin-right: 10px;
}
.xpro-elementor-hamburger-close-btn > i,
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper > .xpro-tab-icon > i {
    font-size: 18px;
}
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper > .xpro-tab-icon > svg,
.xpro-toggle-icon > svg {
    width: 16px;
    height: auto;
}
.xpro-tabs-horizontal > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper > .xpro-tab-media-image > img {
    width: 100px;
    height: auto;
}
.xpro-tab-main > .xpro-tab-content-wrapper {
    background-color: transparent;
}
.xpro-tab-main > .xpro-tab-content-wrapper > .xpro-tab-content {
    padding: 15px;
    background-color: #f9f9f9;
    font-size: 14px;
    text-align: left;
    color: #282828;
    margin: 0;
    border: none;
    display: none;
}
.xpro-coupon-code .xpro-coupon-msg.active .xpro-coupon-code-copied,
.xpro-elementor-modal-popup-wrapper.active .xpro-elementor-modal-popup-inner,
.xpro-post-list-author-content > a,
.xpro-post-list-author-content > span,
.xpro-post-tiles-featured-item .xpro-post-tiles-excerpt,
.xpro-slider .slick-initialized,
.xpro-tab-main > .xpro-tab-content-wrapper > .xpro-tab-content.active,
.xpro-tabs-horizontal.xpro-tab-layout-5 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a > .xpro-tab-media-wrapper > .xpro-tab-icon > i,
.xpro-unfold-btn.active .btn2,
.xpro-unfold-btn.active .icon2 {
    display: block;
}
.elementor-widget-xpro-hover-card,
.elementor-widget-xpro-image-accordion,
.xpro-hamburger-fullFadeIn,
.xpro-hamburger-fullFromBottom,
.xpro-hamburger-fullFromTop,
.xpro-hamburger-pushLeft,
.xpro-hamburger-pushRight,
.xpro-hamburger-slideLeft,
.xpro-hamburger-slideRight,
.xpro-hover-card-item-12,
.xpro-hover-card-item-14,
.xpro-matrix:not(.xpro-matrix-style-6) .item,
.xpro-tabs-horizontal.xpro-tab-layout-16 > .xpro-tab-list-wrapper > .xpro-tab-list,
.xpro-tabs-horizontal.xpro-tab-layout-1 > .xpro-tab-list-wrapper > .xpro-tab-list,
.xpro-tabs-horizontal.xpro-tab-layout-4 > .xpro-tab-list-wrapper > .xpro-tab-list,
.xpro-tabs-horizontal.xpro-tab-layout-5 > .xpro-tab-list-wrapper > .xpro-tab-list,
.xpro-tabs-horizontal.xpro-tab-layout-6 > .xpro-tab-list-wrapper > .xpro-tab-list,
.xpro-tabs-horizontal.xpro-tab-layout-8 > .xpro-tab-list-wrapper > .xpro-tab-list,
.xpro-testimonial-thumbs-layout-11 {
    overflow: hidden;
}
.xpro-tabs-horizontal.xpro-tab-layout-2 > .xpro-tab-list-wrapper > .xpro-tab-list {
    border-radius: 50px;
    box-shadow: -1px 0 23px -6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0 23px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 0 23px -6px rgba(0, 0, 0, 0.2);
}
.xpro-tabs-horizontal.xpro-tab-layout-2 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a,
.xpro-tabs-horizontal.xpro-tab-layout-5 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    border-radius: 50px;
}
.xpro-tabs-horizontal.xpro-tab-layout-3 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
    z-index: -1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-top: 5px solid var(--e-global-color-primary);
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    -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-matrix-dots > .owl-dot.active:before,
.xpro-tabs-horizontal.xpro-tab-layout-3 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}
.xpro-tabs-horizontal.xpro-tab-layout-4 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    z-index: 1;
    border-bottom: 5px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    -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-tabs-horizontal.xpro-tab-layout-6 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    -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-infobox-media-position-top .xpro-infobox-media,
.xpro-post-list-excerpt,
.xpro-tabs-horizontal.xpro-tab-layout-6 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper,
.xpro-tabs-horizontal.xpro-tab-layout-7 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper,
.xpro-tabs-horizontal.xpro-tab-layout-8 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper {
    margin: 0 0 10px;
}
.xpro-tabs-horizontal.xpro-tab-layout-7 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    -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;
    position: relative;
}
.xpro-tabs-horizontal.xpro-tab-layout-7 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
    z-index: -1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-top: 10px solid var(--e-global-color-primary);
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
    -webkit-transition: 0.2s linear 0.2s;
    -o-transition: 0.2s linear 0.2s;
    transition: 0.2s linear 0.2s;
}
.xpro-tabs-horizontal.xpro-tab-layout-7 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
.xpro-tabs-horizontal.xpro-tab-layout-8 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 110px;
    min-width: 110px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.xpro-matrix-item-button:hover,
.xpro-split-slider-btn:hover,
.xpro-tabs-horizontal.xpro-tab-layout-8 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a {
    background-color: transparent;
    color: var(--e-global-color-primary);
}
.xpro-tabs-horizontal.xpro-tab-layout-8 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 15px;
    width: 35px;
    height: 5px;
    background-color: var(--e-global-color-primary);
}
.xpro-tabs-horizontal.xpro-tab-layout-10 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a,
.xpro-tabs-horizontal.xpro-tab-layout-9 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    color: #2b2b2b;
    background-color: transparent;
    height: 70px;
}
.xpro-tabs-horizontal.xpro-tab-layout-10 > .xpro-tab-list-wrapper > .xpro-tab-list > li:after,
.xpro-tabs-horizontal.xpro-tab-layout-10 > .xpro-tab-list-wrapper > .xpro-tab-list > li:before,
.xpro-tabs-horizontal.xpro-tab-layout-9 > .xpro-tab-list-wrapper > .xpro-tab-list > li:after,
.xpro-tabs-horizontal.xpro-tab-layout-9 > .xpro-tab-list-wrapper > .xpro-tab-list > li:before {
    position: absolute;
    content: "";
    width: 50%;
    height: 1px;
    background-color: #2b2b2b;
    bottom: 0;
}
.xpro-tabs-horizontal.xpro-tab-layout-10 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active:after,
.xpro-tabs-horizontal.xpro-tab-layout-10 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active:before,
.xpro-tabs-horizontal.xpro-tab-layout-9 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active:after,
.xpro-tabs-horizontal.xpro-tab-layout-9 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active:before {
    width: calc(50% - 10px);
}
.xpro-tabs-horizontal.xpro-tab-layout-10 > .xpro-tab-list-wrapper > .xpro-tab-list > li,
.xpro-tabs-horizontal.xpro-tab-layout-9 > .xpro-tab-list-wrapper > .xpro-tab-list > li {
    margin: 0 -3px;
}
.xpro-tabs-horizontal.xpro-tab-layout-9 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a::before {
    content: "";
    position: absolute;
    bottom: -7px;
    height: 15px;
    width: 15px;
    border: 1px solid #2b2b2b;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    border-top-color: transparent !important;
    border-left-color: transparent !important;
}
.xpro-tabs-horizontal.xpro-tab-layout-10 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a::before {
    content: "";
    position: absolute;
    bottom: -7px;
    height: 15px;
    width: 15px;
    border: 1px solid #2b2b2b;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
}
.xpro-tabs-horizontal.xpro-tab-layout-11 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    margin-right: -10px;
    border-top-right-radius: 30px;
    background-color: #e2e2e2;
}
.slider-dots-box .slick-dots > li.slick-active > .slick-dot,
.xpro-accordion-header:hover,
.xpro-accordion-list.active .xpro-accordion-header,
.xpro-cookies-wrapper,
.xpro-creative-btn-layout-13 .xpro-creative-btn,
.xpro-elementor-button-primary,
.xpro-one-page-nav-anchor.active,
.xpro-one-page-nav-anchor:hover,
.xpro-slider .slick-dots > li.slick-active > .slick-dot,
.xpro-tabs-horizontal.xpro-tab-layout-11 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a,
.xpro-unfold-btn {
    background-color: var(--e-global-color-primary);
}
.xpro-tabs-horizontal.xpro-tab-layout-12 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a,
.xpro-tabs-horizontal.xpro-tab-layout-15 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    color: #2b2b2b;
    -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;
    margin-bottom: 20px;
    padding: 0 !important;
    border: none !important;
    background: 0 0 !important;
    border-radius: 0 !important;
}
.xpro-tabs-horizontal.xpro-tab-layout-12 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper,
.xpro-tabs-horizontal.xpro-tab-layout-13 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper,
.xpro-tabs-horizontal.xpro-tab-layout-14 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper {
    font-size: 25px;
    height: 100px;
    width: 100px;
    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: 2px solid #e6e6e6;
    margin: 0 0 20px;
    border-radius: 50%;
    color: #bdbdbd;
}
.xpro-tabs-horizontal.xpro-tab-layout-12 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a > .xpro-tab-media-wrapper,
.xpro-tabs-horizontal.xpro-tab-layout-13 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a > .xpro-tab-media-wrapper,
.xpro-tabs-horizontal.xpro-tab-layout-14 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a > .xpro-tab-media-wrapper,
.xpro-tabs-horizontal.xpro-tab-layout-15 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a > .xpro-tab-media-wrapper {
    color: var(--e-global-color-primary);
    border-color: var(--e-global-color-primary);
}
.xpro-matrix-style-4 .featured .xpro-matrix-item-desc,
.xpro-matrix-style-4 .featured .xpro-matrix-item-duration,
.xpro-matrix-style-4 .featured .xpro-matrix-item-name,
.xpro-matrix-style-4 .featured .xpro-matrix-item-price,
.xpro-post-meta-list-icon > i,
.xpro-tabs-horizontal.xpro-tab-layout-12 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a,
.xpro-tabs-horizontal.xpro-tab-layout-13 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a,
.xpro-tabs-horizontal.xpro-tab-layout-14 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a,
.xpro-tabs-horizontal.xpro-tab-layout-15 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a,
.xpro-tabs-vertical > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a {
    color: var(--e-global-color-primary);
}
.xpro-tabs-horizontal.xpro-tab-layout-13 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    position: relative;
    color: #2b2b2b;
    -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;
    margin-right: 40px;
    margin-bottom: 20px;
    padding: 0 !important;
    border: none !important;
    background: 0 0 !important;
    border-radius: 0 !important;
}
.xpro-tabs-horizontal.xpro-tab-layout-13 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a::after {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: var(--e-global-color-primary);
}
.xpro-tabs-horizontal.xpro-tab-layout-14 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    position: relative;
    color: #2b2b2b;
    -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;
    margin-bottom: 20px;
    padding: 0 !important;
    border: none !important;
    background: 0 0 !important;
    border-radius: 0 !important;
}
.xpro-tabs-horizontal.xpro-tab-layout-14 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a::after {
    content: "";
    font-weight: 700;
    position: relative;
    width: 8px;
    height: 8px;
    background-color: var(--e-global-color-primary);
    border-radius: 50px;
}
.xpro-tabs-horizontal.xpro-tab-layout-15 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper::after {
    content: "";
    height: auto;
    top: 50%;
    border: 1px solid #e6e6e6;
    border-bottom-width: 0 !important;
    position: absolute;
    width: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}
.xpro-tabs-horizontal.xpro-tab-layout-15 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper {
    position: relative;
    font-size: 25px;
    height: 100px;
    width: 100px;
    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: 2px solid #e6e6e6;
    margin: 0 0 20px;
    border-radius: 50%;
    color: #bdbdbd;
}
.xpro-tabs-horizontal.xpro-tab-layout-16 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 170px;
    width: 170px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 25px;
}
.xpro-tabs-horizontal.xpro-tab-layout-16 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a::before {
    content: attr(data-text);
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
}
.xpro-tabs-horizontal.xpro-tab-layout-16 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper {
    position: absolute;
    margin: 0;
    bottom: 0;
    right: 0;
    font-size: 65px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    color: #fff;
}
.xpro-tabs-horizontal.xpro-tab-layout-16 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a > .xpro-tab-media-wrapper {
    opacity: 0.2;
    visibility: visible;
}
.xpro-coupon-code.active .xpro-coupon-code-final,
.xpro-live-search-post-item,
.xpro-mega-menu-align-space-between .xpro-mega-menu-layout-horizontal .xpro-mega-menu-navbar-nav,
.xpro-tab-main.xpro-tabs-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.xpro-tabs-vertical > .xpro-tab-list-wrapper > .xpro-tab-list {
    display: block;
    padding: 0;
    margin: 0;
}
.xpro-tabs-vertical > .xpro-tab-list-wrapper {
    width: 30%;
    margin-right: 30px;
    padding: 30px;
    background-color: #eaeaea;
}
.xpro-tabs-vertical > .xpro-tab-content-wrapper {
    width: 70%;
    display: inline-block;
}
.xpro-tabs-vertical > .xpro-tab-list-wrapper > .xpro-tab-list > li {
    list-style: none;
}
.xpro-tabs-vertical > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    color: #2b2b2b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    -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;
    font-size: 16px;
    line-height: 1;
}
.xpro-elementor-vertical-navbar li > a > i,
.xpro-tab-main > .xpro-tab-content-wrapper > .tab-accordion-label > .xpro-tab-media-wrapper,
.xpro-tabs-vertical > .xpro-tab-list-wrapper > .xpro-tab-list > li > a > .xpro-tab-media-wrapper {
    margin-right: 10px;
}
.xpro-tabs-vertical.xpro-tab-layout-1 > .xpro-tab-list-wrapper {
    padding-right: 0;
}
.xpro-tabs-vertical.xpro-tab-layout-1 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    padding-left: 20px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.xpro-facebook-feed-layout-4 .xpro-facebook-feed-readmore,
.xpro-tabs-vertical.xpro-tab-layout-1 > .xpro-tab-list-wrapper > .xpro-tab-list > li:last-child > a,
.xpro-testimonial-slider .xpro-testimonial-layout-3 > .elementor-widget-container {
    margin-bottom: 0;
}
.xpro-tabs-vertical.xpro-tab-layout-1 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a {
    background-color: #fff;
    padding-left: 20px;
}
.xpro-tabs-vertical.xpro-tab-layout-2 > .xpro-tab-list-wrapper {
    background-color: var(--e-global-color-primary);
    padding: 30px 0;
}
.xpro-tabs-vertical.xpro-tab-layout-2 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    position: relative;
    color: #fff;
    padding: 20px 30px;
}
.xpro-tabs-vertical.xpro-tab-layout-2 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a:before {
    font-size: 16px;
    line-height: 1;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    right: 40px;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-tabs-vertical.xpro-tab-layout-2 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a:before {
    opacity: 1;
    visibility: visible;
    right: 30px;
}
.xpro-tabs-vertical.xpro-tab-layout-2 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a,
.xpro-tabs-vertical.xpro-tab-layout-3 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a {
    color: #fff;
    background-color: #6bbcde;
}
.xpro-tabs-vertical.xpro-tab-layout-3 > .xpro-tab-list-wrapper {
    width: auto;
    background-color: var(--e-global-color-primary);
    padding: 30px 0;
}
.xpro-tabs-vertical.xpro-tab-layout-3 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    position: relative;
    color: #fff;
    padding: 20px 30px;
    min-width: 55px;
    min-height: 55px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.xpro-tabs-vertical.xpro-tab-layout-3 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    color: #6bbcde;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    z-index: -1;
    border-bottom: 30px solid transparent;
    border-left: 15px solid;
    border-top: 30px solid transparent;
    transform: -moz-translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
    transform: -webkit-translateY(-50%);
    -ms-transform: -ms-translateY(-50%);
    transform: -ms-translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}
.xpro-tabs-vertical.xpro-tab-layout-3 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a:after {
    right: -15px;
    opacity: 1;
    visibility: visible;
}
.xpro-tabs-vertical.xpro-tab-layout-4 > .xpro-tab-list-wrapper {
    background-color: transparent;
    padding: 0;
    margin-right: 150px;
}
.xpro-tabs-vertical.xpro-tab-layout-4 > .xpro-tab-list-wrapper > .xpro-tab-list > li > a {
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #efefef;
    border-radius: 10px;
    box-shadow: -1px 0 23px -6px rgb(0 0 0 / 20%);
    -webkit-box-shadow: -1px 0 23px -6px rgb(0 0 0 / 20%);
    -moz-box-shadow: -1px 0 23px -6px rgba(0, 0, 0, 0.2);
}
.xpro-tabs-vertical.xpro-tab-layout-4 > .xpro-tab-list-wrapper > .xpro-tab-list > li.active > a {
    background-color: var(--e-global-color-primary);
    color: #fff;
}
.xpro-tabs-vertical.xpro-tab-layout-4 > .xpro-tab-list-wrapper > .xpro-tab-list > li:nth-child(2n) > a {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}
.xpro-tab-main > .xpro-tab-content-wrapper > .tab-accordion-label {
    position: relative;
    color: #2b2b2b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -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;
    font-size: 16px;
    line-height: 1;
    background-color: #fff;
    border: 1px solid #ececec;
    display: none;
}
.xpro-tab-main > .xpro-tab-content-wrapper > .tab-accordion-label::before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    right: 20px;
    -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-vertical-menu-layout-accordion li > a.active > .xpro-dropdown-menu-toggle::before,
.xpro-tab-main > .xpro-tab-content-wrapper > .tab-accordion-label.active::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.xpro-pricing-carousel .xpro-pricing-item {
    position: relative;
    padding: 3em 4em;
    border-radius: 0.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0.2rem 1rem 0 rgb(36 36 36 / 10%);
    box-shadow: 0 0.2rem 1rem 0 rgb(36 36 36 / 10%);
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.xpro-matrix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1.2;
}
.xpro-elementor-breadcrumb-home > a,
.xpro-elementor-breadcrumb > li > span,
.xpro-elementor-modal-popup,
.xpro-matrix-dots,
.xpro-matrix-package-list > li,
.xpro-rest-menu-item,
i.xpro-matrix-tooltip-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
}
i.xpro-matrix-tooltip-toggle {
    position: relative;
    margin: 0 10px;
    font-size: 8px;
    height: 18px;
    width: 18px;
    z-index: 2;
    font-weight: 600;
    min-width: 18px;
    color: #ffcc6c;
    background-color: #fff3df;
    text-align: center;
    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-radius: 50px;
    cursor: pointer;
}
.xpro-matrix-tooltip {
    position: absolute;
    left: 25px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px;
    background-color: #efefef;
    color: #2b2b2b;
    font-size: 12px;
    border-radius: 5px;
    opacity: 0;
    text-align: left;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.xpro-matrix-tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #efefef transparent transparent;
}
.xpro-matrix-dots {
    display: flex;
    padding: 0 0 30px;
    list-style: none;
    margin: 0 -10px;
}
.xpro-matrix-dots.disabled {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.xpro-matrix-dots > .owl-dot {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
    border: 1px solid #ececec;
    padding: 15px 5px;
    line-height: 1.2;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    margin: 10px;
}
.xpro-matrix-dots > .owl-dot.active {
    color: #fff;
    border-color: var(--e-global-color-primary);
    background-color: var(--e-global-color-primary);
}
.xpro-matrix-dots > .owl-dot:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
    z-index: -1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-top: 5px solid var(--e-global-color-primary);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    -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-matrix-head {
    color: var(--e-global-color-primary);
    padding: 30px;
    font-size: 22px;
    border-bottom: 1px solid;
    border-color: #f3f3f3;
}
.xpro-matrix ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.xpro-matrix-package-list > li {
    padding: 15px 30px;
    border-bottom: 1px solid;
    border-color: #f3f3f3;
    height: 65px;
    line-height: 1.2;
    font-size: 16px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xpro-matrix-item-list > li:last-child,
.xpro-matrix-package-list > :last-child,
.xpro-mega-menu-wrapper .xpro-submenu-panel > li:last-child a {
    border-bottom: none;
}
.xpro-matrix .item,
.xpro-matrix-comparison,
.xpro-matrix-style-3 .item,
.xpro-matrix-style-3 .xpro-matrix-comparison {
    border: 1px solid #f3f3f3;
}
.xpro-matrix-comparison {
    min-width: 350px;
    max-width: 350px;
}
.xpro-matrix-slider-wrapper {
    max-width: calc(100% - 350px);
    position: relative;
}
.xpro-matrix-item-head {
    padding: 30px 15px;
    text-align: center;
    border-bottom: 1px solid;
    border-color: #f3f3f3;
    overflow: hidden;
    position: relative;
}
.xpro-matrix-item-name {
    font-size: 25px;
    margin: 0 0 15px;
}
.xpro-matrix-item-desc {
    margin: 0 0 15px;
}
.xpro-matrix-item-price {
    position: relative;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.xpro-matrix-currency {
    font-size: 25px;
    line-height: 1;
    display: inline-block;
    position: relative;
    margin: 0 5px 5px 0;
}
.xpro-matrix-item-button {
    padding: 15px 40px;
    background-color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    margin: 15px 0;
    text-align: center;
    -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-matrix-item-discount {
    font-size: 20px;
    text-decoration: line-through;
    margin: 0 5px 5px;
    color: #d8d8d8;
}
.xpro-matrix-item-list > li {
    padding: 5px;
    border-bottom: 1px solid;
    border-color: #f3f3f3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 65px;
    line-height: 1;
    font-size: 16px;
}
.xpro-matrix-item-list > li > .xpro-pricing-feature-icon > i {
    font-size: 14px;
    margin: 0 5px;
    color: #71d5a7;
}
.xpro-matrix-badge {
    position: absolute;
    font-size: 12px;
    top: 15px;
    right: -45px;
    padding: 10px;
    width: 150px;
    text-align: center;
    background-color: #4ec75b;
    border-bottom: 3px solid #0000000f;
    color: #fff;
    text-transform: uppercase;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.xpro-matrix-button-wrapper {
    height: auto;
}
.xpro-matrix-style-1 .xpro-matrix-item-button {
    margin: 25px 0 0;
}
.xpro-matrix-style-1 .featured .xpro-matrix-item-head {
    background-color: var(--e-global-color-primary);
    border-color: var(--e-global-color-primary);
    color: #fff;
}
.xpro-accordion-header:hover .xpro-accordion-icon,
.xpro-accordion-header:hover .xpro-accordion-title,
.xpro-accordion-header:hover .xpro-toggle-icon,
.xpro-accordion-list.active .xpro-accordion-icon,
.xpro-accordion-list.active .xpro-accordion-title,
.xpro-accordion-list.active .xpro-toggle-icon,
.xpro-ajax-data-fetch-layout-4 .xpro-live-search-no-result,
.xpro-ajax-data-fetch-layout-4 .xpro-live-search-post-item .xpro-live-search-post-content,
.xpro-ajax-data-fetch-layout-4 .xpro-live-search-post-item .xpro-live-search-post-title,
.xpro-ajax-data-fetch-layout-5 .xpro-live-search-no-result,
.xpro-ajax-data-fetch-layout-5 .xpro-live-search-post-item .xpro-live-search-post-content,
.xpro-ajax-data-fetch-layout-5 .xpro-live-search-post-item .xpro-live-search-post-title,
.xpro-facebook-feed-layout-3 .xpro-facebook-meta,
.xpro-matrix-style-1 .featured .xpro-matrix-item-name,
.xpro-matrix-style-1 .featured .xpro-matrix-item-price,
.xpro-matrix-style-4 .item:not(.featured) .xpro-matrix-item-desc,
.xpro-matrix-style-4 .item:not(.featured) .xpro-matrix-item-duration,
.xpro-matrix-style-4 .item:not(.featured) .xpro-matrix-item-name,
.xpro-matrix-style-4 .item:not(.featured) .xpro-matrix-item-price,
.xpro-matrix-style-5 .xpro-matrix-item-desc,
.xpro-matrix-style-5 .xpro-matrix-item-duration,
.xpro-matrix-style-5 .xpro-matrix-item-name,
.xpro-matrix-style-5 .xpro-matrix-item-price,
.xpro-one-page-nav-anchor:hover > .xpro-one-page-nav-icon > i,
.xpro-one-page-nav > li > a.active > .xpro-one-page-nav-icon > i {
    color: #fff;
}
.xpro-matrix-style-1 .featured .xpro-matrix-item-button {
    background-color: #fff;
    color: #2b2b2b;
    border-color: #fff;
}
.xpro-matrix-style-1 .featured .xpro-matrix-item-button:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
.xpro-matrix-style-2 .xpro-matrix-item-button {
    margin: 20px 0 0;
}
.xpro-matrix-style-2 .featured .xpro-matrix-item-head,
.xpro-matrix-style-4 .featured .xpro-matrix-item-head {
    padding-top: 50px;
}
.xpro-matrix-style-2 .item:not(.featured),
.xpro-matrix-style-4 .item:not(.featured) {
    padding-top: 20px;
}
.xpro-matrix-style-3,
.xpro-matrix-style-5 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}
.xpro-creative-btn-layout-19 .xpro-creative-btn:hover:after,
.xpro-creative-btn-layout-19 .xpro-creative-btn:hover:before,
.xpro-device-slider.owl-carousel .owl-stage,
.xpro-device-slider.owl-carousel .owl-stage .owl-item,
.xpro-device-slider.owl-carousel .owl-stage-outer,
.xpro-facebook-feed-layout-2 .xpro-facebook-feed-feature-image img,
.xpro-matrix-style-3 .xpro-matrix-comparison .xpro-matrix-head,
.xpro-matrix-style-5 .xpro-matrix-comparison .xpro-matrix-head,
.xpro-matrix-style-6 .xpro-matrix-comparison .xpro-matrix-head,
.xpro-split-slider-inner .slick-list,
.xpro-split-slider-inner .slick-track,
.xpro-split-slider-inner .slider-slide,
.xpro-split-slider-inner .xpro-split-slider-content,
.xpro-split-slider-inner .xpro-split-slider-img,
.xpro-video-box-wrap .plyr {
    height: 100%;
}
.xpro-matrix-style-3 .xpro-matrix-item-head {
    padding: 30px;
    text-align: left;
    border: none;
}
.xpro-matrix-style-3 .xpro-matrix-item-price,
.xpro-matrix-style-6 .xpro-matrix-item-price {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-bottom: 15px;
}
.xpro-matrix-style-3 .xpro-matrix-item-desc,
.xpro-matrix-style-6 .xpro-matrix-item-desc {
    margin-top: 15px;
    font-size: 16px;
    color: #b5b5b5;
    line-height: 1.4;
}
.xpro-matrix-style-3 .xpro-matrix-item-duration,
.xpro-matrix-style-6 .xpro-matrix-item-duration {
    font-size: 16px;
    color: #b5b5b5;
}
.xpro-matrix-style-3 .xpro-matrix-item-button {
    margin: 20px 0 0;
    border-radius: 0;
}
.xpro-matrix-style-3 .xpro-matrix-item-list > li {
    padding: 5px 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    border: none;
}
.xpro-facebook-feed-layout-4 .xpro-facebook-feed-item,
.xpro-matrix-style-3 .xpro-matrix-head,
.xpro-matrix-style-3 .xpro-matrix-package-list > li,
.xpro-matrix-style-6 .item,
.xpro-split-slider-inner.slick-vertical .slick-slide {
    border: none;
}
.xpro-matrix-style-4 .item:not(.featured) .xpro-matrix-item-head,
.xpro-matrix-style-5 .xpro-matrix-item-head {
    border-color: var(--e-global-color-primary);
    background-color: var(--e-global-color-primary);
}
.xpro-matrix-style-4 .xpro-matrix-comparison {
    margin-bottom: 130px;
}
.xpro-matrix-style-4 .xpro-matrix-item-list > li.xpro-matrix-button-wrapper {
    height: 90px;
}
.xpro-matrix-style-4 .featured .xpro-matrix-item-list > li.xpro-matrix-button-wrapper {
    height: 130px;
}
.xpro-matrix-style-5 .xpro-matrix-comparison {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 50px;
}
.xpro-matrix-style-5 .xpro-matrix-button-wrapper {
    height: 50px;
    padding: 0;
}
.xpro-matrix-style-5 .xpro-matrix-item-button {
    margin: 0;
    height: 100%;
    width: 100%;
    border-radius: 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-matrix-style-5 .xpro-matrix-item-head {
    border-radius: 0;
    padding: 0 0 30px;
    border: none;
}
.xpro-matrix-style-5 .xpro-matrix-item-name {
    font-size: 25px;
    padding: 10px;
    background-color: #00000024;
    color: #fff;
}
.xpro-infobox-btn,
.xpro-matrix-style-6 .xpro-matrix-badge {
    background-color: var(--e-global-color-primary);
    text-align: center;
}
.xpro-matrix-style-5 .featured .xpro-matrix-item-head {
    background-color: #21bdff;
}
.xpro-matrix-style-5 .owl-item .item,
.xpro-matrix-style-6 .owl-item .item {
    margin-left: 15px;
}
.xpro-matrix-style-5 .featured .xpro-matrix-item-button {
    background-color: #21bdff;
    border-color: #21bdff;
}
.xpro-matrix-style-5 .featured .xpro-matrix-item-button:hover {
    background-color: transparent;
    color: #21bdff;
}
.xpro-matrix-style-6 {
    margin-top: 35px;
    padding: 15px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.12);
}
.xpro-matrix-style-6 .xpro-matrix-comparison {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 65px;
    border: none;
}
.xpro-matrix-style-6 .xpro-matrix-item-head {
    padding: 30px;
    text-align: left;
    overflow: inherit;
}
.xpro-matrix-style-6 .xpro-matrix-item-list > li.xpro-matrix-button-wrapper {
    border-top: 1px solid #f3f3f3;
    padding: 15px 0 0;
    height: 65px;
}
.xpro-matrix-style-6 .xpro-matrix-item-button {
    margin: 0;
    border-radius: 0;
    width: 100%;
}
.xpro-matrix-style-6 .xpro-matrix-item-list > li {
    padding: 5px 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    border: none;
}
.xpro-matrix-style-6 .xpro-matrix-head,
.xpro-matrix-style-6 .xpro-matrix-package-list > li {
    border-color: transparent;
}
.xpro-matrix-style-6 .xpro-matrix-badge {
    width: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: none;
    padding: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: -50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.xpro-matrix-style-6 .xpro-matrix-badge:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    width: 0;
    height: 0;
    margin: 0 auto;
    z-index: 1;
    border-top: 5px solid var(--e-global-color-primary);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.xpro-matrix-style-6 .owl-carousel .owl-stage-outer {
    padding-top: 100px;
    margin-top: -100px;
}
.elementor-widget-xpro-infobox {
    position: relative;
    overflow: initial;
    padding: 3em 4em;
    border-radius: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.xpro-infobox-wrapper-inner {
    position: relative;
    width: 100%;
    display: inline-block;
}
.xpro-infobox-wrapper .xpro-infobox-title {
    position: relative;
    line-height: 1.2;
    font-size: 2.5rem;
    margin: 0 0 5px;
    font-weight: 300;
    z-index: 2;
}
.xpro-infobox-wrapper .xpro-infobox-subtitle {
    font-size: 16px;
    line-height: 1.2;
    margin: 10px 0;
    font-weight: 300;
    display: inline-block;
}
.xpro-infobox-media-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.xpro-infobox-wrapper .xpro-infobox-media-img > img {
    width: 200px;
}
.xpro-infobox-wrapper .xpro-infobox-media-icon > i {
    font-size: 30px;
    line-height: 1;
    color: #2b2b2b;
}
.xpro-infobox-wrapper .xpro-infobox-media-icon {
    height: 70px;
    width: 70px;
    background-color: #f3f3f3;
    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: 50%;
    overflow: hidden;
}
.xpro-infobox-wrapper .xpro-infobox-media-icon > svg {
    height: auto;
    width: 35px;
}
[class*="xpro-infobox-separator"] {
    line-height: 1;
    margin-bottom: 5px;
}
.xpro-infobox-media-position-float .xpro-infobox-wrapper-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    min-width: 100%;
}
.xpro-infobox-separator-text {
    position: relative;
    font-size: 14px;
    color: #2b2b2b;
    display: inline-block;
    padding: 0 80px;
}
.xpro-infobox-media-position-behind .xpro-infobox-media > i {
    height: 200px;
    width: 200px;
    font-size: 180px;
    border-color: transparent;
    color: #f7f7f7;
}
.xpro-infobox-wrapper .xpro-badge {
    margin: 10px;
}
.xpro-infobox-btn {
    padding: 12px 30px;
    border: none;
    color: #fff;
    line-height: 1;
    margin-top: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -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-infobox-btn:focus,
.xpro-infobox-btn:hover {
    color: #fff;
    background-color: var(--e-global-color-accent);
}
.xpro-hover-card-icon-left > i,
.xpro-infobox-icon-left > i,
.xpro-lightbox-btn.xpro-lightbox-btn-align-left > i,
.xpro-unfold-btn.xpro-unfold-align-icon-left .xpro-unfold-media > i,
.xpro-unfold-btn.xpro-unfold-align-icon-left .xpro-unfold-media > svg {
    margin-right: 5px;
}
.xpro-hover-card-icon-right > i,
.xpro-infobox-icon-right > i {
    margin-left: 5px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.xpro-parallax-yes {
    background-attachment: fixed;
}
.xpro-dual-button-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 500px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    position: relative;
}
.xpro-dual-button-wrapper .xpro-elementor-button,
.xpro-flip-icon-image,
.xpro-flip-icon-image > i,
.xpro-flip-icon-image > img,
.xpro-img-marquee-media,
.xpro-mega-menu-navbar-nav > li > a,
.xpro-text-marquee-wrapper .xpro-text-marquee-media,
.xpro-vertical-timeline-dates {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
}
.xpro-dual-button-wrapper .xpro-elementor-button {
    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;
    width: 100%;
    padding: 15px;
    min-width: max-content;
}
.xpro-dual-button-separator,
.xpro-elementor-vertical-menu-layout-sliding .back {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    color: #2b2b2b;
    line-height: 1;
}
.xpro-dual-button-wrapper .xpro-elementor-button span {
    position: relative;
    z-index: 2;
}
.xpro-dual-button-separator {
    position: absolute;
    z-index: 2;
    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;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 5px rgb(255 255 255 / 30%);
    box-shadow: 0 0 0 5px rgb(255 255 255 / 30%);
    text-transform: uppercase;
    font-size: 12px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.xpro-elementor-vertical-menu-wrapper {
    position: relative;
    width: 400px;
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    padding: 20px 40px;
    background-color: #f5f5f5;
}
.xpro-elementor-vertical-navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.xpro-elementor-vertical-navbar li {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}
.xpro-elementor-vertical-navbar li > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #b5b5b5;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.jp-audio :focus,
.jp-audio-stream :focus,
.jp-video :focus,
.xpro-elementor-vertical-navbar li > a:focus,
.xpro-remote-arrows > button:focus,
.xpro-slider :focus {
    outline: 0;
}
.xpro-elementor-vertical-menu-layout-accordion .xpro-elementor-vertical-navbar li:last-child > a,
.xpro-elementor-vertical-navbar li:last-child {
    border-bottom: none !important;
}
.xpro-elementor-vertical-navbar .xpro-dropdown-menu-toggle {
    margin-left: auto;
    font-size: 50%;
}
.xpro-elementor-vertical-menu-layout-default {
    overflow: visible;
    padding: 0;
}
.xpro-elementor-vertical-menu-layout-default .xpro-elementor-vertical-navbar li,
.xpro-unfold-inner,
.xpro-vertical-timeline-wrapper {
    padding: 20px;
}
.xpro-elementor-vertical-menu-layout-default li .xpro-elementor-dropdown-menu {
    position: absolute;
    top: 0;
    left: calc(100% + 1px);
    width: 100%;
    background-color: #f5f5f5;
    border: none;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    -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-vertical-menu-layout-default li.xpro-edge .xpro-elementor-dropdown-menu,
.xpro-mega-menu-wrapper .xpro-submenu-panel > li.xpro-edge > .xpro-submenu-panel {
    left: calc(-100% - 1px);
}
.xpro-elementor-vertical-menu-layout-default li.dropdown:hover > .xpro-elementor-dropdown-menu,
.xpro-hover-card-layout-15:hover .xpro-hover-card-content > .xpro-hover-card-sub-title,
.xpro-hover-card-layout-4:hover .xpro-hover-card-btn,
.xpro-hover-card-layout-5:hover .xpro-hover-card-content > :not(.xpro-hover-card-title),
.xpro-hover-card-layout-6:hover .xpro-hover-card-btn,
.xpro-hover-card-layout-7:hover .xpro-hover-card-content > .xpro-hover-card-sub-title,
.xpro-hover-card-layout-8:hover .xpro-hover-card-content > .xpro-hover-card-sub-title {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.xpro-elementor-vertical-menu-layout-default .xpro-dropdown-menu-toggle::before,
.xpro-elementor-vertical-menu-layout-sliding .xpro-dropdown-menu-toggle::before,
[class*="xpro-slider-navigation-horizontal"] .slick-nav-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
}
.elementor-align-right .xpro-elementor-vertical-menu-layout-accordion .xpro-elementor-vertical-navbar li > a,
.elementor-align-right .xpro-elementor-vertical-menu-layout-default .xpro-elementor-vertical-navbar li > a,
.xpro-accordion-align-right .xpro-accordion-header,
.xpro-align-icon-right .xpro-elementor-hamburger-toggle-inner,
.xpro-align-icon-right .xpro-elementor-modal-popup-toggle-inner,
.xpro-coupon-code-style-style-1 .xpro-coupon-code,
.xpro-lightbox-btn.xpro-lightbox-btn-align-right,
.xpro-post-list-align-right .xpro-post-list-item,
.xpro-post-list-align-right .xpro-post-list-meta-list > li,
.xpro-post-tiles-align-right .xpro-post-tiles-meta-list > li,
.xpro-testimonial-align-right .xpro-testimonial-layout-4 > .elementor-widget-container,
.xpro-testimonial-align-right .xpro-testimonial-layout-5 > .elementor-widget-container,
.xpro-testimonial-align-right .xpro-testimonial-layout-6 .xpro-testimonial-author,
.xpro-testimonial-align-right .xpro-testimonial-layout-7 .xpro-testimonial-author,
.xpro-testimonial-align-right .xpro-testimonial-layout-8 .xpro-testimonial-author,
.xpro-testimonial-align-right .xpro-testimonial-layout-9 .xpro-testimonial-author,
.xpro-unfold-btn.xpro-unfold-align-icon-right,
.xpro-vertical-timeline-item:nth-child(2n) .xpro-vertical-timeline-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.elementor-widget-xpro-testimonial-carousel > .elementor-widget-container,
.xpro-elementor-modal-popup,
.xpro-hover-card-content-wrapper,
.xpro-hover-card-layout-13 .xpro-hover-card-content,
.xpro-image-accordion-cont-wrap,
.xpro-post-list-content,
.xpro-post-tiles-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.elementor-align-right .xpro-elementor-vertical-menu-layout-accordion .xpro-elementor-vertical-navbar .xpro-dropdown-menu-toggle,
.elementor-align-right .xpro-elementor-vertical-menu-layout-default .xpro-elementor-vertical-navbar .xpro-dropdown-menu-toggle {
    margin-left: 0;
    margin-right: auto;
}
.elementor-align-right .xpro-elementor-vertical-menu-layout-default .xpro-dropdown-menu-toggle::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}
.elementor-align-right .xpro-elementor-vertical-menu-layout-accordion .xpro-elementor-vertical-navbar li > a > i,
.elementor-align-right .xpro-elementor-vertical-menu-layout-default .xpro-elementor-vertical-navbar li > a > i {
    margin-right: 0;
    margin-left: 10px;
}
.elementor-align-right .xpro-elementor-vertical-menu-layout-default li .xpro-elementor-dropdown-menu {
    left: auto;
    right: calc(100% + 1px);
}
.elementor-align-right .xpro-elementor-vertical-menu-layout-default li.xpro-edge .xpro-elementor-dropdown-menu {
    left: auto;
    right: calc(-100% - 1px);
}
.xpro-elementor-vertical-menu-layout-sliding .xpro-elementor-vertical-navbar {
    overflow: hidden;
    position: relative;
    height: 100% !important;
}
.xpro-elementor-vertical-menu-layout-sliding .xpro-elementor-vertical-navbar ul {
    float: left;
    width: 100%;
    overflow: hidden;
}
.xpro-elementor-vertical-menu-layout-sliding .back {
    position: relative;
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding: 0;
    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;
    z-index: 2;
    background-color: #e8e8e8;
    margin-bottom: 20px;
}
.xpro-elementor-vertical-menu-layout-sliding .back::before,
[class*="xpro-slider-navigation-horizontal"] .slick-nav-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
}
.xpro-elementor-vertical-menu-layout-accordion {
    padding: 0;
}
.xpro-elementor-vertical-menu-layout-accordion .xpro-elementor-vertical-navbar li {
    padding: 0;
    border-bottom: none;
}
.xpro-elementor-vertical-menu-layout-accordion .xpro-elementor-vertical-navbar li > a {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
}
.xpro-elementor-vertical-menu-layout-accordion .xpro-dropdown-menu-toggle::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    display: inline-block;
    -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;
}
.elementor-align-center .xpro-elementor-vertical-menu-layout-accordion .xpro-elementor-vertical-navbar .xpro-dropdown-menu-toggle {
    margin-left: 10px;
}
.xpro-elementor-hamburger-toggle {
    position: relative;
    display: inline-block;
    line-height: 1;
    background-color: var(--e-global-color-accent);
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    border: none;
    text-align: center;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-elementor-hamburger-toggle-inner,
.xpro-elementor-modal-popup-toggle-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-hamburger-overlay,
.xpro-mega-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100%;
    background-color: #0000009e;
    z-index: 98;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.xpro-elementor-hamburger-wrapper.active .xpro-elementor-hamburger-overlay {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease-in-out 0.3s;
    -o-transition: opacity 0.3s ease-in-out 0.3s;
    transition: opacity 0.3s ease-in-out 0.3s;
}
.xpro-elementor-hamburger-inner {
    text-align: left;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 400px;
    max-width: 100%;
    z-index: 99;
    padding: 30px;
    background-color: #fff;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: opacity 0.3s ease-in-out 0.2s, -webkit-transform 0.3s linear 0.2s;
    transition: opacity 0.3s ease-in-out 0.2s, -webkit-transform 0.3s linear 0.2s;
    -o-transition: transform 0.3s linear 0.2s, opacity 0.3s ease-in-out 0.2s;
    -webkit-box-shadow: 0 0 20px 0 #bfc0c13d;
    box-shadow: 0 0 20px 0 #bfc0c13d;
}
.xpro-elementor-hamburger-layout-pushRight .xpro-elementor-hamburger-inner,
.xpro-elementor-hamburger-layout-slideRight .xpro-elementor-hamburger-inner {
    right: 0;
    visibility: visible;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.xpro-elementor-hamburger-layout-fullFromBottom.active .xpro-elementor-hamburger-inner,
.xpro-elementor-hamburger-layout-fullFromTop.active .xpro-elementor-hamburger-inner,
.xpro-elementor-hamburger-layout-pushLeft.active .xpro-elementor-hamburger-inner,
.xpro-elementor-hamburger-layout-pushRight.active .xpro-elementor-hamburger-inner,
.xpro-elementor-hamburger-layout-slideLeft.active .xpro-elementor-hamburger-inner,
.xpro-elementor-hamburger-layout-slideRight.active .xpro-elementor-hamburger-inner {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.xpro-elementor-hamburger-layout-pushLeft .xpro-elementor-hamburger-inner,
.xpro-elementor-hamburger-layout-slideLeft .xpro-elementor-hamburger-inner {
    left: 0;
    visibility: visible;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.xpro-elementor-hamburger {
    -webkit-transition: margin 0.3s linear;
    -o-transition: margin 0.3s linear;
    transition: margin 0.3s linear;
}
body.xpro-hamburger-pushRight {
    margin-left: -400px;
    overflow: hidden;
}
body.xpro-hamburger-pushLeft {
    margin-right: -400px;
    overflow: hidden;
}
[class*="xpro-elementor-hamburger-layout-full"] .xpro-elementor-hamburger-inner {
    left: 0;
    right: 0;
    width: 100%;
}
.admin-bar .xtb-header-sticky:not(.xtb-appear) [class*="xpro-elementor-hamburger-layout-full"] .xpro-elementor-hamburger-inner {
    margin-top: 32px;
    height: calc(100vh - 32px);
}
.xpro-creative-btn-layout-4 .xpro-creative-btn:hover > .xpro-creative-btn-media,
.xpro-elementor-hamburger-layout-fullFadeIn .xpro-elementor-hamburger-inner {
    opacity: 0;
}
.xpro-elementor-hamburger-layout-fullFromTop .xpro-elementor-hamburger-inner {
    visibility: visible;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.xpro-elementor-hamburger-layout-fullFromBottom .xpro-elementor-hamburger-inner {
    visibility: visible;
    top: auto;
    bottom: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.elementor-widget-xpro-hamburger .widgetarea_wrapper_content {
    margin-top: 50px;
    display: block;
    text-align: left;
}
.xpro-elementor-hamburger-close-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    text-align: right;
    z-index: 9;
}
[class*="xpro-elementor-hamburger-layout-full"] .xpro-elementor-hamburger-close-wrapper {
    position: absolute;
    display: block;
    text-align: right;
    z-index: 99;
    top: 0;
    right: 0;
}
.xpro-elementor-hamburger-close-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    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;
    border: none;
    padding: 0;
    color: #2b2b2b;
    z-index: 2;
    background-color: #f5f5f5;
    cursor: pointer;
}
.xpro-elementor-hamburger-close-btn > svg,
.xpro-elementor-modal-popup-close-btn > svg {
    width: 20px;
    height: auto;
    fill: #2b2b2b;
}
.xpro-product-360-inner {
    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;
    overflow: hidden;
}
.xpro-product-360-inner > canvas {
    position: relative !important;
    display: inline-block;
    max-width: 100%;
}
.xpro-porduct-view-360-wrapper .spritespin-progress {
    color: #fff;
    background-color: #4e4e4e;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.elementor-widget-xpro-slider .elementor-invisible {
    visibility: inherit;
}
.elementor-widget-xpro-slider .slick-slider .slick-list,
.elementor-widget-xpro-slider .slick-slider .slick-track {
    direction: ltr;
}
.xpro-slider-wrapper .widgetarea_wrapper .widgetarea_wrapper_content {
    padding: 20px;
    text-align: center;
    background-color: #f3f3f3;
    height: 400px;
    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-slider-wrapper .slick-slide img {
    display: initial;
}
.xpro-slider .xpro-slide {
    position: relative;
    overflow: hidden;
    border: none !important;
}
.xpro-slider .xpro-slide:not(.slick-current) * {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.xpro-slider-navigation {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
}
.xpro-facebook-feed-layout-5 .xpro-facebook-author,
.xpro-img-marquee-vertical .xpro-img-marquee-media,
.xpro-one-page-nav-vertical .xpro-one-page-nav,
.xpro-testimonial-align-center .xpro-testimonial-layout-4 > .elementor-widget-container,
.xpro-testimonial-align-center .xpro-testimonial-layout-5 > .elementor-widget-container,
.xpro-testimonial-align-center .xpro-testimonial-layout-6 .xpro-testimonial-author,
.xpro-testimonial-align-center .xpro-testimonial-layout-7 .xpro-testimonial-author,
.xpro-testimonial-align-center .xpro-testimonial-layout-8 .xpro-testimonial-author,
.xpro-testimonial-align-center .xpro-testimonial-layout-9 .xpro-testimonial-author,
[class*="xpro-slider-navigation-vertical"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.xpro-slider-navigation .slick-nav-next,
.xpro-slider-navigation .slick-nav-prev {
    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;
    z-index: 2;
    border: 1px solid var(--e-global-color-primary);
    -webkit-transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out, border-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out, border-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out, border-color 0.2s ease-in-out;
}
.xpro-one-page-nav-wrapper.xpro-position-top-left,
.xpro-slider-navigation-position-top-left {
    top: 0;
    left: 0;
}
.xpro-one-page-nav-wrapper.xpro-position-top-right,
.xpro-slider-navigation-position-top-right {
    top: 0;
    right: 0;
}
.xpro-hover-card-layout-6 .xpro-hover-card-counter,
.xpro-one-page-nav-wrapper.xpro-position-top-center,
.xpro-slider-navigation-position-top-center {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.xpro-one-page-nav-wrapper.xpro-position-middle-left,
.xpro-slider-navigation-position-middle-left {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xpro-one-page-nav-wrapper.xpro-position-middle-right,
.xpro-slider-navigation-position-middle-right {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xpro-one-page-nav-wrapper.xpro-position-bottom-left,
.xpro-slider-navigation-position-bottom-left {
    bottom: 0;
    left: 0;
}
.xpro-one-page-nav-wrapper.xpro-position-bottom-right,
.xpro-slider-navigation-position-bottom-right {
    bottom: 0;
    right: 0;
}
.xpro-one-page-nav-wrapper.xpro-position-bottom-center,
.xpro-slider-navigation-position-bottom-center {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.xpro-slider-navigation-position-default {
    margin: 0;
    position: absolute;
    display: inline-block;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.xpro-slider-navigation-position-default .slick-nav-next,
.xpro-slider-navigation-position-default .slick-nav-prev {
    position: absolute;
    pointer-events: auto;
}
[class*="xpro-slider-navigation-horizontal"].xpro-slider-navigation-position-default .slick-nav-prev {
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
[class*="xpro-slider-navigation-horizontal"].xpro-slider-navigation-position-default .slick-nav-next {
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
[class*="xpro-slider-navigation-vertical"].xpro-slider-navigation-position-default .slick-nav-prev {
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
[class*="xpro-slider-navigation-vertical"].xpro-slider-navigation-position-default .slick-nav-next {
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.xpro-slider-navigation-horizontal-style-2 .slick-nav-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f060";
}
.xpro-slider-navigation-horizontal-style-2 .slick-nav-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
}
.xpro-slider-navigation-horizontal-style-3 .slick-nav-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f359";
}
.xpro-slider-navigation-horizontal-style-3 .slick-nav-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f35a";
}
.xpro-slider-navigation-horizontal-style-4 .slick-nav-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f30a";
}
.xpro-slider-navigation-horizontal-style-4 .slick-nav-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f30b";
}
.xpro-slider-navigation-horizontal-style-5 .slick-nav-prev::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e933";
}
.xpro-slider-navigation-horizontal-style-5 .slick-nav-next::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e934";
}
.xpro-slider-navigation-horizontal-style-6 .slick-nav-prev::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e912";
}
.xpro-slider-navigation-horizontal-style-6 .slick-nav-next::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e913";
}
.xpro-slider-navigation-horizontal-style-7 .slick-nav-prev::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\ea21";
}
.xpro-slider-navigation-horizontal-style-7 .slick-nav-next::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\ea22";
}
[class*="xpro-slider-navigation-vertical"] .slick-nav-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f077";
}
[class*="xpro-slider-navigation-vertical"] .slick-nav-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
}
.xpro-slider-navigation-vertical-style-2 .slick-nav-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f062";
}
.xpro-slider-navigation-vertical-style-2 .slick-nav-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f063";
}
.xpro-slider-navigation-vertical-style-3 .slick-nav-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f35b";
}
.xpro-slider-navigation-vertical-style-3 .slick-nav-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f358";
}
.xpro-slider-navigation-vertical-style-4 .slick-nav-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f30c";
}
.xpro-slider-navigation-vertical-style-4 .slick-nav-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f309";
}
.xpro-slider-navigation-vertical-style-5 .slick-nav-prev::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e935";
}
.xpro-slider-navigation-vertical-style-5 .slick-nav-next::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e932";
}
.xpro-slider-navigation-vertical-style-6 .slick-nav-prev::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e917";
}
.xpro-slider-navigation-vertical-style-6 .slick-nav-next::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e910";
}
.xpro-slider-navigation-vertical-style-7 .slick-nav-prev::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e918";
}
.xpro-slider-navigation-vertical-style-7 .slick-nav-next::before {
    font-family: xpro-icons;
    font-weight: 400;
    content: "\e911";
}
.slider-dots-box .slick-dots,
.xpro-slider .slick-dots {
    position: absolute;
    list-style: none;
    display: inline-block;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
    z-index: 3;
}
.slider-dots-box .slick-dots > li,
.xpro-slider .slick-dots > li {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 5px 0 0;
}
.slider-dots-box .slick-dots > li > .slick-dot,
.xpro-slider .slick-dots > li > .slick-dot {
    height: 12px;
    width: 12px;
    background-color: transparent;
    border-radius: 50px;
    border: 1px solid 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-slider-thumbs-wrapper {
    display: inline-block;
    position: absolute;
}
.xpro-slider-thumbs {
    position: relative;
    z-index: 3;
    margin: 20px;
}
.xpro-thumbs-layout-classic {
    background-color: #fff;
    padding: 15px;
}
.xpro-thumbs-orientation-horizontal {
    max-width: 300px;
}
.xpro-thumbs-orientation-vertical {
    max-width: 150px;
}
.xpro-slider-thumbs .xpro-slider-thumb-image {
    overflow: hidden;
    cursor: pointer;
    border: 3px solid transparent;
}
.xpro-slider-thumbs .slick-current .xpro-slider-thumb-image {
    border-color: var(--e-global-color-primary);
}
.xpro-slider-thumbs .xpro-slider-thumb-image > img {
    height: 100px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.xpro-thumbs-orientation-vertical .slick-slide {
    margin: 5px 0;
}
.owl-carousel .xpro-team-layout-10 .xpro-team-image,
.owl-carousel .xpro-team-layout-11 .xpro-team-image,
.xpro-creative-btn-layout-14 .xpro-creative-btn:hover:after,
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-link,
.xpro-facebook-feed-layout-1 .xpro-facebook-meta > div {
    width: 50%;
}
.owl-carousel .xpro-team-layout-10 img,
.owl-carousel .xpro-team-layout-11 img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.owl-carousel .xpro-team-layout-13 .xpro-team-social-list {
    right: 0;
    left: auto;
    z-index: 2;
}
.owl-carousel .xpro-team-layout-13 .xpro-team-social-list > li,
.xpro-hover-card-layout-14:hover .xpro-hover-card-wrapper .xpro-hover-card-content-wrapper {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.xpro-hover-card-layout-13,
.xpro-testimonial-slider {
    padding: 15px;
}
.xpro-testimonial-thumbs-layout-11,
.xpro-testimonial-thumbs-layout-12 {
    width: calc(120px * 3);
    padding: 30px 0;
    max-width: 100%;
    display: inline-block;
}
.xpro-testimonial-slider .swiper-slide,
.xpro-testimonial-thumbs .swiper-slide {
    overflow: initial;
}
.xpro-testimonial-align-center .xpro-testimonial-layout-2 .xpro-testimonial-quote {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 0 -30px;
}
.xpro-testimonial-align-right .xpro-testimonial-layout-2 .xpro-testimonial-quote {
    right: auto;
    left: 0;
    margin: 0 0 -30px 30px;
}
.xpro-testimonial-slider .xpro-testimonial-layout-3 {
    padding-bottom: 200px;
}
.xpro-testimonial-slider .xpro-testimonial-layout-3 .xpro-testimonial-author {
    margin-bottom: -200px;
}
.xpro-testimonial-align-center .xpro-testimonial-layout-4 .xpro-testimonial-image,
.xpro-testimonial-align-center .xpro-testimonial-layout-5 .xpro-testimonial-image,
.xpro-testimonial-align-center .xpro-testimonial-layout-6 .xpro-testimonial-image,
.xpro-testimonial-align-center .xpro-testimonial-layout-7 .xpro-testimonial-image,
.xpro-testimonial-align-center .xpro-testimonial-layout-8 .xpro-testimonial-image,
.xpro-testimonial-align-center .xpro-testimonial-layout-9 .xpro-testimonial-image {
    margin: 0 0 30px;
}
.xpro-testimonial-align-right .xpro-testimonial-layout-4 .xpro-testimonial-image,
.xpro-testimonial-align-right .xpro-testimonial-layout-5 .xpro-testimonial-image,
.xpro-testimonial-align-right .xpro-testimonial-layout-6 .xpro-testimonial-image,
.xpro-testimonial-align-right .xpro-testimonial-layout-7 .xpro-testimonial-image,
.xpro-testimonial-align-right .xpro-testimonial-layout-8 .xpro-testimonial-image,
.xpro-testimonial-align-right .xpro-testimonial-layout-9 .xpro-testimonial-image {
    margin: 0 0 0 30px;
}
.xpro-testimonial-align-center .xpro-testimonial-layout-5 .xpro-testimonial-quote {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 15px 0 0;
}
.xpro-testimonial-align-right .xpro-testimonial-layout-5 .xpro-testimonial-quote {
    right: 0;
    left: auto;
}
.xpro-testimonial-align-center .xpro-testimonial-layout-8 .xpro-testimonial-content::after {
    left: calc(50% - 20px);
}
.xpro-testimonial-align-right .xpro-testimonial-layout-8 .xpro-testimonial-content::after {
    left: auto;
    right: 60px;
}
.xpro-testimonial-layout-11 .xpro-testimonial-quote,
.xpro-testimonial-layout-12 .xpro-testimonial-quote {
    font-size: 40px;
    color: #ececec;
}
.xpro-facebook-feed-align-center .xpro-facebook-feed-layout-5 .xpro-facebook-author,
.xpro-testimonial-thumbs .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xpro-testimonial-thumbs .xpro-testimonial-image {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 10px solid #ececec;
    overflow: hidden;
    margin: 0 auto;
    opacity: 0.7;
    cursor: pointer;
}
.xpro-testimonial-thumbs .swiper-slide-active .xpro-testimonial-image {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
}
.xpro-testimonial-layout-11 > .elementor-widget-container,
.xpro-testimonial-layout-12 > .elementor-widget-container {
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 3%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 3%);
    padding: 50px;
}
.elementor-widget-xpro-testimonial-carousel > .elementor-widget-container {
    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;
}
.xpro-testimonial-thumbs-layout-12 {
    overflow: hidden;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.xpro-slide-anything .owl-item .xpro-slide-item-inner img {
    width: auto;
    display: inline-block;
}
.xpro-slide-anything-wrapper .widgetarea_wrapper .widgetarea_wrapper_content {
    display: block;
    padding: 50px 20px;
    text-align: center;
    background-color: #f3f3f3;
}
.xpro-logo-carousel-figure > img {
    display: inline-block !important;
}
.xpro-hover-card-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #5f656747;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.elementor-widget-xpro-hover-card:hover .xpro-hover-card-content-wrapper {
    background-color: rgba(95, 101, 103, 0.5);
}
.xpro-hover-card-content {
    margin: 50px;
    overflow: hidden;
}
.xpro-hover-card-image {
    height: 700px;
    width: 100%;
    overflow: hidden;
}
.xpro-device-slider.owl-carousel .xpro-device-slider-item > img,
.xpro-hover-card-wrapper .xpro-hover-card-image > img,
.xpro-split-slider-inner .xpro-split-slider-img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.xpro-hover-card-sub-title {
    font-size: 17px;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 500;
}
.xpro-hover-card-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 15px;
}
.xpro-hover-card-description {
    font-weight: 400;
    color: #fff;
    margin: 0;
}
.elementor-widget-xpro-hover-card .xpro-hover-card-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    margin-top: 25px;
    text-decoration: underline;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-hover-card-counter {
    position: absolute;
    top: 0;
    left: 0;
    margin: 50px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
}
.xpro-hover-card-layout-1 .xpro-hover-card-image > img,
.xpro-hover-card-layout-9 .xpro-hover-card-image > img {
    width: calc(100% + 50px);
    max-width: calc(100% + 50px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}
.xpro-hover-card-layout-1:hover .xpro-hover-card-image > img,
.xpro-hover-card-layout-3:hover .xpro-hover-card-image > img,
.xpro-hover-card-layout-7:hover .xpro-hover-card-image > img,
.xpro-hover-card-layout-8:hover .xpro-hover-card-image > img,
.xpro-hover-card-layout-9:hover .xpro-hover-card-image > img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.xpro-hover-card-layout-2 {
    -webkit-box-shadow: 0 0 10px 3px #2b2b2b17;
    box-shadow: 0 0 10px 3px #2b2b2b17;
}
.xpro-hover-card-layout-2 .xpro-hover-card-image > img,
.xpro-hover-card-layout-6 .xpro-hover-card-image > img {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.xpro-hover-card-layout-2:hover .xpro-hover-card-image > img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.xpro-hover-card-layout-2 .xpro-hover-card-btn {
    width: 100%;
    padding: 40px;
    background-color: #3a3a3a;
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.xpro-hover-card-layout-3 .xpro-hover-card-btn {
    width: 100%;
    padding: 40px;
    background: 0 0;
    color: #fff;
    border-top: 1px solid #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.xpro-hover-card-layout-3 .xpro-hover-card-image > img {
    position: relative;
    width: calc(100% + 50px);
    max-width: calc(100% + 50px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    left: -40px;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
}
.xpro-hover-card-layout-4 {
    background-color: #2b2b2b;
}
.xpro-hover-card-layout-4 .xpro-hover-card-btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.xpro-hover-card-layout-4 .xpro-hover-card-image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    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-hover-card-layout-4:hover .xpro-hover-card-image img {
    width: 80%;
    height: 80%;
}
.xpro-hover-card-layout-4 .xpro-hover-card-content-wrapper {
    background: 0 0;
}
.xpro-hover-card-layout-5 {
    padding-bottom: 100px;
}
.xpro-hover-card-layout-5 .xpro-hover-card-content {
    position: relative;
    padding: 30px 30px 30px 100px;
    width: 100%;
    left: -100px;
    top: 100px;
    background: 0 0 !important;
    min-height: 200px;
}
.xpro-hover-card-layout-5 .xpro-hover-card-content:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    background-color: #292929;
    -webkit-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
}
.xpro-hover-card-layout-5 .xpro-hover-card-content > :not(.xpro-hover-card-title) {
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-hover-card-layout-6 .xpro-hover-card-title {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    margin: 0 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xpro-hover-card-layout-6:hover .xpro-hover-card-title {
    margin-top: 0;
}
.xpro-hover-card-layout-6 .xpro-hover-card-btn {
    margin-top: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.xpro-hover-card-layout-6:hover .xpro-hover-card-image > img {
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
.xpro-hover-card-layout-10 .xpro-hover-card-content-wrapper,
.xpro-hover-card-layout-15 .xpro-hover-card-content-wrapper,
.xpro-hover-card-layout-7 .xpro-hover-card-content-wrapper,
.xpro-hover-card-layout-8 .xpro-hover-card-content-wrapper,
.xpro-post-tiles-align-center .xpro-post-tiles-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.xpro-hover-card-layout-10 .xpro-hover-card-content,
.xpro-hover-card-layout-7 .xpro-hover-card-content,
.xpro-hover-card-layout-8 .xpro-hover-card-content,
.xpro-hover-card-layout-9 .xpro-hover-card-content {
    padding: 50px;
}
.xpro-hover-card-layout-15 .xpro-hover-card-content > .xpro-hover-card-sub-title,
.xpro-hover-card-layout-7 .xpro-hover-card-content > .xpro-hover-card-sub-title,
.xpro-hover-card-layout-8 .xpro-hover-card-content > .xpro-hover-card-sub-title {
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-hover-card-layout-10 .xpro-hover-card-content > .xpro-hover-card-btn,
.xpro-hover-card-layout-10 .xpro-hover-card-content > .xpro-hover-card-description,
.xpro-hover-card-layout-15 .xpro-hover-card-content > .xpro-hover-card-btn,
.xpro-hover-card-layout-15 .xpro-hover-card-content > .xpro-hover-card-description,
.xpro-hover-card-layout-7 .xpro-hover-card-content > .xpro-hover-card-btn,
.xpro-hover-card-layout-7 .xpro-hover-card-content > .xpro-hover-card-description,
.xpro-hover-card-layout-8 .xpro-hover-card-content > .xpro-hover-card-btn,
.xpro-hover-card-layout-8 .xpro-hover-card-content > .xpro-hover-card-description {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
.xpro-hover-card-layout-10:hover .xpro-hover-card-content > .xpro-hover-card-btn,
.xpro-hover-card-layout-10:hover .xpro-hover-card-content > .xpro-hover-card-description,
.xpro-hover-card-layout-10:hover .xpro-hover-card-content > .xpro-hover-card-sub-title,
.xpro-hover-card-layout-10:hover .xpro-hover-card-content > .xpro-hover-card-title,
.xpro-hover-card-layout-15:hover .xpro-hover-card-content > .xpro-hover-card-btn,
.xpro-hover-card-layout-15:hover .xpro-hover-card-content > .xpro-hover-card-description,
.xpro-hover-card-layout-7:hover .xpro-hover-card-content > .xpro-hover-card-btn,
.xpro-hover-card-layout-7:hover .xpro-hover-card-content > .xpro-hover-card-description,
.xpro-hover-card-layout-8:hover .xpro-hover-card-content > .xpro-hover-card-btn,
.xpro-hover-card-layout-8:hover .xpro-hover-card-content > .xpro-hover-card-description {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.xpro-hover-card-layout-7 .xpro-hover-card-image > img {
    height: calc(100% + 30px);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
}
.xpro-hover-card-layout-7 .xpro-hover-card-content-wrapper::before {
    position: absolute;
    content: "";
    opacity: 0;
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    pointer-events: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
}
.xpro-hover-card-layout-7 .xpro-hover-card-content-wrapper::after {
    position: absolute;
    content: "";
    opacity: 0;
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    pointer-events: none;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
}
.xpro-hover-card-layout-8 .xpro-hover-card-image > img {
    height: calc(100% + 30px);
    margin-top: -30px;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
}
.xpro-hover-card-layout-8 .xpro-hover-card-content-wrapper::before {
    content: "";
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.xpro-hover-card-layout-9 .xpro-hover-card-content-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
}
.xpro-hover-card-layout-9 .xpro-hover-card-content > :not(.xpro-hover-card-title) {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
.xpro-hover-card-layout-9:hover .xpro-hover-card-content-wrapper::before,
.xpro-hover-card-layout-9:hover .xpro-hover-card-content > :not(.xpro-hover-card-title) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.xpro-hover-card-layout-9 .xpro-hover-card-content-wrapper::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: "";
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
}
.xpro-hover-card-layout-11 .xpro-hover-card-content,
.xpro-hover-card-layout-12 .xpro-hover-card-content,
.xpro-hover-card-layout-13 .xpro-hover-card-content,
.xpro-hover-card-layout-14 .xpro-hover-card-content {
    background: 0 0 !important;
    border-radius: 0 !important;
    margin: 0;
    padding: 50px;
}
.xpro-hover-card-layout-10 .xpro-hover-card-content > .xpro-hover-card-sub-title,
.xpro-hover-card-layout-10 .xpro-hover-card-content > .xpro-hover-card-title {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.xpro-hover-card-layout-10 .xpro-hover-card-content-wrapper::after,
.xpro-hover-card-layout-10 .xpro-hover-card-content-wrapper::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: "";
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
}
.xpro-hover-card-layout-10 .xpro-hover-card-content-wrapper::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}
.xpro-hover-card-layout-10 .xpro-hover-card-content-wrapper::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}
.xpro-hover-card-layout-11 {
    margin: 15px;
}
.xpro-hover-card-layout-11 .xpro-hover-card-wrapper .xpro-hover-card-content-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    background: #2b2b2b;
    -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-hover-card-layout-11:hover .xpro-hover-card-content-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(15px, 15px);
    -ms-transform: translate(15px, 15px);
    transform: translate(15px, 15px);
}
.xpro-hover-card-layout-12:hover .xpro-hover-card-image > img {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}
.xpro-hover-card-layout-12 .xpro-hover-card-wrapper .xpro-hover-card-content-wrapper {
    top: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    background: #2b2b2b;
    -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-cookies-wrapper.xpro-cookies-top.active,
.xpro-hover-card-layout-12:hover .xpro-hover-card-wrapper .xpro-hover-card-content-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.xpro-hover-card-layout-13:hover .xpro-hover-card-image > img {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}
.xpro-hover-card-layout-13 .xpro-hover-card-wrapper .xpro-hover-card-content-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    width: 50%;
    opacity: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    background: #2b2b2b;
    -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s;
    -o-transition: transform 0.4s, opacity 0.1s 0.3s;
}
.xpro-hover-card-layout-13:hover .xpro-hover-card-wrapper .xpro-hover-card-content-wrapper {
    opacity: 1;
    -webkit-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
    -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s;
    -o-transition: transform 0.4s, opacity 0.1s;
}
.xpro-hover-card-layout-13 .xpro-hover-card-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.xpro-hover-card-layout-13 .xpro-hover-card-btn {
    margin-top: auto !important;
}
.xpro-hover-card-layout-14:hover .xpro-hover-card-image > img {
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
}
.xpro-hover-card-layout-14 .xpro-hover-card-wrapper .xpro-hover-card-content-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #2b2b2b;
    width: 50%;
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
.xpro-hover-card-layout-15 .xpro-hover-card-image > img {
    -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-hover-card-layout-15:hover .xpro-hover-card-image > img {
    -webkit-transform: scale(1.2) rotate(3deg);
    -ms-transform: scale(1.2) rotate(3deg);
    transform: scale(1.2) rotate(3deg);
}
.xpro-hover-card-layout-15 .xpro-hover-card-content-wrapper::before {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    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-hover-card-layout-15 .xpro-hover-card-content-wrapper::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    width: 60px;
    height: 60px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    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-hover-card-layout-15:hover .xpro-hover-card-content-wrapper::after,
.xpro-hover-card-layout-15:hover .xpro-hover-card-content-wrapper::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.xpro-content-align-left .xpro-hover-card-content,
.xpro-facebook-feed-align-left .xpro-facebook-feed-wrapper .xpro-facebook-content-wrapper {
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.xpro-content-align-center .xpro-hover-card-content,
.xpro-facebook-feed-align-center .xpro-facebook-feed-wrapper .xpro-facebook-content-wrapper {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xpro-content-align-right .xpro-hover-card-content,
.xpro-facebook-feed-align-right .xpro-facebook-feed-wrapper .xpro-facebook-content-wrapper {
    text-align: right;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.xpro-content-align-left .xpro-hover-card-counter {
    left: 0;
    right: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.xpro-content-align-center .xpro-hover-card-counter {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.elementor-align-right .xpro-post-meta-list-item:after,
.xpro-content-align-right .xpro-hover-card-counter {
    left: auto;
    right: 0;
}
.xpro-accordion-header {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.02);
    background-color: #f1f1f1;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    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;
    cursor: pointer;
    -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-accordion-header .xpro-accordion-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.xpro-accordion-icon,
.xpro-post-meta-list-item .xpro-post-meta-list-text,
.xpro-rest-menu-info-title,
.xpro-vertical-timeline-title {
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
}
.xpro-accordion-align-right .xpro-accordion-title,
.xpro-facebook-feed-layout-1 .xpro-facebook-meta > div:nth-child(2),
.xpro-mega-menu-layout-horizontal {
    text-align: right;
}
.xpro-accordion-icon {
    font-size: 16px;
    line-height: 1;
    margin: 0 10px;
    transition: color 0.3s ease-in-out;
}
.xpro-accordion-align-right .xpro-accordion-icon {
    margin: 0 0 0 10px;
}
.xpro-accordion-image {
    width: 80px;
    line-height: 1;
    margin-right: 10px;
}
.xpro-toggle-icon {
    font-size: 16px;
    line-height: 1;
    z-index: 10;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-accordion-list.active .xpro-toggle-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 10;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-accordion-align-right .xpro-accordion-list.active .xpro-toggle-icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.xpro-accordion-content {
    display: none;
    border: 1px solid #eee;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.7;
}
.xpro-accordion-list {
    margin-bottom: 10px;
}
.xpro-accordion-list:last-child {
    margin-bottom: 0 !important;
}
.xpro-countdown {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-grid-columns: auto 15px auto 15px auto 15px auto;
    grid-template-columns: repeat(4, auto);
    display: -ms-inline-grid;
    display: inline-grid;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.xpro-countdown-item {
    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;
    padding: 25px 50px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px 2px rgb(0 0 0 / 5%);
    box-shadow: 0 0 15px 2px rgb(0 0 0 / 5%);
}
.xpro-countdown-time {
    font-size: 50px;
    line-height: 1.2;
}
.xpro-countdown-label {
    font-size: 14px;
    line-height: 1;
    margin: 5px 5px 0;
    color: #e0e0e0;
}
.xpro-countdown-separator-none .xpro-countdown-item:before,
.xpro-facebook-feed-layout-5 .xpro-facebook-feed-feature-image::after,
.xpro-mega-menu-layout-vertical .xpro-menu-has-dropdown > .xpro-megamenu-panel:after,
.xpro-mega-menu-layout-vertical .xpro-menu-has-dropdown > .xpro-submenu-panel:after {
    content: none;
}
[class*="xpro-countdown-separator-style"] .xpro-countdown-item:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    font-size: 30px;
    line-height: 1;
    width: 15px;
    text-align: center;
}
.xpro-source-code.prism-coy pre[class*="language-"]:after,
.xpro-source-code.prism-coy pre[class*="language-"]:before,
[class*="xpro-countdown-separator-style"] .xpro-countdown-item:nth-child(4)::before {
    content: none !important;
}
.xpro-countdown-separator-style-1 .xpro-countdown-item:before {
    content: "∶";
    font-size: 40px;
}
.xpro-countdown-separator-style-2 .xpro-countdown-item:before {
    content: "˙˙˙";
    height: 20px;
}
.xpro-countdown-separator-style-3 .xpro-countdown-item:before {
    content: "•";
}
.xpro-countdown-separator-style-4 .xpro-countdown-item:before {
    content: "*";
}
.xpro-countdown-separator-style-5 .xpro-countdown-item:before {
    content: "-";
}
.xpro-countdown-content-type-message {
    font-size: 20px;
    padding: 15px;
    color: #2b2b2b;
}
.xpro-flip-box-wrapper {
    position: relative;
    height: 300px;
    width: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.xpro-flip-box-inner {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.xpro-flip-box-front {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #c92a61;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
}
.xpro-flip-box-wrap-inner {
    padding: 0 20px;
}
.xpro-flip-icon-image {
    margin-bottom: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: max-content;
    overflow: hidden;
}
.xpro-draw-svg-wrapper svg,
.xpro-flip-icon-image > svg {
    width: 50px;
    height: auto;
}
.xpro-flip-icon-image > i {
    font-size: 30px;
    color: #fff;
    min-width: max-content;
}
.xpro-flip-icon-image > img {
    width: 100px;
    min-width: max-content;
}
.xpro-flip-box-badge {
    content: "";
    position: absolute;
    background-color: #ffffff38;
    padding: 12px;
    border-radius: 50px;
    margin: 10px;
    font-size: 18px;
    font-weight: 500;
}
.xpro-flip-box-separator {
    width: 50px;
    height: 2px;
    margin: 5px auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #fff;
}
.xpro-flip-title {
    margin-bottom: 0;
    color: #fff;
}
.xpro-flip-content {
    color: #fff;
    margin: 10px 0;
    font-size: 15px;
}
.xpro-flip-box-btn {
    display: inline-block;
    padding: 10px 25px;
    margin: 15px 0;
    background-color: #ffffff14;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-flip-box-btn:hover {
    color: #fff;
    background-color: #ffffff2b;
}
.xpro-flip-box-back {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #8d387f;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
}
.xpro-creative-btn-layout-15 .xpro-creative-btn,
.xpro-lightbox-btn,
.xpro-one-page-nav-anchor,
.xpro-one-page-nav > li,
.xpro-post-meta li a,
.xpro-post-meta-inline,
.xpro-unfold-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
}
.xpro-flip-box-back,
.xpro-flip-box-front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.xpro-animate-zoom-in.xpro-flip-box-wrapper .xpro-flip-box-back {
    opacity: 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    z-index: 3;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-animate-zoom-out.xpro-flip-box-wrapper .xpro-flip-box-front {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-animate-skewUp .xpro-flip-box-front {
    -webkit-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-animate-skewUp .xpro-flip-box-back {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: skew(-20deg, -10deg) scaleY(0.6);
    -ms-transform: skew(-20deg, -10deg) scaleY(0.6);
    transform: skew(-20deg, -10deg) scaleY(0.6);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-animate-up .xpro-flip-box-back,
.xpro-animate-up.xpro-flip-box-wrapper.xpro-custom-animte-up .xpro-flip-box-inner {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.xpro-animate-down .xpro-flip-box-back,
.xpro-animate-down.xpro-flip-box-wrapper.xpro-custom-animte-down .xpro-flip-box-inner {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.xpro-animate-left .xpro-flip-box-back,
.xpro-animate-left.xpro-flip-box-wrapper.xpro-custom-animte-left .xpro-flip-box-inner {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.xpro-animate-right .xpro-flip-box-back,
.xpro-animate-right.xpro-flip-box-wrapper.xpro-custom-animte-right .xpro-flip-box-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.xpro-animate-zoom-in.xpro-flip-box-wrapper.xpro-custom-animte-zoom-in .xpro-flip-box-back {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-animate-zoom-out.xpro-flip-box-wrapper.xpro-custom-animte-zoom-out .xpro-flip-box-front {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-animate-skewUp.xpro-flip-box-wrapper.xpro-custom-animate-skewUp .xpro-flip-box-front {
    -webkit-transform: skew(-20deg, -20deg) scaleX(0.3) scale(1.1);
    -ms-transform: skew(-20deg, -20deg) scaleX(0.3) scale(1.1);
    transform: skew(-20deg, -20deg) scaleX(0.3) scale(1.1);
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    visibility: hidden;
}
.xpro-animate-skewUp.xpro-flip-box-wrapper.xpro-custom-animate-skewUp .xpro-flip-box-back {
    opacity: 1;
    visibility: visible;
    -webkit-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-animate-down .xpro-flip-box-back,
.xpro-animate-down .xpro-flip-box-front,
.xpro-animate-left .xpro-flip-box-back,
.xpro-animate-left .xpro-flip-box-front,
.xpro-animate-right .xpro-flip-box-back,
.xpro-animate-right .xpro-flip-box-front,
.xpro-animate-up .xpro-flip-box-back,
.xpro-animate-up .xpro-flip-box-front {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.xpro-flip-box-3d .xpro-flip-box-back-inner,
.xpro-flip-box-3d .xpro-flip-box-front-inner {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0.1px);
    transform: translateZ(0.1px);
}
.xpro-flip-box-3d .xpro-flip-box-wrap {
    -webkit-transform: translateZ(90px) scale(0.91);
    transform: translateZ(90px) scale(0.91);
}
.xpro-post-meta {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.xpro-post-meta-inline {
    margin-right: -8px;
    margin-left: -8px;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xpro-post-meta-inline > li {
    margin-right: 8px;
    margin-left: 8px;
    word-break: break-word;
}
.xpro-post-meta li a {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: inherit;
    color: inherit;
}
.xpro-post-meta-list-item .xpro-post-meta-list-text {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: inline-block;
    padding-left: 5px;
    color: #2b2b2b;
    transition: color 0.3s ease-in-out;
}
.xpro-post-meta-list-item {
    position: relative;
    line-height: 1;
}
.xpro-post-meta-list-item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.elementor-align-left .xpro-post-meta-list-item:after {
    right: auto;
    left: 0;
}
.elementor-align-center .xpro-post-meta-list-item:after {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.xpro-post-meta-inline .xpro-post-meta-list-item:after {
    width: auto;
    left: auto;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-left-width: 1px;
    border-style: solid;
    right: -8px;
}
.xpro-elementor-post-navigation {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
}
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-arrow-prev {
    padding-right: 15px;
    -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-post-navigation .xpro-elementor-post-navigation-arrow-next {
    padding-left: 15px;
    -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-post-navigation .xpro-elementor-post-navigation-next-label,
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-next-title,
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-prev-label,
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-prev-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -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-post-navigation .xpro-elementor-post-navigation-next-title,
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-prev-title {
    font-size: 0.8em;
}
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-next a {
    text-align: right;
    float: right;
}
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-separator {
    height: 100%;
    width: 1px;
    margin: 0 auto;
    background-color: #d4d4d4;
}
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-next-label,
.xpro-elementor-post-navigation .xpro-elementor-post-navigation-prev-label {
    font-size: 18px;
    font-weight: 500;
}
.xpro-swiper-slider {
    position: relative;
    z-index: 1;
    max-width: 100%;
}
.xpro-swiper-slider .swiper-pagination {
    width: 100%;
    text-align: center;
}
.xpro-swiper-slider .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.xpro-swiper-next,
.xpro-swiper-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;
    z-index: 2;
    cursor: pointer;
}
.xpro-swiper-prev {
    left: -25px;
}
.xpro-swiper-next {
    right: -25px;
}
.xpro-swiper-pagination {
    text-align: center;
    margin-top: 20px;
}
.xpro-swiper-pagination .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    background-color: transparent;
    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;
}
.xpro-swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--e-global-color-primary);
    width: calc(12px * 2);
}
.xpro-post-grid-main.swiper-container-initialized,
.xpro-post-list-wrapper .xpro-elementor-post-pagination,
.xpro-split-slider-inner.slick-initialized {
    visibility: visible;
}
.xpro-post-list-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
}
.xpro-post-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
}
.xpro-post-list-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-list-content {
    padding: 15px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.xpro-post-list-btn,
.xpro-post-tiles-btn {
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: var(--e-global-color-accent);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-post-list-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: 25px;
}
.xpro-post-list-wrapper .xpro-post-list-author img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
}
.xpro-post-list-author-title {
    font-size: 14px;
    line-height: 1;
    color: #929292;
    margin-bottom: 5px;
}
.xpro-post-list-author-name {
    color: #2b2b2b;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
}
.xpro-post-list-author-name:hover,
.xpro-post-list-meta-list > li a,
.xpro-post-tiles-badge > a,
.xpro-post-tiles-badge > a:hover,
.xpro-post-tiles-meta-list > li a {
    color: inherit;
}
.xpro-post-list-image {
    height: 250px;
    width: 250px;
    max-width: 100%;
}
.xpro-post-list-wrapper .xpro-post-list-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-facebook-feed-feature-image::after,
.xpro-post-list-image::after,
.xpro-post-tiles-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: transparent;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.xpro-facebook-feed-item:hover .xpro-facebook-feed-feature-image::after,
.xpro-post-list-item:hover .xpro-post-list-image::after,
.xpro-post-tiles-item:hover::before {
    background-color: #0000004a;
}
.xpro-post-list-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-list-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-list-align-right .xpro-post-list-content,
.xpro-post-tiles-align-right .xpro-post-tiles-content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right;
}
.xpro-post-tiles-main {
    --grid-row-height: 250px;
    display: -ms-grid;
    display: grid;
    font-size: 10px;
    grid-auto-flow: dense;
    grid-auto-rows: minmax(var(--grid-row-height), 1fr);
    -ms-grid-columns: minmax(250px, 1fr);
    grid-gap: 20px;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: minmax(250px, 1fr) 15px minmax(250px, 1fr);
    grid-template-rows: repeat(2, minmax(var(--grid-row-height), 1fr));
}
.xpro-post-tiles-item {
    background-color: #637386;
}
.xpro-post-tiles-wrapper .xpro-post-tiles-item > img {
    position: absolute;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.xpro-post-tiles-content {
    position: absolute;
    bottom: 0;
    z-index: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 20px 20px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0)), to(#343434));
    background-image: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0, #343434 100%);
    background-image: linear-gradient(180deg, rgba(34, 34, 34, 0) 0, #343434 100%);
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.xpro-post-tiles-title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 5px;
    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-post-tiles-excerpt {
    font-size: 13px;
    color: #fff;
    margin: 0 0 10px;
    display: none;
}
.xpro-post-tiles-badge {
    font-size: 12px;
    line-height: 1;
    z-index: 1;
    padding: 7px 10px;
    border-radius: 3px;
    background-color: var(--e-global-color-accent);
    color: #fff;
    margin: 10px;
}
.xpro-post-tiles-meta-list {
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 10px;
}
.xpro-post-tiles-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: 13px;
    line-height: 1;
    color: #fff;
}
.xpro-creative-btn-layout-13.xpro-align-icon-right .xpro-creative-btn-media,
.xpro-post-tiles-align-right .xpro-post-tiles-meta-list,
.xpro-vertical-timeline-item:nth-child(2n) .xpro-vertical-timeline-content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.xpro-draw-svg-wrapper,
.xpro-elementor-modal-popup-close-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    -webkit-box-align: center;
}
.xpro-draw-svg-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    background-color: #f3f3f3;
}
body:not(.elementor-editor-active) .xpro-elementor-modal-popup-wrapper.xpro-hide {
    display: none;
    visibility: hidden;
    opacity: 0;
}
.xpro-elementor-modal-popup-toggle {
    position: relative;
    display: inline-block;
    line-height: 1;
    background-color: var(--e-global-color-accent);
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    border: none;
    text-align: center;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-elementor-modal-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0000009e;
    z-index: 98;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.xpro-elementor-modal-popup-wrapper.active .xpro-elementor-modal-popup-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.xpro-elementor-modal-popup-inner {
    position: fixed;
    z-index: 99;
    display: none;
    max-width: 100%;
}
.xpro-elementor-modal-popup {
    position: relative;
    width: 600px;
    max-width: 100%;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    overflow: auto;
}
.xpro-elementor-modal-popup-layout-inline .xpro-elementor-modal-popup-inner {
    position: relative;
    display: block;
    margin: 0;
    z-index: 2;
}
.xpro-elementor-modal-popup-layout-inline .xpro-elementor-modal-popup {
    width: 100%;
    background-color: #f7f7f7;
}
.xpro-elementor-modal-popup-inner .widgetarea_wrapper_content {
    padding: 100px 0;
}
.xpro-elementor-modal-popup-overlay ~ .xpro-elementor-modal-popup-inner .xpro-elementor-modal-popup,
.xpro-image-accordion-item ~ .xpro-image-accordion-content .xpro-image-accordion-cont-wrap,
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-wrapper:nth-of-type(2) .xpro-loader-ball,
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-wrapper:nth-of-type(2) .xpro-loader-ball-shadow,
.xpro-preloader-layout-9 .xpro-loader-spinner span:nth-child(4),
.xpro-preloader-layout-9 .xpro-loader-spinner span:nth-child(8) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.admin-bar .xpro-elementor-modal-popup-wrapper:not(.xpro-elementor-modal-popup-layout-inline) .xpro-elementor-modal-popup-inner {
    margin-top: 32px;
}
.xpro-elementor-modal-popup-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    width: 40px;
    height: 40px;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    padding: 0;
    color: #2b2b2b;
    z-index: 9;
    background-color: #f5f5f5;
    cursor: pointer;
}
.xpro-elementor-modal-popup-close-btn > i {
    font-size: 20px;
}
.xpro-elementor-modal-popup-wrapper .widgetarea_wrapper_content {
    display: block;
    text-align: center;
}
.xpro-elementor-breadcrumb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
    grid-gap: 15px;
    -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;
}
.xpro-elementor-breadcrumb > li {
    position: relative;
    color: #a8a8a8;
    font-size: 16px;
    line-height: 1.2;
}
.xpro-elementor-breadcrumb > li > a {
    color: var(--e-global-color-accent);
}
.xpro-elementor-breadcrumb-home > a {
    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-align: center;
    grid-gap: 5px;
}
.xpro-elementor-breadcrumb > li > span {
    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-align: center;
}
.xpro-elementor-breadcrumb-separator {
    line-height: 1;
}
.xpro-rest-menu-horizontal .xpro-rest-menu-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 15px auto;
    grid-template-columns: repeat(2, auto);
}
.xpro-rest-menu-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
    grid-template-columns: repeat(1, auto);
    grid-gap: 15px;
}
.xpro-rest-menu-item {
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 20px;
    grid-gap: 15px;
    background-color: #f9f9f9;
}
.xpro-rest-menu-item .xpro-rest-menu-media > img {
    width: 50px;
    min-width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.xpro-rest-menu-item .xpro-rest-menu-media > i {
    font-size: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: var(--e-global-color-primary);
    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-rest-menu-item .xpro-rest-menu-media > .xpro-rest-menu-media-custom {
    width: 60px;
    background-color: var(--e-global-color-primary);
    display: inline-block;
    text-align: center;
    font-size: 17px;
    color: #fff;
    border-radius: 5px;
    padding: 3px 5px;
}
.xpro-rest-menu-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow: hidden;
}
.xpro-rest-menu-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.xpro-rest-menu-info-title {
    margin: 5px 0;
    font-size: 20px;
    color: #282828;
    transition: color 0.3s ease-in-out;
}
.xpro-rest-menu-info-separator {
    padding: 0 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}
.xpro-rest-menu-info-separator > span {
    width: 100%;
    border-bottom: 2px dashed #e2e2e2;
    display: block;
}
.xpro-rest-menu-info-price {
    font-size: 18px;
    margin: 5px 0 0;
    display: block;
}
.xpro-rest-menu-text {
    font-size: 15px;
    margin: 5px 0 0;
}
.xpro-rest-menu-content .xpro-rest-menu-btn {
    position: relative;
    margin: 15px 0 0;
    color: var(--e-global-color-primary);
    font-size: 15px;
    font-weight: 600;
    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;
    grid-gap: 5px;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-device-slider-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.xpro-device-slider-inner > svg {
    z-index: 2;
    position: relative;
    pointer-events: none;
}
.xpro-device-slider.owl-carousel {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    overflow: hidden;
}
.xpro-device-slider-chrome .xpro-device-slider,
.xpro-device-slider-chrome-dark .xpro-device-slider {
    height: calc(100% - 9.5%);
    top: 8.5%;
    width: 100%;
}
.xpro-device-slider-edge .xpro-device-slider,
.xpro-device-slider-edge-dark .xpro-device-slider,
.xpro-device-slider-firefox .xpro-device-slider {
    height: calc(100% - 10%);
    top: 9%;
    width: 100%;
}
.xpro-device-slider-safari .xpro-device-slider {
    height: calc(100% - 8.5%);
    top: 7.5%;
}
.xpro-device-slider-desktop .xpro-device-slider {
    height: calc(100% - 36%);
    top: 4%;
    left: 4%;
    width: calc(100% - 8%);
}
.xpro-device-slider-imac .xpro-device-slider {
    height: calc(100% - 31%);
    width: 100%;
    top: 0;
    border-top-right-radius: 2.2%;
    border-top-left-radius: 2.2%;
}
.xpro-device-slider-macbookpro .xpro-device-slider {
    height: calc(100% - 17%);
    top: 5%;
    left: 10%;
    width: calc(100% - 20%);
}
.xpro-device-slider-macbookair .xpro-device-slider {
    height: calc(100% - 24%);
    top: 6%;
    left: 14%;
    width: calc(100% - 28.2%);
}
.xpro-device-slider-tablet .xpro-device-slider {
    height: calc(100% - 8%);
    top: 3.8%;
    left: 5%;
    width: calc(100% - 10%);
}
.xpro-device-slider-mobile > svg .xpro-device-color-1,
.xpro-device-slider-tablet > svg .xpro-device-color-1 {
    fill: #f0f0f0;
}
.xpro-device-slider-mobile > svg > .xpro-device-notch .xpro-device-color-2,
.xpro-device-slider-mobile > svg > g.xpro-device-buttons .xpro-device-color-1,
.xpro-device-slider-tablet > svg > .xpro-device-notch .xpro-device-color-2,
.xpro-device-slider-tablet > svg > g.xpro-device-buttons .xpro-device-color-1 {
    fill: #c2cbd2;
}
.xpro-device-slider-iphonex .xpro-device-slider {
    height: calc(100% - 2.8%);
    top: 1%;
    left: 3.8%;
    width: calc(100% - 7%);
    border-radius: 5%;
}
.xpro-device-slider-oneplus .xpro-device-slider {
    top: 0.5%;
    height: calc(100% - 1.5%);
    left: 1%;
    width: calc(100% - 2%);
    border-radius: 6.5%;
}
.xpro-device-slider-samsung .xpro-device-slider {
    top: 0.5%;
    height: calc(100% - 1.5%);
    left: 3%;
    width: calc(100% - 6%);
    border-radius: 4%;
}
.xpro-device-slider-mobile .xpro-device-slider {
    top: 2%;
    height: calc(100% - 5.1%);
    left: 6%;
    width: calc(100% - 12%);
}
.xpro-device-slider-item {
    height: 100%;
    position: relative;
    width: 100%;
}
.xpro-device-slider .xpro-device-slider-item > video {
    height: auto;
    width: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
}
.xpro-device-slider .xpro-device-slider-item > iframe {
    height: 100%;
    width: 100%;
}
.xpro-google-map {
    min-height: 360px;
    height: 100%;
    width: 100% !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.xpro-open-street-map {
    min-height: 400px;
    height: 100%;
    width: 100% !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.xpro-image-accordion-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 70vh;
}
.xpro-image-accordion-item {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: flex 0.4s, -webkit-box-flex 0.4s, -ms-flex 0.4s;
}
.xpro-image-accordion-click.xpro-image-accordion-item.active,
.xpro-image-accordion-hover.xpro-image-accordion-item:hover {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
}
.xpro-image-accordion-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 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;
    -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-image-accordion-click.active .xpro-image-accordion-content,
.xpro-image-accordion-hover:hover .xpro-image-accordion-content {
    background-color: rgba(0, 0, 0, 0.5);
    -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-image-accordion-cont-wrap {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -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-image-accordion-btn,
.xpro-one-page-nav-anchor,
.xpro-one-page-nav-tooltip,
.xpro-vertical-timeline-item {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.xpro-image-accordion-title {
    font-size: 30px;
    color: #fff;
    margin-bottom: 5px;
}
.xpro-image-accordion-text {
    font-size: 15px;
    color: #fff;
}
.xpro-image-accordion-btn {
    background-color: var(--e-global-color-primary);
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    transition: 0.3s ease-in-out;
}
.xpro-vertical-timeline-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}
.xpro-vertical-timeline-inner {
    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;
    width: 100%;
    max-width: 100%;
    grid-gap: 50px;
    padding-bottom: 50px;
    text-align: left;
}
.xpro-vertical-timeline-date,
.xpro-vertical-timeline-media {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
}
.xpro-vertical-timeline-item:last-child .xpro-vertical-timeline-inner {
    padding-bottom: 0 !important;
}
.xpro-vertical-timeline-date {
    line-height: 1;
    position: relative;
    width: 42%;
    max-width: 100%;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 3;
}
.xpro-creative-btn-layout-13 .xpro-creative-btn-media,
.xpro-creative-btn-layout-13.xpro-align-icon-left .xpro-creative-btn-media,
.xpro-creative-btn-layout-14 .xpro-creative-btn-media,
.xpro-mega-menu-layout-vertical li a,
.xpro-vertical-timeline-item:nth-child(2n) .xpro-vertical-timeline-date {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.xpro-vertical-timeline-dates {
    min-width: max-content;
}
.xpro-vertical-timeline-title {
    display: block;
    color: #2b2b2b;
    margin-bottom: 10px;
    transition: color 0.3s ease-in-out;
}
.xpro-vertical-timeline-media > i,
.xpro-vertical-timeline-sub-title,
.xpro-vertical-timeline-text,
.xpro-vertical-timeline-time {
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    color: #2b2b2b;
}
.xpro-vertical-timeline-time {
    display: block;
    text-align: right;
    transition: color 0.3s ease-in-out;
}
.xpro-vertical-timeline-inner .xpro-vertical-timeline-dates > img {
    width: 100px;
    max-width: 100%;
    height: 100px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
.xpro-vertical-timeline-media::after,
.xpro-vertical-timeline-media::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: #eee;
    z-index: -1;
    -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-vertical-timeline-media::before {
    right: 100%;
}
.xpro-vertical-timeline-media::after {
    left: 100%;
}
.xpro-vertical-timeline-media-box:after,
.xpro-vertical-timeline-media-box:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 2px;
    height: 500px;
    background-color: #eee;
    z-index: -1;
    margin: -50px 0;
    -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-vertical-timeline-content,
.xpro-vertical-timeline-media {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    z-index: 1;
    position: relative;
}
.xpro-vertical-timeline-wrapper .xpro-vertical-timeline-media-box:before {
    top: 100%;
}
.xpro-vertical-timeline-wrapper .xpro-vertical-timeline-media-box:after {
    bottom: 100%;
}
.xpro-vertical-timeline-media {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #eee;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
}
.xpro-vertical-timeline-media > i {
    font-size: 19px;
    transition: color 0.3s ease-in-out;
}
.xpro-vertical-timeline-inner .xpro-vertical-timeline-media > img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.xpro-vertical-timeline-media > .xpro-vertical-timeline-media-custom {
    font-size: 19px;
    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-vertical-timeline-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 42%;
    max-width: 100%;
    transition: 0.3s ease-in-out;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xpro-vertical-timeline-content-time {
    margin-top: 10px;
}
.xpro-vertical-timeline-content-inner {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 30px 20px;
    border: 1px solid #eee;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-vertical-timeline-content-media {
    display: inline-block;
    position: relative;
}
.xpro-vertical-timeline-content-inner .xpro-vertical-timeline-content-media > img {
    width: 100px;
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: inline-block;
}
.xpro-vertical-timeline-sub-title {
    margin: 0 0 5px;
    font-size: 23px;
    transition: color 0.3s ease-in-out;
}
.xpro-vertical-timeline-text {
    margin: 0;
    font-size: 14px;
    transition: color 0.3s ease-in-out;
}
.xpro-vertical-timeline-content-time {
    font-size: 14px;
    color: #2b2b2b;
    display: none;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.xpro-creative-btn-wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
}
.xpro-creative-btn {
    position: relative;
    display: inline-block;
    margin: 10px;
}
.xpro-creative-btn-media {
    z-index: 5;
    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;
}
.xpro-align-icon-left .xpro-creative-btn-media,
.xpro-align-icon-left .xpro-creative-btn-media > svg,
.xpro-align-icon-left .xpro-creative-btn-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
}
.xpro-align-icon-right .xpro-creative-btn-media,
.xpro-align-icon-right .xpro-creative-btn-media svg,
.xpro-align-icon-right .xpro-creative-btn-text {
    text-align: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.xpro-creative-btn-media > i {
    font-size: 16px;
    color: #2b2b2b;
    margin-right: 5px;
    z-index: 1;
}
.xpro-creative-btn-media > svg {
    width: 30px;
    height: auto;
    -webkit-transition: svg 0.3s ease-in-out;
    -o-transition: svg 0.3s ease-in-out;
    transition: svg 0.3s ease-in-out;
    z-index: 1;
}
.xpro-creative-btn-text {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #2b2b2b;
}
.xpro-creative-btn-layout-1 .xpro-creative-btn {
    width: 175px;
    height: 120px;
    color: #fff;
    background: 0 0;
    padding: 16px 30px;
    pointer-events: auto;
    cursor: pointer;
}
.xpro-creative-btn-layout-1 .xpro-creative-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e6e6e6;
    -webkit-clip-path: path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");
    clip-path: path("M154.5,88.5 C131,113.5 62.5,110 30,89.5 C-2.5,69 -3.5,42 4.5,25.5 C12.5,9 33.5,-6 85,3.5 C136.5,13 178,63.5 154.5,88.5 Z");
    transition: clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55), -webkit-clip-path 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55), background 0.5s;
}
.xpro-creative-btn-layout-1 .xpro-creative-btn:hover::before {
    background: var(--e-global-color-primary);
    -webkit-clip-path: path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z");
    clip-path: path("M143,77 C117,96 74,100.5 45.5,91.5 C17,82.5 -10.5,57 5.5,31.5 C21.5,6 79,-5.5 130.5,4 C182,13.5 169,58 143,77 Z");
}
.xpro-creative-btn-layout-1 .xpro-creative-btn::after {
    content: "";
    position: absolute;
    top: 5%;
    left: 0;
    height: 86%;
    width: 97%;
    border-radius: 58% 42% 55% 45%/56% 45% 55% 44%;
    border: 1px solid #e6e6e6;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    z-index: -1;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
    transition: transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
    -o-transition: transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
    transition: transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55), -webkit-transform 0.5s cubic-bezier(0.585, 2.5, 0.645, 0.55);
}
.xpro-creative-btn-layout-1 .xpro-creative-btn:hover::after {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
    border: 1px solid var(--e-global-color-primary);
}
.xpro-creative-btn-layout-1 .xpro-creative-btn-media,
.xpro-split-slider-inner .widgetarea_wrapper_editable {
    width: 100%;
    height: 100%;
}
.xpro-creative-btn-layout-1 .xpro-creative-btn-media > i,
.xpro-creative-btn-layout-1 .xpro-creative-btn-text {
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.xpro-creative-btn-layout-1 .xpro-creative-btn:hover .xpro-creative-btn-media > i,
.xpro-creative-btn-layout-1 .xpro-creative-btn:hover .xpro-creative-btn-text {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    color: #fff;
}
.xpro-creative-btn-layout-2 .xpro-creative-btn-svg {
    position: relative;
    width: 150px;
    height: 150px;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.xpro-creative-btn-layout-2 .xpro-creative-btn:hover .xpro-creative-btn-svg {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
.xpro-creative-btn-layout-2 .xpro-creative-btn-svg-circle,
.xpro-creative-btn-layout-2 .xpro-creative-btn-svg-path {
    fill: none;
    stroke: #f0f0f0;
    stroke-width: 1px;
}
.xpro-creative-btn-layout-2 .xpro-creative-btn:focus-visible .xpro-creative-btn-svg-circle {
    fill: rgba(252, 196, 63, 0.4);
}
.xpro-creative-btn-layout-2 .xpro-creative-btn-svg-path {
    stroke: var(--e-global-color-primary);
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    -webkit-transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
    transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.xpro-creative-btn-layout-2 .xpro-creative-btn:hover .xpro-creative-btn-svg-path {
    stroke-dashoffset: 0;
}
.xpro-creative-btn-layout-2 .xpro-creative-btn-media {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    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: 5;
}
.xpro-creative-btn-layout-3 .xpro-creative-btn {
    padding: 16px 46px;
    border: 2px solid #e7e7e7;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 1;
}
.xpro-creative-btn-layout-3 .xpro-creative-btn:hover {
    border-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-creative-btn-layout-3 .xpro-creative-btn::before {
    content: "";
    position: absolute;
    background-image: url(../images/creative-btn-shape-1.png);
    width: 300%;
    height: 300%;
    top: -100%;
    left: -100%;
    z-index: -1;
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-animation: 10s linear infinite rotateIt;
    animation: 10s linear infinite rotateIt;
    background-repeat: repeat;
}
.xpro-creative-btn-layout-3 .xpro-creative-btn:hover::before {
    opacity: 0.7;
}
.xpro-creative-btn-layout-3 .xpro-creative-btn-text {
    display: block;
    position: relative;
    z-index: 2;
    font-size: 18px;
}
@-webkit-keyframes rotateIt {
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes rotateIt {
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
.xpro-creative-btn-layout-4 .xpro-creative-btn {
    padding: 16px 46px;
    background: #e7e7e7;
    text-align: center;
    pointer-events: auto;
    cursor: pointer;
}
.xpro-creative-btn-layout-4 .xpro-creative-btn-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}
.xpro-creative-btn-layout-4 .xpro-creative-btn-content-inner {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    --offset: 16px;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
    -webkit-transform: translate3d(var(--move-initial), 0, 0);
    transform: translate3d(var(--move-initial), 0, 0);
    -webkit-animation: 1s linear infinite paused slide;
    animation: 1s linear infinite paused slide;
    opacity: 0;
}
.xpro-creative-btn-layout-4 .xpro-creative-btn:hover .xpro-creative-btn-content-inner {
    -webkit-animation-play-state: running;
    animation-play-state: running;
    opacity: 1;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.xpro-creative-btn-layout-4 .xpro-creative-btn-content span {
    text-align: center;
    white-space: nowrap;
    padding: 16px 8px;
    display: inline-block;
    font-size: 14px;
}
@-webkit-keyframes slide {
    0% {
        -webkit-transform: translate3d(var(--move-initial), 0, 0);
        transform: translate3d(var(--move-initial), 0, 0);
    }
    100% {
        -webkit-transform: translate3d(var(--move-final), 0, 0);
        transform: translate3d(var(--move-final), 0, 0);
    }
}
@keyframes slide {
    0% {
        -webkit-transform: translate3d(var(--move-initial), 0, 0);
        transform: translate3d(var(--move-initial), 0, 0);
    }
    100% {
        -webkit-transform: translate3d(var(--move-final), 0, 0);
        transform: translate3d(var(--move-final), 0, 0);
    }
}
.xpro-creative-btn-layout-5 .xpro-creative-btn {
    padding: 0;
    background: 0 0;
    -webkit-clip-path: circle(40% at 50% 50%);
    clip-path: circle(40% at 50% 50%);
    cursor: pointer;
    pointer-events: auto;
}
.xpro-creative-btn-layout-5 .xpro-creative-btn-media {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.xpro-creative-btn-layout-5 .xpro-creative-btn-media > i,
.xpro-preloader-layout-3 .xpro-preloader-box > span:last-child {
    margin-right: 0;
}
.xpro-creative-btn-layout-5 .xpro-creative-btn-text-circle {
    position: relative;
    display: block;
    width: 200px;
}
.xpro-creative-btn-layout-5 .xpro-creative-btn-text-circle > text {
    font-size: 32px;
    text-transform: uppercase;
    fill: #2b2b2b;
}
.xpro-creative-btn-layout-5 .xpro-creative-btn-text-circle > text > textPath {
    letter-spacing: 17px;
}
.xpro-creative-btn-layout-5 .xpro-creative-btn:hover .xpro-creative-btn-text-circle {
    -webkit-animation: 7s linear infinite rotateIt;
    animation: 7s linear infinite rotateIt;
}
.xpro-creative-btn-layout-6 .xpro-creative-btn,
.xpro-creative-btn-layout-7 .xpro-creative-btn,
.xpro-creative-btn-layout-8 .xpro-creative-btn {
    position: relative;
    padding: 19px 25px;
}
.xpro-creative-btn-layout-6 .xpro-creative-btn::before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
}
.xpro-creative-btn-layout-6 .xpro-creative-btn::before,
.xpro-creative-btn-layout-7 .xpro-creative-btn::before,
.xpro-creative-btn-layout-8 .xpro-creative-btn::before {
    content: "";
    position: absolute;
    height: 100%;
    background-color: var(--e-global-color-primary);
    -webkit-transition: 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: -1;
}
.xpro-creative-btn-layout-7 .xpro-creative-btn::before {
    top: 0;
    left: 0;
    width: 50%;
}
.xpro-creative-btn-layout-8 .xpro-creative-btn::before {
    top: 0;
    left: 0;
    width: 60px;
    border-radius: 50px;
}
.xpro-creative-btn-layout-6 .xpro-creative-btn:hover::before,
.xpro-creative-btn-layout-7 .xpro-creative-btn:hover::before,
.xpro-creative-btn-layout-8 .xpro-creative-btn:hover::before {
    background-color: var(--e-global-color-primary);
    width: 100%;
}
.xpro-creative-btn-layout-6 .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-6 .xpro-creative-btn-media > i,
.xpro-creative-btn-layout-7 .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-7 .xpro-creative-btn-media > i,
.xpro-creative-btn-layout-8 .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-8 .xpro-creative-btn-media > i {
    color: var(--e-global-color-primary);
    mix-blend-mode: difference;
}
.xpro-creative-btn-layout-9 .xpro-creative-btn {
    padding: 16px 46px;
    border: 1px solid var(--e-global-color-primary);
    border-radius: 50px;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-creative-btn-layout-9 .xpro-creative-btn::after,
.xpro-creative-btn-layout-9 .xpro-creative-btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background-color: var(--e-global-color-primary);
    z-index: -1;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.xpro-creative-btn-layout-9 .xpro-creative-btn:before {
    opacity: 0.5;
}
.xpro-creative-btn-layout-15 .box:nth-child(10),
.xpro-creative-btn-layout-9 .xpro-creative-btn:after {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.xpro-creative-btn-layout-9 .xpro-creative-btn:hover:after,
.xpro-creative-btn-layout-9 .xpro-creative-btn:hover:before {
    top: 0;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-10 .xpro-creative-btn-media > i,
.xpro-creative-btn-layout-9 .xpro-creative-btn:hover .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-9 .xpro-creative-btn:hover .xpro-creative-btn-media > i {
    color: #fff;
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn {
    padding: 16px 46px;
    border-radius: 50px;
    background: var(--e-global-color-primary);
    border: 2px solid var(--e-global-color-primary);
    z-index: 2;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    overflow: hidden;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn:focus,
.xpro-creative-btn-layout-10 .xpro-creative-btn:hover {
    color: #fff;
    border-color: var(--e-global-color-primary);
    background: 0 0;
    -webkit-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn:hover .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-10 .xpro-creative-btn:hover .xpro-creative-btn-media > i {
    color: #2b2b2b;
    -webkit-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn-hvr-setting {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn-hvr-setting-inner {
    position: relative;
    display: block;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn-hvr-effect {
    position: absolute;
    top: -5px;
    width: 25%;
    height: 100%;
    border-radius: 100%;
    -webkit-transform: translate3d(0, 150%, 0) scale(1.7);
    transform: translate3d(0, 150%, 0) scale(1.7);
    -webkit-transition: -webkit-transform 0.45s;
    transition: transform 0.45s;
    -o-transition: transform 0.45s;
    transition: transform 0.45s, -webkit-transform 0.45s;
    background: #fff;
    border-color: #fff;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn-hvr-effect:first-child {
    left: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn-hvr-effect:nth-child(2) {
    left: 30%;
    -webkit-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay: 80ms;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn-hvr-effect:nth-child(3) {
    left: 60%;
    -webkit-transition-delay: 0.16s;
    -o-transition-delay: 0.16s;
    transition-delay: 0.16s;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn-hvr-effect:nth-child(4) {
    left: 90%;
    -webkit-transition-delay: 0.24s;
    -o-transition-delay: 0.24s;
    transition-delay: 0.24s;
}
.xpro-creative-btn-layout-10 .xpro-creative-btn-hvr-setting:hover .xpro-creative-btn-hvr-effect,
.xpro-creative-btn-layout-10 .xpro-creative-btn:active .xpro-creative-btn-hvr-effect,
.xpro-creative-btn-layout-10 .xpro-creative-btn:focus .xpro-creative-btn-hvr-effect,
.xpro-creative-btn-layout-10 .xpro-creative-btn:hover .xpro-creative-btn-hvr-effect {
    -webkit-transform: translateZ(0) scale(1.7);
    transform: translateZ(0) scale(1.7);
}
.xpro-creative-btn-layout-11 .xpro-creative-btn {
    padding: 16px 46px;
    border: 1px solid var(--e-global-color-primary);
    -webkit-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    z-index: 1;
}
.xpro-creative-btn-layout-11 .xpro-creative-btn:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 50%;
    left: 50%;
    background-color: var(--e-global-color-primary);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.xpro-creative-btn-layout-11 .xpro-creative-btn:hover .xpro-creative-btn-media > i,
.xpro-creative-btn-layout-11 .xpro-creative-btn:hover .xpro-creative-btn-text {
    color: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn {
    padding: 16px 46px;
    z-index: 2;
    -webkit-transition: 10ms ease-out 0.23s;
    -o-transition: 10ms ease-out 0.23s;
    transition: 10ms ease-out 0.23s;
    overflow: hidden;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn:hover {
    cursor: pointer;
    color: transparent;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 55%;
    background: #eee;
    z-index: -1;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn:hover:before {
    left: 100%;
    width: 25%;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn:after {
    content: "";
    position: absolute;
    left: -5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 5%;
    background: #fff;
    z-index: -1;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn:hover:after {
    left: 110%;
    width: 70%;
    -webkit-transition: 20ms ease-in-out;
    -o-transition: 20ms ease-in-out;
    transition: 20ms ease-in-out;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn-text {
    letter-spacing: 2px;
    font-size: 14px;
    color: #2b2b2b;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn:hover .xpro-creative-btn-text {
    opacity: 0.2;
    color: #2b2b2b;
}
.xpro-creative-btn-layout-12 .icon-right.left:after {
    right: 15px;
    -webkit-transition: 0.2s 0.2s;
    -o-transition: 0.2s 0.2s;
    transition: 0.2s 0.2s;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn:hover .icon-right.left:after {
    right: -20%;
    -webkit-transition: left 0.15s 0.25s, color 0.5s 50ms;
    -o-transition: left 0.15s 0.25s, color 0.5s 50ms;
    transition: left 0.15s 0.25s, color 0.5s 50ms;
}
.xpro-creative-btn-layout-12 .icon-right:after {
    font-family: FontAwesome;
    content: "→";
    font-size: 24px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xpro-creative-btn-layout-12 .icon-right.after:after {
    left: -20%;
    color: #2b2b2b;
    -webkit-transition: left 0.15s 0.25s, color 0.5s 50ms;
    -o-transition: left 0.15s 0.25s, color 0.5s 50ms;
    transition: left 0.15s 0.25s, color 0.5s 50ms;
}
.xpro-creative-btn-layout-12 .xpro-creative-btn:hover .icon-right.after:after {
    left: 50%;
    color: #2b2b2b;
    -webkit-transition: 0.2s 0.2s;
    -o-transition: 0.2s 0.2s;
    transition: 0.2s 0.2s;
}
.xpro-creative-btn-layout-13 .xpro-creative-btn {
    width: 250px;
    max-width: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    height: 55px;
    line-height: 55px;
    z-index: 0;
    padding: 0 20px;
    cursor: pointer;
    overflow: hidden;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.xpro-creative-btn-layout-13 .xpro-creative-btn:after,
.xpro-creative-btn-layout-13 .xpro-creative-btn:before {
    content: "";
    background: #eee;
    height: 50%;
    width: 0;
    position: absolute;
    -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
}
.xpro-creative-btn-layout-13 .xpro-creative-btn:before {
    top: 0;
    left: 0;
    right: auto;
}
.xpro-creative-btn-layout-13 .xpro-creative-btn:hover:before {
    width: 100%;
    right: 0;
    left: auto;
}
.xpro-creative-btn-layout-13 .xpro-creative-btn:after {
    bottom: 0;
    right: 0;
    left: auto;
}
.xpro-creative-btn-layout-13 .xpro-creative-btn:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}
.xpro-creative-btn-layout-13 .xpro-creative-btn-line {
    position: relative;
    height: 1px;
    background: #fff;
    width: 35%;
    right: 0;
    -webkit-transform: scaleX(0.25);
    -ms-transform: scaleX(0.25);
    transform: scaleX(0.25);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
}
.xpro-creative-btn-layout-13 .xpro-creative-btn:hover .xpro-creative-btn-line {
    background: #2b2b2b;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.xpro-creative-btn-layout-13 .xpro-creative-btn-media > i,
.xpro-creative-btn-layout-13 .xpro-creative-btn-text {
    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-creative-btn-layout-13 .xpro-creative-btn:hover .xpro-creative-btn-media > i {
    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-creative-btn-layout-14 .xpro-creative-btn {
    width: 150px;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
    -webkit-box-shadow: -12px -9px 0 #fff, 0 0 0 rgb(255 255 255 / 0%);
    box-shadow: -12px -9px 0 #fff, 0 0 0 rgb(255 255 255 / 0%);
    margin: 10px;
}
.xpro-creative-btn-layout-14 .xpro-creative-btn:hover {
    -webkit-box-shadow: 15px 11px 0 #fff, 18px 14px 0 var(--e-global-color-primary);
    box-shadow: 15px 11px 0 #fff, 18px 14px 0 var(--e-global-color-primary);
}
.xpro-creative-btn-layout-14 .xpro-creative-btn:before {
    font-family: FontAwesome;
    content: "→";
    position: absolute;
    top: 50%;
    right: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2b2b2b;
    font-size: 24px;
    font-weight: 900;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    opacity: 1;
    line-height: 0;
}
.xpro-creative-btn-layout-14 .xpro-creative-btn:hover:before {
    position: absolute;
    right: 0;
    opacity: 1;
}
.xpro-creative-btn-layout-14 .xpro-creative-btn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #efefef;
    left: 0;
    top: 0;
    z-index: -999;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.xpro-creative-btn-layout-15 .xpro-creative-btn {
    display: inline-flex;
    width: 200px;
    height: 55px;
    line-height: 55px;
    border: 1px solid #eee;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}
.xpro-creative-btn-layout-15 .xpro-creative-btn:hover {
    border-color: #eee;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-creative-btn-layout-15 .box {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s cubic-bezier(1, 0.49, 0.16, 0.96);
    -o-transition: 0.5s cubic-bezier(1, 0.49, 0.16, 0.96);
    transition: 0.5s cubic-bezier(1, 0.49, 0.16, 0.96);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.xpro-creative-btn-layout-15 .xpro-creative-btn:hover .box {
    background-color: #eee;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.xpro-creative-btn-layout-15 .box:first-child {
    -webkit-transition-delay: 20ms;
    -o-transition-delay: 20ms;
    transition-delay: 20ms;
}
.xpro-creative-btn-layout-15 .box:nth-child(2) {
    -webkit-transition-delay: 40ms;
    -o-transition-delay: 40ms;
    transition-delay: 40ms;
}
.xpro-creative-btn-layout-15 .box:nth-child(3) {
    -webkit-transition-delay: 60ms;
    -o-transition-delay: 60ms;
    transition-delay: 60ms;
}
.xpro-creative-btn-layout-15 .box:nth-child(4) {
    -webkit-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay: 80ms;
}
.xpro-creative-btn-layout-15 .box:nth-child(5) {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.xpro-creative-btn-layout-15 .box:nth-child(6) {
    -webkit-transition-delay: 0.12s;
    -o-transition-delay: 0.12s;
    transition-delay: 0.12s;
}
.xpro-creative-btn-layout-15 .box:nth-child(7) {
    -webkit-transition-delay: 0.14s;
    -o-transition-delay: 0.14s;
    transition-delay: 0.14s;
}
.xpro-creative-btn-layout-15 .box:nth-child(8) {
    -webkit-transition-delay: 0.16s;
    -o-transition-delay: 0.16s;
    transition-delay: 0.16s;
}
.xpro-creative-btn-layout-15 .box:nth-child(9) {
    -webkit-transition-delay: 0.18s;
    -o-transition-delay: 0.18s;
    transition-delay: 0.18s;
}
.xpro-creative-btn-layout-15 .xpro-creative-btn-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.xpro-creative-btn-layout-15 .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-15 .xpro-creative-btn-media > i {
    color: #2b2b2b;
    -webkit-transition: 0.2s cubic-bezier(1, 0.49, 0.16, 0.96);
    -o-transition: 0.2s cubic-bezier(1, 0.49, 0.16, 0.96);
    transition: 0.2s cubic-bezier(1, 0.49, 0.16, 0.96);
}
.xpro-creative-btn-layout-15 .xpro-creative-btn:hover .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-15 .xpro-creative-btn:hover .xpro-creative-btn-media > i {
    color: #2b2b2b;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.xpro-creative-btn-layout-16 .xpro-creative-btn,
.xpro-creative-btn-layout-17 .xpro-creative-btn,
.xpro-creative-btn-layout-18 .xpro-creative-btn {
    width: 150px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-creative-btn-layout-16 .xpro-creative-btn:before,
.xpro-creative-btn-layout-17 .xpro-creative-btn:before,
.xpro-creative-btn-layout-18 .xpro-creative-btn:before {
    content: "";
    position: absolute;
    width: 101%;
    height: 100%;
    background: #eee;
    top: 0;
    left: 0;
}
.xpro-creative-btn-layout-16 .xpro-creative-btn:before {
    -webkit-mask: url("../images/creative-btn-shape-2.png");
    mask: url("../images/creative-btn-shape-2.png");
    -webkit-mask-size: 2300% 100%;
    mask-size: 2300% 100%;
    -webkit-animation: 0.7s steps(22) forwards forward2;
    animation: 0.7s steps(22) forwards forward2;
}
.xpro-creative-btn-layout-16 .xpro-creative-btn:hover:before {
    -webkit-animation: 0.7s steps(22) forwards forward;
    animation: 0.7s steps(22) forwards forward;
}
.xpro-creative-btn-layout-17 .xpro-creative-btn:before {
    -webkit-mask: url("../images/creative-btn-shape-3.png");
    mask: url("../images/creative-btn-shape-3.png");
    -webkit-mask-size: 3000% 100%;
    mask-size: 3000% 100%;
    -webkit-animation: 0.7s steps(29) forwards forward2;
    animation: 0.7s steps(29) forwards forward2;
}
.xpro-creative-btn-layout-17 .xpro-creative-btn:hover:before {
    -webkit-animation: 0.7s steps(29) forwards forward;
    animation: 0.7s steps(29) forwards forward;
}
.xpro-creative-btn-layout-18 .xpro-creative-btn:before {
    -webkit-mask: url("../images/creative-btn-shape-4.png");
    mask: url("../images/creative-btn-shape-4.png");
    -webkit-mask-size: 7100% 100%;
    mask-size: 7100% 100%;
    -webkit-animation: 0.7s steps(70) forwards forward2;
    animation: 0.7s steps(70) forwards forward2;
}
.xpro-creative-btn-layout-18 .xpro-creative-btn:hover:before {
    -webkit-animation: 0.7s steps(70) forwards forward;
    animation: 0.7s steps(70) forwards forward;
}
@-webkit-keyframes forward {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}
@keyframes forward {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}
@-webkit-keyframes forward2 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
}
@keyframes forward2 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
}
.xpro-creative-btn-layout-19 .xpro-creative-btn,
.xpro-creative-btn-layout-20 .xpro-creative-btn {
    padding: 16px 50px;
    -webkit-transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    background-color: #eee;
    z-index: 1;
    overflow: hidden;
}
.xpro-creative-btn-layout-19 .xpro-creative-btn:hover,
.xpro-creative-btn-layout-20 .xpro-creative-btn:hover {
    background-color: transparent;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.xpro-creative-btn-layout-19 .xpro-creative-btn:after,
.xpro-creative-btn-layout-19 .xpro-creative-btn:before {
    content: "";
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    z-index: -1;
}
.xpro-creative-btn-layout-19 .xpro-creative-btn:before {
    bottom: 0;
    border: 2px solid var(--e-global-color-primary);
    border-top: 0 !important;
    border-bottom: 0 !important;
}
.xpro-creative-btn-layout-19 .xpro-creative-btn:after {
    top: 0;
    height: 0;
}
.xpro-creative-btn-layout-19 .xpro-creative-btn:hover:before,
.xpro-creative-btn-layout-20 .xpro-creative-btn:hover:before {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.xpro-creative-btn-layout-19 .xpro-creative-btn:hover:after,
.xpro-creative-btn-layout-20 .xpro-creative-btn:hover:after {
    background: var(--e-global-color-primary);
    -webkit-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
.xpro-creative-btn-layout-19 .xpro-creative-btn:hover .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-19 .xpro-creative-btn:hover .xpro-creative-btn-media > i,
.xpro-creative-btn-layout-20 .xpro-creative-btn:hover .xpro-creative-btn-media > .xpro-creative-btn-text,
.xpro-creative-btn-layout-20 .xpro-creative-btn:hover .xpro-creative-btn-media > i {
    color: #fff;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.xpro-creative-btn-layout-20 .xpro-creative-btn:after,
.xpro-creative-btn-layout-20 .xpro-creative-btn:before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    z-index: -1;
}
.xpro-creative-btn-layout-20 .xpro-creative-btn:before {
    right: 0;
    border: 2px solid var(--e-global-color-primary);
    border-left: 0 !important;
    border-right: 0 !important;
}
.xpro-unfold-title {
    color: #2b2b2b;
    font-size: 30px;
    margin-bottom: 0;
}
.xpro-unfold-content {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100px;
    z-index: 1;
    -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}
.xpro-unfold-content:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(rgba(255, 255, 255, 0), #fff);
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.xpro-alert-box-btn,
.xpro-cookies-btn,
.xpro-unfold-btn {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
.xpro-cookies-btn,
.xpro-unfold-btn {
    font-size: 14px;
}
.xpro-unfold-content .xpro-unfold-content-txt {
    font-size: 14px;
    margin: 10px 0;
    display: inline-block;
}
.xpro-unfold-btn {
    padding: 12px 35px;
    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 0 0;
    transition: 0.3s ease-in-out;
}
.xpro-unfold-btn .xpro-unfold-media > i,
.xpro-unfold-btn > .xpro-unfold-btn-text {
    font-size: 14px;
    color: #fff;
}
.xpro-unfold-btn > .xpro-unfold-media > svg {
    width: 30px;
    height: auto;
}
.xpro-lightbox-btn.xpro-lightbox-btn-align-left,
.xpro-one-page-nav-horizontal .xpro-one-page-nav,
.xpro-unfold-btn.xpro-unfold-align-icon-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.xpro-lightbox-btn.xpro-lightbox-btn-align-right > i,
.xpro-unfold-btn.xpro-unfold-align-icon-right .xpro-unfold-media > i,
.xpro-unfold-btn.xpro-unfold-align-icon-right .xpro-unfold-media > svg {
    margin-left: 5px;
}
.xpro-unfold-inner .widgetarea_wrapper_editable {
    z-index: 99;
    width: 100%;
}
.xpro-cookies-wrapper {
    padding: 20px;
    z-index: 999;
    display: none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.xpro-cookies-wrapper.active {
    display: block;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.xpro-cookies-content .xpro-cookies-txt {
    font-size: 14px;
    margin: 0;
    display: inline-block;
    color: #fff;
}
.xpro-cookies-btn {
    display: inline-block;
    padding: 8px 40px;
    background-color: #eee;
    color: #2b2b2b;
    transition: 0.3s ease-in-out;
}
.xpro-cookies-wrapper.xpro-cookies-bottom,
.xpro-cookies-wrapper.xpro-cookies-top {
    position: fixed;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.xpro-cookies-wrapper.xpro-cookies-top {
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.xpro-preloader-box,
.xpro-preloader-layout-5 .xpro-loader-spinner {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.xpro-cookies-wrapper.xpro-cookies-bottom {
    bottom: 0;
}
.xpro-cookies-wrapper.xpro-cookies-bottom-left,
.xpro-cookies-wrapper.xpro-cookies-bottom-right {
    position: fixed;
    bottom: 20px;
    width: 300px;
    max-width: 100%;
}
.xpro-cookies-wrapper.xpro-cookies-bottom-left {
    left: 20px;
}
.xpro-cookies-wrapper.xpro-cookies-bottom-right {
    right: 20px;
}
.xpro-cookies-bottom-left .xpro-cookies-content,
.xpro-cookies-bottom-right .xpro-cookies-content {
    margin-bottom: 20px;
}
.xpro-cookies-bottom-left .xpro-cookies-btn,
.xpro-cookies-bottom-right .xpro-cookies-btn {
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.xpro-alert-box-wrapper {
    padding: 15px;
    border-left: 5px solid #ff080800;
    position: relative;
    text-align: left;
}
.xpro-alert-box-title {
    display: block;
    font-weight: 700;
}
.xpro-alert-box-txt {
    display: block;
    font-size: 13px;
}
.xpro-alert-box-btn {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.xpro-alert-box-btn > i {
    padding: 3px;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    border: none;
    background: 0 0;
    color: inherit;
    margin: 10px 10px 0 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-alert-box-wrapper.xpro-alert-box-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.xpro-alert-box-wrapper.xpro-alert-box-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.xpro-alert-box-wrapper.xpro-alert-box-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #cae6be;
}
.xpro-alert-box-wrapper.xpro-alert-box-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #e8c4c4;
}
.xpro-alert-box-wrapper.xpro-alert-box-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #f9f0c3;
}
.xpro-alert-box-wrapper.xpro-alert-box-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bcdff1;
}
.xpro-preloader {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: #464646;
    z-index: 800;
    text-align: center;
    overflow: hidden;
}
.xpro-preloader .widgetarea_wrapper_content {
    background-color: #fff;
    padding: 15px;
    width: 500px;
    display: block;
    max-width: 100%;
}
.xpro-preloader-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
}
.xpro-preloader-ink {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: visible;
    overflow: hidden;
    pointer-events: none;
}
.xpro-preloader-ink .xpro-preloader-ink-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-2%);
    -ms-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
    height: 100%;
    width: 2500%;
    background: url(./images/preloader-ink.png) 0 0/100% 100% no-repeat;
}
.xpro-preloader-ink.opening .xpro-preloader-ink-bg {
    -webkit-animation: 1s steps(24) xpro-sequence-layout2;
    animation: 1s steps(24) xpro-sequence-layout2;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.xpro-preloader-ink.closing .xpro-preloader-ink-bg {
    -webkit-animation: 1s steps(24) xpro-sequence-reverse-layout2;
    animation: 1s steps(24) xpro-sequence-reverse-layout2;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes xpro-sequence-layout2 {
    0% {
        -webkit-transform: translateY(-50%) translateX(-2%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-98%);
    }
}
@keyframes xpro-sequence-layout2 {
    0% {
        -webkit-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
    }
}
@-webkit-keyframes xpro-sequence-reverse-layout2 {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
    }
}
@keyframes xpro-sequence-reverse-layout2 {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
    }
}
.xpro-preloader-layout-1 .xpro-preloader-box:after {
    content: "";
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-animation: 0.5s linear infinite xpro-preloader-layout1;
    animation: 0.5s linear infinite xpro-preloader-layout1;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.xpro-preloader-layout-1 .xpro-preloader-box:before {
    content: "";
    width: 50px;
    height: 5px;
    background: #000;
    -webkit-animation: 0.5s linear infinite xpro-preloader-shadow-layout1;
    animation: 0.5s linear infinite xpro-preloader-shadow-layout1;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
}
@-webkit-keyframes xpro-preloader-layout1 {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -webkit-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        -webkit-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}
@keyframes xpro-preloader-layout1 {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -webkit-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        -webkit-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}
@-webkit-keyframes xpro-preloader-shadow-layout1 {
    50% {
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}
@keyframes xpro-preloader-shadow-layout1 {
    50% {
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}
.xpro-preloader-layout-2 .xpro-preloader-box {
    width: 200px;
    height: 200px;
    -webkit-filter: url("#goo");
    filter: url("#goo");
    -webkit-animation: 2s ease-in-out infinite xpro-rotate-move-layout2;
    animation: 2s ease-in-out infinite xpro-rotate-move-layout2;
}
.xpro-preloader-layout-2 .dot {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.xpro-preloader-layout-2 .dot-3 {
    background-color: #84a1d2;
    -webkit-animation: 2s infinite xpro-dot-3-move-layout2, 6s infinite xpro-index-layout2;
    animation: 2s infinite xpro-dot-3-move-layout2, 6s infinite xpro-index-layout2;
}
.xpro-preloader-layout-2 .dot-2 {
    background-color: #e57bff;
    -webkit-animation: 2s infinite xpro-dot-2-move-layout2, 6s -4s infinite xpro-index-layout2;
    animation: 2s infinite xpro-dot-2-move-layout2, 6s -4s infinite xpro-index-layout2;
}
.xpro-preloader-layout-2 .dot-1 {
    background-color: #f1c30f;
    -webkit-animation: 2s infinite xpro-dot-1-move-layout2, 6s -2s infinite xpro-index-layout2;
    animation: 2s infinite xpro-dot-1-move-layout2, 6s -2s infinite xpro-index-layout2;
}
@-webkit-keyframes xpro-dot-3-move-layout2 {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    45% {
        -webkit-transform: translateY(-18px) scale(0.45);
        transform: translateY(-18px) scale(0.45);
    }
    60%,
    80% {
        -webkit-transform: translateY(-90px) scale(0.45);
        transform: translateY(-90px) scale(0.45);
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes xpro-dot-3-move-layout2 {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    45% {
        -webkit-transform: translateY(-18px) scale(0.45);
        transform: translateY(-18px) scale(0.45);
    }
    60%,
    80% {
        -webkit-transform: translateY(-90px) scale(0.45);
        transform: translateY(-90px) scale(0.45);
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@-webkit-keyframes xpro-dot-2-move-layout2 {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    45% {
        -webkit-transform: translate(-16px, 12px) scale(0.45);
        transform: translate(-16px, 12px) scale(0.45);
    }
    60%,
    80% {
        -webkit-transform: translate(-80px, 60px) scale(0.45);
        transform: translate(-80px, 60px) scale(0.45);
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes xpro-dot-2-move-layout2 {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    45% {
        -webkit-transform: translate(-16px, 12px) scale(0.45);
        transform: translate(-16px, 12px) scale(0.45);
    }
    60%,
    80% {
        -webkit-transform: translate(-80px, 60px) scale(0.45);
        transform: translate(-80px, 60px) scale(0.45);
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@-webkit-keyframes xpro-dot-1-move-layout2 {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    45% {
        -webkit-transform: translate(16px, 12px) scale(0.45);
        transform: translate(16px, 12px) scale(0.45);
    }
    60%,
    80% {
        -webkit-transform: translate(80px, 60px) scale(0.45);
        transform: translate(80px, 60px) scale(0.45);
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes xpro-dot-1-move-layout2 {
    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    45% {
        -webkit-transform: translate(16px, 12px) scale(0.45);
        transform: translate(16px, 12px) scale(0.45);
    }
    60%,
    80% {
        -webkit-transform: translate(80px, 60px) scale(0.45);
        transform: translate(80px, 60px) scale(0.45);
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@-webkit-keyframes xpro-rotate-move-layout2 {
    55% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
    }
    100%,
    80% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes xpro-rotate-move-layout2 {
    55% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
    }
    100%,
    80% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes xpro-index-layout2 {
    0%,
    100% {
        z-index: 3;
    }
    33.3% {
        z-index: 2;
    }
    66.6% {
        z-index: 1;
    }
}
@keyframes xpro-index-layout2 {
    0%,
    100% {
        z-index: 3;
    }
    33.3% {
        z-index: 2;
    }
    66.6% {
        z-index: 1;
    }
}
.xpro-preloader-layout-2 .xpro-preloader svg {
    overflow: hidden;
    vertical-align: middle;
}
.xpro-preloader-layout-3 .xpro-preloader-box {
    width: 175px;
    height: 100px;
}
.xpro-preloader-layout-3 .xpro-preloader-box > span {
    display: block;
    width: 7px;
    height: 10%;
    border-radius: 14px;
    margin-right: 5px;
    float: left;
    margin-top: 25%;
    background: #fff;
}
.xpro-preloader-layout-3 .xpro-preloader-box > span:first-child,
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(15) {
    -webkit-animation: 2.5s linear 1.4s infinite xproloadlayout3;
    animation: 2.5s linear 1.4s infinite xproloadlayout3;
}
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(14),
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(2) {
    -webkit-animation: 2.5s linear 1.2s infinite xproloadlayout3;
    animation: 2.5s linear 1.2s infinite xproloadlayout3;
}
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(13),
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(3) {
    -webkit-animation: 2.5s linear 1s infinite xproloadlayout3;
    animation: 2.5s linear 1s infinite xproloadlayout3;
}
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(12),
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(4) {
    -webkit-animation: 2.5s linear 0.8s infinite xproloadlayout3;
    animation: 2.5s linear 0.8s infinite xproloadlayout3;
}
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(11),
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(5) {
    -webkit-animation: 2.5s linear 0.6s infinite xproloadlayout3;
    animation: 2.5s linear 0.6s infinite xproloadlayout3;
}
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(10),
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(6) {
    -webkit-animation: 2.5s linear 0.4s infinite xproloadlayout3;
    animation: 2.5s linear 0.4s infinite xproloadlayout3;
}
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(7),
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(9) {
    -webkit-animation: 2.5s linear 0.2s infinite xproloadlayout3;
    animation: 2.5s linear 0.2s infinite xproloadlayout3;
}
.xpro-preloader-layout-3 .xpro-preloader-box > span:nth-child(8) {
    -webkit-animation: 2.5s linear infinite xproloadlayout3;
    animation: 2.5s linear infinite xproloadlayout3;
}
@-webkit-keyframes xproloadlayout3 {
    0% {
        margin-top: 25%;
        height: 10%;
    }
    50% {
        height: 100%;
        margin-top: 0;
    }
    100% {
        height: 10%;
        margin-top: 25%;
    }
}
@keyframes xproloadlayout3 {
    0% {
        margin-top: 25%;
        height: 10%;
    }
    50% {
        height: 100%;
        margin-top: 0;
    }
    100% {
        height: 10%;
        margin-top: 25%;
    }
}
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-container {
    width: 220px;
}
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-wrapper {
    position: relative;
    display: inline-block;
    width: 50px;
    margin: 0 10px;
    padding-bottom: 10px;
}
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-holder {
    position: relative;
    overflow: hidden;
    height: 130px;
}
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    background-color: #39d47a;
    -webkit-transform: translateY(0) translateX(-50%) translateZ(0);
    transform: translateY(0) translateX(-50%) translateZ(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: 1s linear infinite xproloaderlayout4;
    animation: 1s linear infinite xproloaderlayout4;
    z-index: 2;
}
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-wrapper:nth-child(2) .xpro-loader-ball {
    background-color: #554c86;
}
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-wrapper:nth-child(3) .xpro-loader-ball {
    background-color: #f71c52;
}
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-shadow {
    position: absolute;
    bottom: 9px;
    width: 100%;
    height: 6px;
    border-radius: 50%;
    background: #a1a0a1;
    opacity: 1;
    -webkit-animation: 1s linear infinite xproshadowlayout4;
    animation: 1s linear infinite xproshadowlayout4;
    z-index: 1;
}
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-wrapper:first-of-type .xpro-loader-ball,
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-wrapper:first-of-type .xpro-loader-ball-shadow {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-wrapper:nth-of-type(3) .xpro-loader-ball,
.xpro-preloader-layout-4 .xpro-loader .xpro-loader-ball-wrapper:nth-of-type(3) .xpro-loader-ball-shadow {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
@-webkit-keyframes xproloaderlayout4 {
    0% {
        -webkit-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px);
    }
    40%,
    65% {
        -webkit-transform: translate(-50%, -90px);
        transform: translate(-50%, -90px);
        width: 30px;
        height: 30px;
    }
    50% {
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        width: 30px;
        height: 30px;
    }
    75% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 30px;
        height: 30px;
    }
    100% {
        -webkit-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px);
        width: 50px;
        height: 15px;
    }
}
@keyframes xproloaderlayout4 {
    0% {
        -webkit-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px);
    }
    40%,
    65% {
        -webkit-transform: translate(-50%, -90px);
        transform: translate(-50%, -90px);
        width: 30px;
        height: 30px;
    }
    50% {
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        width: 30px;
        height: 30px;
    }
    75% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 30px;
        height: 30px;
    }
    100% {
        -webkit-transform: translate(-50%, 10px);
        transform: translate(-50%, 10px);
        width: 50px;
        height: 15px;
    }
}
@-webkit-keyframes xproshadowlayout4 {
    0%,
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0.3;
    }
}
@keyframes xproshadowlayout4 {
    0%,
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0.3;
    }
}
.xpro-preloader-layout-5 .xpro-loader-spinner {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.xpro-preloader-layout-5 .xpro-loader-spinner .blob {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.xpro-preloader-layout-5 .xpro-loader-spinner .blob.blob-top {
    top: 0;
    -webkit-animation: 1s ease-in infinite xproblobtoplayout5;
    animation: 1s ease-in infinite xproblobtoplayout5;
}
.xpro-preloader-layout-5 .xpro-loader-spinner .blob.blob-bottom {
    top: 100%;
    -webkit-animation: 1s ease-in infinite xproblobbottomlayout5;
    animation: 1s ease-in infinite xproblobbottomlayout5;
}
.xpro-preloader-layout-5 .xpro-loader-spinner .blob.blob-left {
    left: 0;
    -webkit-animation: 1s ease-in infinite xproblobleftlayout5;
    animation: 1s ease-in infinite xproblobleftlayout5;
}
.xpro-preloader-layout-5 .xpro-loader-spinner .blob-move {
    border-color: #fc2547;
    background: #fc2547;
    top: 0;
    -webkit-animation: 1s ease-in infinite xproblobspinnermoverlayout5;
    animation: 1s ease-in infinite xproblobspinnermoverlayout5;
}
@-webkit-keyframes xproblobtoplayout5 {
    50% {
        top: 0;
        left: 50%;
    }
    100%,
    75% {
        top: 50%;
        left: 0;
    }
}
@keyframes xproblobtoplayout5 {
    50% {
        top: 0;
        left: 50%;
    }
    100%,
    75% {
        top: 50%;
        left: 0;
    }
}
@-webkit-keyframes xproblobbottomlayout5 {
    25%,
    50%,
    75% {
        top: 50%;
        left: 100%;
    }
    100% {
        top: 0;
        left: 50%;
    }
}
@keyframes xproblobbottomlayout5 {
    25%,
    50%,
    75% {
        top: 50%;
        left: 100%;
    }
    100% {
        top: 0;
        left: 50%;
    }
}
@-webkit-keyframes xproblobleftlayout5 {
    25% {
        top: 50%;
        left: 0;
    }
    100%,
    50% {
        top: 100%;
        left: 50%;
    }
}
@keyframes xproblobleftlayout5 {
    25% {
        top: 50%;
        left: 0;
    }
    100%,
    50% {
        top: 100%;
        left: 50%;
    }
}
@-webkit-keyframes xproblobspinnermoverlayout5 {
    0%,
    100% {
        top: 0;
        left: 50%;
    }
    25% {
        top: 50%;
        left: 100%;
    }
    50% {
        top: 100%;
        left: 50%;
    }
    75% {
        top: 50%;
        left: 0;
    }
}
@keyframes xproblobspinnermoverlayout5 {
    0%,
    100% {
        top: 0;
        left: 50%;
    }
    25% {
        top: 50%;
        left: 100%;
    }
    50% {
        top: 100%;
        left: 50%;
    }
    75% {
        top: 50%;
        left: 0;
    }
}
.xpro-preloader-layout-6 .xpro-preloader-box,
.xpro-preloader-layout-9 .xpro-preloader-box {
    width: 100px;
    height: 100px;
}
.xpro-preloader-layout-6 #spinner {
    fill: transparent;
    stroke: #ffffff;
    stroke-width: 8px;
    stroke-linecap: round;
    -webkit-filter: url(#shadow);
    filter: url(#shadow);
    -webkit-animation-name: xproanimationlayout6;
    animation-name: xproanimationlayout6;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: cubic-bezier(1, 0.4, 0.4, 1);
    animation-timing-function: cubic-bezier(1, 0.4, 0.4, 1);
}
@-webkit-keyframes xproanimationlayout6 {
    0% {
        stroke-dasharray: 1, 98;
        stroke-dashoffset: -105;
    }
    50% {
        stroke-dasharray: 80, 10;
        stroke-dashoffset: -160;
    }
    100% {
        stroke-dasharray: 1, 98;
        stroke-dashoffset: -300;
    }
}
@keyframes xproanimationlayout6 {
    0% {
        stroke-dasharray: 1, 98;
        stroke-dashoffset: -105;
    }
    50% {
        stroke-dasharray: 80, 10;
        stroke-dashoffset: -160;
    }
    100% {
        stroke-dasharray: 1, 98;
        stroke-dashoffset: -300;
    }
}
.xpro-preloader-layout-7 .xpro-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.xpro-preloader-layout-7 .xpro-loader-box {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-animation: 2s linear infinite xprospinlayout7;
    animation: 2s linear infinite xprospinlayout7;
}
.xpro-preloader-layout-7 .xpro-loader-box:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-animation: 3s linear infinite xprospinlayout7;
    animation: 3s linear infinite xprospinlayout7;
}
.xpro-preloader-layout-7 .xpro-loader-box:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    -webkit-animation: 1.5s linear infinite xprospinlayout7;
    animation: 1.5s linear infinite xprospinlayout7;
}
@-webkit-keyframes xprospinlayout7 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes xprospinlayout7 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.xpro-preloader-layout-8 .xpro-loader-spinner {
    height: 58px;
    width: 58px;
}
.xpro-preloader-layout-8 .xpro-preloader span {
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 12px;
    opacity: 0;
    position: absolute;
    width: 12px;
    animation: 4.6s ease-in-out infinite xpploadlayout8;
    -o-animation: 4.6s ease-in-out infinite xpploadlayout8;
    -ms-animation: xpploadlayout8 4.6s ease-in-out infinite;
    -webkit-animation: 4.6s ease-in-out infinite xpploadlayout8;
    -moz-animation: 4.6s ease-in-out infinite xpploadlayout8;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-1 {
    animation-delay: 1.06s;
    -o-animation-delay: 1.06s;
    -ms-animation-delay: 1.06s;
    -webkit-animation-delay: 1.06s;
    -moz-animation-delay: 1.06s;
    left: 0;
    top: 0;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-2 {
    animation-delay: 0.97s;
    -o-animation-delay: 0.97s;
    -ms-animation-delay: 0.97s;
    -webkit-animation-delay: 0.97s;
    -moz-animation-delay: 0.97s;
    left: 16px;
    top: 0;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-3 {
    animation-delay: 0.87s;
    -o-animation-delay: 0.87s;
    -ms-animation-delay: 0.87s;
    -webkit-animation-delay: 0.87s;
    -moz-animation-delay: 0.87s;
    left: 31px;
    top: 0;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-4 {
    animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -moz-animation-delay: 0.78s;
    left: 47px;
    top: 0;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-5 {
    animation-delay: 0.69s;
    -o-animation-delay: 0.69s;
    -ms-animation-delay: 0.69s;
    -webkit-animation-delay: 0.69s;
    -moz-animation-delay: 0.69s;
    left: 0;
    top: 16px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-6 {
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    left: 16px;
    top: 16px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-7 {
    animation-delay: 0.51s;
    -o-animation-delay: 0.51s;
    -ms-animation-delay: 0.51s;
    -webkit-animation-delay: 0.51s;
    -moz-animation-delay: 0.51s;
    left: 31px;
    top: 16px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-8 {
    animation-delay: 0.41s;
    -o-animation-delay: 0.41s;
    -ms-animation-delay: 0.41s;
    -webkit-animation-delay: 0.41s;
    -moz-animation-delay: 0.41s;
    left: 47px;
    top: 16px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-9 {
    animation-delay: 0.32s;
    -o-animation-delay: 0.32s;
    -ms-animation-delay: 0.32s;
    -webkit-animation-delay: 0.32s;
    -moz-animation-delay: 0.32s;
    left: 0;
    top: 31px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-10 {
    animation-delay: 0.23s;
    -o-animation-delay: 0.23s;
    -ms-animation-delay: 0.23s;
    -webkit-animation-delay: 0.23s;
    -moz-animation-delay: 0.23s;
    left: 16px;
    top: 31px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-11 {
    animation-delay: 0.14s;
    -o-animation-delay: 0.14s;
    -ms-animation-delay: 0.14s;
    -webkit-animation-delay: 0.14s;
    -moz-animation-delay: 0.14s;
    left: 31px;
    top: 31px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-12 {
    animation-delay: 50ms;
    -o-animation-delay: 50ms;
    -ms-animation-delay: 0.05s;
    -webkit-animation-delay: 50ms;
    -moz-animation-delay: 50ms;
    left: 47px;
    top: 31px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-13 {
    animation-delay: -50ms;
    -o-animation-delay: -50ms;
    -ms-animation-delay: -0.05s;
    -webkit-animation-delay: -50ms;
    -moz-animation-delay: -50ms;
    left: 0;
    top: 47px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-14 {
    animation-delay: -0.14s;
    -o-animation-delay: -0.14s;
    -ms-animation-delay: -0.14s;
    -webkit-animation-delay: -0.14s;
    -moz-animation-delay: -0.14s;
    left: 16px;
    top: 47px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-15 {
    animation-delay: -0.23s;
    -o-animation-delay: -0.23s;
    -ms-animation-delay: -0.23s;
    -webkit-animation-delay: -0.23s;
    -moz-animation-delay: -0.23s;
    left: 31px;
    top: 47px;
}
.xpro-preloader-layout-8 .xpro-preloader span.xpro-preloader-circle-16 {
    animation-delay: -0.32s;
    -o-animation-delay: -0.32s;
    -ms-animation-delay: -0.32s;
    -webkit-animation-delay: -0.32s;
    -moz-animation-delay: -0.32s;
    left: 47px;
    top: 47px;
}
@-webkit-keyframes xpploadlayout8 {
    0%,
    15% {
        opacity: 0;
        -webkit-transform: translateY(-97px);
    }
    30%,
    70% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100%,
    85% {
        opacity: 0;
        -webkit-transform: translateY(97px);
    }
}
.xpro-preloader-layout-9 .xpro-loader-spinner {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33% 2px 33% 2px 33%;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 2px;
    height: 100px;
    width: 100px;
}
.xpro-preloader-layout-9 .xpro-loader-spinner span {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: 2s linear infinite xprofadelayout9;
    animation: 2s linear infinite xprofadelayout9;
    border-radius: 50%;
}
.xpro-preloader-layout-9 .xpro-loader-spinner span:first-child,
.xpro-preloader-layout-9 .xpro-loader-spinner span:nth-child(5),
.xpro-preloader-layout-9 .xpro-loader-spinner span:nth-child(9) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.xpro-preloader-layout-9 .xpro-loader-spinner span:nth-child(2),
.xpro-preloader-layout-9 .xpro-loader-spinner span:nth-child(6) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.xpro-preloader-layout-9 .xpro-loader-spinner span:nth-child(3) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
@-webkit-keyframes xprofadelayout9 {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40%,
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes xprofadelayout9 {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40%,
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.xpro-preloader-layout-10 .xpro-preloader-box {
    width: 100px;
    height: 100px;
    -webkit-perspective: 800px;
    perspective: 800px;
}
.xpro-preloader-layout-10 .xpro-loader-spinner {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid transparent;
}
.xpro-sticky-video-overlay-media,
.xpro-video-box.sticky .sticky-cross-btn {
    background-color: #2d2d2d;
    border-radius: 50%;
    pointer-events: all;
    cursor: pointer;
}
.xpro-textual-showcase-img .xpro-textual-showcase-img-normal,
.xpro-video-box,
.xpro-video-box-wrap,
.xpro-video-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.xpro-preloader-layout-10 .xpro-loader-spinner.spinner-1 {
    left: 0;
    top: 0;
    -webkit-animation: 1s linear infinite xprorotateonelayout10;
    animation: 1s linear infinite xprorotateonelayout10;
    border-bottom: 3px solid #fff;
}
.xpro-preloader-layout-10 .xpro-loader-spinner.spinner-2 {
    right: 0;
    top: 0;
    -webkit-animation: 1s linear infinite xprorotatetwolayout10;
    animation: 1s linear infinite xprorotatetwolayout10;
    border-right: 3px solid #fff;
}
.xpro-preloader-layout-10 .xpro-loader-spinner.spinner-3 {
    right: 0;
    bottom: 0;
    -webkit-animation: 1s linear infinite xprorotatethreelayout10;
    animation: 1s linear infinite xprorotatethreelayout10;
    border-top: 3px solid #fff;
}
@-webkit-keyframes xprorotateonelayout10 {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@keyframes xprorotateonelayout10 {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-webkit-keyframes xprorotatetwolayout10 {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@keyframes xprorotatetwolayout10 {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-webkit-keyframes xprorotatethreelayout10 {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@keyframes xprorotatethreelayout10 {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
.xpro-lightbox-icon.xpro-lightbox-icon-effect-2::before,
.xpro-sticky-video-overlay-media {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
}
.xpro-content-hidden {
    display: none !important;
    visibility: hidden !important;
}
.xpro-video-box.sticky .sticky-cross-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    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-lightbox-btn,
.xpro-sticky-video-overlay-media {
    -webkit-box-align: center;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    text-align: center;
}
.xpro-video-box.sticky .sticky-cross-btn.xpro-sticky-cross-btn-left {
    top: -5px;
    left: -5px;
}
.xpro-video-box.sticky .sticky-cross-btn.xpro-sticky-cross-btn-right {
    top: -5px;
    right: -5px;
}
.xpro-video-box.sticky .sticky-cross-btn > i {
    font-size: 10px;
    color: #fff;
}
.xpro-video-box.sticky {
    position: fixed;
    width: 280px;
    height: 158px;
    z-index: 99;
}
.xpro-video-box.sticky.xpro-sticky-video-top-left {
    top: 20px;
    left: 20px;
}
.xpro-video-box.sticky.xpro-sticky-video-top-right {
    top: 20px;
    right: 20px;
}
.xpro-video-box.sticky.xpro-sticky-video-bottom-left {
    bottom: 20px;
    left: 20px;
}
.xpro-video-box.sticky.xpro-sticky-video-bottom-right {
    bottom: 20px;
    right: 20px;
}
.xpro-sticky-video-overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
}
.xpro-video-inner .xpro-sticky-video-overlay > img {
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.xpro-sticky-video-overlay-media {
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    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;
    transition: 0.3s ease-in-out;
}
.xpro-lightbox-btn,
.xpro-lightbox-icon,
.xpro-lightbox-inner {
    position: relative;
    cursor: pointer;
}
.xpro-sticky-video-overlay-media > 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-sticky-video-overlay-media > svg {
    width: 20px;
    height: auto;
    fill: #2b2b2b;
    -webkit-transition: svg 0.3s ease-in-out;
    -o-transition: svg 0.3s ease-in-out;
    transition: svg 0.3s ease-in-out;
}
.xpro-lightbox-btn {
    line-height: 1;
    background-color: var(--e-global-color-accent);
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 3px;
    color: #fff;
    overflow: hidden;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
}
.xpro-lightbox-btn > svg,
button.xpro-mega-menu-closed-btn > svg,
button.xpro-mega-menu-toggle-btn > svg {
    width: 20px;
    height: auto;
}
.elementor-widget-xpro-flip-book-3d .xpro-lightbox-poster,
.xpro-lightbox-inner .xpro-lightbox-poster {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    cursor: pointer;
    pointer-events: all;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 1;
}
.elementor-widget-xpro-flip-book-3d .xpro-lightbox-poster > img,
.xpro-lightbox-inner .xpro-lightbox-poster > img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.xpro-lightbox-icon {
    width: 70px;
    height: 70px;
    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);
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
}
.xpro-lightbox-icon.xpro-lightbox-icon-effect-2::before {
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    border: 1px solid var(--e-global-color-primary);
    border-radius: 50%;
    z-index: 1;
}
.xpro-lightbox-icon.xpro-lightbox-icon-effect-3::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 1;
}
.xpro-lightbox-icon.xpro-lightbox-icon-effect-4 {
    -o-transition: 0.3s;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -webkit-animation: 1s linear infinite xpro_lightbox_effect_1;
    animation: 1s linear infinite xpro_lightbox_effect_1;
    --box-shadow-effect-1: rgba(110, 193, 228, 0.14);
}
@-webkit-keyframes xpro_lightbox_effect_1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--box-shadow-effect-1), 0 0 0 10px var(--box-shadow-effect-1), 0 0 0 20px var(--box-shadow-effect-1);
        box-shadow: 0 0 0 0 var(--box-shadow-effect-1), 0 0 0 10px var(--box-shadow-effect-1), 0 0 0 20px var(--box-shadow-effect-1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px var(--box-shadow-effect-1), 0 0 0 20px var(--box-shadow-effect-1), 0 0 0 30px transparent;
        box-shadow: 0 0 0 10px var(--box-shadow-effect-1), 0 0 0 20px var(--box-shadow-effect-1), 0 0 0 30px transparent;
    }
}
@keyframes xpro_lightbox_effect_1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--box-shadow-effect-1), 0 0 0 10px var(--box-shadow-effect-1), 0 0 0 20px var(--box-shadow-effect-1);
        box-shadow: 0 0 0 0 var(--box-shadow-effect-1), 0 0 0 10px var(--box-shadow-effect-1), 0 0 0 20px var(--box-shadow-effect-1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px var(--box-shadow-effect-1), 0 0 0 20px var(--box-shadow-effect-1), 0 0 0 30px transparent;
        box-shadow: 0 0 0 10px var(--box-shadow-effect-1), 0 0 0 20px var(--box-shadow-effect-1), 0 0 0 30px transparent;
    }
}
.xpro-lightbox-icon.xpro-lightbox-icon-effect-5 {
    -webkit-animation: 1s infinite xpro_lightbox_effect_2;
    animation: 1s infinite xpro_lightbox_effect_2;
    --box-shadow-effect-2: #6ec1e425;
}
@-webkit-keyframes xpro_lightbox_effect_2 {
    0% {
        -webkit-box-shadow: 0 0 0 5px var(--box-shadow-effect-2);
        box-shadow: 0 0 0 5px var(--box-shadow-effect-2);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px var(--box-shadow-effect-2);
        box-shadow: 0 0 0 10px var(--box-shadow-effect-2);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px var(--box-shadow-effect-2);
        box-shadow: 0 0 0 15px var(--box-shadow-effect-2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px var(--box-shadow-effect-2);
        box-shadow: 0 0 0 20px var(--box-shadow-effect-2);
    }
}
@keyframes xpro_lightbox_effect_2 {
    0% {
        -webkit-box-shadow: 0 0 0 5px var(--box-shadow-effect-2);
        box-shadow: 0 0 0 5px var(--box-shadow-effect-2);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px var(--box-shadow-effect-2);
        box-shadow: 0 0 0 10px var(--box-shadow-effect-2);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px var(--box-shadow-effect-2);
        box-shadow: 0 0 0 15px var(--box-shadow-effect-2);
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px var(--box-shadow-effect-2);
        box-shadow: 0 0 0 20px var(--box-shadow-effect-2);
    }
}
.xpro-one-page-nav-wrapper {
    position: fixed;
    margin: 20px;
}
.xpro-one-page-nav {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    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-align: center;
    grid-gap: 10px;
}
.xpro-one-page-nav > li {
    display: inline-flex;
}
.xpro-one-page-nav-anchor {
    position: relative;
    background-color: #eee;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
.xpro-one-page-nav-tooltip,
.xpro-one-page-nav-tooltip::after {
    background-color: var(--e-global-color-primary);
    position: absolute;
}
.xpro-one-page-nav-icon > i {
    color: #929292;
}
.xpro-one-page-nav-tooltip {
    width: 100px;
    padding: 15px 10px;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 0.5rem;
    line-height: 1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}
.xpro-one-page-nav-tooltip::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 2px;
}
.xpro-one-page-nav-anchor:hover > .xpro-one-page-nav-tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-one-page-nav-vertical.xpro-position-bottom-left .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-vertical.xpro-position-middle-left .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-vertical.xpro-position-top-left .xpro-one-page-nav-tooltip {
    left: 115%;
    top: 50%;
    -webkit-transform: translate(20%, -50%);
    -ms-transform: translate(20%, -50%);
    transform: translate(20%, -50%);
}
.xpro-one-page-nav-vertical.xpro-position-bottom-left a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-vertical.xpro-position-bottom-right a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-vertical.xpro-position-middle-left a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-vertical.xpro-position-middle-right a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-vertical.xpro-position-top-left a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-vertical.xpro-position-top-right a:hover .xpro-one-page-nav-tooltip {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.xpro-one-page-nav-vertical.xpro-position-bottom-left .xpro-one-page-nav-tooltip::after,
.xpro-one-page-nav-vertical.xpro-position-middle-left .xpro-one-page-nav-tooltip::after,
.xpro-one-page-nav-vertical.xpro-position-top-left .xpro-one-page-nav-tooltip::after {
    top: 50%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    -ms-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg);
    left: -10px;
}
.xpro-one-page-nav-vertical.xpro-position-bottom-right .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-vertical.xpro-position-middle-right .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-vertical.xpro-position-top-right .xpro-one-page-nav-tooltip {
    top: 50%;
    right: 115%;
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
}
.xpro-one-page-nav-vertical.xpro-position-bottom-right .xpro-one-page-nav-tooltip::after,
.xpro-one-page-nav-vertical.xpro-position-middle-right .xpro-one-page-nav-tooltip::after,
.xpro-one-page-nav-vertical.xpro-position-top-right .xpro-one-page-nav-tooltip::after {
    top: 50%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    -ms-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg);
    right: 0;
}
.xpro-one-page-nav-horizontal.xpro-position-top-center .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-horizontal.xpro-position-top-left .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-horizontal.xpro-position-top-right .xpro-one-page-nav-tooltip {
    top: 115%;
    right: 50%;
    -webkit-transform: translate(50%, 20%);
    -ms-transform: translate(50%, 20%);
    transform: translate(50%, 20%);
}
.xpro-one-page-nav-horizontal.xpro-position-bottom-center a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-horizontal.xpro-position-bottom-left a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-horizontal.xpro-position-bottom-right a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-horizontal.xpro-position-top-center a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-horizontal.xpro-position-top-left a:hover .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-horizontal.xpro-position-top-right a:hover .xpro-one-page-nav-tooltip {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
.xpro-one-page-nav-horizontal.xpro-position-top-center .xpro-one-page-nav-tooltip::after,
.xpro-one-page-nav-horizontal.xpro-position-top-left .xpro-one-page-nav-tooltip::after,
.xpro-one-page-nav-horizontal.xpro-position-top-right .xpro-one-page-nav-tooltip::after {
    top: -5px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    left: 50%;
}
.xpro-one-page-nav-horizontal.xpro-position-bottom-center .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-horizontal.xpro-position-bottom-left .xpro-one-page-nav-tooltip,
.xpro-one-page-nav-horizontal.xpro-position-bottom-right .xpro-one-page-nav-tooltip {
    bottom: 115%;
    right: 50%;
    -webkit-transform: translate(50%, -20%);
    -ms-transform: translate(50%, -20%);
    transform: translate(50%, -20%);
}
.xpro-one-page-nav-horizontal.xpro-position-bottom-center .xpro-one-page-nav-tooltip::after,
.xpro-one-page-nav-horizontal.xpro-position-bottom-left .xpro-one-page-nav-tooltip::after,
.xpro-one-page-nav-horizontal.xpro-position-bottom-right .xpro-one-page-nav-tooltip::after {
    bottom: -5px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    left: 50%;
}
.xpro-ajax-data-fetch-wrapper {
    display: none;
    width: 450px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #d9d8d873;
    border-radius: 5px;
    -webkit-box-shadow: -1px 13px 8px -2px #80808042;
    box-shadow: -1px 13px 8px -2px #80808042;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow-y: scroll;
    scrollbar-width: thin;
}
.xpro-elementor-search-inner {
    display: inline-block;
    position: relative;
    max-width: 100%;
}
.xpro-ajax-data-fetch-wrapper::-webkit-scrollbar {
    width: 8px;
}
.xpro-ajax-data-fetch-wrapper::-webkit-scrollbar-track {
    background: #fff;
}
.xpro-ajax-data-fetch-wrapper::-webkit-scrollbar-thumb {
    background: #afafaf;
}
.xpro-ajax-data-fetch-wrapper::-webkit-scrollbar-thumb:hover {
    background: #04c2;
}
.xpro-ajax-data-fetch-wrapper .xpro-live-search-post-item {
    text-align: left;
    padding: 15px 20px;
    border-bottom: 1px solid #e3e3e3;
}
.xpro-ajax-data-fetch-wrapper .xpro-live-search-post-item .xpro-live-search-post-title {
    color: #c96900;
    font-size: 16px;
    margin-bottom: 5px;
}
.xpro-ajax-data-fetch-wrapper .xpro-live-search-post-item .xpro-live-search-post-title:hover {
    color: #6c6b6a;
}
.xpro-ajax-data-fetch-wrapper .xpro-live-search-post-item .xpro-live-search-post-item-img {
    min-width: 100%;
}
.xpro-live-search-post-item .xpro-live-search-post-img-wrap {
    width: 20%;
    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-live-search-post-item .xpro-live-search-post-content-wrap {
    width: 80%;
    padding-left: 15px;
}
.xpro-loading-spinner::before {
    position: absolute;
    right: 60px;
    content: "\f110";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    -webkit-animation: 1.5s linear infinite fa-spin;
    animation: 1.5s linear infinite fa-spin;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.xpro-ajax-data-fetch-layout-2 {
    width: 400px;
}
.xpro-elementor-search-layout-2 .xpro-loading-spinner::before {
    right: 10px;
}
.xpro-ajax-data-fetch-layout-3 {
    border-radius: 5px;
    width: 400px;
    margin-top: 10px;
}
.xpro-ajax-data-fetch-layout-3 .xpro-live-search-post-item .xpro-live-search-post-content-wrap,
.xpro-ajax-data-fetch-layout-4 .xpro-live-search-post-item .xpro-live-search-post-content-wrap,
.xpro-ajax-data-fetch-layout-5 .xpro-live-search-post-item .xpro-live-search-post-content-wrap {
    padding-left: 25px;
}
.xpro-ajax-data-fetch-layout-3::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 50px;
    max-height: 40px;
}
.xpro-ajax-data-fetch-layout-3::-webkit-scrollbar-thumb {
    background: #afafaf;
    border-radius: 50px;
    max-height: 40px;
}
.xpro-ajax-data-fetch-layout-4 {
    width: 410px;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 200px;
    top: 55%;
}
.xpro-elementor-search-layout-4 .xpro-loading-spinner::before,
.xpro-elementor-search-layout-5 .xpro-loading-spinner::before {
    color: #fff;
    right: 0;
}
.xpro-ajax-data-fetch-layout-4::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 50px;
}
.xpro-ajax-data-fetch-layout-4::-webkit-scrollbar-thumb {
    border-radius: 50px;
}
.xpro-ajax-data-fetch-layout-4 .xpro-no-result-item {
    border-bottom: 1px solid transparent;
}
.xpro-ajax-data-fetch-layout-5 {
    width: 425px;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 95px;
    top: 60%;
}
.xpro-ajax-data-fetch-layout-5 .xpro-live-search-post-item {
    border-bottom: 0;
}
.xpro-ajax-data-fetch-layout-5::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 50px;
}
.xpro-ajax-data-fetch-layout-5::-webkit-scrollbar-thumb {
    border-radius: 50px;
}
.xpro-source-code-wrapper .xpro-source-code > pre {
    position: relative;
    max-height: 480px;
    margin: 0;
}
.xpro-source-code-wrapper .xpro-source-code-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 20px;
    background-color: var(--e-global-color-primary);
    color: #fff;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    overflow: visible;
    z-index: 1;
    border: none;
}
.xpro-source-code-wrapper .xpro-source-code,
.xpro-source-code-wrapper .xpro-source-code code,
.xpro-source-code-wrapper .xpro-source-code pre,
.xpro-source-code-wrapper .xpro-source-code span {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.xpro-image-magnify {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
}
.xpro-image-magnify-wrapper .xpro-image-magnify img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.xpro-facebook-feed-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 15px;
}
.xpro-facebook-feed-item {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.xpro-facebook-feed-feature-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}
.xpro-facebook-feed-item .xpro-facebook-feed-feature-image img {
    width: 100%;
    max-width: 100%;
    height: 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-facebook-content-wrapper {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.xpro-facebook-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    grid-gap: 15px;
    text-align: left;
}
.xpro-facebook-meta,
.xpro-mouse-cursor {
    display: -webkit-box;
    display: -ms-flexbox;
}
.xpro-facebook-content > p {
    margin-bottom: 15px;
}
.xpro-facebook-author > a > img {
    height: 50px;
    width: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50px;
    overflow: hidden;
}
.xpro-facebook-meta {
    font-size: 13px;
    line-height: 1;
    color: #929292;
    text-transform: capitalize;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
}
.xpro-facebook-user a {
    color: #2b2b2b;
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 5px;
}
.xpro-facebook-user .xpro-facebook-date {
    font-size: 13px;
    line-height: 1;
    color: #929292;
    margin-bottom: 5px;
}
.xpro-facebook-feed-readmore {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: var(--e-global-color-accent);
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-facebook-feed-layout-3 .xpro-facebook-footer,
.xpro-flip-book-layout-popup {
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    visibility: hidden;
}
.xpro-facebook-feed-align-right .xpro-facebook-feed-wrapper .xpro-facebook-author {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right;
}
.xpro-facebook-feed-align-center .xpro-facebook-feed-layout-5 .xpro-facebook-author {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.xpro-facebook-feed-layout-1 .xpro-facebook-meta {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.xpro-facebook-feed-layout-1 .xpro-facebook-footer {
    width: 100%;
    padding: 15px 0 0;
    border-top: 1px solid #8080802b;
}
.xpro-facebook-feed-layout-2 .xpro-facebook-feed-feature-image,
.xpro-facebook-feed-layout-5 .xpro-facebook-feed-feature-image {
    height: 100% !important;
}
.xpro-facebook-feed-layout-2 .xpro-facebook-content-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.xpro-facebook-feed-layout-2 .xpro-facebook-feed-item:hover .xpro-facebook-feed-feature-image::after {
    background-color: #ffffffc7;
}
.xpro-facebook-feed-layout-3 .xpro-facebook-footer {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.xpro-facebook-feed-layout-4 .xpro-facebook-feed-feature-image {
    height: 300px;
}
.xpro-facebook-feed-layout-4 .xpro-facebook-feed-feature-image > img {
    height: 120%;
    -webkit-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay: 80ms;
}
.xpro-facebook-feed-layout-4 .xpro-facebook-feed-item:hover .xpro-facebook-feed-feature-image > img {
    -webkit-transform: scale(1.1) rotate(5deg);
    -ms-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
}
.xpro-facebook-feed-layout-4 .xpro-facebook-content-wrapper {
    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 rgba(0, 0, 0, 0.1);
}
.xpro-facebook-feed-layout-4 .xpro-facebook-feed-feature-image ~ .xpro-facebook-content-wrapper {
    width: calc(100% - 20px);
    margin: 0 auto -100px;
    top: -100px;
}
.xpro-facebook-feed-layout-4 .xpro-facebook-author {
    display: block;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xpro-facebook-feed-layout-4 .xpro-facebook-author img {
    border: 2px solid #fff;
}
.xpro-facebook-feed-layout-4 .xpro-facebook-footer {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 15px;
}
.xpro-facebook-feed-layout-5 .xpro-facebook-content-wrapper {
    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-facebook-feed-layout-5 .xpro-facebook-feed-item:hover .xpro-facebook-content-wrapper {
    -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;
}
body.elementor-editor-active {
    cursor: default !important;
}
.xpro-mouse-cursor {
    --mouse-effect-size: 30px;
    position: fixed;
    z-index: 999;
    top: calc(var(--mouse-effect-size) / -2);
    left: calc(var(--mouse-effect-size) / -2);
    width: var(--mouse-effect-size);
    height: var(--mouse-effect-size);
    border-radius: 50%;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    font-size: 0.75em;
    line-height: 1.25em;
    text-align: center;
    background-color: #6ec1e45c;
    color: #fff;
    border: 1px solid transparent;
    opacity: 1;
    font-family: var(--e-global-typography-secondary-font-family);
    font-weight: var(--e-global-typography-secondary-font-weight);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: width 0.3s linear, height 0.3s linear, opacity 0.3s linear, color 0.3s linear, background-color 0.3s linear;
    -o-transition: width 0.3s linear, height 0.3s linear, opacity 0.3s linear, color 0.3s linear, background-color 0.3s linear;
    transition: width 0.3s linear, height 0.3s linear, opacity 0.3s linear, color 0.3s linear, background-color 0.3s linear;
}
.xpro-mouse-cursor-text-inside {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1em;
    line-height: 150%;
}
.xpro-split-slider-inner,
.xpro-split-slider-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
}
.xpro-mouse-cursor-text-inside > span {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.xpro-mouse-cursor-icon-inside {
    font-size: 2em;
}
.xpro-mouse-effect-spin {
    -webkit-animation: 8s linear infinite xpro-mouse-effect-spin;
    animation: 8s linear infinite xpro-mouse-effect-spin;
}
@-webkit-keyframes xpro-mouse-effect-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}
@keyframes xpro-mouse-effect-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg);
    }
}
.xpro-split-slider-wrapper {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 0;
}
.xpro-split-slider-inner {
    width: 100%;
    max-width: 50%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    visibility: hidden;
}
.xpro-split-slider-inner,
.xpro-split-slider-inner.slick-vertical .slick-slide {
    height: 380px;
}
.xpro-split-slider-content {
    text-align: left;
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.xpro-split-slider-title {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.2;
}
.xpro-split-slider-text {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 15px;
    max-width: 400px;
}
.xpro-split-slider-inner .slider-slide {
    width: 100%;
    display: inline-block;
}
.xpro-split-slider-btn {
    padding: 10px 30px;
    margin-top: 15px;
    background-color: var(--e-global-color-primary);
    display: inline-block;
    color: #fff;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid 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-slider-navigation-position-middle-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
[class*="xpro-slider-dots-vertical"] .slick-dots > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 5px;
}
.xpro-slider-dots-horizontal-style-2 .slick-dots > li.slick-active > .slick-dot {
    width: 24px;
}
.xpro-slider-dots-vertical-style-2 .slick-dots > li.slick-active > .slick-dot {
    height: 24px;
}
.xpro-slider-dots-horizontal-style-3 .slick-dots > li.slick-active > .slick-dot,
.xpro-slider-dots-vertical-style-3 .slick-dots > li.slick-active > .slick-dot {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}
.xpro-particle-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}
.xpro-img-marquee-wrapper,
.xpro-text-marquee-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
}
.xpro-img-marquee-wrapper .xpro-img-marquee-inner,
.xpro-text-marquee-wrapper .xpro-text-marquee-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
}
.xpro-img-marquee-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    min-width: max-content;
}
.xpro-img-marquee-horizontal .xpro-animate-left {
    -webkit-animation: 20s linear infinite xpro_img_marquee_horizontal_left;
    animation: 20s linear infinite xpro_img_marquee_horizontal_left;
}
@-webkit-keyframes xpro_img_marquee_horizontal_left {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
    }
}
@keyframes xpro_img_marquee_horizontal_left {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
    }
}
.xpro-img-marquee-horizontal .xpro-animate-left-copy {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    -webkit-animation: 20s linear infinite xpro_img_marquee_horizontal_left_copy;
    animation: 20s linear infinite xpro_img_marquee_horizontal_left_copy;
}
@-webkit-keyframes xpro_img_marquee_horizontal_left_copy {
    0% {
        -webkit-transform: translateX(100%) translateZ(0);
        transform: translateX(100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
}
@keyframes xpro_img_marquee_horizontal_left_copy {
    0% {
        -webkit-transform: translateX(100%) translateZ(0);
        transform: translateX(100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
}
.xpro-img-marquee-horizontal .xpro-animate-right {
    -webkit-animation: 20s linear infinite xpro_img_marquee_horizontal_right;
    animation: 20s linear infinite xpro_img_marquee_horizontal_right;
}
@-webkit-keyframes xpro_img_marquee_horizontal_right {
    0% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
}
@keyframes xpro_img_marquee_horizontal_right {
    0% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
}
.xpro-img-marquee-horizontal .xpro-animate-right-copy {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    -webkit-animation: 20s linear infinite xpro_img_marquee_horizontal_right_copy;
    animation: 20s linear infinite xpro_img_marquee_horizontal_right_copy;
}
@-webkit-keyframes xpro_img_marquee_horizontal_right_copy {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(100%) translateZ(0);
        transform: translateX(100%) translateZ(0);
    }
}
@keyframes xpro_img_marquee_horizontal_right_copy {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(100%) translateZ(0);
        transform: translateX(100%) translateZ(0);
    }
}
.xpro-img-marquee-vertical .xpro-animate-top {
    -webkit-animation: 20s linear infinite xpro_img_marquee_vertical_top;
    animation: 20s linear infinite xpro_img_marquee_vertical_top;
}
@-webkit-keyframes xpro_img_marquee_vertical_top {
    0% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(-100%) translateZ(0);
        transform: translateY(-100%) translateZ(0);
    }
}
@keyframes xpro_img_marquee_vertical_top {
    0% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(-100%) translateZ(0);
        transform: translateY(-100%) translateZ(0);
    }
}
.xpro-img-marquee-vertical .xpro-animate-top-copy {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    -webkit-animation: 20s linear infinite xpro_img_marquee_vertical_top_copy;
    animation: 20s linear infinite xpro_img_marquee_vertical_top_copy;
}
@-webkit-keyframes xpro_img_marquee_vertical_top_copy {
    0% {
        -webkit-transform: translateY(100%) translateZ(0);
        transform: translateY(100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
}
@keyframes xpro_img_marquee_vertical_top_copy {
    0% {
        -webkit-transform: translateY(100%) translateZ(0);
        transform: translateY(100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
}
.xpro-img-marquee-vertical .xpro-animate-bottom {
    -webkit-animation: 20s linear infinite xpro_img_marquee_vertical_bottom;
    animation: 20s linear infinite xpro_img_marquee_vertical_bottom;
}
@-webkit-keyframes xpro_img_marquee_vertical_bottom {
    0% {
        -webkit-transform: translateY(-100%) translateZ(0);
        transform: translateY(-100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
}
@keyframes xpro_img_marquee_vertical_bottom {
    0% {
        -webkit-transform: translateY(-100%) translateZ(0);
        transform: translateY(-100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
}
.xpro-img-marquee-vertical .xpro-animate-bottom-copy {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    -webkit-animation: 20s linear infinite xpro_img_marquee_vertical_bottom_copy;
    animation: 20s linear infinite xpro_img_marquee_vertical_bottom_copy;
}
@-webkit-keyframes xpro_img_marquee_vertical_bottom_copy {
    0% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(100%) translateZ(0);
        transform: translateY(100%) translateZ(0);
    }
}
@keyframes xpro_img_marquee_vertical_bottom_copy {
    0% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateY(100%) translateZ(0);
        transform: translateY(100%) translateZ(0);
    }
}
.xpro-img-marquee-inner .xpro-img-marquee-media > img {
    width: 500px;
    -o-object-fit: cover;
    object-fit: cover;
}
.xpro-text-marquee-wrapper .xpro-text-marquee-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-width: max-content;
}
.xpro-text-marquee-media.xpro-animate-left {
    -webkit-animation: 20s linear infinite xpro-text-marquee-left;
    animation: 20s linear infinite xpro-text-marquee-left;
}
@-webkit-keyframes xpro-text-marquee-left {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
    }
}
@keyframes xpro-text-marquee-left {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
    }
}
.xpro-text-marquee-media.xpro-animate-left-copy {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    -webkit-animation: 20s linear infinite xpro-text-marquee-left-copy;
    animation: 20s linear infinite xpro-text-marquee-left-copy;
}
@-webkit-keyframes xpro-text-marquee-left-copy {
    0% {
        -webkit-transform: translateX(100%) translateZ(0);
        transform: translateX(100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
}
@keyframes xpro-text-marquee-left-copy {
    0% {
        -webkit-transform: translateX(100%) translateZ(0);
        transform: translateX(100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
}
.xpro-text-marquee-media.xpro-animate-right {
    -webkit-animation: 20s linear infinite xpro-text-marquee-right;
    animation: 20s linear infinite xpro-text-marquee-right;
}
@-webkit-keyframes xpro-text-marquee-right {
    0% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
}
@keyframes xpro-text-marquee-right {
    0% {
        -webkit-transform: translateX(-100%) translateZ(0);
        transform: translateX(-100%) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
}
.xpro-text-marquee-media.xpro-animate-right-copy {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%) translateZ(0);
    transform: translateX(100%) translateZ(0);
    -webkit-animation: 20s linear infinite xpro-text-marquee-right-copy;
    animation: 20s linear infinite xpro-text-marquee-right-copy;
}
@-webkit-keyframes xpro-text-marquee-right-copy {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(100%) translateZ(0);
        transform: translateX(100%) translateZ(0);
    }
}
@keyframes xpro-text-marquee-right-copy {
    0% {
        -webkit-transform: translateX(0) translateZ(0);
        transform: translateX(0) translateZ(0);
    }
    100% {
        -webkit-transform: translateX(100%) translateZ(0);
        transform: translateX(100%) translateZ(0);
    }
}
.xpro-text-marquee-txt {
    color: #ececec;
    font-size: 120px;
    line-height: 1em;
    padding: 0 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.xpro-textual-showcase-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.xpro-textual-showcase-txt {
    display: inline-block;
    font-size: 80px;
    color: #eee;
    font-weight: 600;
}
.xpro-textual-showcase-img {
    position: relative;
    display: inline-block;
    width: 200px;
}
.xpro-textual-showcase-hover-effect:hover .xpro-textual-showcase-img-normal {
    position: relative;
    opacity: 0;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.xpro-textual-showcase-img .xpro-textual-showcase-img-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.xpro-textual-showcase-hover-effect:hover .xpro-textual-showcase-img-hover {
    opacity: 1;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.xpro-textual-showcase-img .xpro-textual-showcase-img-hover > img,
.xpro-textual-showcase-img .xpro-textual-showcase-img-normal > img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.elementor-widget-xpro-audio-player {
    background-color: #f7f7f7;
    padding: 25px;
}
.xpro-audio-player .jp-audio .jp-current-time,
.xpro-audio-player .jp-audio .jp-duration {
    color: rgba(51, 51, 51, 0.6);
}
.xpro-audio-player .jp-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
}
.xpro-audio-player .xpro-player-control-bar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
}
.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
    border: 0;
}
.jp-audio,
.jp-audio-stream,
.jp-video {
    font-size: 16px;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;
    color: #666;
}
.jp-audio .jp-controls a {
    float: left;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    color: #262929;
    border: 1px solid #d5d5d5;
}
.jp-audio .jp-mute,
.jp-audio .jp-pause,
.jp-audio .jp-play,
.jp-audio .jp-unmute {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    vertical-align: middle;
    position: relative;
}
.jp-audio .jp-mute svg,
.jp-audio .jp-pause svg,
.jp-audio .jp-play svg,
.jp-audio .jp-unmute svg {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.jp-audio .jp-progress {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    position: relative;
}
.jp-audio .jp-seek-bar {
    width: 0;
    cursor: pointer;
    position: relative;
    height: 7px;
    background: #464849;
    border-radius: 1px;
    overflow: hidden;
}
.jp-audio .jp-play-bar {
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1px;
    height: 100%;
}
.jp-audio .jp-volume-bar {
    float: right;
    z-index: 99;
    position: relative;
    width: 50px;
    height: 7px;
    cursor: pointer;
    background: #262929;
    border-radius: 1px;
}
.jp-audio .jp-volume-bar-value {
    width: 0;
    height: 100%;
    border-radius: 1px;
    -webkit-transition: width 350ms ease-out;
    -o-transition: width 350ms ease-out;
    transition: width 350ms ease-out;
}
.jp-audio .jp-play-bar,
.jp-audio .jp-volume-bar-value {
    background-size: 7px 7px;
    background-color: var(--e-global-color-primary);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
}
.jp-audio.jp-state-playing .jp-play-bar {
    -webkit-animation: 0.75s linear infinite player-progress;
    animation: 0.75s linear infinite player-progress;
}
.jp-audio.xpro-player-played .jp-play-bar {
    width: 100% !important;
    opacity: 0.7;
}
.xpro-audio-player-title-inline .jp-seek-bar {
    height: 20px;
}
.xpro-audio-player-title-inline .xpro-audio-title {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    width: 100%;
    padding: 0 5px;
    text-align: center;
    pointer-events: none;
    color: #fff;
    margin: 0;
    font-size: 2rem;
    line-height: 1.3;
}
@-webkit-keyframes player-progress {
    0% {
        background-position: 0;
    }
    100% {
        background-position: -7px;
    }
}
@keyframes player-progress {
    0% {
        background-position: 0;
    }
    100% {
        background-position: -7px;
    }
}
.xpro-coupon-code-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.xpro-coupon-code-style-style-1 .xpro-coupon-code > div,
.xpro-coupon-code-style-style-2 .xpro-coupon-code > div,
.xpro-coupon-code-style-style-3 .xpro-coupon-code > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
}
.xpro-coupon-code-style-style-1 .xpro-coupon-code .xpro-coupon-msg,
.xpro-coupon-code-style-style-3 .xpro-coupon-code .xpro-coupon-msg {
    background: var(--e-global-color-primary);
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.xpro-coupon-code-style-style-1 .xpro-coupon-code .xpro-coupon-code-final,
.xpro-coupon-code-style-style-3 .xpro-coupon-code .xpro-coupon-code-final {
    background: #fff;
    color: #000;
    border: 1px dashed var(--e-global-color-primary);
}
.xpro-coupon-code-style-style-1 .xpro-coupon-code:hover .xpro-coupon-msg,
.xpro-coupon-code-style-style-3 .xpro-coupon-code:hover .xpro-coupon-msg {
    color: #fff;
    border: 1px dashed var(--e-global-color-primary);
    background: #3e98ba;
    border-left: none;
}
.xpro-coupon-code-style-style-2 .xpro-coupon-code .xpro-coupon-msg {
    position: absolute;
    width: 100%;
    background: var(--e-global-color-primary);
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.xpro-coupon-code-style-style-2 .xpro-coupon-code .xpro-coupon-code-final {
    background: #fff;
    color: #000;
    border: 1px dashed var(--e-global-color-primary);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.xpro-coupon-code-style-style-2 .xpro-coupon-code.active .xpro-coupon-msg,
.xpro-coupon-code-style-style-2 .xpro-coupon-code:hover .xpro-coupon-msg {
    position: absolute;
    width: 50%;
    -webkit-transition: width 0.2s;
    -o-transition: width 0.2s;
    transition: width 0.2s;
    background: #3e98ba;
}
.xpro-coupon-code {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 480px;
    cursor: pointer;
}
.xpro-coupon-code > div {
    height: 100%;
    width: 100%;
    padding: 15px 20px;
    -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;
}
.xpro-coupon-code .xpro-coupon-code-final {
    display: none;
    background: var(--e-global-color-primary);
    color: #fff;
}
.xpro-coupon-code .xpro-coupon-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    border: 1px dashed var(--e-global-color-primary);
    fill: #fff;
}
.xpro-coupon-code .xpro-coupon-msg svg {
    height: 1em;
    width: 1em;
    fill: #fff;
}
.xpro-coupon-code-style-style-3 .xpro-coupon-code {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.xpro-mailchimp-fields {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 15px;
}
.xpro-mailchimp-layout-horizontal .xpro-mailchimp-fields {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.xpro-mailchimp-layout-horizontal .xpro-mailchimp-fields > div:not(.xpro-mailchimp-subscribe) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.xpro-mailchimp-fields > div > label {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    display: block;
}
.xpro-mailchimp-fields > div > input {
    width: 100%;
    max-width: 100%;
    border: 1px solid #818a91;
    background-color: transparent;
    color: #373a3c;
    vertical-align: middle;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 12px;
}
.xpro-mailchimp-subscribe-btn,
button.xpro-mega-menu-toggle-btn {
    position: relative;
    line-height: 1;
    background-color: var(--e-global-color-accent);
    font-size: 15px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    -webkit-box-align: center;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    text-align: center;
    overflow: hidden;
}
.xpro-mailchimp-subscribe-message {
    display: none;
    width: 100%;
    margin-bottom: 20px;
}
.xpro-mailchimp-subscribe-btn {
    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;
    padding: 15px 50px;
    transition: 0.3s ease-in-out;
}
.xpro-mailchimp-subscribe-btn > i {
    display: none;
    animation-name: spin;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: xpro-spin;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.xpro-mega-menu-logo {
    width: 180px;
    max-width: 100%;
    display: none;
    margin-bottom: 20px;
}
.xpro-mega-menu-wrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
button.xpro-mega-menu-toggle-btn {
    padding: 15px 30px;
    border: none;
    display: none;
    gap: 10px;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: 0.3s ease-in-out;
}
.xpro-mega-menu-navbar-nav > li > a,
button.xpro-mega-menu-closed-btn {
    position: relative;
    -webkit-box-align: center;
    color: #2b2b2b;
    line-height: 1;
}
button.xpro-mega-menu-closed-btn {
    font-size: 20px;
    width: 40px;
    height: 40px;
    padding: 0;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    background-color: #e8e8e8;
    margin-left: auto;
    cursor: pointer;
    display: none;
    border: none;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.xpro-mega-menu-navbar-nav > li > a {
    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;
    padding: 20px 10px;
    font-size: 16px;
    min-width: max-content;
    font-weight: 500;
    z-index: 1;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.xpro-submenu-indicator-wrap {
    width: 30px;
    text-align: center;
    height: 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;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}
.xpro-submenu-indicator-wrap > i {
    font-size: 70%;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.xpro-menu-badge {
    top: -10px;
    z-index: 5;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #ff3d99;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    position: absolute;
    left: 50%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.xpro-menu-badge > .xpro-menu-badge-arrow {
    --xpro-menu-badge-color: #bbb;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -6px;
    border-width: 6px;
    border-top: solid var(--xpro-menu-badge-color);
    border-right: solid transparent;
    border-bottom: solid transparent;
    border-left: solid transparent;
}
.xpro-menu-icon {
    margin-right: 10px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.xpro-mega-menu-wrapper .menu-item-title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.xpro-mega-menu-wrapper .xpro-megamenu-panel,
.xpro-mega-menu-wrapper .xpro-submenu-panel {
    list-style: none;
    margin: 0;
    position: absolute;
    left: 50%;
    min-width: 225px;
    border: none;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    text-align: left;
    pointer-events: none;
    -webkit-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    background-color: #f3f3f3;
    transition: opacity 0.3s ease-in-out, transform 0.3s linear, -webkit-transform 0.3s linear;
}
.xpro-mega-menu-wrapper .xpro-menu-has-dropdown > .xpro-megamenu-panel:after,
.xpro-mega-menu-wrapper .xpro-menu-has-dropdown > .xpro-submenu-panel:after {
    content: none;
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: -1;
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(-45deg) translate(-50%, 0);
    -ms-transform: rotate(-45deg) translate(-50%, 0);
    transform: rotate(-45deg) translate(-50%, 0);
    border-radius: 3px;
    background: #f3f3f3;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.xpro-mega-menu-wrapper .xpro-submenu-panel > li > a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between !important;
    font-size: 14px;
    color: #2b2b2b;
    font-weight: 500;
    padding: 15px 20px;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.xpro-mega-menu-wrapper li:hover > .xpro-megamenu-panel,
.xpro-mega-menu-wrapper li:hover > .xpro-submenu-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.xpro-mega-menu-layout-horizontal .xpro-dropdown-menu-full_width .xpro-megamenu-panel {
    left: 0;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
}
.xpro-mega-menu-layout-horizontal li.xpro-dropdown-menu-full_width:hover > .xpro-megamenu-panel {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.xpro-mega-menu-wrapper .xpro-submenu-panel > li > a .xpro-submenu-indicator-wrap {
    margin: 0 -15px;
}
.xpro-mega-menu-layout-vertical li a .xpro-submenu-indicator-wrap > i,
.xpro-mega-menu-wrapper .xpro-submenu-panel > li > a .xpro-submenu-indicator-wrap > i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.xpro-mega-menu-wrapper .xpro-submenu-panel > li > .xpro-submenu-panel {
    top: 0;
    left: calc(100% + 1px);
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
}
.xpro-mega-menu-layout-vertical li:hover > .xpro-megamenu-panel,
.xpro-mega-menu-layout-vertical li:hover > .xpro-submenu-panel,
.xpro-mega-menu-wrapper .xpro-submenu-panel > li:hover > .xpro-submenu-panel {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.xpro-mega-menu-layout-horizontal .xpro-mega-menu-navbar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.xpro-mega-menu-layout-vertical .xpro-mega-menu-navbar-nav {
    width: 400px;
    max-width: 100%;
    display: inline-block;
}
.xpro-mega-menu-layout-vertical .xpro-mega-menu-navbar-nav > li a {
    background-color: #f3f3f3;
    border-bottom: 1px solid #fff;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.xpro-mega-menu-layout-vertical li a .xpro-submenu-indicator-wrap {
    margin-left: auto;
}
.xpro-mega-menu-layout-vertical .xpro-megamenu-panel,
.xpro-mega-menu-layout-vertical .xpro-submenu-panel {
    top: 0;
    left: 100%;
    -webkit-transform: translate(20px, 0);
    -ms-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.xpro-mega-menu-layout-vertical .xpro-menu-badge {
    --xpro-menu-badge-space: 15px;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    margin: 0 15px;
}
.xpro-mega-menu-layout-vertical .xpro-menu-badge > .xpro-menu-badge-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -6px;
    bottom: auto;
    border-width: 6px;
    border-top: solid transparent;
    border-right: solid var(--xpro-menu-badge-color);
    border-bottom: solid transparent;
    border-left: solid transparent;
}
.xpro-mega-menu-layout-vertical .xpro-megamenu-panel {
    height: 100%;
    overflow: auto;
}
.xpro-mega-menu-layout-vertical .xpro-dropdown-menu-full_width .xpro-megamenu-panel {
    max-width: 100%;
}
.xpro-smoke-effect-canvas {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.xpro-remote-arrows {
    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;
    gap: 15px;
}
.xpro-remote-arrows > button {
    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;
    gap: 5px;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background-color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
}
.xpro-animated-gradient {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.xpro-flip-book-layout-inline {
    display: inline-block;
    width: 100%;
}
.xpro-flip-book-3d {
    position: relative;
    height: 85vh;
    width: 100%;
}
.xpro-flip-book-layout-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    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: rgba(24, 24, 27, 0.9);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}
.xpro-flip-book-skin-black.xpro-flip-book-layout-popup {
    background-color: rgba(255, 255, 255, 0.9);
}
.xpro-flip-book-layout-popup.active,
.xpro-flip-book-layout-popup.active .xpro-flip-book-poupup-close-btn {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.xpro-flip-book-poupup-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 5px;
    margin: 15px;
    height: 35px;
    width: 35px;
    opacity: 0;
    background-color: transparent;
    border: none;
    outline: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.admin-bar .xpro-flip-book-poupup-close-btn {
    top: 32px;
}
.xpro-flip-book-poupup-close-btn > svg {
    height: auto;
    width: 100%;
    fill: none;
    stroke: #fff;
    stroke-width: 3;
    stroke-linejoin: bevel;
    stroke-linecap: round;
    outline: 0;
}
.xpro-flip-book-skin-black .xpro-flip-book-poupup-close-btn > svg {
    stroke: #666;
}