/*
// CONTENT
// ------------------------------------

 1. Global
 2. Heros
 3. Headers
 4. Typography
 5. Buttons
 6. Icon Features
 7. Accordian
 8. Video Embeds
 9. Alerts
 10. Icon Lists
 11. Google Maps
 12. Lists
 13. Progress Bars
 14. Tabs
 15. Boxes
 16. Breadcrumbs
 17. Spacing
 18. Price Lists
 19. Fun Facts
 20. Team
 21. Pages & Concepts
 22. Portfolio
 23. Subscribe
 24. Contact Form
 25. Footers
 26. Blog
 27. Shop
 28. Colors 

/*---------- GLOBAL STYLES ----------*/
/*--- PLACE YOUR CUSTOM STYLES HERE ---*/

/*--- Background Images ---*/
.bg-shortcodes {
    background-image: url(../images/bg-shortcodes.jpg);  
}
.bg-light {
    background-image: url(../images/bg-light.jpg);  
}
.bg-shop {
    background-image: url(../images/bg-shop.jpg);  
}
.bg-about-me {
    background-image: url(../img/backgrounds/bg-about-me.jpg);  
}
.bg-restaurant-1 {
    background-image: url(../images/bg-restaurant-1.jpg);  
}
.bg-restaurant-2 {
    background-image: url(../images/bg-restaurant-2.jpg);  
}
.bg-pattern-1 {
    background-image: url(../images/bg-pattern-1.jpg);
}
.bg-pattern-2 {
    background-image: url(../images/bg-pattern-2.jpg);
}
.bg-pattern-3 {
    background-image: url(../images/bg-pattern-3.jpg);
}
.bg-pattern-4 {
    background-image: url(../img/backgrounds/bg-pattern-4.jpg);
}
.bg-music-1 {
    background-image: url(../images/bg-music-1.jpg);
}
.bg-photography-1 {
    background-image: url(../images/bg-photography-1.jpg);
}
.bg-photography-2 {
    background-image: url(../images/bg-photography-2.jpg);
}
.bg-photography-3 {
    background-image: url(../images/bg-photography-3.jpg);
}
.bg-fitness-1 {
    background-image: url(../images/bg-fitness-1.jpg);
}
.bg-fitness-2 {
    background-image: url(../images/bg-fitness-2.jpg);
}
.bg-fitness-3 {
    background-image: url(../images/bg-fitness-3.jpg);
}
.bg-fitness-4 {
    background-image: url(../img/fitness/bg-fitness-4.jpg);
}
.bg-event-1 {
	background-image: url(../images/bg-event-1.jpg);  
}
.bg-event-2 {
	background-image: url(../images/bg-event-2.jpg);  
}
.bg-food-1 {
    background-image: url(../img/food/bg-food-1.jpg);  
} 
.bg-food-2 {
    background-image: url(../img/food/bg-food-2.jpg);  
} 
.bg-food-3 {
    background-image: url(../img/food/bg-food-3.jpg);  
}  
.bg-agency-1 {
	background-image: url(../images/bg-agency-1.jpg);  
} 
.bg-agency-2 {
	background-image: url(../img/agency/bg-agency-2.jpg);  
} 
.bg-launching-1 {
    background-image: url(../img/launching/bg-launching-1.jpg);  
}
.bg-launching-2 {
    background-image: url(../img/launching/bg-launching-2.jpg);  
}
.bg-product-1 {
    background-image: url(../images/bg-product-1.jpg);  
}
.bg-product-2 {
    background-image: url(../images/bg-product-2.jpg);  
} 
.bg-education-1 {
    background-image: url(../img/education/bg-education-1.jpg);  
}
.bg-education-2 {
    background-image: url(../img/education/bg-education-2.jpg);  
} 
.bg-concepts-1 {
    background-image: url(../img/concepts/bg-concepts-1.jpg);  
}
.bg-video-1 {
    background-image: url(../images/bg-video-1.jpg); 
}
.bg-img-1 {
    background-image: url(../images/bg-1.jpg); 
}
.bg-img-2 {
    background-image: url(../images/bg-2.jpg); 
}
.bg-img-3 {
    background-image: url(../images/bg-3.jpg); 
}
.bg-img-4 {
    background-image: url(../images/bg-4.jpg);  
}
.bg-img-5 {
    background-image: url(../images/bg-5.jpg); 
} 
.bg-img-6 {
    background-image: url(../images/bg-6.jpg);  
}
.bg-img-7 {
    background-image: url(../images/bg-7.jpg); 
} 
.bg-img-8 {
    background-image: url(../images/bg-8.jpg);  
}    
.bg-img-9 {
    background-image: url(../images/bg-9.jpg);  
} 
.bg-img-10 {
    background-image: url(../images/bg-10.jpg);  
} 
.bg-img-11 {
    background-image: url(../images/bg-11.jpg);  
} 
.bg-img-12 {
    background-image: url(../images/bg-12.jpg);  
} 
.bg-img-13 {
    background-image: url(../images/bg-13.jpg);  
} 
.bg-img-14 {
    background-image: url(../images/bg-14.jpg);  
} 
.bg-img-15 {
    background-image: url(../images/bg-15.jpg);  
} 
.bg-img-16 {
    background-image: url(../images/bg-sobre.png);  
} 
.bg-img-17 {
    background-image: url(../images/bg-interno.png);  
} 


