/* ===================================================================================

Theme Name: Bexon Child
Theme URI: https://bexon.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Bexon is a Corporate Business  WordPress Theme.
Version: 1.0.0
Template: bexon
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

We encourage you to create Child theme for any modifications you will want to do.

Why use Child theme?

Because of future updates we may provide for this theme that will overwrite your
modifications and all your custom work.

If you are not familiar with Child Themes, you can read about it here:
http://codex.wordpress.org/Child_Themes
http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
.project-item .project-img::before {
    content: "";
    background: none !important;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    inset-inline-start: 0;
    opacity: 0.16;
    pointer-events: none;
    z-index: 2;
}
.project-slider .project-item .project-content {
opacity: 1 !important;
visibility: visible !important;
}

.project-slider .project-item:hover .project-img {
    transform: scale(1) !important;
    filter: blur(20px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
}

.project-item .title a:hover {
    color: #fff !important;
}
.project-item .title a {
    text-shadow: 0px 3px 18px #333 !important;
}

#frmDemo2 .row {
    margin-bottom: 20px;
}

.tj-el-service .tj-el-icon {
    background: none;
}



.pricing-box {

    min-height: 750px;
}

/* Video sfondo banner marketing */
#marketing {
    position: relative;
    overflow: hidden;
}
#marketing > .marketing-banner-video-wrap,
#marketing .tj-el-image-box > .marketing-banner-video-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}
#marketing > .marketing-banner-video-wrap video,
#marketing .tj-el-image-box > .marketing-banner-video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
#marketing > .elementor-container,
#marketing > .elementor-background-overlay,
#marketing .tj-el-image-box > *:not(.marketing-banner-video-wrap) {
    position: relative;
    z-index: 1;
}
#marketing.elementor-section,
#marketing .tj-el-image-box {
    background-image: none !important;
}
.banner-left-box::before {
    background: #8d9fd4 !important;
}
.bounce-minute {
    transform-origin: center bottom;
    animation-name: var(--bounce-animation, bounceA);
    animation-duration: var(--bounce-duration, 10s);
    animation-iteration-count: infinite;
    animation-delay: var(--bounce-delay, 0s);
}

.bounce-minute:nth-child(10n+1 of .bounce-minute) {
    animation: bounceA 11s infinite;
    animation-delay: -1.7s;
}

.bounce-minute:nth-child(10n+2 of .bounce-minute) {
    animation: bounceB 14s infinite;
    animation-delay: -4.2s;
}

.bounce-minute:nth-child(10n+3 of .bounce-minute) {
    animation: bounceC 17s infinite;
    animation-delay: -6.8s;
}

.bounce-minute:nth-child(10n+4 of .bounce-minute) {
    animation: bounceD 12s infinite;
    animation-delay: -2.9s;
}

.bounce-minute:nth-child(10n+5 of .bounce-minute) {
    animation: bounceE 19s infinite;
    animation-delay: -8.1s;
}

.bounce-minute:nth-child(10n+6 of .bounce-minute) {
    animation: bounceC 13s infinite;
    animation-delay: -5.3s;
}

.bounce-minute:nth-child(10n+7 of .bounce-minute) {
    animation: bounceA 16s infinite;
    animation-delay: -9.4s;
}

.bounce-minute:nth-child(10n+8 of .bounce-minute) {
    animation: bounceD 15s infinite;
    animation-delay: -3.6s;
}

.bounce-minute:nth-child(10n+9 of .bounce-minute) {
    animation: bounceB 18s infinite;
    animation-delay: -7.2s;
}

.bounce-minute:nth-child(10n+10 of .bounce-minute) {
    animation: bounceE 10s infinite;
    animation-delay: -0.8s;
}

@keyframes bounceA {
    0%, 20%, 100% { transform: translateY(0); }
    4% { transform: translateY(-8px); }
    7% { transform: translateY(0); }
    10% { transform: translateY(-4px); }
}

@keyframes bounceB {
    0%, 22%, 100% { transform: translateY(0); }
    3% { transform: translateY(-12px); }
    6% { transform: translateY(0); }
    9% { transform: translateY(-6px); }
    12% { transform: translateY(0); }
}

@keyframes bounceC {
    0%, 18%, 100% { transform: translateY(0); }
    2% { transform: translateY(-5px); }
    5% { transform: translateY(0); }
    8% { transform: translateY(-10px); }
    11% { transform: translateY(0); }
}

@keyframes bounceD {
    0%, 16%, 100% { transform: translateY(0); }
    5% { transform: translateY(-14px); }
    9% { transform: translateY(0); }
}

@keyframes bounceE {
    0%, 24%, 100% { transform: translateY(0); }
    2% { transform: translateY(-6px); }
    5% { transform: translateY(0); }
    8% { transform: translateY(-9px); }
    11% { transform: translateY(0); }
    14% { transform: translateY(-4px); }
}

.offcanvas-text p {
    color: #707070;
    margin-bottom: 0;
}

/* PROVA GRATIS */
.h2title {
    text-align: center;
    font-family: "Thicker", Sans-serif !important;
    font-weight: 700;
    font-size: 29px; 
    letter-spacing: 0.6px;
    color: #22315f;
}

.tj-page-header-content .tj-page-title {
    font-size: 55px;
}

body.page-pheader-bg .tj-page-header .page-header-overlay {
    background: none !important;
}

.tj-sidebar-widget {
    background-color: #fff !important;

}
.tj_category_widget ul li {
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 8px;
}

li.menu-item:last-child a {
    color: #ea850b;
}