@charset "UTF-8";


/*
#######################################################################

Cliente: Apoderoza
Data: 04/2023
Autor: FZ / Rezulti Marketing

#######################################################################
*/


/*
### Efeitos
wow bounceInDown" data-wow-delay="0.3s"zz
wow bounceInUp" data-wow-delay="00.5s"
wow fadeInRight fadeInUp bounceInRight" data-wow-delay="0.5s"
wow flipInY
--
-webkit-transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
-moz-transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
-o-transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
transition: all 0.4s cubic-bezier(0.45, 0.1, 0.57, 0.89);
--
*/

/*
#######################################################################
############################### FONT  #################################
#######################################################################
*/
@import url('https://fonts.googleapis.com/css2?family=Amaranth:ital@0;1&family=Cookie&family=Oleo+Script+Swash+Caps&family=Petit+Formal+Script&family=Satisfy&display=swap');

/*
font-family: 'Amaranth', sans-serif;
font-family: 'Cookie', cursive;
font-family: 'Oleo Script Swash Caps', cursive;
font-family: 'Petit Formal Script', cursive;
font-family: 'Satisfy', cursive;
*/
/*
@import url('https://fonts.googleapis.com/css?family=Kreon:300,400,600,800');
*/

/*
#######################################################################
############################# VARIAVEIS  ##############################
#######################################################################
*/

:root {
    --main-cor-principal: #ee370a !important;
    --main-cor-bot-hover: #ff5328 !important;
    --main-cor-principal-trasparencia: #c02600 !important;
    --main-font-titulos: 'Kreon', sans-serif !important;
    --main-font-menus: 'Kreon ', sans-serif !important;
    --topo-foto-grad-1: #5c04ff;
    --topo-foto-grad-2: #1bb1f7;
    
    /* background-color: var(--main-font-titulos); */
}

/*
#######################################################################
############################# OCULTAR #################################
#######################################################################
*/

/* Logo Topo */
.scrollHeader .navbar-brand img {
    max-height: 47px;
}
.scrollHeader .navbar-brand img {
    max-height: 55px;
}

div#titulo-sobre-nos {
    display: ;
}

.box-like-conteudo {
    display: none;
    background: #bababa3b;
    border: 0px !important;
}

#pagina-catalogo h4.titulos-detalhes {display: none;}


#banner-topo-site .hero-text {
    line-height: initial;
    font-size:  initial;
    text-transform: uppercase !important;
    font-weight: 200 !important;
}

/*
#######################################################################
############################ FIM - OCULTAR ############################
#######################################################################
*/

.section-heading h1,
.section-heading h2,
.section-heading h3,
.section-heading h4,
.section-heading h5,
.section-heading h6,
section h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: var(--main-font-titulos) !important;
    letter-spacing: 0.75px;
}

/* Marca topo */
 /*
    .navbar-brand img {
    max-height: 100px;
    }
    .scrollHeader .navbar-brand img {
        max-height: 68px;
    }
 */



/* AJUSTE MENU RODAPE - removido e centralizado */
.coluna-4.col-lg-3.col-md-12.text-center.sm-margin-30px-bottom {display: none;}
  footer>.container>div>div { margin: 0 auto; } 




div#caixa-de-texto {
    max-height: 651px;
}

.link_login {color: black !important;font-weight: bold;text-decoration: revert;}

 

/******* BORDA FOTOS ********/
.services-single-right .owl-foto-principal,
.feature-box-07 .img-box {
    border-radius: 10px;
}

.box-like-conteudo{
    border-radius: 90px;
    width: 40%;
    border: 8px solid var(--main-cor-principal) !important;
}


/* MENU TOPO */
.scrollHeader .navbar-nav>li:hover>a.pagina-atual span,
.scrollHeader .navbar-nav a.pagina-atual span {
    border: 0px solid var(--main-cor-principal);
    background: #00000017;
}

/*  Topos Paginas Efeito  */

section.page-title-section2:before {
    content: "";
    padding: 15px;
    background: radial-gradient(var(--topo-foto-grad-1), var(--topo-foto-grad-2));  /* radial-gradient(#ff0094, #600083) //  radial-gradient(#c3bec1, #c500af)  */
    border: 1px solid #fff;
}
header.scrollHeader .navbar-default {
    border-bottom: 1px solid var(--main-cor-principal) !important;
}

