@charset "utf-8";

/* *********************************** */
/*      RESETS E ESTILOS PADRAO        */
/* *********************************** */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ul { list-style: none; }
button, input, select, textarea{ margin: 0; }
img, embed, iframe, object, video{ height: auto; max-width: 100%; border: 0; margin: 0; padding: 0; }
audio { max-width: 100%; }
iframe { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; text-align: left; }
html { font-size: 62.5%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; text-rendering: optimizeLegibility; box-sizing: border-box; background-color: var(--color4); transition: var(--smooth); }
*, *::before, *::after { box-sizing: inherit; }
article, aside, figure, footer, header, hgroup, section{ display: block; }
body, button, input, select, textarea{ font-family: var(--font); }
code, pre{ -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; }
body { color: var(--color1); font-weight: 400; line-height: 1.5; -webkit-overflow-scrccccolling: touch; margin: 0; }
a { cursor: pointer; text-decoration: none; color: inherit; }
a strong { color: currentColor; }
a:hover{ color: inherit; }
code { background-color: whitesmoke; color: #ff3860; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; }
hr { background-color: whitesmoke; border: none; display: block; height: 2px; margin: 1.5rem 0; }
input[type="checkbox"], input[type="radio"] { vertical-align: baseline; }
small { font-size: 0.875em; }
span { font-style: inherit; font-weight: inherit; }
strong { font-weight: bolder; }
fieldset { border: none; }
pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; color: #4a4a4a; font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; }
pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; }
table td, table th { text-align: left; vertical-align: middle; }