.font14{
    font-size: 14px !important;
}
.font16{
    font-size: 16px !important;
}
.font18{
    font-size: 18px !important;
}
.font22{
    font-size: 22px !important;
}
.w-100{
    width: 100%;
}

/*---------- MÍDIA PROMOCIONAL ----------*/
.promo-solutions .row,
.promo-operation .row,
.promo-events .row,
.promo-cases .row {
    display: flex;
    flex-wrap: wrap;
}
.promo-card-column {
    display: flex;
}
.promo-card-column .promo-service-card,
.promo-card-column .promo-dark-card,
.promo-card-column .promo-case-card {
    width: 100%;
}
.promo-intro-box {
    min-height: 280px;
    padding: 60px;
    color: #fff;
    background: #bf4c43;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.promo-intro-box i {
    font-size: 52px;
    margin-bottom: 20px;
}
.promo-intro-box h3,
.promo-intro-box p {
    color: #fff;
}
.promo-service-card {
    height: 100%;
    min-height: 510px;
    padding: 40px 35px;
    background: #fff;
    border-top: 3px solid #bf4c43;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
}
.promo-service-card.compact {
    min-height: 430px;
    background: #f7f7f7;
}
.promo-service-card > i,
.promo-dark-card > i {
    color: #bf4c43;
    font-size: 40px;
    margin-bottom: 20px;
}
.promo-service-card ul,
.promo-dark-card ul,
.promo-check-list {
    padding: 0;
    margin: 25px 0 0;
    list-style: none;
}
.promo-service-card li,
.promo-dark-card li {
    position: relative;
    padding: 6px 0 6px 18px;
}
.promo-service-card li:before,
.promo-dark-card li:before {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #bf4c43;
}
.promo-dark-card {
    min-height: 330px;
    padding: 45px;
    border: 1px solid rgba(255, 255, 255, .12);
}
.promo-dark-card li,
.promo-operation p {
    color: #aaa;
}
.promo-section-lead {
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
}
.promo-check-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 30px;
}
.promo-check-list li {
    position: relative;
    padding: 16px 20px 16px 48px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
}
.promo-check-list li:before {
    content: '\f00c';
    position: absolute;
    left: 20px;
    font-family: FontAwesome;
    color: #fff;
}
.promo-case-card {
    height: 100%;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
}
.promo-case-media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #ededed;
}
.promo-case-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--case-position, center);
    transition: transform .5s ease;
}
.promo-case-card:hover .promo-case-media img {
    transform: scale(1.03);
}
.promo-case-placeholder {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #888;
}
.promo-case-placeholder i {
    color: #bf4c43;
    font-size: 42px;
}
.promo-case-placeholder span {
    font-size: 12px;
    letter-spacing: .08em;
}
.promo-case-content {
    flex: 1;
    padding: 35px;
    border-top: 3px solid #bf4c43;
}
.promo-case-tag {
    display: block;
    margin-bottom: 12px;
    color: #bf4c43;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.promo-case-content h3 {
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .navbar-collapse .navbar-nav > li > a {
        text-transform: uppercase;
    }
    .promo-solutions .row,
    .promo-operation .row,
    .promo-events .row,
    .promo-cases .row {
        display: block;
    }
    .promo-card-column {
        display: block;
    }
    .promo-service-card,
    .promo-service-card.compact,
    .promo-dark-card {
        min-height: 0;
    }
}
@media (max-width: 767px) {
    /* Home hero */
    .hero-fullscreen,
    .hero-parallax-fullscreen,
    .hero-slider,
    .hero-slider .slide {
        min-height: 100svh;
    }
    .hero-slider .hero-container {
        width: 100%;
        padding-right: 42px;
        padding-left: 42px;
    }
    .hero-slider .appear {
        margin-top: 0 !important;
    }
    .hero-slider .subheading {
        margin-top: 35px !important;
        letter-spacing: 5px;
    }
    .hero-slider .lg-heading {
        font-size: clamp(2.75rem, 12vw, 4rem);
        line-height: .92;
        letter-spacing: -1px;
        overflow-wrap: normal;
    }
    .hero-slider .btn {
        display: block;
        width: 70%;
        max-width: 320px;
        min-height: 42px;
        margin: 14px auto 0 !important;
        padding: 13px 14px 11px;
        white-space: normal;
    }
    .hero-slider .btn:first-of-type {
        margin-top: 34px !important;
    }
    .hero-slider .promo-proposal-btn {
        border-color: #111;
    }
    .navigation-thin.owl-theme .owl-controls .owl-buttons div {
        padding: 12px;
        font-size: 28px;
        opacity: .8;
    }
    .navigation-thin .owl-prev,
    .navigation-thin .owl-next {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* Internal page hero */
    .page-hero {
        height: 320px;
        min-height: 320px;
    }
    .page-hero .hero-container {
        width: 100%;
        padding: 75px 25px 30px !important;
    }
    .page-hero h1 {
        font-size: clamp(2.5rem, 10vw, 4rem);
        line-height: 1;
        overflow-wrap: break-word;
    }
    .page-hero h5 {
        font-size: 13px;
        line-height: 1.5;
    }
    .page-hero .breadcrumb {
        display: none;
    }

    /* Promotional page */
    .midia-promocional section {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .midia-promocional .section-heading {
        margin-top: 0;
        margin-bottom: 35px;
    }
    .midia-promocional .section-heading h3,
    .promo-intro-box h3,
    .promo-case-content h3 {
        font-size: 24px;
        line-height: 1.15;
    }
    .midia-promocional .fitness-section-heading h3 {
        font-size: 52px;
        line-height: 1;
    }
    .promo-intro-box,
    .promo-service-card,
    .promo-dark-card {
        padding: 30px;
    }
    .promo-intro-box {
        min-height: 0;
    }
    .promo-card-column {
        margin-bottom: 25px !important;
    }
    .promo-service-card li,
    .promo-dark-card li {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .promo-check-list {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .promo-check-list li {
        padding: 14px 15px 14px 43px;
    }
    .promo-case-content {
        padding: 28px 25px;
    }
    .promo-case-media {
        aspect-ratio: 4 / 3;
    }
    .promo-cta .btn {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        border-color: #111;
    }
}

@media (max-width: 380px) {
    .hero-slider .hero-container {
        padding-right: 35px;
        padding-left: 35px;
    }
    .hero-slider .lg-heading {
        font-size: 2.6rem;
    }
    .page-hero h1 {
        font-size: 2.35rem;
    }
}