/* TELAS acima de 992px  */
@media screen and (min-width: 992px) {

/* TOPO INTERNAS */
    section.page-title-section2.bg-img.cover-background {
        border-radius: 0 0 0 0;
    }

}

@media screen and (max-width: 991px) {

    section.page-title-section2.bg-img.cover-background {
        background-attachment: unset;
        border-radius: 0px;
        margin: 0 0;
        margin-top: 0px;
    }
    .menu_area .navbar-brand {
        margin-top: -2px;
    }
}

@media screen and (max-width: 767px) {

    .navbar-brand img {
        max-height: 100px;
    }

    .page-title-section2 h1 {
        font-size: 28px;
        font-weight: normal;
    }
    .box-like-conteudo {
        width: 100%;
    }


    .navbar-nav>li:hover>a.pagina-atual span,
    .navbar-nav a.pagina-atual span {
    background:none;
    color: var(--main-cor-principal);
}

    /* LOGO TOPO - Forçando tamanho e posição */
        .navbar-brand img {
            max-height: 101px;
            transition-duration: 0.5s !important;
            top: 15px;
            /* position: fixed; */
        }
    
    #box-bemvindo {
        padding-block: 60px;
    }
    
}

@media screen and (max-width: 400px) {
    .header-style2 .navbar-header-custom {
        left: 23%;
        top: 5px;
    }
}





 

/* FAIXA CONTATO */

#faixa-contato.sombra-baixa {
    box-shadow: unset;
    position: unset;
    z-index: unset;
}

#faixa-contato:before {
    content: "";
/*
   background: linear-gradient(to right, #ff00d0, #0014ff);
   background: -webkit-linear-gradient(0deg, #ff00d0, #0014ff);
*/ 
    background: var(--main-cor-principal); /*violet*/
    opacity: 0.75;
    padding: 200%;
}

#faixa-contato a {
    background-color: var(--main-cor-principal);
    background: unset;
    margin: 44px 22px 19px;
    border: 1px solid #fff0 !important;
}

#faixa-contato a:hover {
    /* background: var(--main-cor-bot-hover) ; */
    background: var(--main-cor-principal) !important;
    border: 1px solid #fff !important;
    background: none !important;
    border-radius: 63px;
    transition: all 0.5s ease-out 0s;
    color: #fff !important;
}

#faixa-contato .box-mensagem .icon-chat {
    font-weight: bold;
    font-size: 99px;
    padding: 7px;
    background: -webkit-linear-gradient(#ffffff, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: #ffffff00;
}

.page-title-section2:before {
    opacity: 0.65;
    background: var(--main-cor-principal-trasparencia);
}

.menu-esq-acordion h5>a>.btn,
.menu-esq-acordion .btn[aria-expanded="false"] {
    background-color: var(--main-cor-principal) !important;
    color: #ffffff;
}

a.scroll-to-top {
    bottom: 89px;
}

div#caixa-de-texto {
    max-height: 630px;
}
 
footer {
    /*background: linear-gradient(0deg, var(--main-cor-principal), var(--main-cor-principal),#960200, #730100);*/
    background-color: var(--main-cor-principal);
}


.section-heading.left h4 {
    padding-bottom: 10px;
}



.botao-link {
    background-color: var(--main-cor-principal);
    color: #fff !important;
    text-decoration: unset !important;
}

.botao-link:hover {
    background-color: var(--main-cor-principal) !important;
}
    

.contador:before {
    background: var(--main-cor-principal);
    /* background-image: linear-gradient(97deg, #ff00dc, #0014ff, #0014ff); */
    /* background-image: -webkit-linear-gradient(-28deg, #ff00dc, #0014ff, #0014ff); */
    background-image: none;
}

.about-carousel:after {
    border: 30px solid var(--main-cor-principal) !important;
    border-radius: 9px;
}

.owl-carousel .owl-stage-outer {
    border-radius: 9px;
}


#depoimentos {
    padding-bottom: 96px;
    padding-top: 145px;
    border: 8px dotted var(--main-cor-principal);
    z-index: 1;
    border-right: 0;
    border-left: 0;
}