::-moz-selection { background: #D5EAFF; }
::selection { background: #D5EAFF; }

.centralizador { width:1300px; width:130rem; }

.font0  { font-size:   0px; font-size:   0rem; }
.font8  { font-size:   8px; font-size:  .8rem; }
.font9  { font-size:   9px; font-size:  .9rem; }
.font10 { font-size:  10px; font-size:   1rem; }
.font12 { font-size:  12px; font-size: 1.2rem; }
.font14 { font-size:  14px; font-size: 1.4rem; }
.font16 { font-size:  16px; font-size: 1.6rem; }
.font18 { font-size:  18px; font-size: 1.8rem; }
.font20 { font-size:  20px; font-size:   2rem; }
.font22 { font-size:  22px; font-size: 2.2rem; }
.font24 { font-size:  24px; font-size: 2.4rem; }
.font28 { font-size:  28px; font-size: 2.8rem; }
.font30 { font-size:  30px; font-size:   3rem; }
.font36 { font-size:  36px; font-size: 3.6rem; }
.font40 { font-size:  40px; font-size:   4rem; }
.font48 { font-size:  48px; font-size: 4.8rem; }
.font50 { font-size:  50px; font-size:   5rem; }
.font62 { font-size:  62px; font-size: 6.2rem; }
.font70 { font-size:  70px; font-size:   7rem; }

.line14 { line-height: 14px; line-height: 1.4rem; }
.line18 { line-height: 18px; line-height: 1.8rem; }
.line20 { line-height: 20px; line-height:   2rem; }
.line24 { line-height: 24px; line-height: 2.4rem; }
.line36 { line-height: 36px; line-height: 3.6rem; }

.flex             { display: flex; }
.inline-flex      { display: inline-flex; }
.flex-wrap        { flex-wrap: wrap; }
.justify-center   { justify-content: center; }
.justify-start    { justify-content: flex-start; }
.justify-end      { justify-content: flex-end; }
.justify-between  { justify-content: space-between; }
.justify-around   { justify-content: space-around; }
.align-center     { align-items: center; }
.align-start      { align-items: flex-start; }
.align-base       { align-items: baseline; }
.align-end        { align-items: flex-end; }
.direction-column { flex-direction: column; }
.direction-row    { flex-direction: row; }

.aesquerda { float:left; }
.adireita  { float:right; }
.center    { margin-right: auto; margin-left: auto; }

.txt-aesquerda { text-align:    left; }
.txt-adireita  { text-align:   right; }
.txt-aocentro  { text-align:  center; }
.txt-justify   { text-align: justify; }

.thin      { font-weight: 100; }
.extralight{ font-weight: 200; }
.light     { font-weight: 300; }
.regular   { font-weight: 400; }
.medium    { font-weight: 500; }
.semibold  { font-weight: 600; }
.bold      { font-weight: 700; }
.extrabold { font-weight: 800; }
.black     { font-weight: 900; }
.italic    { font-style: italic; }

.capitalize { text-transform: capitalize; }
.uppercase  { text-transform: uppercase; }
.lowercase  { text-transform: lowercase; }

.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.left{ margin-right: 8px; }
.right{ margin-left: 8px; }

.row    { display: flex; flex-wrap: wrap; }
.cl     { padding: 0 12px; transition: var(--smooth); }
.cl_100 { width: 100%;     }
.cl_90  { width: 90%;      }
.cl_80  { width: 80%;      }
.cl_70  { width: 70%;      }
.cl_75  { width: 75%;      }
.cl_66  { width: 66.666%;  }
.cl_60  { width: 60%;      }
.cl_50  { width: 50%;      }
.cl_40  { width: 40%;      }
.cl_33  { width: 33.333%;  }
.cl_30  { width: 30%;      }
.cl_25  { width: 25%;      }
.cl_20  { width: 20%;      }
.cl_10  { width: 10%;      }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    .centralizador        { max-width:1300px; max-width:130rem; margin:0 auto; }
    .esconde_desktop      { display: none; }
    .esconde_fulldesktop  { display: none; }
    .exibe_desktop        { display: block; }
    .exibe_fulldesktop    { display: block; }

    .cl_fd     { padding: 0 12px; }
    .cl_fd_100 { width: 100%;     }
    .cl_fd_90  { width: 90%;      }
    .cl_fd_80  { width: 80%;      }
    .cl_fd_70  { width: 70%;      }
    .cl_fd_75  { width: 75%;      }
    .cl_fd_66  { width: 66.666%;  }
    .cl_fd_60  { width: 60%;      }
    .cl_fd_50  { width: 50%;      }
    .cl_fd_40  { width: 40%;      }
    .cl_fd_33  { width: 33.333%;  }
    .cl_fd_30  { width: 30%;      }
    .cl_fd_25  { width: 25%;      }
    .cl_fd_20  { width: 20%;      }
    .cl_fd_10  { width: 10%;      }
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    .centralizador        { width:98%; max-width:1280px; max-width:128rem; margin:0 auto; }
    .esconde_desktop      { display: none; }
    .esconde_smalldesktop { display: none; }
    .exibe_desktop        { display: block; }
    .exibe_smalldesktop   { display: block; }
    
    .cl_d     { padding: 0 12px; }
    .cl_d_100 { width: 100%;     }
    .cl_d_90  { width: 90%;      }
    .cl_d_80  { width: 80%;      }
    .cl_d_70  { width: 70%;      }
    .cl_d_75  { width: 75%;      }
    .cl_d_66  { width: 66.666%;  }
    .cl_d_60  { width: 60%;      }
    .cl_d_50  { width: 50%;      }
    .cl_d_40  { width: 40%;      }
    .cl_d_33  { width: 33.333%;  }
    .cl_d_30  { width: 30%;      }
    .cl_d_25  { width: 25%;      }
    .cl_d_20  { width: 20%;      }
    .cl_d_10  { width: 10%;      }

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .centralizador    { width:98%; margin: 0 auto; }
    .esconde_tablet   { display: none !important; }
    .exibe_tablet     { display: block; }

    .cl_t     { padding: 0 12px; }
    .cl_t_100 { width: 100%;     }
    .cl_t_90  { width: 90%;      }
    .cl_t_80  { width: 80%;      }
    .cl_t_70  { width: 70%;      }
    .cl_t_75  { width: 75%;      }
    .cl_t_66  { width: 66.666%;  }
    .cl_t_60  { width: 60%;      }
    .cl_t_50  { width: 50%;      }
    .cl_t_40  { width: 40%;      }
    .cl_t_33  { width: 33.333%;  }
    .cl_t_30  { width: 30%;      }
    .cl_t_25  { width: 25%;      }
    .cl_t_20  { width: 20%;      }
    .cl_t_10  { width: 10%;      }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .centralizador    { width: 95%; margin: 0 auto; }
    .esconde_celular  { display: none !important; }
    .exibe_celular    { display: block; }   

    .cl_c     { padding: 0 12px; }
    .cl_c_100 { width: 100%;     }
    .cl_c_90  { width: 90%;      }
    .cl_c_80  { width: 80%;      }
    .cl_c_70  { width: 70%;      }
    .cl_c_75  { width: 75%;      }
    .cl_c_66  { width: 66.666%;  }
    .cl_c_60  { width: 60%;      }
    .cl_c_50  { width: 50%;      }
    .cl_c_40  { width: 40%;      }
    .cl_c_33  { width: 33.333%;  }
    .cl_c_30  { width: 30%;      }
    .cl_c_25  { width: 25%;      }
    .cl_c_20  { width: 20%;      }
    .cl_c_10  { width: 10%;      }

    .w3-copy{ top: calc(100vh + 390px) !important; }
}




/* VARIÁVEIS DO PROJETO */
:root{
    --smooth: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    --color1: #000000;
    --color2: #ffffff;
    --color4: #f7f8fa;
    --color-client1: #0C2340;
    --color-client2: #3277b1;
    --color-client3: #5f5c5a;
    --color-client4: #acb1c0;
    --color-client5: #dee0e6;
    --color-client6: rgba(172, 177, 192, .2);


    --font1: 'Poppins', sans-serif;
    --font2: 'Montserrat', sans-serif;
    
    --color-facebook: #3b5998;
    --color-twitter: #00aced;
    --color-linkedin: #007bb6;
    --color-youtube: #bb0000;
    --color-instagram: #517fa4;
    --color-pinterest: #cb2027;
    --color-behance: #1769ff;
    --color-skype: #00aff0;
    --color-twitch: #6441a5;
    --color-spotify: #7ab800;
    --color-whatsapp: #25d366;
    --color-whatsapp-alt: #128C7E;
    
    --shadow: 0px 0px 30px 0px rgba(37, 43, 67, 0.25);

    --tamanho-topo: 136px;
}
/* VARIÁVEIS DO PROJETO */

.w3-chatbot{ position: fixed; bottom: 2%; right: 2%; z-index: 9999; }
.w3-chatbot-hello-btn{ height: 8rem; width: 8rem; justify-content: center; align-items: center; filter: drop-shadow(0px 0px 10px rgba(0,0,0,.35)); transition: .1s; display:none; }
.w3-chatbot-hello-btn:hover{ transform: scale(1.15); filter: drop-shadow(0px 0px 10px rgba(61,248,255,.75)); transition: .2s; }
.w3-chatbot-hello-txt{ position: absolute; left: -8rem; bottom: calc(2% + 8.6rem); width: 15.2rem; border-radius: .8rem; border: 3px solid #FFF; padding: 1rem; z-index:0;  filter: drop-shadow(0px 0px 10px rgba(0,0,0,.35)); }
.w3-chatbot-hello-txt p{ letter-spacing: .1rem; }
.w3-chatbot-hello-txt p strong{ text-shadow: -1px 2px 0px rgba(0, 0, 0, .2); font-size: 1.4rem; font-weight: 900; }
.w3-chatbot-hello-txt::before {
    content: '';
    position: absolute;
    top: 6.5rem;
    right: .6rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    visibility: visible;
    border-color: #FFF transparent transparent transparent;
}
.w3-chatbot-hello-txt::after {
    content: '';
    position: absolute;
    top: 6.4rem;
    right: 1rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    visibility: visible;
    border-color: #f57e20 transparent transparent transparent;
}

/* .w3-chatbot-form{
	position: absolute;
    width: 30vw;
    bottom: calc(2% + 7.5rem);
    right: 2%;
} */
.w3-chatbot-form-card {
    background: #fff;
    border: thin solid #d8d8d8;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 7px 15px;
    border-radius: 1rem;
}

section.w3-chatbot-popup{  display: flex; justify-content: center; flex-wrap: wrap; width: 100%; }
.w3-chatbot-popup-txt{ width: 40rem; }
.w3-chatbot-popup-txt p{ border-radius: 2rem 2rem 0 2rem; background: #FFF; width: 100%; height: 165px; padding: 2rem; margin-top: 4rem; }
.w3-chatbot-popup-txt p strong{ text-shadow: -1px 2px 0px rgba(0, 0, 0, .2); font-size: 2.4rem; font-weight: 900; }
.w3-chatbot-popup-img{  width: 40rem; }
.w3-chatbot-popup-txt p::before {
    content: '';
    position: absolute;
    top: 145px;
    margin-left: 352px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 14px 40px 20px;
    visibility: visible;
    border-color: transparent transparent #FFF transparent;
}

/* chatbot core */
.w3-chatbot-chamada{ margin-top: 3rem; }
.w3-chatbot-chamada-conteudo{ justify-content: center; }
.w3-chatbot-chamada-conteudo-img{ width: 20rem; }
.w3-chatbot-chamada-conteudo-txt{ width: 40rem; margin-right: 4rem; }
.w3-chatbot-chamada-conteudo-txt p{ border-radius: 2rem 2rem 0 2rem; background: #FFF; width: 100%; height: 165px; padding: 2rem;  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.3); }
.w3-chatbot-chamada-conteudo-txt p strong{ text-shadow: -1px 2px 0px rgba(0, 0, 0, .2); font-size: 2.4rem; font-weight: 900; }
/* chatbot core */

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .w3-chatbot-popup-txt p{ border-radius: 2rem; }
    .w3-chatbot-popup-txt p::before {
        content: '';
        position: absolute;
        top: 204px;
        margin-left: 264px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 20px 20px;
        visibility: visible;
        border-color: #FFF transparent transparent transparent;
    }

    .w3-chatbot-chamada-conteudo-txt{ width: 30rem; }
    .w3-chatbot-chamada-conteudo-txt p{ height: 200px; }
    .w3-chatbot-chamada-conteudo-txt p::before {
        top: 260px;
        margin-left: 257px;
    }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {

    .w3-chatbot-popup-txt{ width: 24rem; }
    .w3-chatbot-popup-img{ width: 100%; }
    .w3-chatbot-popup-img img{ width: 24rem; }
    .w3-chatbot-popup-txt p{ border-radius: 2rem; font-size: 1.2rem; height: 123px; margin-top: 2rem; padding: 1.2rem; border-radius: 1.2rem; }
    .w3-chatbot-popup-txt p strong{ font-size: 1.6rem; }
    .w3-chatbot-popup-txt p::before {
        content: '';
        position: absolute;
        top: 139px;
        margin-left: 144px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 20px 20px;
        visibility: visible;
        border-color: #FFF transparent transparent transparent;
    }

    .w3-chatbot-chamada-conteudo{ flex-wrap: wrap; }
    .w3-chatbot-chamada-conteudo-txt{ width: 24rem; margin: 0; }
    .w3-chatbot-chamada-conteudo-img{ width: 100%; height: 20rem; display: flex; font-size: 0; justify-content: center; }
    .w3-chatbot-chamada-conteudo-img img{ height: 100%; }
    .w3-chatbot-chamada-conteudo-txt p{ height: 200px; padding: 1.2rem; border-radius: 2rem; }
    .w3-chatbot-chamada-conteudo-txt p::before {
        top: 260px;
        margin-left: 257px;
    }
    .w3-chatbot-chamada-conteudo-txt p::before {
        content: '';
        position: absolute;
        top: 319px;
        margin-left: 144px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 20px 20px 20px;
        visibility: visible;
        border-color: #FFF transparent transparent transparent;
    }
}
/*************************************** FIM DO chatbot ***************************************/


/******************************************************* COMEÇO DO BLOG *******************************************************/
section.w3-blog{ padding: 100px 0; padding: 10rem 0; }

.w3-blog-linha{ width: 100%; padding: 0 10px; padding: 0 1rem; }
.w3-blog-linha-postagem{ padding-bottom: 15px; padding-bottom: 1.5rem; margin-bottom: 30px; margin-bottom: 3rem; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.w3-blog-linha-postagem-cabecalho-titulo{  margin-top: 5px; margin-top: .5rem; }
.w3-blog-linha-postagem-cabecalho-titulo h1{ line-height: 48px; line-height: 4.8rem; }
.w3-blog-linha-postagem-cabecalho-autor{ margin-top: 5px; margin-top: .5rem; }
.w3-blog-linha-postagem-img{ margin: 15px 0; margin: 1.5rem 0; width: 100%; max-height: 370px; max-height: 37rem; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.w3-blog-linha-postagem-img img{ transition: .2s; }
.w3-blog-linha-postagem-img img:hover{ transform: scale(1.05); transition: .2s; }
.w3-blog-linha-postagem-corpo{ margin-bottom: 30px; margin-bottom: 3rem; }
.w3-blog-linha-postagem-corpo p{ line-height: 24px; line-height: 2.4rem; }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    section.w3-blog{ width: 55%; }
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {

}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .w3-blog-linha-postagem-cabecalho-titulo h1{ font-size: 36px; font-size: 3.6rem; line-height: 36px; line-height: 3.6rem; }
}
/******************************************************** FINAL DO BLOG *******************************************************/


/******************************************************* COMEÇO DO POSTAGEM *******************************************************/
section.w3-postagem{ padding: 100px 0; padding: 10rem 0; }

.w3-postagem-linha{ width: 100%; padding: 0 10px; padding: 0 1rem; }
.w3-postagem-linha-postagem{ padding-bottom: 15px; padding-bottom: 1.5rem; margin-bottom: 30px; margin-bottom: 3rem; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.w3-postagem-linha-postagem-cabecalho{ margin-bottom: 15px; margin-bottom: 1.5rem; }
.w3-postagem-linha-postagem-cabecalho-titulo{  margin-top: 5px; margin-top: .5rem; }
.w3-postagem-linha-postagem-cabecalho-titulo h1{ line-height: 48px; line-height: 4.8rem; }
.w3-postagem-linha-postagem-cabecalho-autor{ margin-top: 5px; margin-top: .5rem; }
.w3-postagem-linha-postagem-img{ width: 100%; max-height: 370px; max-height: 37rem; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.w3-postagem-linha-postagem-img img{ transition: .2s; }
.w3-postagem-linha-postagem-img img:hover{ transform: scale(1.05); transition: .2s; }
.w3-postagem-linha-postagem-corpo{ margin-bottom: 30px; margin-bottom: 3rem; }
.w3-postagem-linha-postagem-corpo { line-height: 1.58; font-size: 21px; color: rgba(0, 0, 0, 0.84); letter-spacing: -0.004em; margin-bottom: -0.46em; font-weight: 300; margin-top: 2em; }
.w3-postagem-linha-postagem-corpo strong{ font-weight: 700; }

.w3-postagem-linha-postagem-corpo h2,
.w3-postagem-linha-postagem-corpo h3,
.w3-postagem-linha-postagem-corpo h4,
.w3-postagem-linha-postagem-corpo h5,
.w3-postagem-linha-postagem-corpo h6{ font-size: 18px; font-size: 1.8rem; font-weight: 600; padding: 8px 0 5px; padding: .8rem 0 .5rem; }
.w3-postagem-linha-postagem-corpo p{ line-height: 34px; line-height: 3.4rem; margin: 5px 0; margin: .5rem 0; }
.w3-postagem-linha-postagem-corpo ul,
.w3-postagem-linha-postagem-corpo ol{ list-style-position: inside; margin: 5px 0; margin: .5rem 0; }
.w3-postagem-linha-postagem-autor{ border-top: .1rem solid rgba(0, 0, 0, .1); padding-top: 10px; padding-top: 1rem; }
.w3-postagem-linha-postagem-autor-txt{ align-content: space-between; padding-left: 20px; padding-left: 2rem; flex-grow: 1; flex-wrap: wrap; }
.w3-postagem-linha-postagem-autor-txt-nome{ width: 100%; }
.w3-postagem-linha-postagem-autor-txt-nome h3{ margin-left: 3px; margin-left: 0.3rem; }
.w3-postagem-linha-postagem-autor-txt-redes{ width: 100%; list-style-type: none; margin-top: 10px; margin-top: 1rem; }
.w3-postagem-linha-postagem-autor-txt-redes li{ width: 35px; width: 3.5rem; height: 35px; height: 3.5rem; margin-right: 2px; margin-right: .2rem; list-style-type: none; }
.w3-postagem-linha-postagem-autor-txt-redes li a{ width: 100%; height: 100%; align-items: center; justify-content: center; }


/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    section.w3-postagem{ width: 55%; }
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .w3-postagem-linha-postagem-cabecalho-titulo h1{ font-size: 36px; font-size: 3.6rem; line-height: 36px; line-height: 3.6rem; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .w3-postagem-linha-postagem-cabecalho-titulo h1{ font-size: 36px; font-size: 3.6rem; line-height: 36px; line-height: 3.6rem; }
}
/******************************************************** FINAL DO POSTAGEM *******************************************************/






/* ************************************************************************************************************************** */
/*          CSS CLIENTE           CSS CLIENTE           CSS CLIENTE           CSS CLIENTE           CSS CLIENTE               */
/* ************************************************************************************************************************** */
.ps__rail-x,
.ps__rail-y { background: transparent !important; }
.ps__thumb-x,
.ps__thumb-y{ background: #00000080 !important; }


.justify-content-md-center{ justify-content: center !important; }


/* BUTTONS */
.btn{ display: inline-block; font-size: 12px; font-weight: 700; vertical-align: middle; text-align: center; cursor: pointer; border-radius: 8px; color: var(--color5); text-transform: uppercase; padding: 12px 24px; margin-top: 16px; line-height: 1.4; white-space: nowrap; border: 0; box-shadow: var(--shadow-sm); transition: var(--smooth); }
.btn svg{ height: 10px; transition: var(--smooth); }
.btn:focus{ opacity: .75; outline: none; }
/* Tamanhos */
.btn-xsm{ font-size: 10px; padding: 6px 10px; letter-spacing: -.4px; line-height: initial; margin-top: 0; }
.btn-sm{ font-size: 12px; padding: 8px 16px; letter-spacing: -.4px; line-height: initial; }
.btn-lg{ font-size: 14px; padding: 14px 64px; }
/* Variações */
.btn-default      { background-color: var(--color2); }
.btn-default svg  { fill: var(--color5); }
.btn-default:hover{ background-color: var(--color1); color: var(--color5); }
.btn-user         { background-color: var(--color-user1); }
.btn-user:hover   { background-color: var(--color-user2); color: var(--color-user1); }
.btn-success      { background-color: var(--color-user7); }
.btn-success:hover{ background-color: var(--color-user8); color: var(--color-user7); }
.btn-warning      { background-color: var(--color-user11); }
.btn-warning:hover{ background-color: var(--color-user12); color: var(--color-user11); }
.btn-danger       { background-color: var(--color-user9); }
.btn-danger:hover { background-color: var(--color-user10); color: var(--color-user9); }
.btn-info         { background-color: var(--color-user5); }
.btn-info:hover   { background-color: var(--color-user6); color: var(--color-user5); }
.btn-light        { background-color: var(--color5); color: var(--color-user14); }
.btn-light:hover  { background-color: var(--color-user14); color: var(--color5); }
.btn-dark         { background-color: var(--color-user15); }
.btn-dark:hover   { background-color: var(--color-user16); color: var(--color-user15); }
.btn-disable      { opacity: .5; cursor: default; pointer-events: none; }
/* Icons */
.btn-icon{ display: inline-block; vertical-align: middle; text-align: center; line-height: 40px; padding: 0; height: 40px; width: 40px; }
/* Btn Link */
.btn-link{ display: inline-block; background: none; border: 0; margin-top: 16px; font-size: 14px; color: var(--color2); font-weight: 700; letter-spacing: -.4px; line-height: 1.5; white-space: nowrap; cursor: pointer; transition: var(--smooth); }
.btn-link:hover{ color: var(--color1); }
.btn-link .left{ margin-right: 4px; }
.btn-link .right{ margin-left: 4px; }
/* Link */
.a-link{ color: var(--color-user5); text-decoration: underline; }
/* btn social */
.btn-whatsapp      { background-color: var(--color-whatsapp); }
.btn-whatsapp:hover{ background-color: var(--color-whatsapp-alt); color: var(--color5); }

.w3-whatsapp {
    position: fixed;
    right: 2%;
    top: 85%;
    height: 70px;
    width: 70px;
    z-index: 999999;
}

/* TAGS */
.tag-float{ position: relative; margin-left: -24px; transform: translate(50%, -50%); border: 3px solid var(--color5); height: 24px; width: 24px; border-radius: 50%; text-align: center; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 600; }
.tag-user  { background-color: var(--color-user1); color: var(--color5); }
.tag-danger{ background-color: var(--color-user10); color: var(--color-user9); }

/* VARIÁVEIS DO PROJETO */
:root{
    --color1: var(--color-user15);
    --color2: var(--color-user16);
    --color3: #e9ecef;
    --color4: #f8f9fa;
    --color5: #ffffff;
    --font: 'Open Sans', 'Helvetica', 'Helvetica Neue', 'Arial', sans-serif;

    --color-user1:  #ee7d24;
    --color-user2:  #f9b61b;
    --color-user3:  #5974a2;
    --color-user4:  #e4e8ed;
    --color-user5:  #08a1c4;
    --color-user6:  #abe9f7;
    --color-user7:  #67b108;
    --color-user8:  #cdf59b;
    --color-user9:  #fb0000;
    --color-user10: #fdd4d4;
    --color-user11: #f2930d;
    --color-user12: #ffdfb3;
    --color-user13: #8e9faf;
    --color-user14: #c7d3de;
    --color-user15: #252f40;
    --color-user16: #67748e;

    
    --color-facebook: #3b5998;
    --color-twitter: #00aced;
    --color-linkedin: #007bb6;
    --color-youtube: #bb0000;
    --color-instagram: #517fa4;
    --color-pinterest: #cb2027;
    --color-behance: #1769ff;
    --color-skype: #00aff0;
    --color-twitch: #6441a5;
    --color-spotify: #7ab800;
    --color-whatsapp: #25d366;
    --color-whatsapp-alt: #128C7E;
    
    --shadow-sm: 0 4px 7px -1px rgb(0 0 0 / 11%), 0 2px 4px -1px rgb(0 0 0 / 7%);
    --shadow-xl: 0 20px 27px 0 rgb(0 0 0 / 5%);

    --smooth: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


/*************************************** CSS PADRÃO ***************************************/
.color-facebook{ color: var(--color-facebook); }
.color-twitter{ color: var(--color-twitter); }
.color-linkedin{ color: var(--color-linkedin); }
.color-youtube{ color: var(--color-youtube); }
.color-instagram{ color: var(--color-instagram); }
.color-pinterest{ color: var(--color-pinterest); }
.color-behance{ color: var(--color-behance); }
.color-skype{ color: var(--color-skype); }
.color-twitch{ color: var(--color-twitch); }
.color-spotify{ color: var(--color-spotify); }
.color-whatsapp{ color: var(--color-whatsapp); }
.color-whatsapp-alt{ color: var(--color-whatsapp-alt); }

.margin-top{ margin-top: 16px !important; }
.margin-bottom{ margin-bottom: 16px !important; }
.margin-top-0{ margin-top: 0 !important; }
.margin-bottom-0{ margin-bottom: 0 !important; }
.margin-left{ margin-left: 16px !important; }
.margin-right{ margin-right: 16px !important; }
.margin-left-0{ margin-left: 0 !important; }
.margin-right-0{ margin-right: 0 !important; }

.padding-top-0{ padding-top: 0 !important; }

.adm-body{ padding-top: 100px; /* background: url('../img/pattern-qqdoc.png') repeat-y; */ }
.adm-body.swal2-shown{ padding-right: 0 !important; }
section.adm-dashboard{ margin-top: 83px; padding: 0 12px 24px 0; display: flex; flex-wrap: wrap; }

.row{ width: 100%; }
.row .box{ margin-top: 24px; height: calc(100% - 24px); }
.row .cl > .box{ display: flex; flex-direction: column; }

.box{ border-radius: 10px; background-color: var(--color5); box-shadow: var(--shadow-xl);  }
.box.padding,
.padding{ padding: 16px; }
.box-header{ padding-bottom: 16px; }
.box-header h1{ font-size: 22px; color: var(--color-user1); line-height: 1.625; font-weight: 600; margin-bottom: 8px; }
.box-header h2{ font-size: 16px; color: var(--color1); line-height: 1.625; font-weight: 600; margin-bottom: 8px; }
.box-header h3{ font-size: 14px; color: var(--color2); line-height: 1.5; font-weight: 400; }
.box-body{ flex-grow: 1; }
.box-txt{ margin-bottom: 48px; }
.box-txt h3{ font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.box-txt p{ font-size: 14px; margin-bottom: 8px; }
.box-img{ width: 100%; height: 100%; max-width: 430px; max-height: 290px; overflow: hidden; border-radius: 10px; margin-bottom: 16px; }
.box-img img{ height: 100%; min-width: none; }
.box-icon{ color: var(--color-user1); font-size: 14px; }
.box-title{ display: flex; align-items: center; margin-bottom: 8px; }
.box-title h2{ margin: 0 }
.title-icon{ display: flex; align-items: center; justify-content: center; height: 32px; width: 32px; text-align: center; border-radius: 8px; margin-right: 8px; box-shadow: var(--shadow-sm); background-color: var(--color-user2); transition: var(--smooth); }
.title-icon i{ font-size: 12px; }
.txt-link{ text-decoration: underline; }
.txt-link:hover{ color: blue; }

.subtitle{ font-size: 14px; color: var(--color2); line-height: 1.5; font-weight: 600; }
.subtitle i:is(.fa-info, .fa-info-circle){ opacity: .75; }
.title{ font-size: 20px; color: var(--color1); line-height: 1.375; font-weight: 700; }
span.porcentagem{ font-size: 14px; font-weight: 700; }
span.porcentagem[data-status="+"]{ color: var(--color-user7); }
span.porcentagem[data-status="-"]{ color: var(--color-user9); }

/* Tabelas */
.box-table{ width: 100%; overflow-x: auto; }
.box-table::-webkit-scrollbar{ width: 8px; height: 8px; }
.box-table::-webkit-scrollbar-thumb{ background: #8e9faf; border-radius: 4px; }
.box-table::-webkit-scrollbar-thumb:hover{ background: #67748E; }
.box-table::-webkit-scrollbar-track{ background: #e9ecef; border-radius: 4px; box-shadow: inset 7px 10px 12px #f0f0f0; }
.box-table table{ width: 100%; }
.box-table table tr{ border-radius: 10px; border-bottom: 1px solid var(--color3); transition: var(--smooth); }
.box-table table tr:last-of-type{ border-bottom-color: transparent; }
.box-table table tr:first-of-type:hover{ background-color: transparent; }
/* .box-table table tr:hover{ background-color: var(--color3); } */
.box-table table tr th.tablecel-width{ min-width: 200px; }
.box-table table tr th.tablecel-options{ text-align: center; max-width: 180px; }
.box-table table tr th,
.box-table table tr td{ line-height: 1.4; padding: 12px 24px 12px 8px; }
.box-table table tr th{ font-size: 10px; color: var(--color2); text-transform: uppercase; font-weight: 600; }
.box-table table tr td{ font-size: 14px; }
.box-table table tr td p[data-status="ativo"],
.box-table table tr td p[data-status="enviado"]{ color: var(--color-user7); font-weight: 600; }
.box-table table tr td p[data-status="inativo"],
.box-table table tr td p[data-status="aguardando-pagamento"]{ color: var(--color-user9); font-weight: 600; }
.box-table table tr td p[data-status="aguardando-envio"]{ color: var(--color-user5); font-weight: 600; }
.table-img{ height: 80px; width: 80px; min-width: 80px; border-radius: 8px; overflow: hidden; display: flex; justify-content: center; margin-right: 16px; }
.table-img img{ height: 100%; max-width: none; }
.table-buttons .btn{ margin: 0 4px; }







.w3-form-box{ margin-bottom: 25px; }
.w3-form-box label{ font-size: 15px; line-height: 1; font-weight: 600; }
.w3-form-box label span{ color: var(--color3); }
.w3-form-box-radio{ height: 32px; width: 100%; border-radius: 0px;  }
.w3-form-box-campo{ height: 30px; width: 100%; background: transparent; border-radius: 0px; margin-top: 8px; }
.w3-form-box-campo :is(input,select){ border: 0; border-bottom: 1px solid var(--color-client5); font-family: var(--font2); text-transform: uppercase; height: 100%; width: 100%; background-color: transparent; color: var(--color1); padding: 0 20px; font-size: 12px; font-weight: 400; cursor: pointer; transition: var(--smooth); }
.w3-form-box-campo input:focus,
.w3-form-box-campo select:focus{ border-bottom: 1px solid var(--color1); }
.w3-form-box-campo input:disabled,
.w3-form-box-campo select:disabled{ background-color: var(--color-client6); }
.w3-form-box-textarea{ height: 120px; width: 100%; border-radius: 0px; background: var(--color-client5);  margin-top: 10px; }
.w3-form-box-textarea textarea{ font-family: var(--font2); text-transform: uppercase; height: 100%; width: 100%; background-color: transparent; color: var(--color1); padding: 20px; font-size: 10px; font-weight: 400; border: 0; }
.w3-form-box button{ cursor: pointer; width: 100%; }
.w3-form-box button.btn-travado{ width: 150px; }
.w3-form-box.options{ display: flex; align-items: center; }
.w3-form-box.options .w3-form-box-campo{ height: 30px; width: 30px; min-width: 30px; overflow: hidden; margin-top: 0; }
.w3-form-box.options .w3-form-box-campo input[type='checkbox'],
.w3-form-box.options .w3-form-box-campo input[type='radio']{ -webkit-appearance: none; padding: 0; font-size: 0; border: 0; position: relative; transition: var(--smooth); display: inline-block; cursor: pointer; }
.w3-form-box.options .w3-form-box-campo input[type='checkbox']:active,
.w3-form-box.options .w3-form-box-campo input[type='radio']:active,
.w3-form-box.options .w3-form-box-campo input[type='checkbox']:checked:active,
.w3-form-box.options .w3-form-box-campo input[type='radio']:checked:active{ background-color: var(--color-client2); }
.w3-form-box.options .w3-form-box-campo input[type='checkbox']:checked,
.w3-form-box.options .w3-form-box-campo input[type='radio']:checked{ background-color: var(--color-client2); transition: var(--smooth); }
.w3-form-box.options .w3-form-box-campo input[type='checkbox']::before,
.w3-form-box.options .w3-form-box-campo input[type='radio']::before{ opacity: 0; content: ''; position: absolute; width: 15px; height: 15px; background: url('../img/checked.svg') no-repeat center; background-size: contain; margin: 7.5px; transition: var(--smooth); }
.w3-form-box.options .w3-form-box-campo input[type='checkbox']:checked:before,
.w3-form-box.options .w3-form-box-campo input[type='radio']:checked:before{ opacity: 1; }
.w3-form-box.options .w3-form-box-campo input:focus{ outline: none; }
.w3-form-box.options label{ font-size: 14px; padding-left: 15px; cursor: pointer; transition: var(--smooth); }
.w3-form-box.options label:hover{ color: var(--color-client2); }
.no-margin{ margin: 0; }
.no-margin-bottom{ margin-bottom: 0; }
.no-margin-top{ margin-top: 0; }
input:focus,
textarea:focus,
button:focus,
select:focus{ outline: none; }

fieldset{ padding: 15px; border: 1px solid var(--color-client5); margin-top: 15px; }
fieldset legend{ font-size: 15px; font-family: var(--font2); font-weight: 700; padding: 0 15px; text-transform: uppercase; }

.title{ font-size: 38px; font-family: var(--font1); font-weight: 600; line-height: 1.1; word-wrap: break-word; }
.subtitle{ font-size: 25px; font-family: var(--font1); font-weight: 600; line-height: 1.4; word-wrap: break-word; }
.text-emphase{ font-size: 12px; font-family: var(--font2); font-weight: 500; line-height: 2; color: var(--color-client3); text-transform: uppercase; letter-spacing: 3px; }
.text-emphase-big{ font-size: 17px; font-family: var(--font2); font-weight: 500; line-height: 2; color: var(--color-client3); text-transform: uppercase; letter-spacing: 3px; }
.text-small{ font-size: 14px; font-family: var(--font2); }
.text{ font-size: 17px; font-family: var(--font2); }
.text p:not(:last-of-type){ margin-bottom: 8px; }

.cabecalho{ width: 100%; max-width: 600px; margin: 0 auto; padding: 115px 0 60px; }
.cabecalho *{ text-align: center; }
.cabecalho .text-emphase{ margin: 10px 0; }
.cabecalho .title{ padding-top: 6px; }
.cabecalho .text{ margin-top: 28px; }
.cabecalho .box-btn{ display: flex; justify-content: center; margin-top: 28px; }

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    .cabecalho{ padding: 85px 0 50px; }
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {

}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    body{ padding-top: 164px; }
}










/* Formulários */
fieldset.box-form{ border: 1px solid var(--color-user14); border-radius: 6px; padding: 22px 0 12px; transition: opacity 300ms ease-in-out; }
fieldset.box-form legend{ font-size: 14px; font-weight: 600; color: var(--color1); margin-left: 16px; padding: 0 8px; }
.box-form{ display: flex; flex-wrap: wrap; margin-bottom: 24px; }
.box-form-group{ margin-bottom: 24px; }
.box-form-group p{ font-size: 12px; }
.box-form-group label{ display: block; font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.box-form-group label span,
.box-form-group h4 span{ color: var(--color-user9); }
.box-form-group input,
.box-form-group select{ height: 40px; }
.box-form-group input,
.box-form-group select,
.box-form-group textarea{ font-size: 14px; color: var(--color1); background-color: var(--color5); border-radius: 8px; border: 1px solid var(--color-user13); width: 100%; max-width: 100%; padding: 8px 12px; line-height: 1.4; /* -webkit-appearance: none; */ }
.box-form-group input:focus,
.box-form-group select:focus,
.box-form-group textarea:focus{ outline-color: var(--color-user1); }
.box-form-group textarea{ height: 90px; }
.box-form-group .form-btn-unico{ margin-top: 22px; }
.form-info{ padding: 4px 8px; border-radius: 4px; font-size: 11px; display: block; margin-top: 4px; }
.form-info.erro{ background-color: var(--color-user10); color: var(--color-user9); }
.form-info.warning{ background-color: var(--color-user12); color: var(--color-user11); }
.form-info.success{ background-color: var(--color-user8); color: var(--color-user7); }
.form-info.info{ background-color: var(--color-user6); color: var(--color-user5); }
.box-form-group input[data-info="erro"],
.box-form-group select[data-info="erro"],
.box-form-group textarea[data-info="erro"]{ border-color: var(--color-user9); background-image: url('../img/img-info-erro.svg'); background-repeat: no-repeat; background-size: 12px 12px; background-position: right 12px top 12px; }
.box-form-group input[data-info="warning"],
.box-form-group select[data-info="warning"],
.box-form-group textarea[data-info="warning"]{ border-color: var(--color-user11); background-image: url('../img/img-info-warning.svg'); background-repeat: no-repeat; background-size: 12px 12px; background-position: right 12px top 12px; }
.box-form-group input[data-info="success"],
.box-form-group select[data-info="success"],
.box-form-group textarea[data-info="success"]{ border-color: var(--color-user7); background-image: url('../img/img-info-success.svg'); background-repeat: no-repeat; background-size: 12px 12px; background-position: right 12px top 12px; }
.box-form-group input[data-info="info"],
.box-form-group select[data-info="info"],
.box-form-group textarea[data-info="info"]{ border-color: var(--color-user5); background-image: url('../img/img-info-info.svg'); background-repeat: no-repeat; background-size: 12px 12px; background-position: right 12px top 12px; }
.box-form-group select[data-info="erro"],
.box-form-group select[data-info="warning"],
.box-form-group select[data-info="success"],
.box-form-group select[data-info="info"]{ background-position: right 24px top 12px; }
/* Checkbox Switch */
.form-checkbox-switch.horizontal{ display: flex; align-items: center; }
.form-checkbox-switch.horizontal h4{ margin-left: 8px; order: 1; }
.form-checkbox-switch h4{ font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.switch{ position: relative; display: inline-block; width: 40px; min-width: 40px; height: 20px; }
.switch input{ opacity: 0; width: 0; height: 0; }
.slider{ position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color3); -webkit-transition: var(--smooth); transition: var(--smooth); }
.slider:before{ position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: var(--smooth); transition: var(--smooth); }
input:checked + .slider{ background-color: var(--color-user1); }
input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
.slider.round{ border-radius: 10px; }
.slider.round:before{ border-radius: 50%; }
/* Checkbox */
.form-options h4{ display: block; font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.form-options .checkbox{ display: flex; align-items: center; margin-bottom: 12px; }
.form-options .checkbox input[type='checkbox'],
.form-options .checkbox label{ cursor: pointer; margin: 0; color: var(--color1); }
.form-options .checkbox input[type='checkbox']{ -webkit-appearance: none; height: 20px; width: 20px; margin-right: 8px; padding: 0; font-size: 0; border-radius: 6px; position: relative; transition: var(--smooth); display: inline-block; }
.form-options .checkbox input[type='checkbox']:checked:active{ background-color: var(--color-user1); }
.form-options .checkbox input[type='checkbox']:checked{ border-color: var(--color-user1); background-color: var(--color-user1); }
.form-options .checkbox input[type='checkbox']:disabled{ background-color: var(--color3); border-color: var(--color4); }
.form-options .checkbox input[type='checkbox']:before{ opacity: 0.14; content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-size: 10px; font-weight: bold; width: 100%; height: 100%; background: transparent; transition: var(--smooth); display: flex; align-items: center; justify-content: center; }
.form-options .checkbox input[type='checkbox']:checked:before{ opacity: 1; color: var(--color5); }
/* Radio */
.form-options h4{ display: block; font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.form-options .radio{ display: flex; align-items: center; margin-bottom: 12px; }
.form-options .radio input[type='radio'],
.form-options .radio label{ cursor: pointer; margin: 0; color: var(--color1); }
.form-options .radio input[type='radio']{ -webkit-appearance: none; height: 20px; width: 20px; margin-right: 8px; padding: 0; font-size: 0; border-radius: 50%; position: relative; transition: var(--smooth); display: inline-block; }
.form-options .radio input[type='radio']:checked:active{ background-color: var(--color-user1); }
.form-options .radio input[type='radio']:checked{ border-color: var(--color-user1); background-color: var(--color-user1); }
.form-options .radio input[type='radio']:before{ opacity: 0.14; content: '\f111'; font-family: 'Font Awesome 5 Pro'; font-size: 8px; font-weight: bold; width: 100%; height: 100%; background: transparent; transition: var(--smooth); display: flex; align-items: center; justify-content: center; padding: 1px 0 0 1px; }
.form-options .radio input[type='radio']:checked:before{ opacity: 1; color: var(--color5); }

/***************** Choices CSS *****************/
.box-form-group.choices{ margin-bottom: 24px; }
.box-form-group .choices .choices__inner { font-size: 14px; color: var(--color1); background-color: var(--color5); border-radius: 8px; border: 1px solid var(--color-user13); width: 100%; max-width: 100%; padding: 8px 12px; display: inline-block; vertical-align: top; max-height: 40px; overflow: hidden; }
.box-form-group .choices .choices__list--dropdown { display: block; opacity: 0; top: 6px; transform-origin: 50% 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform,box-shadow; border: 1px solid var(--color3); border-radius: 8px; box-shadow: var(--shadow-sm); transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0,37px,0)!important; padding: 8px 12px; transition: visibility .25s,opacity .25s,transform .25s; }
.box-form-group .choices .choices__list--dropdown.is-active { transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px)!important; opacity: 1; display: block; pointer-events: auto; }
.box-form-group .choices .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: var(--color3); border-radius: 8px; }
.box-form-group .choices[data-type*=select-one]:after{ color: var(--color2); transition: var(--smooth); }
/***************** Choices CSS *****************/

/**************** Sweet Alert 2 ****************/
.swal2-popup{ border-radius: 10px !important; width: auto !important; min-width: 320px; padding: 16px !important; overflow: hidden; }
.swal2-styled{ display: inline-block; font-size: 12px !important; font-weight: 700 !important; vertical-align: middle !important; text-align: center !important; cursor: pointer !important; border-radius: 8px !important; color: var(--color5) !important; text-transform: uppercase !important; padding: 12px 24px !important; margin-top: 16px !important; line-height: 1.4 !important; white-space: nowrap !important; border: 0 !important; box-shadow: var(--shadow-sm) !important; transition: var(--smooth) !important; }
.swal2-styled.swal2-confirm { background-color: var(--color-user1) !important; color: var(--color5); }
.swal2-styled.swal2-deny { background-color: var(--color-user9) !important; color: var(--color5); }
.swal2-styled.swal2-cancel { background-color: var(--color2) !important; color: var(--color2); }
.swal2-title{ font-size: 18px !important; color: var(--color1) !important; }
.swal2-popup.swal2-toast .swal2-title{ font-size: 14px !important; }
.swal2-html-container{ font-size: 14px !important; color: var(--color2) !important; }
.swal2-footer{ font-size: 14px !important; }
.swal2-footer a{ color: var(--color-user5); font-weight: 600; }
.swal2-footer a:hover{ text-decoration: underline; }
.swal2-validation-message{ font-size: 14px !important; color: var(--color2) !important; }
.swal2-input{ font-size: 14px !important; color: var(--color1) !important; background-color: var(--color5) !important; border-radius: 8px !important; border: 1px solid var(--color-user13) !important; padding: 8px 12px !important; line-height: 1.4 !important; -webkit-appearance: none; height: 40px !important; }
/**************** Sweet Alert 2 ****************/





/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    .box-table table tr th, .box-table table tr td{ min-width: 100px; }

}
/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .box-table::-webkit-scrollbar{ width: 4px; height: 4px; }
    .box-table::-webkit-scrollbar-thumb, .box-table::-webkit-scrollbar-track{ border-radius: 2px; }
    .box-table table tr th, .box-table table tr td{ padding-right: 8px; min-width: 100px; }
    .table-img{ height: 60px; width: 60px; min-width: 60px; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    section.adm-dashboard{ margin-top: 140px; }

    .box-table::-webkit-scrollbar{ width: 4px; height: 4px; }
    .box-table::-webkit-scrollbar-thumb, .box-table::-webkit-scrollbar-track{ border-radius: 2px; }
    .box-table table tr th, .box-table table tr td{ padding-right: 8px; min-width: 100px; }
    .table-img{ height: 60px; width: 60px; min-width: 60px; }
}
/*************************************** CSS PADRÃO ***************************************/


/* ************************************* CSS MODO ESCURO ******************************** */
:root{
    --color-dark-1: #060813;
    --color-dark-2: #202949;
    --color-dark-3: #4d5270;
    --color-dark-4: #676c95;
    --color-dark-5: #999ec4;
}
html.dm{ background: linear-gradient(90deg, var(--color-dark-1) 0%, var(--color-dark-2) 50%, var(--color-dark-1) 100%); }
.dm body{ color: var(--color-dark-5); }
.dm .box{ background-color: var(--color-dark-2); }
.dm .adm-topo-conteudo{ background: rgba( 77, 82, 112, 0.75 ); border: 1px solid rgba( 77, 82, 112, 0.18 ); }
.dm a.nav-link{ color: var(--color-dark-5); }
.dm .adm-topo-conteudo .topo-logo svg.logo .st2,
.dm .w3-rodape-conteudo-logo a svg.logo .st2{ fill: var(--color5); }
.dm .adm-home-filtro .perfil-tie { background: var(--color-dark-2) url('../img/bg-filtro-user-tie-dark.png') no-repeat center right; }
.dm .adm-home-filtro .perfil-user { background: var(--color-dark-2) url('../img/bg-filtro-user-dark.png') no-repeat center right; }
.dm .box-header h2{ color: var(--color-dark-5); }
.dm .title-icon{ color: var(--color-dark-1); }
.dm .adm-home-pedidos-individual{ background-color: var(--color-dark-1); }
.dm .adm-home-pedidos-individual:hover{ background-color: var(--color-dark-3); }
.dm .adm-home-pedidos-individual .box-header .icon{ color: var(--color-dark-5); }

.dm section.adm-home-depoimentos .swiper-slide-active .adm-home-depoimentos-individual{ background-color: var(--color-dark-3); }
.dm section.adm-home-depoimentos .adm-home-depoimentos-individual{ background-color: var(--color-dark-2); }

.dm .adm-home-servicos .box-header h1{ color: var(--color-user1); }
.dm .adm-home-servicos-individual{ background-color: var(--color-dark-1); }
.dm .adm-home-servicos-individual:hover{ background-color: var(--color-dark-3); }
.dm .adm-home-servicos-individual .box-header .icon{ color: var(--color-user1); }
.dm .adm-home-chamada-title h1{ color: var(--color3); }
.dm .adm-servicos-individual{ background-color: var(--color-dark-1); }
.dm .adm-servicos-individual:hover{ background-color: var(--color-dark-3); }
.dm fieldset.box-form{ border: 1px solid var(--color-dark-3); background-color: var(--color1); }
.dm fieldset.box-form legend{ color: var(--color-dark-5); }
.dm .box-form-group input, 
.dm .box-form-group select, 
.dm .box-form-group textarea{ background-color: var(--color-dark-1); border: 1px solid var(--color-dark-3); color: var(--color-dark-5); }
.dm a.adm-listalink-item-link{ background-color: var(--color-dark-1); }
.dm a.adm-listalink-item-link:hover{ background-color: var(--color-dark-3); }
.dm .adm-produto-fluxo fieldset.box-form legend{ background-color: var(--color-dark-5); color: var(--color-dark-1); border: 1px solid var(--color-dark-3); }
.dm .adm-produto-fluxo fieldset.box-form{ background-color: var(--color1); }
.dm .slider{ background-color: var(--color-dark-1); }
.dm .adm-produto-resumo .box-table table.adm-produto-resumo-compra{ background-color: var(--color-dark-1); }
.dm .adm-produto-resumo .box-table table.adm-produto-resumo-compra tr th,
.dm .adm-produto-resumo .box-table table.adm-produto-resumo-finalizar tr th{ color: var(--color3); }
.dm .adm-produto-resumo .box-table table.adm-produto-resumo-finalizar tr:hover,
.dm .adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra{ background-color: var(--color-dark-1); }
.dm .adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra tr th,
.dm .adm-produto-resumo-checkout .box-table table.adm-produto-resumo-finalizar tr th{ color: var(--color3); }
.dm .adm-produto-resumo-checkout .box-table table.adm-produto-resumo-finalizar tr:hover,
.dm .box-table table tr:hover{ background-color: var(--color-dark-2); }
.dm .txt-link:hover{ color: var(--color-skype); }
.dm .flip-card-front, 
.dm .flip-card-back{ background-color: var(--color-dark-2); }
.dm .adm-login-wellcome,
.dm .adm-cadastro-wellcome{ background: url('../img/img-bg-dark.jpg') no-repeat center; }
.dm .adm-login-wellcome h1,
.dm .adm-login-wellcome h2,
.dm .adm-cadastro-wellcome h1,
.dm .adm-cadastro-wellcome h2{ color: var(--color-dark-5); }
.dm .multistep-form .form{ background-color: transparent; }

.dm .adm-listagem-todos-individual:hover,
.dm .adm-clientes-individual:hover{ background-color: var(--color-dark-3); }

@media only screen and (max-width: 1023px){
    .dm ul.nav-list{ background: rgba( 6, 8, 19, 0.95 ); border-color: rgb(32, 41, 73, .18); }
}

@media only screen and (max-width: 640px){
    .dm .multistep-passos .passo span { border: 8px solid var(--color-dark-5); }
    .dm .multistep-passos .passo.active span{ border: 8px solid var(--color3); }
}
/* ************************************* CSS MODO ESCURO ******************************** */







/*************************************** COMEÇO DO LOGIN ***************************************/
.adm-login-wellcome{ background: url('../img/img-bg.jpg') no-repeat center; background-size: cover; min-height: 50vh; border-radius: 10px; margin-top: 12px; padding-top: 48px; padding-bottom: 224px; }
.adm-login-wellcome h1{ font-size: 48px; margin: 8px 0; text-align: center; color: var(--color1); }
.adm-login-wellcome h2{ font-size: 16px; text-align: center; color: var(--color1); }

.adm-login-form{ position: relative; margin: -220px auto 0; background-color: var(--color5); border-radius: 10px; max-width: 400px; }
.adm-login-form-cabecalho h3{ padding: 24px; font-size: 20px; text-align: center; font-weight: 600; }
.adm-login-form-cabecalho h5{ padding: 24px 0 0; font-size: 16px; text-align: center; font-weight: 600; color: var(--color2); }
.adm-login-form-cabecalho h4{ padding: 0 0 24px; font-size: 16px; text-align: center; font-weight: 600; color: var(--color2); }
ul.adm-login-form-contas{ display: flex; justify-content: center; }
ul.adm-login-form-contas li{ margin: 0 4px; }
ul.adm-login-form-contas li a{ display: flex; align-items: center; justify-content: center; height: 58px; width: 76px; border-radius: 8px; border: 1px solid var(--color3); transition: var(--smooth); }
ul.adm-login-form-contas li a:hover{ background-color: var(--color3); }
ul.adm-login-form-contas li a img{ height: 24px; width: 24px; }
/* Controle flip login/cadastro */
.flip-card { background-color: transparent; perspective: 1000px; }
.flip-card-inner { position: relative; transition: transform 0.6s; transform-style: preserve-3d; }
.flip-card-inner-rotate { transform: rotateY(180deg); }
.flip-card-front,
.flip-card-back { position: relative; width: 100%; height: 100%; background-color: var(--color5); border-radius: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: var(--smooth); box-shadow: var(--shadow-xl); }
.flip-card-back { margin-top: -100%; top: -259px; transform: rotateY(180deg); }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
 
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    

    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .adm-login-form{ max-width: calc(100% - 32px); margin: -160px auto 0; }
}
/*************************************** FIM DO LOGIN ***************************************/

/*************************************** COMEÇO DO CADASTRO ***************************************/
.adm-cadastro-wellcome{ background: url('../img/img-bg.jpg') no-repeat center; background-size: cover; min-height: 50vh; border-radius: 10px; margin-top: 12px; padding-top: 48px; padding-bottom: 224px; }
.adm-cadastro-wellcome h1{ font-size: 48px; line-height: 1; margin: 8px 0; text-align: center; color: var(--color1); }
.adm-cadastro-wellcome h2{ font-size: 16px; text-align: center; color: var(--color1); }

.adm-cadastro .box{ margin-top: -200px; }

.multistep-passos{ margin-bottom: 24px; }
.multistep-passos .passo{ display: flex; justify-content: center; align-items: center; padding: 12px; border-radius: 8px; cursor: default; transition: var(--smooth); }
.multistep-passos .passo.active{ background-color: var(--color3); box-shadow: var(--shadow-sm); background-color: var(--color2); }
.multistep-passos .passo.active span{ color: var(--color5); }
.multistep-passos .passo span{ text-align: center; font-size: 14px; color: var(--color2); transition: var(--smooth); line-height: 1; }

.multistep-form .form{ background-color: var(--color5); transition: var(--smooth); }
.multistep-form .form-2,
.multistep-form .form-3,
.multistep-form .form-4{ display: none; }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
 
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    

    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .multistep-passos .passo span{ font-size: 0; height: 24px; width: 24px; border-radius: 50%; border: 8px solid var(--color3); }
    .multistep-passos .passo.active{ background-color: transparent; box-shadow: none; }
    .multistep-passos .passo.active span{ border: 8px solid var(--color2); box-shadow: var(--shadow-sm); transform: scale(1.5); }
}
/*************************************** FIM DO CADASTRO ***************************************/


/*************************************** COMEÇO DO TOPO ***************************************/
header.adm-topo{ position: absolute; top: 0; right: 0; left: 0; padding: 10px 16px; z-index: 999; }
.adm-topo-conteudo{ background: #02427bcc; backdrop-filter: blur( 5.0px ); -webkit-backdrop-filter: blur( 5.0px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 ); }

.adm-topo-bar{ display: flex; align-items: center; justify-content: space-between; height: 37px; overflow: hidden; padding: 0 10px 16px; transition: var(--smooth); }
.adm-topo-bar ul.adm-social-list,
.topo-info ul.topo-info-list{ display: flex; font-size: 14px; }
.adm-topo-bar ul.adm-social-list li{ margin-right: 10px; }
.adm-topo-bar ul.adm-social-list li a i{ transition: var(--smooth); }
.adm-topo-bar ul.adm-social-list li a i.fab:hover{ color: var(--color1); }
.adm-topo-bar ul.adm-social-list li a i.fa-facebook{ color: var(--color-facebook); }
.adm-topo-bar ul.adm-social-list li a i.fa-linkedin-in{ color: var(--color-linkedin); }
.adm-topo-bar ul.adm-social-list li a i.fa-whatsapp{ color: var(--color-whatsapp); }
.topo-info ul.topo-info-list li{ margin-left: 15px; }
.topo-info ul.topo-info-list li a{ display: flex; align-items: center; transition: var(--smooth); }
.topo-info ul.topo-info-list li a:hover{ color: var(--color-user1); }
.topo-color{ font-size: 12px; }
.topo-color li{ margin-left: 10px; cursor: pointer; line-height: 1.6; }
.topo-color li i{ transition: var(--smooth); }
.topo-color li i:hover{ color: var(--color-user1); }

.adm-topo-conteudo{ padding: 16px; display: flex; align-items: center; justify-content: center; }
.adm-topo-conteudo .topo-logo svg.logo{ height: 40px; }
.adm-topo-conteudo .topo-logo img{ height: 40px; }

.info-breadcrumb{ font-size: 14px; }
.info-breadcrumb ul{ display: flex; align-items: center; }
.info-breadcrumb ul li{ opacity: .5; }
.info-breadcrumb ul li:last-of-type{ opacity: 1; }
.info-breadcrumb ul li:not(:last-of-type)::after{ content: '/'; font-size: 14px; color: var(--color1); padding: 0 8px; }
.info-page h1{ font-size: 16px; font-weight: 700; }

/* Topo float */
.topo-float .adm-topo-bar{ padding-bottom: 0; height: 0; opacity: 0; }


/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    .adm-menu-mobile{ display: none !important; }
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    .adm-menu-mobile{ display: none !important; }
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    .adm-menu-mobile{ transition: var(--smooth); }
    .adm-menu-mobile .mobile-btn{ font-size: 28px; cursor: pointer; }
    .adm-menu-mobile .mobile-btn i.fa-times{ color: var(--color-user9); }
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .adm-topo-bar ul.adm-social-list li{ display: none; }
    .adm-topo-bar .topo-color{ display: none; }

    .adm-topo-conteudo .topo-logo svg.logo{ height: 30px; }
    .adm-topo-conteudo .topo-logo img{ height: 30px; }

    .adm-menu-mobile{ transition: var(--smooth); }
    .adm-menu-mobile .mobile-btn{ font-size: 28px; cursor: pointer; }
    .adm-menu-mobile .mobile-btn i.fa-times{ color: var(--color-user9); }
}
/*************************************** FIM DO TOPO ***************************************/


/*************************************** COMEÇO DO MENU ***************************************/
ul.nav-list{ display: flex; }
li.nav-item, li.nav-item2{ width: 100%; margin: 0 1px; }
a.nav-link{ display: flex; align-items: center; line-height: 1.4; padding: 10px 16px; font-size: 14px; color: var(--color2); border-radius: 8px; transition: var(--smooth); }
ul.nav-list > li.nav-item:hover > a.nav-link{ background-color: var(--color3); }
a.nav-link:hover{ background-color: var(--color3); }
a.nav-link p.nav-txt{ white-space: nowrap; }

ul.nav-list > li.nav-item2 > a.nav-link{ color: var(--color5); background-color: var(--color-user9); }


.mobile-info{ display: none; }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    a.nav-link{ padding: 10px 10px; }
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    .close-menu{ transform: translateX(274px); opacity: 0; }
    .open-menu{ transform: translateX(0); opacity: 1; }
    nav.adm-menu{ position: fixed; top: 94px; right: 0; height: 100%; width: 40vw; z-index: 9999; transition: var(--smooth); }
    ul.nav-list{  padding: 16px; flex-direction: column; width: 100%; background: rgba( 255, 255, 255, 0.95 ); backdrop-filter: blur( 5.0px ); -webkit-backdrop-filter: blur( 5.0px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 ); box-shadow: var(--shadow-xl), var(--shadow-sm); }
    ul.nav-list li.nav-item{ margin-bottom: 10px; }
    ul.nav-list li.nav-item a.nav-link{ justify-content: flex-end; font-size: 16px; }
    ul.nav-list li.nav-item2{ margin-bottom: 10px; }
    ul.nav-list li.nav-item2 a.nav-link{ justify-content: flex-end; font-size: 16px; }

}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .close-menu{ transform: translateX(274px); opacity: 0; }
    .open-menu{ transform: translateX(0); opacity: 1; }
    nav.adm-menu{ position: fixed; top: 94px; right: 0; height: 100%; width: 275px; z-index: 9999; transition: var(--smooth); }
    ul.nav-list{ padding: 16px; flex-direction: column; width: 100%; background: rgba( 255, 255, 255, 0.95 ); backdrop-filter: blur( 5.0px ); -webkit-backdrop-filter: blur( 5.0px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 ); box-shadow: var(--shadow-xl), var(--shadow-sm); }
    ul.nav-list li.nav-item{ margin-bottom: 10px; }
    ul.nav-list li.nav-item a.nav-link{ justify-content: flex-end; font-size: 16px; }
    ul.nav-list li.nav-item2{ margin-bottom: 10px; }
    ul.nav-list li.nav-item2 a.nav-link{ justify-content: flex-end; font-size: 16px; }

    .mobile-info{ display: flex; justify-content: space-between; margin-top: 16px; padding: 16px; width: 100%; background: rgba( 255, 255, 255, 0.95 ); backdrop-filter: blur( 5.0px ); -webkit-backdrop-filter: blur( 5.0px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 ); box-shadow: var(--shadow-xl), var(--shadow-sm); }
    .mobile-info ul.adm-social-list{ display: flex; }
    .mobile-info ul.adm-social-list li{ margin-right: 20px; }
    .mobile-info ul.adm-social-list li a i{ font-size: 24px; transition: var(--smooth); }
    .mobile-info ul.adm-social-list li a i.fab:hover{ color: var(--color1); }
    .mobile-info ul.adm-social-list li a i.fa-facebook{ color: var(--color-facebook); }
    .mobile-info ul.adm-social-list li a i.fa-linkedin-in{ color: var(--color-linkedin); }
    .mobile-info ul.adm-social-list li a i.fa-whatsapp{ color: var(--color-whatsapp); }
    .mobile-info .topo-color li{ margin-left: 20px; cursor: pointer; line-height: 1.6; }
    .mobile-info .topo-color li i{ font-size: 24px; transition: var(--smooth); }
    .mobile-info .topo-color li i:hover{ color: var(--color-user1); }
}
/*************************************** FIM DO MENU ***************************************/


/*************************************** COMEÇO DO HOME ***************************************/
.adm-home-filtro-title{ text-align: center; }
.adm-home-filtro-title h1{ font-size: 44px; font-weight: 800; color: var(--color-user2); }
.adm-home-filtro-title h2{ font-size: 24px; font-weight: 600; }
.adm-home-filtro .perfil-user{ background: var(--color5) url('../img/bg-filtro-user.png') no-repeat center right; background-size: contain; }
.adm-home-filtro .perfil-tie{ background: var(--color5) url('../img/bg-filtro-user-tie.png') no-repeat center right; background-size: contain; }

.adm-home-pedidos-individual{ background-color: var(--color3); transition: var(--smooth); }
.adm-home-pedidos-individual:hover{ background-color: var(--color4); }
.adm-home-pedidos-individual .box-header .icon{ font-size: 50px; color: var(--color1); transition: var(--smooth); transform: scale(2.2) translate(80px,-15px); pointer-events: none; }
.adm-home-pedidos-individual:hover .box-header .icon{ transform: scale(2.2) translate(80px,-25px); }

.adm-home-depoimentos-individual{ background-color: var(--color3); transition: var(--smooth); font-size:14px; padding:10px; border-radius: 5px; }
.adm-home-depoimentos-individual:hover{ background-color: var(--color4); }
.adm-home-depoimentos-individual:hover .box-header .icon{ transform: scale(2.2) translate(80px,-25px); }

section.adm-home-chamada{ margin: 40px 0; }
.adm-home-chamada-title{ text-align: center; }
.adm-home-chamada-title h1{ font-size: 36px; font-weight: 800; }
.adm-home-chamada-title h2{ font-size: 22px; font-weight: 600; margin-top: 16px; }

.adm-home-servicos-conteudo{ background-color: var(--color-user2); }
.adm-home-servicos .box-header{ text-align: right; }
.adm-home-servicos .box-header h1{ font-size: 54px; font-weight: 800; color: var(--color1); }
.adm-home-servicos .box-header img{ height: 400px; max-width: none; position: relative; margin-top: -80px; margin-right: -100px; }
.adm-home-servicos-individual{ background-color: var(--color3); transition: var(--smooth); }
.adm-home-servicos-individual .box-header{ text-align: center; }
.adm-home-servicos-individual:hover{ background-color: var(--color4); }
.adm-home-servicos-individual .box-header .icon{ font-size: 50px; text-align: left; color: var(--color1); transition: var(--smooth); transform: scale(2.2) translate(80px,-15px); pointer-events: none; }
.adm-home-servicos-individual:hover .box-header .icon{ transform: scale(2.2) translate(80px,-25px); }

section.adm-home-depoimentos .swiper-slide{ box-sizing: border-box; padding: 20px 0 50px; opacity: .5; transition: var(--smooth); }
section.adm-home-depoimentos .swiper-slide-active{ z-index: 1; opacity: 1; }
section.adm-home-depoimentos .swiper-slide-active .adm-home-depoimentos-individual{ transform: scale(1.1) !important; box-shadow: var(--shadow-xl); background-color: var(--color3); }
section.adm-home-depoimentos .adm-home-depoimentos-individual{ background-color: var(--color5); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: var(--smooth); }
.adm-home-depoimentos-individual .box-header-img{ margin: 0 auto 15px; height: 150px; width: 150px; overflow: hidden; border-radius: 50%; box-shadow: var(--shadow-sm); background-color: var(--color5); }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
 
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    .adm-home-filtro-title h1{ line-height: 1.2; }
    .adm-home-filtro .perfil-user,
    .adm-home-filtro .perfil-tie{ background-size: cover; }

    .adm-home-pedidos-individual .box-header .icon{ font-size: 100px; height: 80px;  transform: scale(1) translate(0px,-55px); }
    .adm-home-pedidos-individual:hover .box-header .icon{ transform: scale(1) translate(0px,-55px); }
    
    .adm-home-servicos .box-header h1{ font-size: 44px; line-height: 1; }
    .adm-home-servicos-individual .box-header .icon{ font-size: 100px; height: 80px;  transform: scale(1) translate(0px,-55px); }
    .adm-home-servicos-individual:hover .box-header .icon{ transform: scale(1) translate(0px,-55px); }

}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .adm-home-filtro-title h1{ line-height: 1.2; font-size: 34px; margin-bottom: 16px; }
    .adm-home-filtro-title h2{ line-height: 1.2; font-size: 24px; }
    .adm-home-filtro .perfil-user,
    .adm-home-filtro .perfil-tie{ background-size: cover; }

    .adm-home-pedidos-individual .box-header .icon{ font-size: 100px; height: 80px;  transform: scale(1) translate(0px,-55px); }
    .adm-home-pedidos-individual:hover .box-header .icon{ transform: scale(1) translate(0px,-55px); }
    
    .adm-home-chamada-title h1{ font-size: 26px; line-height: 1.2; }

    .adm-home-servicos .box-header h1{ font-size: 34px; line-height: 1; text-align: center; }
    .adm-home-servicos .box-header img{ height: auto; width: 100%; margin-top: -40px; margin-right: 0; }
    .adm-home-servicos-individual .box-header .icon{ font-size: 100px; height: 80px;  transform: scale(1) translate(0px,-55px); }
    .adm-home-servicos-individual:hover .box-header .icon{ transform: scale(1) translate(0px,-55px); }

    section.adm-home-depoimentos .swiper-slide-active .adm-home-depoimentos-individual{ transform: scale(1) !important; margin: 0 30px; }
}
/*************************************** FIM DO HOME ***************************************/


/*************************************** COMEÇO DO SERVIÇOS ***************************************/
.adm-servicos-conteudo{ background-color: var(--color-user2); }
.adm-servicos .box-header{ text-align: right; }
.adm-servicos .box-header img{ height: 400px; max-width: none; position: relative; margin-top: -80px; margin-right: -100px; }
.adm-servicos-individual{ background-color: var(--color3); transition: var(--smooth); justify-content: space-between; }
.adm-servicos-individual .box-header{ text-align: center; }
.adm-servicos-individual:hover{ background-color: var(--color4); }
.adm-servicos-individual .box-header .icon{ font-size: 30px; text-align: left; color: var(--color-user2); transition: var(--smooth); transform: scale(2.2) translate(80px,-10px); pointer-events: none; }
.adm-servicos-individual:hover .box-header .icon{ transform: scale(2.2) translate(80px,-15px); }
.adm-servicos-individual .box-footer{ text-align: center; }

.adm-servicos-pesquisa-txt{ border-radius: 10px; box-shadow: var(--shadow-sm); }
.adm-servicos-pesquisa img.mobile{ display: none; }


/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .adm-servicos-individual .box-header .icon{ transform: scale(2.2) translate(20px,-10px); }
    .adm-servicos-individual:hover .box-header .icon{ transform: scale(2.2) translate(20px,-10px); }
    .adm-servicos-individual .box-header .icon{ width: 50px; }

    .adm-servicos-pesquisa img.desktop{ display: none; }
    .adm-servicos-pesquisa img.mobile{ display: initial; }
}
/*************************************** FIM DO SERVIÇOS ***************************************/


/*************************************** COMEÇO DO LANDING PAGE ***************************************/
section.adm-lp-lista .box-header h2{ font-size: 24px; line-height: 1.2; font-weight: 700; }
section.adm-lp-lista .box-body .box-txt{ margin-bottom: 0; }

.w3-chamada{ margin-bottom: 40px; }
.w3-chamada .box{ background: var(--color-user2) url('../img/img-landing-pesquisa-bens.png') no-repeat center; background-position: 140% center; background-size: 70%; }
.w3-chamada .box h1{ font-size: 36px; line-height: 1.1; font-weight: 800; color: var(--color1); }
.w3-chamada .box h2{ font-size: 26px; line-height: 1.1; font-weight: 800; color: var(--color1); margin-top: 20px; }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .w3-chamada .box{ background-position: 130px 80px; background-size: 100%; }
    .w3-chamada .box h1{ font-size: 24px; }
    .w3-chamada .box h2{ font-size: 18px; margin-top: 100px; }
}
/*************************************** FIM DO LANDING PAGE ***************************************/



/*************************************** COMEÇO DO LISTAGEM ***************************************/
li.adm-listalink-item{ margin-bottom: 16px; }
a.adm-listalink-item-link{ display: flex; align-items: baseline; padding: 10px 16px; border-radius: 10px; background-color: var(--color3); font-size: 14px; transition: var(--smooth); }
a.adm-listalink-item-link:hover{ background-color: var(--color4); }



/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    
}
/*************************************** FIM DO LISTAGEM ***************************************/


/*************************************** COMEÇO DO LISTAGEM COMPLETA ***************************************/
.adm-listagem-todos-individual{ font-size: 16px; background-color: var(--color3); transition: var(--smooth); }
.adm-listagem-todos-individual:hover{ background-color: var(--color4); }
.adm-listagem-todos-individual-txt i{ color: var(--color-user2); }
/* .adm-listagem-todos-individual .titulo-box > i{ display: flex; align-items: center; } */
.adm-listagem-todos-individual .titulo-box > .valor{ font-family: var(--font1); font-size: 14px; text-transform: uppercase; margin-right: 6px; font-weight: 600; white-space: nowrap; }
/* .adm-listagem-todos-individual .titulo-box > i::after{ content: 'saiba mais'; font-family: var(--font1); font-size: 12px; text-transform: uppercase; margin-right: 6px; font-weight: 600; order: -1; white-space: nowrap; } */




/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    
}
/*************************************** FIM DO LISTAGEM COMPLETA ***************************************/


/*************************************** COMEÇO DO PRODUTO ***************************************/
section.adm-produto .box .box-header h1{ line-height: 1.2; }

.adm-produto-fluxo .box{ height: auto; }
.adm-produto-fluxo fieldset.box-form{ background-color: var(--color4); }
.adm-produto-fluxo fieldset.box-form legend{ border-radius: 6px; padding: 4px 8px; background-color: var(--color-user12); border: 1px solid var(--color-user14); }

.btn-resumo{ display: none; }
.adm-produto-resumo{ transition: var(--smooth); }
.adm-produto-resumo .box-table table.adm-produto-resumo-semcompra{ background-color: var(--color-user8); border-radius: 6px; }
.adm-produto-resumo .box-table table.adm-produto-resumo-semcompra:not(:first-of-type){ margin-top: 16px; }
.adm-produto-resumo .box-table table.adm-produto-resumo-semcompra tr{ border: 0; }
.adm-produto-resumo .box-table table.adm-produto-resumo-semcompra tr th, .adm-produto-resumo .box-table table.adm-produto-resumo-compra tr td{ padding: 4px 8px; vertical-align: baseline; }
.adm-produto-resumo .box-table table.adm-produto-resumo-semcompra tr th:last-of-type{ white-space: nowrap; }
.adm-produto-resumo .box-table table.adm-produto-resumo-semcompra tr th{ color: var(--color1); font-weight: 700; font-size: 11px; text-align: center; }
.adm-produto-resumo .box-table table.adm-produto-resumo-semcompra tr td{ font-size: 12px; }

.adm-produto-resumo .box-table table.adm-produto-resumo-compra{ background-color: var(--color3); border-radius: 6px; }
.adm-produto-resumo .box-table table.adm-produto-resumo-compra:not(:first-of-type){ margin-top: 16px; }
.adm-produto-resumo .box-table table.adm-produto-resumo-compra tr{ border: 0; }
.adm-produto-resumo .box-table table.adm-produto-resumo-compra tr th, .adm-produto-resumo .box-table table.adm-produto-resumo-compra tr td{ padding: 4px 8px; vertical-align: baseline; }
.adm-produto-resumo .box-table table.adm-produto-resumo-compra tr th:last-of-type{ white-space: nowrap; }
.adm-produto-resumo .box-table table.adm-produto-resumo-compra tr th{ color: var(--color1); font-weight: 700; font-size: 11px; }
.adm-produto-resumo .box-table table.adm-produto-resumo-compra tr th:last-child{ text-align: right; }
.adm-produto-resumo .box-table table.adm-produto-resumo-compra tr td{ font-size: 12px; }

.adm-produto-resumo .box-table table.adm-produto-resumo-finalizar tr th, .adm-produto-resumo .box-table table.adm-produto-resumo-finalizar tr td{ padding: 12px 8px; vertical-align: baseline; }
.adm-produto-resumo .box-table table.adm-produto-resumo-finalizar tr:hover{ background-color: var(--color5); }
.adm-produto-resumo .box-table table.adm-produto-resumo-finalizar tr th{ font-size: 14px; color: var(--color1); font-weight: 700; }
.adm-produto-resumo .box-table table.adm-produto-resumo-finalizar tr th:last-child{ text-align: right; }
.adm-produto-resumo .box-table table.adm-produto-resumo-finalizar tr td .btn{ width: 100%; }

.adm-produto-resumo-checkout{ transition: var(--smooth); }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-semcompra{ background-color: var(--color-user8); border-radius: 6px; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-semcompra:not(:first-of-type){ margin-top: 16px; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-semcompra tr{ border: 0; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-semcompra tr th, .adm-produto-resumo .box-table table.adm-produto-resumo-compra tr td{ padding: 4px 8px; vertical-align: baseline; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-semcompra tr th:last-of-type{ white-space: nowrap; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-semcompra tr th{ color: var(--color1); font-weight: 700; font-size: 11px; text-align: center; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-semcompra tr td{ font-size: 12px; }

.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra{ background-color: var(--color3); border-radius: 6px; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra:not(:first-of-type){ margin-top: 16px; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra tr{ border: 0; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra tr th, .adm-produto-resumo .box-table table.adm-produto-resumo-compra tr td{ padding: 4px 8px; vertical-align: baseline; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra tr th:last-of-type{ white-space: nowrap; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra tr th{ color: var(--color1); font-weight: 700; font-size: 11px; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra tr th:last-child{ text-align: right; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-compra tr td{ font-size: 12px; }

.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-finalizar tr th, .adm-produto-resumo .box-table table.adm-produto-resumo-finalizar tr td{ padding: 12px 8px; vertical-align: baseline; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-finalizar tr:hover{ background-color: var(--color5); }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-finalizar tr th{ font-size: 14px; color: var(--color1); font-weight: 700; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-finalizar tr th:last-child{ text-align: right; }
.adm-produto-resumo-checkout .box-table table.adm-produto-resumo-finalizar tr td .btn{ width: 100%; }


/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    .close-resumo{ left: -384px; }
    .open-resumo{ left: 0; }
    .open-resumo .btn-resumo{ margin-top: 24px; }
    .adm-produto-resumo{ position: fixed; top: 0; height: calc(100% - 24px); display: flex; z-index: 999; width: 460px; }
    .adm-produto-resumo .box{ width: calc(100% - 66px); }
    .btn-resumo{ display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; background-color: var(--color-user1); color: var(--color5  ); border-radius: 50%; font-size: 20px; box-shadow: var(--shadow-xl), var(--shadow-sm); order: 1; margin-top: 100%; margin-left: 16px; position: relative; transition: var(--smooth);  }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .close-resumo{ left: calc(-100% + 66px); }
    .open-resumo{ left: 0; }
    .open-resumo .btn-resumo{ margin-top: 24px; margin-left: -60px; }
    .adm-produto-resumo{ position: fixed; top: 0; height: calc(100% - 24px); display: flex; z-index: 999; width: 100%; }
    .adm-produto-resumo .box{ width: calc(100% - 66px); }
    .adm-produto-resumo.open-resumo .box{ width: 100%; }
    .btn-resumo{ display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; background-color: var(--color-user1); color: var(--color5  ); border-radius: 50%; font-size: 20px; box-shadow: var(--shadow-xl), var(--shadow-sm); order: 1; margin-top: 100%; margin-left: 16px; position: relative; transition: var(--smooth);  }
    
}
/*************************************** FIM DO PRODUTO ***************************************/


/*************************************** COMEÇO DO MÍDIA ***************************************/
.adm-namidia-conteudo{ background-color: var(--color-user2); }
.adm-namidia .box-header{ text-align: center; }
.adm-namidia-individual{ background-color: var(--color3); transition: var(--smooth); justify-content: space-between; }
.adm-namidia-individual .box-header{ text-align: center; }
.adm-namidia-individual:hover{ background-color: var(--color4); }
.adm-namidia-individual .box-header .icon{ height: 80px; transition: var(--smooth); pointer-events: none; transform: translateY(-30px); }
.adm-namidia-individual .box-header .icon img{ height: 100%; border-radius: 10px; border: 1px solid var(--color3); }
.adm-namidia-individual:hover .box-header .icon{ transform: translateY(-40px); }

.adm-namidia-pesquisa-txt{ border-radius: 10px; box-shadow: var(--shadow-sm); }


/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
 
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    
}
/*************************************** FIM DO MÍDIA ***************************************/


/*************************************** COMEÇO DO CLIENTES ***************************************/
.adm-clientes-conteudo{ background-color: var(--color-user2); }
.adm-clientes .box-header{ text-align: center; }
.adm-clientes-individual{ background-color: var(--color3); transition: var(--smooth); justify-content: space-between; }
.adm-clientes-individual .box-header{ text-align: center; }
.adm-clientes-individual:hover{ background-color: var(--color4); }
.adm-clientes-individual .box-header .icon{ height: 150px; transition: var(--smooth); pointer-events: none; transform: translateY(-30px); border-radius: 10px; border: 1px solid var(--color3); padding: 10px; background-color: #fff; line-height: 150px; }
.adm-clientes-individual .box-header .icon img{ max-height: 100%; }
.adm-clientes-individual:hover .box-header .icon{ transform: translateY(-40px); }

.adm-clientes-pesquisa-txt{ border-radius: 10px; box-shadow: var(--shadow-sm); }


/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
 
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    
}
/*************************************** FIM DO CLIENTES ***************************************/












/*************************************** COMEÇO DO CART ***************************************/
section.w3-cart .centralizador{ display: flex; }

.w3-cart-list{ padding: 34px 0; flex-grow: 1; }
.w3-cart-list h1{ font-size: 25px; margin: 20px 0; font-weight: 600; }
table.w3-cart-list-itens{ width: 100%; }
table.w3-cart-list-itens tr:not(:first-of-type){ border-top: 1px solid var(--color-client6); }
table.w3-cart-list-itens td{ padding: 25px 20px 25px 0; vertical-align: middle; }
table.w3-cart-list-itens td img{ width: 116px; }
/* table.w3-cart-list-itens td .txt{ max-width: 250px; } */
table.w3-cart-list-itens td .txt a{ color: var(--color-client2); font-size: 15px; }
table.w3-cart-list-itens td .txt h2{ line-height: 1; font-size: 15px; }
table.w3-cart-list-itens td .preco{ margin: 10px 0; }
table.w3-cart-list-itens td .preco .de{ color: var(--color-client3); font-size: 12px; font-weight: 400; margin-bottom: 2px; text-decoration: line-through; }
table.w3-cart-list-itens td .preco .por{ font-size: 15px; font-weight: 400; line-height: 1; }
table.w3-cart-list-itens td .quantidade{ display: flex; margin-right: 10px; }
table.w3-cart-list-itens td .quantidade input{ appearance: none; border: 1px solid var(--color-client5); border-right: 0; background-color: transparent; height: 50px; width: 50px; text-align: center; }
table.w3-cart-list-itens td .quantidade .controle-menos{ border-top: 0 !important; }
table.w3-cart-list-itens td .quantidade .controle-menos,
table.w3-cart-list-itens td .quantidade .controle-mais{ border: 1px solid var(--color-client5); display: flex; align-items: center; justify-content: center; background-color: transparent; height: 25px; width: 25px; transition: var(--smooth); cursor: pointer; }
table.w3-cart-list-itens td .quantidade .controle-menos:hover,
table.w3-cart-list-itens td .quantidade .controle-mais:hover{ background-color: var(--color-client5); }
table.w3-cart-list-itens td .quantidade .controle-menos svg,
table.w3-cart-list-itens td .quantidade .controle-mais svg{ width: 10px; }
table.w3-cart-list-itens td .remover svg{ height: 20px; fill: var(--color-client3); cursor: pointer; }
.w3-cart-list .cupom{ padding: 25px; background-color: var(--color-client6); }
.w3-cart-list .cupom h2{ font-size: 25px; margin: 0 0 20px; font-weight: 600; }
.w3-cart-list .cupom h2 svg{ height: 18px; margin-right: 8px; }

.w3-cart-resumo{ width: 35%; padding: 34px 0; margin-left: 55px; }
.w3-cart-resumo h2{ font-size: 25px; margin: 20px 0; font-weight: 600; }
.w3-cart-resumo .content{ width: 100%; padding: 24px; background-color: var(--color-client6); }
.w3-cart-resumo table{ width: 100%; }
.w3-cart-resumo table .box td{ vertical-align: middle; }
.w3-cart-resumo table .box .txt{ font-size: 18px; max-width: 110px; font-weight: 600; padding: 10px 28px 10px 0; }
.w3-cart-resumo table .box .valor{ padding: 7px 0; font-family: var(--font2); font-size: 15px; }
.w3-cart-resumo table .box .valor.total{ font-size: 16px; font-weight: 600; }
.w3-cart-resumo .btn-checkout{ margin-top: 14px; width: 100%; height: 50px; margin-right: 10px; background-color: var(--color-client1); color: var(--color2); }
.w3-cart-resumo .btn-checkout:hover{ background-color: var(--color-client2); color: var(--color2); }
.w3-cart-resumo .content.frete{ margin-top: 18px; }
.w3-cart-resumo .content.frete .frete-form label{ display: block; width: 100%; font-size: 12px; font-weight: 500; }
.w3-cart-resumo .content.frete .frete-form input{ height: 30px; width: 100px; border: 1px solid var(--color-client5); color: var(--color1); text-align: center; margin-right: 8px; }
.w3-cart-resumo .content.frete .frete-form .btn-calcular{ height: 30px; width: 100px; background-color: var(--color-client5); color: var(--color1); transition: var(--smooth); }
.w3-cart-resumo .content.frete .frete-form .btn-calcular:hover{ background-color: var(--color-client4); color: var(--color1); }
.w3-cart-resumo .content.frete .frete-endereco{ margin: 8px 0; padding: 3px 6px; border: 1px solid var(--color-client6); }
.w3-cart-resumo .content.frete .frete-endereco p{ font-size: 12px; }
.w3-cart-resumo .content.frete .frete-tipos{ margin-top: 8px; }
.w3-cart-resumo .content.frete .frete-tipos table .txt{ font-size: 12px; font-weight: 600; padding: 5px 10px 5px 0; width: 110px; }
.w3-cart-resumo .content.frete .frete-tipos table .txt img{ width: 40px; margin-right: 6px; }
.w3-cart-resumo .content.frete .frete-tipos table .valor{ padding: 5px 10px 5px 0; font-family: var(--font2); font-size: 12px; }
.w3-cart-resumo .content.frete .frete-tipos table .check{ vertical-align: middle; text-align: center; width: 20px; }
.w3-cart-resumo .content.frete .frete-tipos table .check input[type='radio']{ -webkit-appearance: none; height: 20px; width: 20px; margin-right: 8px; padding: 0; font-size: 0; border-radius: 50%; border: 1px solid var(--color-client6); position: relative; transition: var(--smooth); display: inline-block; cursor: pointer; }
.w3-cart-resumo .content.frete .frete-tipos table .check input[type='radio']:hover{ border: 1px solid var(--color-client3); }
.w3-cart-resumo .content.frete .frete-tipos table .check input[type='radio']:checked{ border-color: var(--color-client2); background-color: var(--color-client2); }
.w3-cart-resumo .content.frete .frete-tipos table .check input[type='radio']:checked:before{ opacity: 1; color: var(--color2); }
.w3-cart-resumo .content.frete .frete-tipos table .check input[type='radio']:before{ opacity: 0.14; content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-size: 10px; font-weight: bold; width: 100%; height: 100%; background: transparent; transition: var(--smooth); display: flex; align-items: center; justify-content: center; }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    section.w3-cart .centralizador{ flex-wrap: wrap; }

    .w3-cart-resumo{ width: 100%; margin-left: 0px; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    section.w3-cart .centralizador{ flex-wrap: wrap; }

    .w3-cart-resumo{ width: 100%; margin-left: 0px; }
    .w3-cart-list-itens tr td:first-of-type{ display: none; }
}
/*************************************** FIM DO CART ***************************************/

/*************************************** COMEÇO DO CHECKOUT ***************************************/
section.w3-checkout{ padding: 0; }

.w3-checkout-cupom{ padding: 15px 25px 5px; border: 1px solid var(--color-client6); }
.w3-checkout-cupom .btn{ width: 150px; }

.w3-checkout-conteudo .info{ padding: 25px 0; }
.w3-checkout-conteudo .info fieldset{ height: 100%; }
.w3-checkout-conteudo .info fieldset .link{ margin-top: 8px; display: inline-block; font-size: 13px; font-weight: 500; color: var(--color-client2); text-decoration: underline; transition: var(--smooth); cursor: pointer; }
.w3-checkout-conteudo .info fieldset .link svg{ height: 9px; fill: var(--color-client2); transition: var(--smooth); }
.w3-checkout-conteudo .info fieldset .link:hover{ color: var(--color-client3); }
.w3-checkout-conteudo .info fieldset .link:hover svg{ fill: var(--color-client3); }
.checkout-editar{ position: relative; margin-left: calc(100% - 30px); top: -16px; height: 0px !important; display: block; font-size: 12px; cursor: pointer; transition: var(--smooth); }
.w3-checkout-conteudo .info .endereco-cobranca{ margin-top: 15px; transition: var(--smooth); }
.close-cobranca{ overflow: hidden; height: 0; padding: 0; margin: 0; }

.w3-checkout-pgto{ padding: 25px 0; border-top: 1px solid var(--color-client5); border-bottom: 1px solid var(--color-client5); }
.w3-checkout-pgto-escolha{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.w3-checkout-pgto-escolha .escolha{ margin-top: 25px; }
.w3-checkout-pgto-escolha .escolha .btn{ cursor: pointer; }
.w3-checkout-pgto-escolha fieldset.boleto .btn{ margin-top: 25px; }
.checkout-editar:hover{ color: var(--color-client2); }
.close-cartao{ display: none; }
.close-boleto{ display: none; }
.close-deposito{ display: none; }

/* .w3-checkout-resumo{ padding: 25px 0; } */
.w3-checkout-resumo table{ margin-top: 20px; width: 100%; }
.w3-checkout-resumo table tr{ border-bottom: 1px solid var(--color-client5); }
.w3-checkout-resumo table tr th{ font-weight: 600; }
.w3-checkout-resumo table tr th,
.w3-checkout-resumo table tr td{ padding: 14px 0; vertical-align: middle; font-size: 15px; font-family: var(--font2); }

.w3-checkout-finalizacao .btn{ margin-top: 25px; }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .w3-checkout-pgto-escolha fieldset{ width: 100%; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .w3-checkout-pgto-escolha fieldset{ width: 100%; }
    
}
/*************************************** FIM DO CHECKOUT ***************************************/













/*************************************** COMEÇO DO RODAPÉ ***************************************/
footer.w3-rodape{ margin-top: 24px; }
.w3-rodape-conteudo{     background-color: #343434; color: #cccccc; font-size: 1.3rem; }
.w3-rodape-conteudo-logo a svg{ height: 50px; }

/* CSS ASSINATURA W3 CORP */
:root{
    --color-primaria: var(--color2);     /* ALTERAR */
    --color-secundaria: var(--color-client1);   /* ALTERAR */
    --color-coracao: var(--color-client2);      /* ALTERAR */
    --smooth: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.copy-w3-color{ color: var(--color-primaria); font-size: 12px; font-weight: 500; opacity: .6; }
.w3-copy-w3{ padding: 30px 0; width: 100%; }
.w3-copy-w3 a svg{ height: 7px; margin-left: 3px; }
.w3-copy-w3 a svg path#w,
.w3-copy-w3 a svg path#t,
.w3-copy-w3 a svg path#re{ fill: var(--color-primaria); transition: var(--smooth); }
.w3-copy-w3 a svg path#c,
.w3-copy-w3 a svg path#o,
.w3-copy-w3 a svg path#r,
.w3-copy-w3 a svg path#p{ fill: var(--color-primaria); transition: var(--smooth); }
.w3-copy-w3 a:hover svg path#w,
.w3-copy-w3 a:hover svg path#t,
.w3-copy-w3 a:hover svg path#re,
.w3-copy-w3 a:hover svg path#c,
.w3-copy-w3 a:hover svg path#o,
.w3-copy-w3 a:hover svg path#r,
.w3-copy-w3 a:hover svg path#p{ fill: var(--color-secundaria); }
/* CSS ASSINATURA W3 CORP */

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
 
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    
}
/*************************************** FIM DO RODAPÉ ***************************************/






.hack   { clear:both; }
.oculto { display:none; }
.hidden { display:none; }
.block  { display: block; }