Resultados da validação CSS do W3C para https://www.comporaco.com.br/blog/categorias/artigos/estrutura-metalica-para-fachada-conheca-as-vantagens-e-aplicacoes (CSS nível 3 + SVG)

Parabéns! Não foram encontrados erros na sua folha de estilo.

Este documento é válido para as CSS nível 3 + SVG !

Para mostrar aos seus leitores que você teve o cuidado de criar uma página web interoperável, você pode inserir um selo nas páginas válidas. Veja a seguir o código XHTML a ser usado para mostrar na sua página o citado selo:

CSS válido! 
<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss"
            alt="CSS válido!" />
    </a>
</p>
CSS válido! 
<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
            alt="CSS válido!" />
    </a>
</p>

(Se a sua marcação foi escrita com HTML versão 4.01 ou menor a tag de fechamento do elemento img deverá ser > no lugar de />, como mostrado.)

Se você preferir, pode fazer o download da imagem do selo de validação e hospedá-la no seu servidor, mas neste caso não se esqueça de alterar o endereço da imagem no fragmento de código mostrado.

se você quiser criar um link para esta página (isto é, o resultado da validação) com a finalidade de facilitar futuras revalidações, ou mesmo permitir que seus leitores verifiquem a validação da página, o endereço URI é mostrado a seguir: 

http://jigsaw.w3.org/css-validator/validator?lang=pt-BR&profile=css3svg&uri=https://www.comporaco.com.br/blog/categorias/artigos/estrutura-metalica-para-fachada-conheca-as-vantagens-e-aplicacoes&usermedium=all&vextwarning=&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (Somente para documentos HTML/XML)

(Ou, você pode adicionar esta página à sua lista de favoritos.)

↑ Topo

Alertas (322)

URI : https://www.comporaco.com.br/blog

2 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
2 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
2 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
2 A propriedade -webkit-touch-callout é uma propriedade proprietária desconhecida
2 A propriedade -khtml-user-select é uma propriedade proprietária desconhecida
2 A propriedade -ms-touch-action é uma propriedade proprietária desconhecida
2 A propriedade -webkit-tap-highlight-color é uma propriedade proprietária desconhecida
3 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
3 A propriedade -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif é uma propriedade proprietária desconhecida
3 A propriedade -webkit-tap-highlight-color é uma propriedade proprietária desconhecida
3 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
5 A propriedade -ms-text-size-adjust é uma propriedade proprietária desconhecida
5 A propriedade -webkit-text-size-adjust é uma propriedade proprietária desconhecida
6 A propriedade -webkit-overflow-scrolling é uma propriedade proprietária desconhecida
6 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
6 A propriedade -moz-transform é uma propriedade proprietária desconhecida
6 A propriedade -ms-transform é uma propriedade proprietária desconhecida
6 A propriedade -o-transform é uma propriedade proprietária desconhecida
11 A propriedade -webkit-font-smoothing é uma propriedade proprietária desconhecida
11 A propriedade -webkit-touch-callout é uma propriedade proprietária desconhecida
11 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
11 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
11 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
13 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
15 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
15 A propriedade -webkit-overflow-scrolling é uma propriedade proprietária desconhecida
15 A propriedade opacity,-webkit-transform é uma propriedade proprietária desconhecida
15 A propriedade transform,opacity,-webkit-transform é uma propriedade proprietária desconhecida
20 A propriedade -moz-box-sizing é uma propriedade proprietária desconhecida
24 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
24 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
24 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
24 A propriedade opacity,-webkit-transform é uma propriedade proprietária desconhecida
24 A propriedade transform,opacity,-webkit-transform é uma propriedade proprietária desconhecida
24 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
24 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
24 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
27 A propriedade -webkit-grab é uma propriedade proprietária desconhecida
28 A propriedade -webkit-grabbing é uma propriedade proprietária desconhecida
30 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
30 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
30 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
35 A propriedade -ms-interpolation-mode é uma propriedade proprietária desconhecida
44 A propriedade -webkit-appearance é uma propriedade proprietária desconhecida
44 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
44 A propriedade -ms-transform é uma propriedade proprietária desconhecida
44 .slick-next Algumas cores background-color e color
44 .slick-next Algumas cores background-color e color
45 .slick-next:focus Algumas cores background-color e color
45 .slick-next:focus Algumas cores background-color e color
45 .slick-next:focus Algumas cores background-color e color
45 .slick-next:focus Algumas cores background-color e color
47 A propriedade -webkit-appearance é uma propriedade proprietária desconhecida
47 A propriedade -moz-box-sizing é uma propriedade proprietária desconhecida
47 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
48 ::-webkit-search-cancel-button não é reconhecido como um pseudoelemento proprietário válido
48 ::-webkit-search-decoration não é reconhecido como um pseudoelemento proprietário válido
48 A propriedade -webkit-appearance é uma propriedade proprietária desconhecida
48 A propriedade -webkit-font-smoothing é uma propriedade proprietária desconhecida
48 A propriedade -moz-osx-font-smoothing é uma propriedade proprietária desconhecida
49 ::-moz-focus-inner não é reconhecido como um pseudoelemento proprietário válido
49 ::-moz-focus-inner não é reconhecido como um pseudoelemento proprietário válido
62 .slick-dots li button Algumas cores background-color e color
65 A propriedade -webkit-font-smoothing é uma propriedade proprietária desconhecida
65 A propriedade -moz-osx-font-smoothing é uma propriedade proprietária desconhecida
66 Due to their dynamic nature, CSS variables are currently not statically checked
66 Due to their dynamic nature, CSS variables are currently not statically checked
67 A propriedade -webkit-animation é uma propriedade proprietária desconhecida
68 Lamento, a at-rule @-webkit-keyframes não está implementada.
71 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
71 Due to their dynamic nature, CSS variables are currently not statically checked
71 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
71 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
72 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
73 Due to their dynamic nature, CSS variables are currently not statically checked
75 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
76 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
77 Due to their dynamic nature, CSS variables are currently not statically checked
77 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
80 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
81 Due to their dynamic nature, CSS variables are currently not statically checked
81 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
82 Due to their dynamic nature, CSS variables are currently not statically checked
82 Due to their dynamic nature, CSS variables are currently not statically checked
82 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
83 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
84 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
85 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
86 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
87 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
87 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
88 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
89 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
90 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
91 Due to their dynamic nature, CSS variables are currently not statically checked
91 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
91 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
92 Due to their dynamic nature, CSS variables are currently not statically checked
95 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
95 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
95 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
99 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
107 A propriedade -webkit-overflow-scrolling é uma propriedade proprietária desconhecida
107 A propriedade -ms-overflow-style é uma propriedade proprietária desconhecida
107 A propriedade -webkit-tap-highlight-color é uma propriedade proprietária desconhecida
113 ::-webkit-scrollbar não é reconhecido como um pseudoelemento proprietário válido
114 ::-webkit-scrollbar-track não é reconhecido como um pseudoelemento proprietário válido
115 ::-webkit-scrollbar-thumb não é reconhecido como um pseudoelemento proprietário válido
116 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
116 A propriedade -webkit-tap-highlight-color é uma propriedade proprietária desconhecida
139 Due to their dynamic nature, CSS variables are currently not statically checked
146 Due to their dynamic nature, CSS variables are currently not statically checked
147 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
148 Due to their dynamic nature, CSS variables are currently not statically checked
148 Due to their dynamic nature, CSS variables are currently not statically checked
160 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
160 Due to their dynamic nature, CSS variables are currently not statically checked
160 Due to their dynamic nature, CSS variables are currently not statically checked
160 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
161 Due to their dynamic nature, CSS variables are currently not statically checked
162 Due to their dynamic nature, CSS variables are currently not statically checked
162 Due to their dynamic nature, CSS variables are currently not statically checked
163 Due to their dynamic nature, CSS variables are currently not statically checked
163 Due to their dynamic nature, CSS variables are currently not statically checked
164 Due to their dynamic nature, CSS variables are currently not statically checked
164 Due to their dynamic nature, CSS variables are currently not statically checked
165 Due to their dynamic nature, CSS variables are currently not statically checked
178 Due to their dynamic nature, CSS variables are currently not statically checked
179 Due to their dynamic nature, CSS variables are currently not statically checked
180 Due to their dynamic nature, CSS variables are currently not statically checked
182 Due to their dynamic nature, CSS variables are currently not statically checked
195 Due to their dynamic nature, CSS variables are currently not statically checked
196 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
196 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
207 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
208 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
228 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
230 Due to their dynamic nature, CSS variables are currently not statically checked
230 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
231 Due to their dynamic nature, CSS variables are currently not statically checked
235 Due to their dynamic nature, CSS variables are currently not statically checked
240 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
240 Due to their dynamic nature, CSS variables are currently not statically checked
240 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
241 Due to their dynamic nature, CSS variables are currently not statically checked
242 Due to their dynamic nature, CSS variables are currently not statically checked
245 Due to their dynamic nature, CSS variables are currently not statically checked
255 Due to their dynamic nature, CSS variables are currently not statically checked
257 Due to their dynamic nature, CSS variables are currently not statically checked
264 ::-webkit-scrollbar não é reconhecido como um pseudoelemento proprietário válido
265 ::-webkit-scrollbar-thumb não é reconhecido como um pseudoelemento proprietário válido
265 Due to their dynamic nature, CSS variables are currently not statically checked
273 Due to their dynamic nature, CSS variables are currently not statically checked
273 Due to their dynamic nature, CSS variables are currently not statically checked
276 Due to their dynamic nature, CSS variables are currently not statically checked
286 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
287 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
289 Due to their dynamic nature, CSS variables are currently not statically checked
320 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
321 Due to their dynamic nature, CSS variables are currently not statically checked
324 Due to their dynamic nature, CSS variables are currently not statically checked
329 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
330 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
330 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
330 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
331 Due to their dynamic nature, CSS variables are currently not statically checked
333 Due to their dynamic nature, CSS variables are currently not statically checked
333 Due to their dynamic nature, CSS variables are currently not statically checked
335 ::-webkit-inner-spin-button não é reconhecido como um pseudoelemento proprietário válido
335 ::-webkit-outer-spin-button não é reconhecido como um pseudoelemento proprietário válido
335 A propriedade -webkit-appearance é uma propriedade proprietária desconhecida
337 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
337 Due to their dynamic nature, CSS variables are currently not statically checked
337 Due to their dynamic nature, CSS variables are currently not statically checked
341 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
344 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
354 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
355 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
356 Due to their dynamic nature, CSS variables are currently not statically checked
357 Due to their dynamic nature, CSS variables are currently not statically checked
357 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
358 Due to their dynamic nature, CSS variables are currently not statically checked
359 Due to their dynamic nature, CSS variables are currently not statically checked
360 A propriedade -webkit-box é uma propriedade proprietária desconhecida
360 A propriedade -webkit-line-clamp é uma propriedade proprietária desconhecida
360 A propriedade -webkit-box-orient é uma propriedade proprietária desconhecida
374 Due to their dynamic nature, CSS variables are currently not statically checked
378 Due to their dynamic nature, CSS variables are currently not statically checked
396 Due to their dynamic nature, CSS variables are currently not statically checked
407 Due to their dynamic nature, CSS variables are currently not statically checked
417 Due to their dynamic nature, CSS variables are currently not statically checked
421 Due to their dynamic nature, CSS variables are currently not statically checked
425 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
426 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
426 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
426 Due to their dynamic nature, CSS variables are currently not statically checked
427 Due to their dynamic nature, CSS variables are currently not statically checked
428 Due to their dynamic nature, CSS variables are currently not statically checked
428 Due to their dynamic nature, CSS variables are currently not statically checked
428 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
429 Due to their dynamic nature, CSS variables are currently not statically checked
429 Due to their dynamic nature, CSS variables are currently not statically checked
433 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
433 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
434 Due to their dynamic nature, CSS variables are currently not statically checked
436 Due to their dynamic nature, CSS variables are currently not statically checked
436 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
437 Due to their dynamic nature, CSS variables are currently not statically checked
439 Due to their dynamic nature, CSS variables are currently not statically checked
439 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
440 Due to their dynamic nature, CSS variables are currently not statically checked
441 Due to their dynamic nature, CSS variables are currently not statically checked
444 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
445 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
447 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
449 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
456 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
501 .panel-primary > .panel-heading Algumas cores background-color e border-color
553 Due to their dynamic nature, CSS variables are currently not statically checked
572 Due to their dynamic nature, CSS variables are currently not statically checked
622 Due to their dynamic nature, CSS variables are currently not statically checked
633 Due to their dynamic nature, CSS variables are currently not statically checked
682 Due to their dynamic nature, CSS variables are currently not statically checked
707 ::-webkit-scrollbar-track não é reconhecido como um pseudoelemento proprietário válido
708 ::-webkit-scrollbar não é reconhecido como um pseudoelemento proprietário válido
708 Due to their dynamic nature, CSS variables are currently not statically checked
709 ::-webkit-scrollbar-thumb não é reconhecido como um pseudoelemento proprietário válido
709 Due to their dynamic nature, CSS variables are currently not statically checked
738 Due to their dynamic nature, CSS variables are currently not statically checked
749 Due to their dynamic nature, CSS variables are currently not statically checked
761 Due to their dynamic nature, CSS variables are currently not statically checked
940 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
944 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
951 A propriedade -webkit-text-stroke é uma propriedade proprietária desconhecida
1026 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1028 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1041 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
1102 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1123 Due to their dynamic nature, CSS variables are currently not statically checked
1150 A propriedade -webkit-line-clamp é uma propriedade proprietária desconhecida
1171 ::-webkit-scrollbar não é reconhecido como um pseudoelemento proprietário válido
1175 ::-webkit-scrollbar-thumb não é reconhecido como um pseudoelemento proprietário válido
1268 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
1268 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1269 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1270 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1272 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
1272 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1273 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1301 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
1308 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
1317 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1354 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1372 Due to their dynamic nature, CSS variables are currently not statically checked
1373 Due to their dynamic nature, CSS variables are currently not statically checked
1374 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1374 A propriedade -o-transition é uma propriedade proprietária desconhecida
1380 Due to their dynamic nature, CSS variables are currently not statically checked
1381 Due to their dynamic nature, CSS variables are currently not statically checked
1382 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1382 A propriedade -o-transition é uma propriedade proprietária desconhecida
1400 button is not defined by any specification as an allowed value for appearance, but is supported in multiple browsers
1420 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
1448 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
1458 Due to their dynamic nature, CSS variables are currently not statically checked
1462 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1467 Due to their dynamic nature, CSS variables are currently not statically checked
1511 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1513 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1534 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
1543 Due to their dynamic nature, CSS variables are currently not statically checked
1546 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1565 Due to their dynamic nature, CSS variables are currently not statically checked
1654 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
1676 Due to their dynamic nature, CSS variables are currently not statically checked
1733 .contato .social__link:hover Algumas cores background-color e border-color
1816 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
1823 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
2539 A propriedade 'clip' está em desuso
2539 Separador inválido. O separador deveria ser uma vírgula.
2540 A propriedade 'clip' está em desuso
2747 Due to their dynamic nature, CSS variables are currently not statically checked
2761 Due to their dynamic nature, CSS variables are currently not statically checked
2949 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
3199 Algumas cores background-color e border-color
3202 Algumas cores background-color e border-color
3446 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
3452 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
3458 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
3464 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
3470 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
3473 ::-moz-focus-inner não é reconhecido como um pseudoelemento proprietário válido
3484 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
3485 A propriedade -moz-box-sizing é uma propriedade proprietária desconhecida
3499 Algumas cores background-color e border-top-color
3499 Algumas cores background-color e border-right-color
3499 Algumas cores background-color e border-bottom-color
3499 Algumas cores background-color e border-left-color
3512 A propriedade -webkit-animation é uma propriedade proprietária desconhecida
3513 A propriedade -moz-animation é uma propriedade proprietária desconhecida
3514 A propriedade -o-animation é uma propriedade proprietária desconhecida
3518 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
3519 A propriedade -moz-animation-delay é uma propriedade proprietária desconhecida
3520 A propriedade -o-animation-delay é uma propriedade proprietária desconhecida
3524 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
3525 A propriedade -moz-animation-delay é uma propriedade proprietária desconhecida
3526 A propriedade -o-animation-delay é uma propriedade proprietária desconhecida
3530 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
3531 A propriedade -moz-animation-delay é uma propriedade proprietária desconhecida
3532 A propriedade -o-animation-delay é uma propriedade proprietária desconhecida
3569 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
3570 A propriedade -moz-transform é uma propriedade proprietária desconhecida
3571 A propriedade -o-transform é uma propriedade proprietária desconhecida
3579 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
3580 A propriedade -moz-transform é uma propriedade proprietária desconhecida
3581 A propriedade -o-transform é uma propriedade proprietária desconhecida
3586 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
3587 A propriedade -moz-transform é uma propriedade proprietária desconhecida
3588 A propriedade -o-transform é uma propriedade proprietária desconhecida
3596 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
3597 A propriedade -moz-transform é uma propriedade proprietária desconhecida
3598 A propriedade -o-transform é uma propriedade proprietária desconhecida

↑ Topo

Informações CSS válidas

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display : block;
}
audio, canvas, video {
display : inline-block;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden] {
display : none;
}
html {
font-size : 100%;
}
button, html, input, select, textarea {
font-family : sans-serif;
}
body {
margin : 0;
}
a:focus {
outline : 0;
}
a:active, a:hover {
outline : 0;
}
h1 {
font-size : 2em;
margin : 0.67em 0;
}
h2 {
font-size : 1.5em;
margin : 0.83em 0;
}
h3 {
font-size : 1.17em;
margin : 1em 0;
}
h4 {
font-size : 1em;
}
h6 {
font-size : 0.67em;
margin : 2.33em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration : none;
color : #333;
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : 700;
}
blockquote {
margin : 1em 40px;
}
dfn {
font-style : italic;
}
hr {
box-sizing : content-box;
height : 0;
}
mark {
background : #ff0;
color : #000;
}
p, pre {
margin : 1em 0;
}
code, kbd, pre, samp {
font-family : monospace, serif;
font-size : 1em;
}
pre {
white-space : pre;
white-space : pre-wrap;
overflow-wrap : break-word;
}
q {
quotes : none;
}
q:after, q:before {
content : '';
content : none;
}
small {
font-size : 80%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
dl, menu, ol, ul {
margin : 1em 0;
}
dd {
margin : 0 0 0 40px;
}
menu, ol, ul {
padding : 0;
}
nav ol, nav ul {
list-style : none;
list-style-image : none;
}
img {
border : 0;
max-width : 100%;
height : auto;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 0;
}
form {
margin : 0;
}
fieldset {
border : silver solid 1px;
margin : 0 2px;
padding : 0.35em 0.625em 0.75em;
}
legend {
border : 0;
padding : 0;
white-space : normal;
}
button, input, select, textarea {
font-size : 100%;
margin : 0;
vertical-align : baseline;
}
button, input {
line-height : normal;
border : #ccc solid 1px;
padding : 5px;
}
button, select {
text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor : pointer;
}
button[disabled], html input[disabled] {
cursor : default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing : border-box;
padding : 0;
}
input[type="search"] {
box-sizing : content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border : 0;
padding : 0;
}
textarea {
overflow : auto;
vertical-align : top;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
audio, canvas, img, video {
vertical-align : middle;
}
address {
font-style : normal;
}
ul {
list-style-type : none;
list-style : none;
margin : 0;
padding : 0;
}
:root {
--border-color : #ccc;
--box-shadow : 0 15px 10px -15px #111;
--border-radius : 0.25em;
--primary-light-color : #8eb7d8;
}
.htmlchars :is(h2, h3) {
font-size : 1.2em;
}
.htmlchars ul {
margin : 1em 0 1.3em 1em;
}
.htmlchars ul li {
list-style : disc;
margin : 1em 0;
}
.widget__cart {
width : max-content;
position : fixed;
top : 12%;
right : 0;
z-index : 9999;
}
.widget__cart--btn {
box-sizing : border-box;
padding : 20px 10px;
border-radius : var(--border-radius) 0 0 var(--border-radius);
font-size : 12px;
text-align : center;
color : #fff;
transition : 0.3s;
}
.widget__cart--btn i {
display : block;
font-size : 1em;
margin-bottom : 3px;
}
.searchIcon {
padding : 0;
margin : 0;
border : none;
outline : none;
border-radius : var(--border-radius);
display : flex;
align-items : center;
justify-content : center;
background-color : transparent;
max-width : 175px;
width : 100%;
position : relative;
}
.searchIcon:after {
content : '';
position : absolute;
top : 0;
right : 0;
transform : translateX(-3px);
width : 1px;
height : 100%;
border-radius : var(--border-radius);
z-index : 0;
opacity : 0;
overflow : hidden;
transition : 0.3s;
}
.searchIcon:hover:after {
width : 100%;
opacity : 1;
transform : translateX(0);
}
.searchIcon :is(span, i) {
display : flex;
align-items : center;
height : 40px;
font-size : 1em;
transition : 0.3s;
}
.searchIcon span {
padding-left : 0.5em;
border : var(--border-color) solid 1px;
border-radius : var(--border-radius) 0 0 var(--border-radius);
justify-content : space-between;
width : 70%;
text-transform : uppercase;
color : #ccc;
font-size : 12px;
z-index : 1;
}
.searchIcon:hover span {
color : #fff;
}
.searchIcon i {
border-radius : 0 var(--border-radius) var(--border-radius) 0;
justify-content : center;
width : 30%;
color : #fff;
z-index : 1;
}
.searchModal {
display : none;
}
.widget__search {
width : 100vw;
height : 100vh;
position : fixed;
top : 0;
left : 0;
display : flex;
align-items : center;
justify-content : center;
z-index : 9999;
background-color : rgb(0, 0, 0, 95%);
}
.widget__search .search {
width : 50%;
display : flex;
align-items : center;
justify-content : center;
}
.widget__search .search input {
width : 90%;
height : 57.3px;
box-sizing : border-box;
padding : 0 30px;
border-radius : var(--border-radius) 0 0 var(--border-radius);
border : none;
font-size : 1em;
background-color : #fff;
}
.widget__search .search input::placeholder {
font-size : 1em;
color : #999;
}
.widget__search .search__buttons {
display : flex;
align-items : center;
justify-content : center;
gap : 10px;
width : 20%;
height : 57.3px;
border-radius : 0 var(--border-radius) var(--border-radius) 0;
background-color : #fff;
}
.widget__search .search button {
border : none;
background-color : transparent;
}
.widget__search .search i {
transition : 0.3s;
}
.widget__search .search i.fa-search {
font-size : 20px;
}
.widget__search .search i.fa-close {
font-size : 24px;
cursor : pointer;
}
@media only screen and (max-width: 576px) {
.widget__search .search {
width : 95%;
}
.widget__search .search__buttons {
box-shadow : -5px 0 0 #fff;
}
}
.widget__lang {
width : max-content;
display : flex;
align-items : center;
justify-content : center;
}
body {
top : 0 !important ;
}
#goog-gt-tt {
display : none !important ;
}
#google_translate_element2 {
display : none !important ;
}
.goog-te-banner-frame {
display : none !important ;
}
.goog-te-menu-value:hover {
text-decoration : none !important ;
}
.translate-container {
display : flex;
align-items : center;
justify-content : flex-end;
gap : 10px;
}
.translate-container img {
width : 32px;
}
.skiptranslate {
display : none;
}
@media only screen and (max-width: 576px) {
.widget__lang {
width : 100%;
padding : 24px 10px;
}
.translate-container {
display : flex;
justify-content : center;
width : 100%;
}
.translate-container img {
width : 30px;
}
}
#breadcrumb li {
display : inline-block;
}
#breadcrumb i, #breadcrumb li:not(.bread__column) {
margin : 0 5px;
}
.alertCart {
z-index : 999;
display : none;
position : fixed;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
max-width : 80%;
width : 100%;
border : var(--border-color) solid 1px;
border-radius : var(--border-radius);
padding : 1em;
background : #fff;
}
.alertCart h2 {
font-size : 1.2em;
text-align : center;
}
.alertCart .btn {
border : none;
outline : none;
}
.alertCart .btn:hover {
border : none;
outline : none;
}
.carrinho .carrinho__head {
padding : 1.5em;
border-bottom : 2px solid var(--border-color);
font-size : 1.2em;
}
.carrinho .carrinho__body .carrinho__row {
box-sizing : border-box;
padding : 1.5em;
height : 100%;
display : flex;
flex-direction : column;
justify-content : center;
border-bottom : 1px solid var(--border-color);
}
.carrinho .carrinho__body .carrinho__row span {
font-size : 1.2em;
line-height : 1.6em;
}
.carrinho .qtdCart {
max-width : 70px;
width : 100%;
line-height : 24px;
}
.carrinho .removeCart {
display : block;
height : 40px;
text-align : center;
line-height : 30px;
outline : none;
border : none;
background : none;
cursor : pointer;
}
.carrinho .removeCart i {
color : red;
}
.formulario {
width : 100%;
}
.formulario.j_formulario {
display : none;
}
.formulario :is(input, textarea, select) {
box-sizing : border-box;
padding : 1em;
width : 100%;
margin : 0.5em 0;
border : var(--border-color) solid 1px;
background-color : #fff;
transition : 0.3s;
}
.formulario :is(input, textarea, select):focus {
background-color : #fff;
border-color : #80bdff;
outline : 0;
box-shadow : 0 0 0 0.2em rgb(0 123 255 / 25%);
}
.formulario [type="submit"] {
max-width : 280px;
width : 100%;
margin-top : 1em;
font-size : 16px;
text-transform : uppercase;
color : #fff;
cursor : pointer;
}
.formulario__obrigatory {
display : block;
margin : 1em 0;
font-size : 12px;
}
@media only screen and (max-width: 576px) {
.carrinho .carrinho__body .carrinho__row {
padding : 0.8em;
}
.carrinho .inputNumber * {
font-size : 1em !important ;
}
}
.form__pages {
display : flex;
align-items : center;
justify-content : end;
}
.form__pages .search__pages, .form__pages .view__pages {
display : flex;
align-items : center;
}
.form__pages .search__pages {
width : 70%;
}
.form__pages .search__pages input[type="search"] {
width : 95%;
height : 35px;
background-color : #fff;
padding : 0 5px;
font-size : 1em;
border : var(--border-color) solid 1px;
border-radius : 5px 0 0 5px;
border-right-width : 0;
}
.form__pages .search__pages input[type="search"]::placeholder {
font-size : 1em;
}
.form__pages .search__pages button[type="submit"] {
width : 5%;
height : 37px;
background-color : #fff;
padding : 0;
font-size : 1em;
border : var(--border-color) solid 1px;
border-radius : 0 5px 5px 0;
border-left-width : 0;
}
.form__pages .view__pages {
width : 30%;
gap : 10px;
justify-content : flex-end;
}
.form__pages .view__pages select {
max-width : 100px;
border : var(--border-color) solid 1px;
border-radius : var(--border-radius);
height : 35px;
}
@media only screen and (max-width: 576px) {
.form__pages {
flex-direction : column;
gap : 10px;
}
.form__pages .search__pages {
width : 100%;
}
.form__pages .search__pages input[type="search"] {
width : 90%;
}
.form__pages .search__pages button[type="submit"] {
width : 10%;
}
.form__pages .view__pages {
width : 100%;
}
}
.btn-group button {
display : inline-table;
width : auto;
outline : 1px solid var(--border-color);
}
.btn-group button.active {
color : #fff;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius : 0;
}
.btn-group > .btn:first-child {
margin-left : 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius : 0;
border-top-left-radius : 0;
}
.btn-group > .btn-group {
float : left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius : 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius : 0;
border-top-right-radius : 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius : 0;
border-top-left-radius : 0;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline : 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left : 8px;
padding-right : 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left : 12px;
padding-right : 12px;
}
.btn-group.open .dropdown-toggle {
box-shadow : 0 3px 5px rgb(0, 0, 0, 0.125) inset;
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow : none;
}
.btn .caret {
margin-left : 0;
}
.btn-lg .caret {
border-width : 5px 5px 0;
border-bottom-width : 0;
}
.dropup .btn-lg .caret {
border-width : 0 5px 5px;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
display : block;
float : none;
width : 100%;
max-width : 100%;
}
.btn-group-vertical > .btn-group > .btn {
float : none;
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
margin-top : -1px;
margin-left : 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius : 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius : 4px;
border-top-left-radius : 4px;
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius : 0;
border-top-left-radius : 0;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius : 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius : 0;
border-top-left-radius : 0;
}
.btn-group-justified {
display : table;
width : 100%;
table-layout : fixed;
border-collapse : separate;
}
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
float : none;
display : table-cell;
width : 1%;
}
.btn-group-justified > .btn-group .btn {
width : 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left : auto;
}
.search-card {
border-radius : 5px;
}
.search-card .search-card__cover {
width : 100%;
height : 300px;
object-fit : cover;
transition : 0.3s;
}
.search-card:hover .search-card__cover {
opacity : 0.8;
}
.search-card .search-card__title {
margin : 0;
height : 60px;
display : flex;
align-items : center;
justify-content : center;
color : #fff;
text-align : center;
border-radius : 0 0 5px 5px;
font-size : 14px;
transition : 0.3s;
}
.aside-sig {
border : var(--border-color) solid 1px;
border-radius : var(--border-radius);
overflow : hidden;
margin : 25px 0 25px 5%;
}
.aside-sig h2 {
font-size : 1em;
color : #fff;
margin : 0;
padding : 1em;
}
.aside-sig h2 a {
color : #fff;
}
.aside-sig li {
margin : 0;
}
.aside-sig .sub-menu {
display : block;
margin : 0;
}
.aside-sig .sub-menu--first {
display : block;
}
.aside-sig .submenu-item {
display : block;
margin : 0;
width : 100%;
box-sizing : border-box;
padding : 5px;
font-size : 1em;
transition : 0.3s;
}
.aside-sig .submenu-item--last {
padding-left : 15px;
}
.aside-sig .submenu-item:hover, .aside-sig .submenu-item.active-menu-aside {
background-color : #f7f7f7;
}
.aside-sig .aside__contact .btn {
display : block;
margin : 0 auto;
padding : 1em;
text-align : center;
border-radius : 0;
border-top : 1px solid var(--border-color);
}
.aside-sig .fb-page {
margin : 0 auto;
}
@media only screen and (max-width: 576px) {
.aside-sig {
margin : 15px auto;
}
}
.aside-hidden {
box-sizing : border-box;
border-radius : var(--border-radius) 0 0 var(--border-radius);
width : 300px;
height : auto;
margin : 0;
padding : 15px 30px;
color : #fff;
position : fixed;
right : -300px;
top : 50%;
transform : translateY(-50%);
z-index : 999;
display : flex;
flex-flow : column;
justify-content : space-between;
transition : 0.5s ease-in-out;
}
.aside-hidden::before {
content : '\f100';
font-family : 'FontAwesome';
border-radius : var(--border-radius) 0 0 var(--border-radius);
box-shadow : -2px -2px 5px rgb(0, 0, 0, 0.5);
width : 50px;
height : 100px;
display : flex;
align-items : center;
justify-content : center;
position : absolute;
top : 50%;
transform : translateY(-50%);
left : -50px;
cursor : pointer;
transition : 0.3s;
}
.aside-hidden:hover {
right : 0;
}
.aside-hidden:hover::before {
opacity : 0;
}
.aside-hidden h2 {
margin-top : 15px;
margin-bottom : 0;
font-size : 1.5em;
}
.aside-hidden h2 a {
color : #fff;
}
.aside-hidden nav::-webkit-scrollbar {
width : 3px;
}
.aside-hidden nav {
max-height : 300px;
height : auto;
overflow-y : auto;
}
.aside-hidden :is(nav, .aside__cta) {
display : block;
width : 100%;
margin : 15px auto;
}
.aside-hidden:hover :is(nav, .aside__cta) {
animation-name : anima__aside;
animation-duration : 0.7s;
animation-timing-function : ease-in-out;
}
.aside-hidden .sub-menu li a {
display : block;
padding : 5px;
margin : 5px 0;
font-size : 12px;
border-left : 1.5px solid #fff;
color : #fff;
transition : 0.3s;
}
.aside__cta .btn {
display : block;
width : 100%;
margin : 5px auto;
background-color : #8eb7d8;
border-radius : var(--border-radius);
border : transparent solid 2px;
}
.aside__cta .btn:hover {
border-color : #8eb7d8;
}
@keyframes anima__aside {
0% {
transform : translateX(1000px);
}
100% {
transform : translateX(0);
}
}
.card--prod {
position : relative;
overflow : hidden;
border-radius : var(--border-radius);
transition : 0.3s;
}
.card--prod .card__cover {
border-radius : var(--border-radius) var(--border-radius) 0 0;
width : 100%;
height : 280px;
object-fit : cover;
display : block;
margin : 0 auto;
transition : 0.3s;
}
.card--prod:hover .card__cover {
opacity : 0.8;
}
.card--prod .card__title {
margin : 0;
padding : 5px 10px;
border-radius : 0 0 var(--border-radius) var(--border-radius);
font-size : 1em;
color : #fff;
text-align : center;
height : 50px;
display : flex;
align-items : center;
justify-content : center;
}
.prod-inc-cover img {
display : block;
margin : 0 auto;
max-width : 380px;
width : 100%;
height : 380px;
object-fit : contain;
}
@media only screen and (max-width: 576px) {
.prod-inc-cover img {
height : calc(380px - 15vh);
}
}
.prod-inc-gallery .gallery__item img {
display : block;
margin : 0 auto;
max-width : 100%;
width : 100px;
height : 100px;
object-fit : contain;
cursor : pointer;
}
.prod-inc-custom-gallery .gallery__main {
width : 100%;
margin-bottom : 1.5em;
}
.prod-inc-custom-gallery .gallery__main img {
display : block;
margin : 0 auto;
max-width : 380px;
width : 100%;
height : 380px;
object-fit : contain;
cursor : crosshair;
}
.prod-inc-custom-gallery .gallery__nav {
width : 100%;
margin-top : 1.5em;
}
.prod-inc-custom-gallery .gallery__nav .gallery__item {
margin : 0.5em;
max-width : 18.8%;
width : auto;
cursor : pointer;
}
.prod-inc-custom-gallery .gallery__nav .gallery__item img {
display : block;
margin : 0 auto;
width : 100px;
height : 100px;
object-fit : contain;
}
.prod-inc-custom-gallery .gallery__nav .gallery__item img:hover {
opacity : 0.5;
}
.prod-inc-custom-gallery .gallery__nav .slick-list .slick-track {
display : flex;
justify-content : center;
align-items : center;
}
@media only screen and (max-width: 576px) {
.prod-inc-custom-gallery .gallery__main img {
height : calc(380px - 15vh);
}
}
.prod-inc-cart .cart {
display : block;
width : 100%;
font-size : 1em;
}
.prod-inc-cart .cart fieldset {
border : var(--border-color) solid 1px;
border-radius : var(--border-radius);
box-sizing : border-box;
padding : 1em;
}
.prod-inc-cart .cart label:not(.radio-option) {
display : block;
font-size : 1em;
}
.prod-inc-cart .cart label.radio-option {
display : flex;
align-items : center;
justify-content : flex-start;
margin : 0.5em 1em;
}
.prod-inc-cart .cart input[type="radio"] {
margin-right : 0.5em;
max-width : 1em;
}
.prod-inc-cart .inputNumber {
position : relative;
overflow : hidden;
display : flex;
align-items : center;
justify-content : center;
width : 100%;
margin : 0;
background-color : #fff;
border : var(--border-color) solid 1px;
border-radius : var(--border-radius);
}
.prod-inc-cart .inputNumber input, .inputNumber .inputNumberBtn {
position : relative;
width : 40%;
height : 50px;
box-sizing : border-box;
padding : 5px;
font-size : 1.6em;
text-align : center;
line-height : 40px;
outline : 0;
border : 0;
}
.prod-inc-cart .inputNumber .inputNumberBtn {
cursor : pointer;
user-select : none;
transition : 0.3s;
}
.prod-inc-cart .inputNumber .inputNumberBtn.disabled {
cursor : default;
color : rgb(116, 116, 116, 0.5);
}
.prod-inc-cart .inputNumber input {
border-left : 0;
border-right : 0;
}
.prod-inc-cart .inputNumber input:focus {
outline : 0;
}
.prod-inc-cart .inputNumber input[type="number"]::-webkit-inner-spin-button, .inputNumber input[type="number"]::-webkit-outer-spin-button {
margin : 0;
}
.prod-inc-cart .cart .addOrc {
width : 100%;
display : flex;
align-items : center;
justify-content : center;
margin : 0;
height : 50px;
border-radius : var(--border-radius);
box-sizing : border-box;
padding : 5px;
color : #fff;
outline : none;
border : none;
transition : 0.3s;
}
.prod-inc-tab {
display : flex;
align-items : center;
justify-content : flex-start;
}
.prod-inc-tab .tab__link {
box-sizing : border-box;
border-radius : var(--border-radius) var(--border-radius) 0 0;
padding : 1em;
background-color : #fff;
border : var(--border-color) solid 1px;
margin : 0;
z-index : 0;
position : relative;
top : 1px;
cursor : pointer;
}
.prod-inc-tab .tab__link:not(:last-child) {
border-right-width : 0;
}
.prod-inc-tab .tab__link.active {
z-index : 1;
border-bottom-color : #fff;
}
.prod-inc-content .tab__content {
box-sizing : border-box;
padding : 1em;
border : var(--border-color) solid 1px;
border-radius : 0 var(--border-radius) var(--border-radius) var(--border-radius);
}
.blog-card {
overflow : hidden;
}
.blog-card .blog-card__image {
overflow : hidden;
aspect-ratio : 4/3;
}
.blog-card__image img {
width : 100%;
height : 100%;
object-fit : cover;
transition : 0.3s ease-in-out;
}
.blog-card .blog-card__info {
z-index : 2;
box-sizing : border-box;
padding : 20px;
width : 100%;
margin : 0 auto;
}
.blog-card .blog-card__date {
font-size : 10px;
font-weight : bold;
}
.blog-card .blog-card__title {
transition : 0.3s ease-in-out;
margin : 0;
}
.blog-card .blog-card__description p {
font-size : 14px;
margin : 16px 0 32px 0;
}
.blog-card .blog-card__content-text {
overflow : hidden;
}
.blog-card__author {
display : flex;
align-items : center;
gap : 8px;
font-size : 14px;
}
.blog-card__author a {
transition : 0.3s;
}
.blog-card__btn {
color : #FFF;
padding : 12px 24px;
border-radius : 4px;
display : flex;
align-items : center;
gap : 8px;
font-size : 14px;
width : fit-content;
transition : 0.3s;
margin-left : auto;
}
.blog-card__btn i {
font-size : 12px;
}
.blog-card__tags {
display : flex;
flex-wrap : wrap;
gap : 4px;
margin : 16px 0;
}
.blog-card__tags a {
color : #FFF;
padding : 4px 8px;
font-size : 12px;
border-radius : 4px;
display : inline-block;
transition : 0.3s;
}
.blog-inc__date {
font-size : 10px;
font-weight : bold;
}
.blog-inc__cover img {
margin-bottom : 15px;
}
.newsletter-form {
box-sizing : border-box;
padding : 25px 0;
}
.newsletter-form input {
box-sizing : border-box;
padding : 15px;
border-radius : 5px;
box-shadow : 3px 3px 3px rgb(0, 0, 0, 30%);
width : 100%;
}
.newsletter-form input[type="submit"] {
color : #fff;
transition : 0.3s;
}
.j_load {
z-index : 99999;
display : none;
top : 0;
left : 0;
bottom : 0;
right : 0;
background : url("https://www.comporaco.com.br/blog/imagens/loading.gif") 50% 50% no-repeat rgb(0, 0, 0, 0.5);
background-size : 50px auto;
position : fixed;
width : 100%;
height : 100%;
}
.download-card {
margin-bottom : 25px;
box-sizing : border-box;
padding : 25px;
border : #ccc solid 1px;
border-radius : 3px;
transition : 0.3s;
}
.download-card__link {
display : flex;
}
.download-card .download-card__icon {
width : 10%;
display : flex;
align-items : center;
justify-content : flex-start;
font-size : 32px;
transition : 0.3s;
}
.download-card .download-card__description {
width : 90%;
}
.download-card .download-card__title {
margin-top : 0;
font-size : 14px;
transition : 0.3s;
}
.download-card .download-card__text {
font-size : 12px;
margin : 0;
}
.case-card {
position : relative;
display : block;
width : 100%;
height : 100%;
overflow : hidden;
box-shadow : 0 0 10px rgb(0, 0, 0, 10%);
border-radius : 5px;
}
.case-card .case-card__cover {
width : 100%;
height : 300px;
object-fit : cover;
transition : 1s;
}
.case-card:hover .case-card__cover {
transform : scale(1.5);
}
.case-card .case-card__overlay {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
display : flex;
align-items : center;
justify-content : center;
opacity : 0;
background-color : rgb(33, 114, 179, 90%);
transition : 0.5s;
}
.case-card:hover .case-card__overlay {
opacity : 1;
}
.case-card .case-card__title {
position : relative;
top : -25%;
text-align : center;
margin : 25px;
font-size : 18px;
color : #fff;
transition : 0.5s;
}
.case-card:hover .case-card__title {
top : 0;
}
.cases-inc__cover {
float : left;
padding-right : 10px;
padding-bottom : 10px;
width : 300px;
}
.panel {
margin-bottom : 20px;
background-color : #fff;
border : transparent solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.05);
}
.panel-body {
padding : 15px;
}
.panel-heading {
padding : 10px 15px;
border-bottom : 1px solid transparent;
border-top-left-radius : 3px;
border-top-right-radius : 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color : inherit;
}
.panel-title {
margin-top : 0;
margin-bottom : 0;
font-size : 16px;
color : inherit;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
color : inherit;
}
.panel-footer {
padding : 10px 15px;
background-color : #f5f5f5;
border-top : 1px solid #ddd;
border-bottom-right-radius : 3px;
border-bottom-left-radius : 3px;
}
.panel > .list-group, .panel > .panel-collapse > .list-group {
margin-bottom : 0;
}
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
border-width : 1px 0;
border-radius : 0;
}
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top : 0;
border-top-left-radius : 3px;
border-top-right-radius : 3px;
}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom : 0;
border-bottom-right-radius : 3px;
border-bottom-left-radius : 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width : 0;
}
.list-group + .panel-footer {
border-top-width : 0;
}
.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
margin-bottom : 0;
}
.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
padding-right : 15px;
padding-left : 15px;
}
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius : 3px;
border-top-right-radius : 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius : 3px;
border-top-right-radius : 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius : 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius : 3px;
}
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius : 3px;
border-bottom-left-radius : 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius : 3px;
border-bottom-left-radius : 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius : 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius : 3px;
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
border-top : 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
border-top : 0;
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
border : 0;
}
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left : 0;
}
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right : 0;
}
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom : 0;
}
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom : 0;
}
.panel > .table-responsive {
margin-bottom : 0;
border : 0;
}
.panel-group {
margin-bottom : 20px;
}
.panel-group .panel {
margin-bottom : 0;
border-radius : 4px;
}
.panel-group .panel + .panel {
margin-top : 5px;
}
.panel-group .panel-heading {
border-bottom : 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
border-top : 1px solid #ddd;
}
.panel-group .panel-footer {
border-top : 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom : 1px solid #ddd;
}
.panel-default {
border-color : #ddd;
}
.panel-default > .panel-heading {
color : #333;
background-color : #f5f5f5;
border-color : #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color : #ddd;
}
.panel-default > .panel-heading .badge {
color : #f5f5f5;
background-color : #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color : #ddd;
}
.panel-primary {
border-color : #337ab7;
}
.panel-primary > .panel-heading {
color : #fff;
background-color : #337ab7;
border-color : #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color : #337ab7;
}
.panel-primary > .panel-heading .badge {
color : #337ab7;
background-color : #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color : #337ab7;
}
.panel-success {
border-color : #d6e9c6;
}
.panel-success > .panel-heading {
color : #3c763d;
background-color : #dff0d8;
border-color : #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color : #d6e9c6;
}
.panel-success > .panel-heading .badge {
color : #dff0d8;
background-color : #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color : #d6e9c6;
}
.panel-info {
border-color : #999;
}
.panel-info > .panel-heading {
color : #ffffff;
background-color : #999;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color : #bce8f1;
}
.panel-info > .panel-heading .badge {
color : #d9edf7;
background-color : #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color : #bce8f1;
}
.panel-warning {
border-color : #faebcc;
}
.panel-warning > .panel-heading {
color : #8a6d3b;
background-color : #fcf8e3;
border-color : #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color : #faebcc;
}
.panel-warning > .panel-heading .badge {
color : #fcf8e3;
background-color : #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color : #faebcc;
}
.panel-danger {
border-color : #ebccd1;
}
.panel-danger > .panel-heading {
color : #a94442;
background-color : #f2dede;
border-color : #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color : #ebccd1;
}
.panel-danger > .panel-heading .badge {
color : #f2dede;
background-color : #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color : #ebccd1;
}
.embed-responsive {
position : relative;
display : block;
height : 0;
padding : 0;
overflow : hidden;
}
.blog-tag-list__cards {
padding : 0;
display : flex;
flex-wrap : wrap;
gap : 8px;
}
.blog-tag-list--aside {
padding : 8px;
}
.blog-tag-list--aside .blog-tag-list__cards {
max-height : 200px;
overflow-y : auto;
padding : 8px;
}
.blog-tag-list p {
width : 100%;
}
.blog-tag-list a {
display : inline-block;
padding : 4px 8px;
color : #FFF;
border-radius : 4px;
transition : 0.3s;
text-align : center;
white-space : nowrap;
}
.blog-tag-list:not(.blog-tag-list--aside) a {
padding : 8px 16px;
}
.blog-tag-list.blog-tag-list--aside a {
padding : 8px;
}
.blog-inc__author {
margin : 24px 0;
display : flex;
align-items : center;
gap : 8px;
}
#author .bread {
margin-bottom : 0;
}
.author__heading {
padding : 32px 0;
margin-bottom : 32px;
}
.author__cover {
aspect-ratio : 1/1;
width : 100%;
border-radius : 50%;
overflow : hidden;
border : rgb(0, 0, 0, 0.1) solid 1px;
}
.author__image {
display : block;
width : 100%;
height : 100%;
}
.author__info {
display : flex;
flex-direction : column;
gap : 16px;
}
.author__title {
font-size : 28px;
margin : 0;
font-weight : bold;
}
.author__text {
margin : 0;
font-size : 16px;
}
.author__role {
text-transform : uppercase;
font-weight : bold;
letter-spacing : 1px;
font-size : 14px;
margin : 0;
}
.blog-home {
padding : 16px 0;
}
.blog-home__title {
color : #FFF;
font-weight : bold;
text-align : center;
margin : 0;
}
.blog-home__title span {
display : block;
text-align : center;
color : #EEE;
font-size : 18px;
letter-spacing : 2px;
text-transform : uppercase;
font-weight : 400;
}
.blog-pagination {
margin : 24px 0;
}
.blog-pagination .btn-group button {
outline : none;
border : none;
margin : 1px;
padding : 14px 28px;
}
@media only screen and (min-width: 768px) {
.blog-pagination .btn-group button:first-of-type {
border-top-left-radius : 50px;
border-bottom-left-radius : 50px;
}
.blog-pagination .btn-group button:last-of-type {
border-top-right-radius : 50px;
border-bottom-right-radius : 50px;
}
}
* {
margin : 0;
padding : 0;
border : 0;
outline : 0;
box-sizing : border-box;
}
::-webkit-scrollbar-track {
background-color : #f0f0f0;
}
::-webkit-scrollbar {
width : 8px;
}
:root {
--primary-color : #ff0000;
--secondary-color : #ff6666;
--grey : #5c5c5c;
--dark : #343a40;
--light : #f6f6f6;
--alert : #b31610;
--success : #4caf50;
--border-radius : 0.25em;
--border-color : #dee2e6;
--wrapper-width : 1180px;
--slider-height : 33vw;
}
body {
font-size : 16px;
color : var(--grey);
text-decoration : none;
}
@media only screen and (max-width: 576px) {
body {
font-size : 12px;
}
}
h1, h2, h3, h4 {
color : var(--primary-color);
margin : 25px 0;
}
h1 {
font-size : 2.25em;
}
h2 {
font-size : 1.5em;
}
h3 {
font-size : 1.125em;
}
p {
line-height : 1.8;
margin : 15px 0;
color : var(--grey);
text-align : left;
}
a {
color : var(--primary-color);
text-decoration : none;
}
a:hover {
text-decoration : none;
}
hr {
display : block;
margin : 1em 0;
height : 1px;
border-top : 1px solid #ccc;
}
#cookies-message p {
color : #FFF;
}
.page-loading {
position : fixed;
background-color : #343a40;
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
gap : 50px;
width : 100%;
height : 100%;
z-index : 999999999;
top : 0;
left : 0;
bottom : 0;
right : 0;
padding : 16px;
overflow : hidden;
}
.page-loading__spinner {
width : 60px;
height : auto;
aspect-ratio : 1/1;
position : relative;
}
.page-loading__spinner::after {
content : "";
position : absolute;
width : 100%;
height : 100%;
top : 0;
left : 0;
border-radius : 50%;
animation-name : pageloadingRotate;
animation-duration : 1s;
animation-iteration-count : infinite;
animation-fill-mode : forwards;
animation-timing-function : linear;
border : var(--light) solid 4px;
border-top : 4px solid var(--primary-color);
box-sizing : border-box;
}
.page-loading__logo {
width : 100%;
max-width : 250px;
transition : 0.5s;
position : relative;
bottom : 0;
opacity : 1;
}
.page-loading__logo--fade {
opacity : 0;
transform : scale(1.5);
}
@keyframes pageloadingRotate {
from {
transform : rotate(0);
}
to {
transform : rotate(360deg);
}
}
.headerFixed {
position : fixed !important ;
width : 100%;
z-index : 999;
top : 0;
box-shadow : 0 2px 5px -1px rgb(50, 50, 93, 0.25), 0 1px 3px -1px rgb(0, 0, 0, 0.3);
}
.headerFixed .topo {
display : none;
}
.headerFixed .logo img {
max-width : 180px;
margin : 16px auto;
}
.headerFixed:is(.headerSlide, .headerFade) {
animation-delay : 0.5s;
animation-duration : 0.30s;
animation-timing-function : ease-out;
animation-fill-mode : forwards;
}
.headerSlide {
animation-name : headerSlide;
transform : translateY(-100%);
}
@keyframes headerSlide {
from {
transform : translateY(-100%);
}
to {
transform : translateY(0);
}
}
.headerFade {
animation-name : headerFade;
opacity : 0;
}
@keyframes headerFade {
from {
opacity : 0;
}
to {
opacity : 1;
}
}
@media only screen and (max-width: 912px) {
header .topo.show-mobile {
background-color : #222222;
}
.flex-top-icons {
display : flex;
justify-content : center;
align-items : center;
}
.flex-top-icons a {
display : flex;
justify-content : center;
align-items : center;
width : 50px;
height : 50px;
margin : 5px;
background : #ff0000;
color : #fff;
border-radius : 50%;
font-size : 22px;
}
}
header #menu {
text-align : center;
}
header #menu ul {
list-style : none;
margin : 0;
padding : 0;
}
header #menu li {
position : relative;
display : inline-block;
}
header #menu a {
display : block;
box-sizing : border-box;
padding : 8px 12px;
text-align : center;
transition : 0.3s;
}
.active-menu-topo {
color : var(--primary-color);
}
header #menu .dropdown :is(.sub-menu, .sub-menu-info) {
display : none;
margin : 0;
position : absolute;
top : 100%;
left : 0;
z-index : 7;
width : 230px;
height : auto;
background-color : #343a40;
}
header #menu ul > li.dropdown:hover > :is(.sub-menu, .sub-menu-info) {
display : block;
}
header #menu ul > li.dropdown > :where(.sub-menu, .sub-menu-info) > li.dropdown > :where(.sub-menu, .sub-menu-info) {
display : none;
top : 0;
left : 100%;
}
header #menu ul > li.dropdown > :is(.sub-menu, .sub-menu-info) > li.dropdown:hover > :is(.sub-menu, .sub-menu-info) {
display : block;
}
header #menu .dropdown :is(.sub-menu, .sub-menu-info) li {
position : relative;
display : block;
margin : 0;
width : 100%;
box-sizing : border-box;
padding : 0 10px;
}
header #menu .dropdown :is(.sub-menu, .sub-menu-info) li:first-of-type {
padding-top : 10px;
}
header #menu .dropdown :is(.sub-menu, .sub-menu-info) li:last-of-type {
padding-bottom : 10px;
}
header #menu .dropdown :is(.sub-menu, .sub-menu-info) li a {
display : block;
width : 100%;
box-sizing : border-box;
font-size : 12px;
padding : 10px;
text-align : left;
text-decoration : none;
color : #fff;
}
header #menu .dropdown > :is(.sub-menu, .sub-menu-info) > li:hover > a {
background-color : #fff;
color : var(--primary-color);
}
header #menu .dropdown :is(.sub-menu, .sub-menu-info).sub-menu-scroll {
max-height : 400px;
height : auto;
overflow-y : auto;
overflow-x : hidden;
}
.browsehappy {
margin : 0.2em 0;
background : #ccc;
color : #000;
padding : 0.2em 0;
}
#scrollUp {
position : fixed;
bottom : -100px;
right : 12px;
z-index : 9999;
width : 56px;
height : 56px;
display : flex;
align-items : center;
justify-content : center;
border-radius : 50%;
background-color : #ff0000;
cursor : pointer;
opacity : 0;
transition : 0.3s;
border : rgb(255, 255, 255, 0.2) solid 1px;
}
#scrollUp::after {
content : '\f077';
font : 18px/normal FontAwesome;
color : #fff;
}
#scrollUp.is-active {
transition : 0.5s;
bottom : 16px;
opacity : 1;
}
@media only screen and (max-width: 576px) {
#scrollUp {
width : 40px;
height : 40px;
}
#scrollUp::after {
font-size : 12px;
}
}
.wrapper {
max-width : var(--wrapper-width);
width : 100%;
margin : 0 auto;
box-sizing : border-box;
padding : 0 10px;
}
.wrapper--small {
max-width : 1000px;
}
.container {
max-width : 1920px;
width : 100%;
display : block;
margin-left : auto;
margin-right : auto;
padding : 25px 0;
clear : both;
}
section {
float : left;
width : 100%;
}
article, .article-container {
float : left;
width : 67.5%;
}
article.full, .article-container.full {
width : 100%;
}
@media only screen and (max-width: 576px) {
article, .article-container {
float : none;
width : 100%;
}
}
.bread {
padding : 2rem 0;
background-color : #ff0000;
margin-bottom : 48px;
}
.bread__title {
margin : 1rem 0 0 0;
color : #FFF;
}
#breadcrumb {
display : inline-flex;
align-items : center;
flex-wrap : wrap;
gap : 5px;
clear : both;
}
#breadcrumb * {
transition : 0.3s;
}
#breadcrumb a {
display : inline-flex;
align-items : center;
height : fit-content;
color : #FFF;
}
#breadcrumb a:hover * {
color : #DDD;
}
#breadcrumb .bread__column {
display : inline-flex;
align-items : center;
}
#breadcrumb :is([itemprop="title"], [itemprop="name"]) {
color : #FFF;
}
.bread:is(.bread--default, .bread--mpi) .bread__column:first-child:before {
content : "\e3af";
font-family : "FontAwesome";
font-size : 12px;
margin-right : 4px;
color : #FFF;
}
.bread:is(.bread--default, .bread--mpi) .bread__column:not(:last-child)::after {
content : "❱";
margin-left : 6px;
font-size : 14px;
color : #FFF;
}
.bread--mpi + h1 {
margin-top : 0;
}
@media only screen and (max-width: 576px) {
#breadcrumb :is([itemprop="title"], [itemprop="name"]) {
display : inline-block;
max-width : 82px;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
}
}
aside {
float : left;
width : 27.5%;
margin-left : 5%;
}
aside nav {
list-style : none;
list-style-type : none;
margin : 0;
padding : 0;
max-height : 400px;
height : auto;
overflow-y : auto;
overflow-x : hidden;
}
aside nav > ul > li > ul {
display : none;
}
aside li {
margin : 5px 0 0 0;
}
aside .active-menu-aside {
color : var(--primary-color);
}
@media only screen and (max-width: 576px) {
aside {
width : 100%;
float : none;
margin : 15px 0;
}
}
.aside-04 nav::-webkit-scrollbar {
width : 3px;
}
.aside-04 nav::-webkit-scrollbar-thumb {
background-color : #343a40;
}
.aside-04 {
background-color : #ff0000;
border-radius : 5px 0 0 5px;
margin : 0;
box-sizing : border-box;
padding : 3em;
position : fixed;
z-index : 999999;
height : auto;
width : 300px;
right : -300px;
top : 50%;
transform : translateY(-50%);
color : #fff;
transition : 0.5s ease-in-out;
display : flex;
flex-flow : column;
justify-content : space-between;
}
.aside-04::before {
content : "\f0c9";
font-family : "FontAwesome";
width : 40px;
height : 70px;
display : flex;
align-items : center;
justify-content : center;
border-radius : 5px 0 0 5px;
background-color : #ff0000;
position : absolute;
top : 50%;
transform : translateY(-50%);
left : -40px;
cursor : pointer;
box-shadow : -2px -2px 5px rgb(0, 0, 0, 0.5);
transition : 0.3s;
}
.aside-04:hover {
right : 0;
}
.aside-04:hover::before {
opacity : 0;
}
.aside-04 h2 {
margin : 0 0 32px 0;
}
.aside-04 a {
color : #fff;
}
.aside-04:hover .aside__menu, .aside-04:hover .aside__contato {
animation-name : anima__aside;
animation-duration : 0.7s;
animation-timing-function : ease-in-out;
}
.aside-04 .aside__menu li a {
display : block;
padding : 5px;
margin : 5px 0;
font-size : 12px;
border-left : 1.5px solid #fff;
transition : 0.3s;
}
.aside-04 .aside__menu li a:hover, .aside-04 .aside__menu li a.active-menu-aside {
border-left : 3px solid var(--dark);
color : var(--dark);
}
@keyframes anima__aside {
0% {
transform : translateX(1000px);
}
100% {
transform : translateX(0);
}
}
.card-group {
display : grid;
grid-template-columns : repeat(4,1fr);
gap : 16px;
}
.card {
box-sizing : border-box;
border-radius : 4px;
width : 100%;
position : relative;
overflow : hidden;
transition : 0.3s;
}
.card__image {
display : block;
width : 100%;
object-fit : cover;
transition : 0.3s;
}
.card__title {
font-size : 16px;
color : var(--grey);
transition : 0.3s;
}
.card__text {
font-size : 14px;
color : var(--grey);
}
.card__btn {
display : inline-block;
box-sizing : border-box;
padding : 10px 15px;
border-radius : 3px;
font-size : 14px;
background-color : #ff0000;
color : #fff;
transition : 0.3s;
}
.card__overlay {
position : absolute;
opacity : 0;
width : 100%;
height : 100%;
transition : 0.5s;
}
.card:hover .card__overlay {
opacity : 1;
}
@media only screen and (max-width: 992px) {
.card-group {
grid-template-columns : repeat(3,1fr);
}
}
@media only screen and (max-width: 768px) {
.card-group {
grid-template-columns : repeat(2,1fr);
}
}
@media only screen and (max-width: 480px) {
.card-group {
grid-template-columns : 1fr;
}
}
.card--mpi .card__image {
width : 100%;
height : auto;
aspect-ratio : 1/1;
}
.card--mpi .card__image:hover {
opacity : 0.8;
}
.card--mpi .card__title {
display : flex;
justify-content : center;
align-items : center;
box-sizing : border-box;
padding : 0 5px;
height : 45px;
margin : 0;
font-size : 12px;
text-align : center;
background : #ff0000;
color : #fff;
}
.card--mpi:hover .card__title {
opacity : 0.8;
}
.btn {
display : inline-block;
margin : 1em 0;
box-sizing : border-box;
padding : 1em 2em;
text-align : center;
text-decoration : none;
font-size : 14px;
border-radius : var(--border-radius);
background-color : #ff0000;
color : #fff;
transition : 0.3s;
}
.btn:hover {
background-color : #ff6666;
}
@media only screen and (max-width: 576px) {
.btn {
display : block;
width : 100%;
}
}
.social {
display : flex;
align-items : center;
gap : 1em;
}
.social__icons {
color : #fff;
font-size : 1em;
transition : 0.3s;
}
.table {
border-collapse : collapse;
border-spacing : 0;
table-layout : fixed;
width : 100%;
}
.table td {
font-size : 12px;
text-align : center;
line-height : 30px;
border-style : solid;
border-width : 1px;
overflow : hidden;
word-break : normal;
color : #000;
}
.table th {
font-size : 14px;
font-weight : normal;
padding : 10px 5px;
border-style : solid;
border-width : 1px;
overflow : hidden;
word-break : normal;
}
.list {
margin : 0 0 20px 40px;
}
.list li {
list-style : disc;
margin : 5px 0;
font-size : 1em;
line-height : 1.5em;
text-align : left;
}
.list--no-ls li {
list-style : none;
}
.list li::first-letter {
text-transform : uppercase;
}
[data-video] {
cursor : pointer;
position : relative;
aspect-ratio : 16/9;
background-color : #000;
overflow : hidden;
}
.ytvideo[data-video]::before {
content : '';
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
cursor : pointer;
background-color : rgb(0, 0, 0, 0.2);
}
.ytvideo[data-video]::after {
content : '\f167';
position : absolute;
z-index : 1;
top : 50%;
left : 50%;
transform : translateX(-50%) translateY(-50%);
font : 70px/normal FontAwesome;
color : var(--light);
transition : 0.3s;
}
[data-video]:hover::after {
color : red;
}
[data-video] * {
width : 100%;
height : 100%;
}
.sweet-alert .lead.text-muted {
text-align : center;
}
.search {
position : relative;
}
.search input {
width : 100%;
box-sizing : border-box;
padding : 10px 12px;
border : #ccc solid 1px;
border-radius : 3px;
color : var(--grey);
}
.search input::placeholder {
color : var(--grey);
}
.search button {
border : none;
outline : none;
text-decoration : none;
background-color : transparent;
color : var(--grey);
font-size : 18px;
transition : 0.3s;
}
.search--topo button {
position : absolute;
top : 50%;
transform : translateY(-50%);
right : 10px;
}
.search button:hover {
color : var(--dark);
}
.search {
position : relative;
}
.search-topo-blog input {
width : 100%;
box-sizing : border-box;
padding : 14px 48px 14px 28px;
border-radius : 50px;
color : #FFF;
background-color : #ff0000;
border : none;
}
.search-topo-blog input::placeholder {
color : #FFF;
}
.search-topo-blog button {
border : none;
outline : none;
text-decoration : none;
background-color : transparent;
color : #FFF;
font-size : 18px;
transition : 0.3s;
}
.search--topo button {
position : absolute;
top : 50%;
transform : translateY(-50%);
right : 20px;
}
.search button:hover {
color : #DDD;
}
.search .button-group {
position : absolute;
top : 50%;
transform : translateY(-50%);
right : 10px;
display : flex;
align-items : center;
justify-content : center;
}
.search-content {
opacity : 0;
transition : opacity 0.2s 0.2s ease;
}
.search-content.search-active {
opacity : 1;
}
.search-content .no-results {
margin : 0 0 32px 0;
text-align : left;
font-size : 18px;
}
.search-content li a {
float : left;
appearance : auto;
background-color : #ff0000;
background-image : none;
border : var(--primary-color) solid 1px;
border-radius : 4px;
box-shadow : 4px 4px 0 0 #fff, 4px 4px 0 1px #ff0000;
box-sizing : border-box;
color : #fff;
cursor : pointer;
display : inline-block;
font-size : 14px;
font-weight : 400;
line-height : 20px;
margin : 5px 5px 10px 5px;
overflow : visible;
padding : 12px 40px;
text-align : center;
text-transform : none;
touch-action : manipulation;
user-select : none;
vertical-align : middle;
transition : 0.3s;
}
.search-content li a:focus {
text-decoration : none;
}
.search-content li a:not([disabled]):active, .search-content li a:not([disabled]):hover {
box-shadow : unset;
transform : translate(3px,3px);
}
.form {
display : flex;
flex-direction : column;
width : 100%;
background-color : #fff;
}
.form *:focus, .form *:active {
outline : unset;
}
.form :is(input, textarea, select) {
box-sizing : border-box;
padding : 10px;
width : 100%;
margin : 0.5em 0;
border : var(--grey) solid 1px;
border-radius : 3px;
background-color : #fff;
color : var(--grey);
transition : 0.3s;
}
.form label, .form :is(input, textarea)::placeholder {
color : var(--grey);
}
.form label {
font-weight : bold;
margin : 8px 0 4px 0;
}
.form label span {
color : #F00;
}
.form [type="submit"] {
max-width : 280px;
width : 100%;
margin-top : 1em;
border : var(--primary-color) solid 1px;
font-size : 16px;
font-weight : bold;
color : #fff;
background-color : #ff0000;
cursor : pointer;
}
.form [type="submit"]:hover {
background-color : #343a40;
border : var(--dark) solid 1px;
}
.form__obrigatory {
display : block;
margin : 1em 0;
font-size : 12px;
color : var(--grey);
}
.address-map {
width : 100%;
height : 450px;
margin : 15px 0;
}
.g-recaptcha {
transform : scale(0.8);
transform-origin : 0 0;
}
.contato__image {
width : 100%;
height : auto;
display : block;
margin-top : 16px;
}
.contato .contato__form {
display : flex;
flex-direction : column;
width : 100%;
}
.contato .contato__form :is(input, textarea, select) {
box-sizing : border-box;
padding : 1em;
width : 100%;
margin : 0.8em 0;
border : #ccc solid 2px;
color : var(--grey);
transition : 0.3s;
outline : none;
text-align : left;
}
.contato .contato__form select {
padding : 0.9em;
}
.contato .contato__form :is(input, textarea, select):focus {
border-color : #5c5c5c;
outline : none;
}
.contato .contato__form label, .contato .contato__form option, .contato .contato__form :is(input, textarea)::placeholder {
color : var(--grey);
}
.contato .contato__form label {
text-transform : uppercase;
}
.contato .contato__form .ir {
display : block;
position : relative;
max-width : 242px;
width : 100%;
height : 50px;
border : var(--grey) solid 2px;
transition : 0.3s;
}
.contato .contato__form .ir:hover {
border-color : #ff0000;
}
.contato .contato__form .ir:before {
content : '';
position : absolute;
top : 0;
left : 0;
width : 1%;
height : 100%;
background-color : #ff0000;
transition : 0.3s;
z-index : 0;
opacity : 0;
}
.contato .contato__form .ir:hover:before {
width : 100%;
opacity : 1;
}
.contato .contato__form .ir label, .contato .contato__form .ir [type="submit"] {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
z-index : 1;
width : 100%;
margin : 0;
text-align : center;
}
.contato .contato__form .ir label {
color : var(--grey);
font-size : 14px;
font-weight : bold;
}
.contato .contato__form .ir:hover label {
color : #fff;
}
.contato .contato__form .ir [type="submit"] {
background-color : transparent;
outline : none;
border : none;
}
.contato .contato__item {
display : block;
width : 100%;
}
.contato .contato__icon {
width : 65px;
height : 65px;
border-radius : 100%;
font-size : 1.8em;
background-color : #ff0000;
color : #fff;
display : flex;
align-items : center;
justify-content : center;
box-sizing : border-box;
padding : 1em;
float : left;
transition : 0.3s;
outline : 2px solid transparent;
}
.contato .contato__icon:hover {
background-color : #343a40;
outline-color : var(--dark);
outline-offset : 0.3em;
}
.contato .contato__info {
float : left;
padding : 0 0 2rem 1.5rem;
}
.contato .contato__info strong {
display : block;
margin-bottom : 1em;
text-transform : uppercase;
color : var(--primary-color);
}
.contato .contato__info :is(span, a):not(.social__link, .roll) {
display : block;
color : var(--grey);
font-size : 13px;
line-height : 22px;
transition : 0.3s;
}
.contato .contato__info a:hover {
color : var(--primary-color);
}
.contato .contato__social {
display : flex;
align-items : center;
justify-content : flex-start;
gap : 5px;
}
.contato .social__link {
width : 35px;
height : 35px;
border : #ccc solid 2px;
overflow : hidden;
position : relative;
transition : 0.3s;
}
.contato .social__link .roll {
display : flex;
align-items : center;
justify-content : center;
width : 100%;
height : 100%;
text-align : center;
color : var(--grey);
font-size : 1rem;
position : absolute;
top : 50%;
left : 50%;
transition : all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);
}
.contato .social__link:hover {
border-color : #ff0000;
background-color : #ff0000;
color : #fff;
}
.contato .social__link:hover .roll {
color : #fff;
}
.contato .social__link .roll:first-child {
transform : translate(-50%,-50%);
}
.contato .social__link .roll:last-child {
transform : translate(-50%,100%);
}
.contato .social__link:hover .roll:first-child {
top : 0;
transform : translate(-50%,-100%);
}
.contato .social__link:hover .roll:last-child {
transform : translate(-50%,-50%);
}
.mapa-contato {
width : 100%;
height : 400px;
}
.mapa-contato__iframe {
width : 100%;
height : 100%;
}
@media only screen and (max-width: 576px) {
.contato .contato__form .ir {
max-width : 100%;
}
}
@media only screen and (max-width: 420px) {
.contato .contato__icon, .contato .contato__info {
float : none;
margin : 0 auto;
padding : 1rem;
text-align : center;
}
.contato .contato__social {
justify-content : center;
}
}
.sitemap {
margin-left : 30px;
list-style : none;
list-style-type : none;
}
.sitemap li {
font-size : 15px;
margin : 10px 0;
}
.sitemap li a {
color : #777;
font-size : 20px;
line-height : 25px;
text-decoration : none;
}
.sitemap li a:hover {
color : #222 !important ;
}
.sitemap li ul {
margin-left : 35px;
list-style : none;
list-style-type : none;
}
.sitemap li ul li {
margin : 5px 0;
padding : 0;
}
.sitemap li ul li a {
font-size : 14px;
color : #777;
}
.sitemap li ul li ul li {
margin : 5px 0;
}
.sitemap li ul li ul li a {
font-size : 13px;
color : #777;
}
.sitemap li a:hover {
color : #999;
}
.sitemap i {
display : none;
}
.sitemap br {
display : none;
}
.page-404 .container > .wrapper * {
text-align : center;
}
.title-404 {
color : #fff;
font-weight : 700;
letter-spacing : 1px;
text-shadow : 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgb(0 0 0 / 10%), 0 0 5px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 30%), 0 3px 5px rgb(0 0 0 / 20%), 0 5px 10px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 15%);
}
.msg-404 {
font-size : 22px;
line-height : 34px;
color : #A7A9AC;
margin-bottom : 30px;
}
.menu-404 a {
display : block;
line-height : 25px;
}
.menu-404 a:hover {
color : var(--dark);
}
footer {
box-sizing : border-box;
padding : 15px;
clear : both;
}
.copyright-footer {
box-sizing : border-box;
padding : 15px 100px;
background-color : #ff0000;
}
.copyright-footer .wrapper {
display : flex;
align-items : center;
justify-content : space-between;
}
.copyright-footer * {
color : #eee;
font-size : 10px;
}
.copyright-footer .selos {
display : flex;
align-items : center;
justify-content : flex-end;
gap : 10px;
}
.copyright-footer .selos a {
display : flex;
align-items : center;
justify-content : center;
gap : 5px;
}
.copyright-footer .selos i {
font-size : 14px;
}
.copyright-footer .selos strong {
background : #fff;
color : #363b36;
padding : 1px 6px;
}
@media only screen and (max-width: 576px) {
footer * {
text-align : center;
}
footer .social {
justify-content : center;
}
.copyright-footer {
padding : 15px;
}
.copyright-footer * {
text-align : center;
}
.copyright-footer .wrapper {
flex-direction : column;
}
}
.wpp-container {
position : relative;
}
.wppButton {
position : fixed;
right : 24px;
z-index : 9998;
display : flex;
align-items : center;
justify-content : center;
width : 56px;
height : 56px;
border-radius : 50%;
background-color : #25D366;
box-shadow : 0 20px 25px -5px rgb(0, 0, 0, 0.1), 0 10px 10px -5px rgb(0, 0, 0, 0.04);
transition : all 0.2s ease;
cursor : pointer;
text-align : center;
}
.wppButton__image {
width : 60%;
}
.wppButton:hover {
transform : scale(1.1);
}
.wppPopup {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
display : none;
background-color : rgb(0, 0, 0, 0.5);
z-index : 999999998;
}
.wppPopup__inner {
max-width : 400px;
width : 100%;
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
z-index : 999;
border-radius : 0.5rem;
background-color : #ccc;
transition : transform 0.3s;
}
.wppPopup :is(.wppPopup__head, .wppPopup__body) {
box-sizing : border-box;
padding : 1.25rem;
}
.wppPopup .wppPopup__head {
background-color : #009688;
border-radius : 0.5rem 0.5rem 0 0;
display : flex;
align-items : center;
justify-content : flex-start;
gap : 1.25rem;
}
.wppPopup .wppPopup__head .wppPopup__icon i {
color : #fff;
}
.wppPopup .wppPopup__head .wppPopup__info span {
display : block;
color : #fff;
font-size : 0.85em;
margin : 5px 0;
}
.wppPopup .wppPopup__head .wppPopup__info span:nth-child(0n+3) {
display : flex;
align-items : center;
gap : 8px;
}
.wppPopup .wppPopup__head .wppPopup__info span:nth-child(0n+3):before {
content : '';
display : inline-block;
width : 12px;
height : 12px;
border-radius : 50%;
background-color : green;
}
.wppPopup .wppPopup__body .wppPopup__label {
display : block;
background-color : #fcf8e3;
font-size : 0.85em;
box-sizing : border-box;
padding : 0.35em 0.5em;
border-radius : 1em;
line-height : 15px;
text-align : center;
margin-bottom : 0.75rem;
}
.wppPopup .wppPopup__body .wppPopup__alert {
display : block;
width : 100%;
background-color : #b31610;
color : #fff;
font-size : 0.85em;
box-sizing : border-box;
padding : 0.35em 0.5em;
border-radius : 1em;
line-height : 15px;
text-align : center;
margin-bottom : 0.75rem;
}
.wppPopup .wppPopup__body .wppPopup__form {
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
gap : 0.75rem;
}
.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input {
display : flex;
align-items : center;
justify-content : flex-start;
background-color : #fff;
max-width : 100%;
width : 100%;
height : 40px;
border-radius : 50px;
overflow : hidden;
}
.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input :is(span, input) {
width : 100%;
display : block;
border : none;
outline : none;
padding : 0.25em;
}
.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input span {
max-width : 32px;
display : flex;
align-items : center;
justify-content : center;
}
.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input input, .wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input input::placeholder {
font-size : 0.85em;
}
.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-submit button {
background : #fff;
display : flex;
align-items : center;
justify-content : center;
color : #666;
font-size : 14px;
padding : 0.5em 1.25em;
border-radius : 50px;
box-shadow : 0 2px 0 #999;
transition : 0.3s;
}
.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-submit button:hover {
background-color : #57b846;
color : #fff;
box-shadow : unset;
transform : translateY(2px);
}
.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-submit button:hover svg path {
fill : #fff;
}
.wppPopup .wppPopup__message p {
text-align : center;
font-size : 0.85em;
}
.wppPopup .wppClose {
position : fixed;
top : -48px;
right : -48px;
font-size : 2em;
border-radius : 50%;
color : #fff;
background : #ccc;
width : 48px;
height : 48px;
display : flex;
align-items : center;
justify-content : center;
color : #222;
cursor : pointer;
transition : 0.3s;
}
.wppPopup .wppClose:hover {
background-color : #222;
color : #FFF;
}
@media only screen and (max-width: 576px) {
.wppPopup .wppClose {
top : -56px;
right : 4px;
}
}
.wppPopup.wppActive {
display : block;
animation : showWpp 0.3s;
}
.wppPopup .wppError::placeholder {
color : var(--alert);
}
@keyframes animateWpp {
from {
box-shadow : 0 0 0 0 rgb(85, 205, 108, 0.10);
}
to {
box-shadow : 0 0 0 8px rgb(85, 205, 108, 0.50);
}
}
@keyframes showWpp {
from {
opacity : 0;
}
to {
opacity : 1;
}
}
.scrollanimation:not(.fadeIn, .fadeInLeft, .fadeInRight) {
animation : none !important ;
}
@media only screen and (max-width: 768px) {
.scrollanimation {
animation : none !important ;
}
}
.m-auto {
margin-left : auto !important ;
margin-right : auto !important ;
}
.m-0 {
margin : 0 !important ;
}
.m-1 {
margin : 0.25rem !important ;
}
.m-2 {
margin : 0.5rem !important ;
}
.m-3 {
margin : 0.75rem !important ;
}
.m-4 {
margin : 1rem !important ;
}
.m-5 {
margin : 1.25rem !important ;
}
.mx-0 {
margin-left : 0 !important ;
margin-right : 0 !important ;
}
.mx-1 {
margin-left : 0.25rem !important ;
margin-right : 0.25rem !important ;
}
.mx-2 {
margin-left : 0.5rem !important ;
margin-right : 0.5rem !important ;
}
.mx-3 {
margin-left : 0.75rem !important ;
margin-right : 0.75rem !important ;
}
.mx-4 {
margin-left : 1rem !important ;
margin-right : 1rem !important ;
}
.mx-5 {
margin-left : 1.25rem !important ;
margin-right : 1.25rem !important ;
}
.my-0 {
margin-top : 0 !important ;
margin-bottom : 0 !important ;
}
.my-1 {
margin-top : 0.25rem !important ;
margin-bottom : 0.25rem !important ;
}
.my-2 {
margin-top : 0.5rem !important ;
margin-bottom : 0.5rem !important ;
}
.my-3 {
margin-top : 0.75rem !important ;
margin-bottom : 0.75rem !important ;
}
.my-4 {
margin-top : 1rem !important ;
margin-bottom : 1rem !important ;
}
.my-5 {
margin-top : 1.25rem !important ;
margin-bottom : 1.25rem !important ;
}
.mt-0 {
margin-top : 0 !important ;
}
.mt-1 {
margin-top : 0.25rem !important ;
}
.mt-2 {
margin-top : 0.5rem !important ;
}
.mt-3 {
margin-top : 0.75rem !important ;
}
.mt-4 {
margin-top : 1rem !important ;
}
.mt-5 {
margin-top : 1.25rem !important ;
}
.mb-0 {
margin-bottom : 0 !important ;
}
.mb-1 {
margin-bottom : 0.25rem !important ;
}
.mb-2 {
margin-bottom : 0.5rem !important ;
}
.mb-3 {
margin-bottom : 0.75rem !important ;
}
.mb-4 {
margin-bottom : 1rem !important ;
}
.mb-5 {
margin-bottom : 1.25rem !important ;
}
.ml-0 {
margin-left : 0 !important ;
}
.ml-1 {
margin-left : 0.25rem !important ;
}
.ml-2 {
margin-left : 0.5rem !important ;
}
.ml-3 {
margin-left : 0.75rem !important ;
}
.ml-4 {
margin-left : 1rem !important ;
}
.ml-5 {
margin-left : 1.25rem !important ;
}
.mr-0 {
margin-right : 0 !important ;
}
.mr-1 {
margin-right : 0.25rem !important ;
}
.mr-2 {
margin-right : 0.5rem !important ;
}
.mr-3 {
margin-right : 0.75rem !important ;
}
.mr-4 {
margin-right : 1rem !important ;
}
.mr-5 {
margin-right : 1.25rem !important ;
}
.p-0 {
padding : 0 !important ;
}
.p-1 {
padding : 0.25rem !important ;
}
.p-2 {
padding : 0.5rem !important ;
}
.p-3 {
padding : 0.75rem !important ;
}
.p-4 {
padding : 1rem !important ;
}
.p-5 {
padding : 1.25rem !important ;
}
.px-0 {
padding-left : 0 !important ;
padding-right : 0 !important ;
}
.px-1 {
padding-left : 0.25rem !important ;
padding-right : 0.25rem !important ;
}
.px-2 {
padding-left : 0.5rem !important ;
padding-right : 0.5rem !important ;
}
.px-3 {
padding-left : 0.75rem !important ;
padding-right : 0.75rem !important ;
}
.px-4 {
padding-left : 1rem !important ;
padding-right : 1rem !important ;
}
.px-5 {
padding-left : 1.25rem !important ;
padding-right : 1.25rem !important ;
}
.py-0 {
padding-top : 0 !important ;
padding-bottom : 0 !important ;
}
.py-1 {
padding-top : 0.25rem !important ;
padding-bottom : 0.25rem !important ;
}
.py-2 {
padding-top : 0.5rem !important ;
padding-bottom : 0.5rem !important ;
}
.py-3 {
padding-top : 0.75rem !important ;
padding-bottom : 0.75rem !important ;
}
.py-4 {
padding-top : 1rem !important ;
padding-bottom : 1rem !important ;
}
.py-5 {
padding-top : 1.25rem !important ;
padding-bottom : 1.25rem !important ;
}
.pt-0 {
padding-top : 0 !important ;
}
.pt-1 {
padding-top : 0.25rem !important ;
}
.pt-2 {
padding-top : 0.5rem !important ;
}
.pt-3 {
padding-top : 0.75rem !important ;
}
.pt-4 {
padding-top : 1rem !important ;
}
.pt-5 {
padding-top : 1.25rem !important ;
}
.pb-0 {
padding-bottom : 0 !important ;
}
.pb-1 {
padding-bottom : 0.25rem !important ;
}
.pb-2 {
padding-bottom : 0.5rem !important ;
}
.pb-3 {
padding-bottom : 0.75rem !important ;
}
.pb-4 {
padding-bottom : 1rem !important ;
}
.pb-5 {
padding-bottom : 1.25rem !important ;
}
.pl-0 {
padding-left : 0 !important ;
}
.pl-1 {
padding-left : 0.25rem !important ;
}
.pl-2 {
padding-left : 0.5rem !important ;
}
.pl-3 {
padding-left : 0.75rem !important ;
}
.pl-4 {
padding-left : 1rem !important ;
}
.pl-5 {
padding-left : 1.25rem !important ;
}
.pr-0 {
padding-right : 0 !important ;
}
.pr-1 {
padding-right : 0.25rem !important ;
}
.pr-2 {
padding-right : 0.5rem !important ;
}
.pr-3 {
padding-right : 0.75rem !important ;
}
.pr-4 {
padding-right : 1rem !important ;
}
.pr-5 {
padding-right : 1.25rem !important ;
}
@media only screen and (min-width: 1024px) {
.w-100 {
width : 100%;
}
.mw-100 {
max-width : 100%;
}
.h-100 {
height : 100%;
}
.mh-100 {
max-height : 100%;
}
.w-75 {
width : 75%;
}
.mw-75 {
max-width : 75%;
}
.h-75 {
height : 75%;
}
.mh-75 {
max-height : 75%;
}
.w-50 {
width : 50%;
}
.mw-50 {
max-width : 50%;
}
.h-50 {
height : 50%;
}
.mh-50 {
max-height : 50%;
}
.w-25 {
width : 25%;
}
.mw-25 {
max-width : 25%;
}
.h-25 {
height : 25%;
}
.mh-25 {
max-height : 25%;
}
.w-0 {
width : 0%;
}
.mw-0 {
max-width : 0%;
}
.h-0 {
height : 0%;
}
.mh-0 {
max-height : 0%;
}
}
.picture-center {
display : block;
margin-left : auto;
margin-right : auto;
}
.picture-left {
float : left;
}
.picture-right {
float : right;
}
.large {
font-size : large;
}
.larger {
font-size : larger;
}
.x-large {
font-size : x-large;
}
.xx-large {
font-size : xx-large;
}
.medium {
font-size : medium;
}
.small {
font-size : small;
}
.smaller {
font-size : smaller;
}
.x-small {
font-size : x-small;
}
.xx-small {
font-size : xx-small;
}
.display-1 {
font-size : 6em;
}
.display-2 {
font-size : 5.5em;
}
.display-3 {
font-size : 4.5em;
}
.display-4 {
font-size : 3.5em;
}
.fs-14 {
font-size : 1em;
}
.fs-16 {
font-size : 1.14em;
}
.fs-18 {
font-size : 1.28em;
}
.fs-20 {
font-size : 1.42em;
}
.fs-22 {
font-size : 1.57em;
}
.fs-24 {
font-size : 1.71em;
}
.fs-26 {
font-size : 1.85em;
}
.fs-28 {
font-size : 2em;
}
.fs-30 {
font-size : 2.14em;
}
.fs-32 {
font-size : 2.28em;
}
.fs-34 {
font-size : 2.42em;
}
.fs-36 {
font-size : 2.57em;
}
.fs-38 {
font-size : 2.71em;
}
.fs-40 {
font-size : 2.85em;
}
.fs-42 {
font-size : 3em;
}
.fs-44 {
font-size : 3.14em;
}
.fs-46 {
font-size : 3.28em;
}
.fs-48 {
font-size : 3.42em;
}
.fs-50 {
font-size : 3.57em;
}
.fs-52 {
font-size : 3.71em;
}
.fs-54 {
font-size : 3.85em;
}
.fs-56 {
font-size : 4em;
}
.fs-58 {
font-size : 4.14em;
}
.fs-60 {
font-size : 4.28em;
}
.fs-62 {
font-size : 4.42em;
}
.fs-64 {
font-size : 4.57em;
}
.fs-66 {
font-size : 4.71em;
}
.fs-68 {
font-size : 4.85em;
}
.fs-70 {
font-size : 5em;
}
.fs-72 {
font-size : 5.14em;
}
.fs-74 {
font-size : 5.28em;
}
.fs-76 {
font-size : 5.42em;
}
.fs-78 {
font-size : 5.57em;
}
.fs-80 {
font-size : 5.71em;
}
.fs-82 {
font-size : 5.85em;
}
.fs-84 {
font-size : 6em;
}
.fs-86 {
font-size : 6.14em;
}
.fs-88 {
font-size : 6.28em;
}
.fs-90 {
font-size : 6.42em;
}
.fs-92 {
font-size : 6.57em;
}
.fs-94 {
font-size : 6.71em;
}
.fs-96 {
font-size : 6.85em;
}
.fs-98 {
font-size : 7em;
}
.fs-100 {
font-size : 7.14em;
}
.fs-102 {
font-size : 7.28em;
}
.fs-104 {
font-size : 7.42em;
}
.fs-106 {
font-size : 7.57em;
}
.fs-108 {
font-size : 7.71em;
}
.fs-110 {
font-size : 7.85em;
}
@media only screen and (max-width: 576px) {
[class*="fs-3"] {
font-size : calc(2.14em - 0.14vw - 0.14vh);
}
[class*="fs-4"] {
font-size : calc(2.85em - 0.85vw - 0.85vh);
}
[class*="fs-5"] {
font-size : calc(3.57em - 0.57vw - 0.57vh);
}
[class*="fs-6"], [class*="fs-7"], [class*="fs-8"], [class*="fs-9"], [class*="fs-10"], [class*="fs-11"]:not(.fs-11) {
font-size : calc(4.28em - 0.28vw - 0.28vh);
}
}
.fw-normal {
font-weight : 400;
}
.fw-bold {
font-weight : 700;
}
.fw-200 {
font-weight : 200;
}
.fw-300 {
font-weight : 300;
}
.fw-400 {
font-weight : 400;
}
.fw-500 {
font-weight : 500;
}
.fw-600 {
font-weight : 600;
}
.fw-700 {
font-weight : 700;
}
.fw-800 {
font-weight : 800;
}
.fw-900 {
font-weight : 900;
}
.text-lowercase {
text-transform : lowercase;
}
.text-uppercase {
text-transform : uppercase;
}
.text-capitalize {
text-transform : capitalize;
}
.text-left {
text-align : left;
}
.text-center {
text-align : center;
}
.text-right {
text-align : right;
}
.text-justify {
text-align : justify;
}
.d-none {
display : none;
}
.d-inline {
display : inline;
}
.d-inline-block {
display : inline-block;
}
.d-block {
display : block;
}
.d-table {
display : table;
}
.d-table-cell {
display : table-cell;
}
.d-table-row {
display : table-row;
}
.d-flex {
display : flex;
}
.d-flex-wrap {
flex-wrap : wrap;
}
.d-inline-flex {
display : inline-flex;
}
.justify-content-center {
justify-content : center;
}
.justify-content-start {
justify-content : flex-start;
}
.justify-content-end {
justify-content : flex-end;
}
.justify-content-between {
justify-content : space-between;
}
.justify-content-around {
justify-content : space-around;
}
@media only screen and (max-width: 768px) {
.justify-content-md-center {
justify-content : center;
}
.justify-content-md-start {
justify-content : flex-start;
}
.justify-content-md-end {
justify-content : flex-end;
}
.justify-content-md-between {
justify-content : space-between;
}
.justify-content-md-around {
justify-content : space-around;
}
}
@media only screen and (max-width: 576px) {
.justify-content-sm-center {
justify-content : center;
}
.justify-content-sm-start {
justify-content : flex-start;
}
.justify-content-sm-end {
justify-content : flex-end;
}
.justify-content-sm-between {
justify-content : space-between;
}
.justify-content-sm-around {
justify-content : space-around;
}
}
.align-items-center {
align-items : center;
}
.align-items-start {
align-items : flex-start;
}
.align-items-end {
align-items : flex-end;
}
@media only screen and (max-width: 768px) {
.align-items-md-center {
align-items : center;
}
.align-items-md-start {
align-items : flex-start;
}
.align-items-md-end {
align-items : flex-end;
}
}
@media only screen and (max-width: 576px) {
.align-items-sm-center {
align-items : center;
}
.align-items-sm-start {
align-items : flex-start;
}
.align-items-sm-end {
align-items : flex-end;
}
}
.flex-row {
flex-direction : row;
}
.flex-column {
flex-direction : column;
}
.flex-column-reverse {
flex-direction : column-reverse;
}
.flex-row-reverse {
flex-direction : row-reverse;
}
@media only screen and (max-width: 768px) {
.flex-md-row {
flex-direction : row;
}
.flex-md-column {
flex-direction : column;
}
.flex-md-column-reverse {
flex-direction : column-reverse;
}
.flex-md-row-reverse {
flex-direction : row-reverse;
}
}
@media only screen and (max-width: 576px) {
.flex-sm-row {
flex-direction : row;
}
.flex-sm-column {
flex-direction : column;
}
.flex-sm-column-reverse {
flex-direction : column-reverse;
}
.flex-sm-row-reverse {
flex-direction : row-reverse;
}
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.float-none {
float : none;
}
.position-relative {
position : relative;
}
.position-absolute {
position : absolute;
}
.position-fixed {
position : fixed;
}
.t-0 {
top : 0;
}
.b-0 {
bottom : 0;
}
.l-0 {
left : 0;
}
.r-0 {
right : 0;
}
.t-50 {
top : 50%;
}
.b-50 {
bottom : 50%;
}
.l-50 {
left : 50%;
}
.r-50 {
right : 50%;
}
.z-minus-1 {
z-index : -1;
}
.z-0 {
z-index : 0;
}
.z-1 {
z-index : 1;
}
.z-2 {
z-index : 2;
}
.z-3 {
z-index : 3;
}
.z-4 {
z-index : 4;
}
.z-5 {
z-index : 5;
}
.z-6 {
z-index : 6;
}
.z-7 {
z-index : 7;
}
.z-8 {
z-index : 8;
}
.z-9 {
z-index : 9;
}
.z-999 {
z-index : 999;
}
.object-fit-cover {
object-fit : cover;
}
.object-fit-contain {
object-fit : contain;
}
.rounded {
border-radius : 15px;
}
.rounded-circle {
border-radius : 50%;
}
.border {
border : #dee2e6 solid 1px;
}
.border-top {
border-top : 1px solid #dee2e6;
}
.border-bottom {
border-bottom : 1px solid #dee2e6;
}
.border-left {
border-left : 1px solid #dee2e6;
}
.border-right {
border-right : 1px solid #dee2e6;
}
.border-dark {
border-color : #343a40;
}
.border-light {
border-color : #f6f6f6;
}
.primary-color {
color : var(--primary-color);
}
.secondary-color {
color : var(--secondary-color);
}
.grey {
color : var(--grey);
}
.black {
color : #000;
}
.white {
color : #FFF;
}
.dark {
color : var(--dark);
}
.light {
color : var(--light);
}
.bg-primary-color {
background-color : #ff0000;
}
.bg-secondary-color {
background-color : #ff6666;
}
.bg-grey {
background-color : #5c5c5c;
}
.bg-black {
background-color : #000;
}
.bg-white {
background-color : #FFF;
}
.bg-dark {
background-color : #343a40;
}
.bg-light {
background-color : #f6f6f6;
}
.hidden {
display : none;
visibility : hidden;
}
.visuallyhidden {
border : 0;
clip : rect(0 0 0 0);
height : 1px;
margin : -1px;
overflow : hidden;
padding : 0;
position : absolute;
width : 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip : auto;
height : auto;
margin : 0;
overflow : visible;
position : static;
width : auto;
}
.invisible {
visibility : hidden;
}
.clearfix {
overflow : auto;
}
.clearfix::after {
content : "";
clear : both;
display : block;
}
.clear {
clear : both;
}
.show-mobile {
display : none;
}
.show-desk {
display : block;
}
.hide-mobile {
display : block;
}
.hide-desk {
display : none;
}
@media only screen and (max-width: 768px) {
.show-mobile {
display : block;
}
.show-desk {
display : none;
}
.hide-desk {
display : block;
}
.hide-mobile {
display : none;
}
}
.row {
display : flex;
flex-wrap : wrap;
gap : 0;
--spacing : 0;
}
.row::after, .row::before {
clear : both;
}
.col-1 {
flex : 1 0 calc(8.33% - var(--spacing));
max-width : calc(8.33% - var(--spacing) / 2);
}
.col-2 {
flex : 1 0 calc(16.66% - var(--spacing));
max-width : calc(16.66% - var(--spacing) / 2);
}
.col-3 {
flex : 1 0 calc(25% - var(--spacing));
max-width : calc(25% - var(--spacing) / 2);
}
.col-4 {
flex : 1 0 calc(33.33% - var(--spacing));
max-width : calc(33.33% - var(--spacing) / 2);
}
.col-5 {
flex : 1 0 calc(41.66% - var(--spacing));
max-width : calc(41.66% - var(--spacing) / 2);
}
.col-6 {
flex : 1 0 calc(50% - var(--spacing));
max-width : calc(50% - var(--spacing) / 2);
}
.col-7 {
flex : 1 0 calc(58.33% - var(--spacing));
max-width : calc(58.33% - var(--spacing) / 2);
}
.col-8 {
flex : 1 0 calc(66.66% - var(--spacing));
max-width : calc(66.66% - var(--spacing) / 2);
}
.col-9 {
flex : 1 0 calc(75% - var(--spacing));
max-width : calc(75% - var(--spacing) / 2);
}
.col-10 {
flex : 1 0 calc(83.33% - var(--spacing));
max-width : calc(83.33% - var(--spacing) / 2);
}
.col-11 {
flex : 1 0 calc(91.66% - var(--spacing));
max-width : calc(91.66% - var(--spacing) / 2);
}
.col-12 {
flex : 1 0 100%;
max-width : 100%;
}
@media only screen and (max-width: 1024px) {
.col-xl-1 {
flex : 1 0 calc(8.33% - var(--spacing));
max-width : calc(8.33% - var(--spacing) / 2);
}
.col-xl-2 {
flex : 1 0 calc(16.66% - var(--spacing));
max-width : calc(16.66% - var(--spacing) / 2);
}
.col-xl-3 {
flex : 1 0 calc(25% - var(--spacing));
max-width : calc(25% - var(--spacing) / 2);
}
.col-xl-4 {
flex : 1 0 calc(33.33% - var(--spacing));
max-width : calc(33.33% - var(--spacing) / 2);
}
.col-xl-5 {
flex : 1 0 calc(41.66% - var(--spacing));
max-width : calc(41.66% - var(--spacing) / 2);
}
.col-xl-6 {
flex : 1 0 calc(50% - var(--spacing));
max-width : calc(50% - var(--spacing) / 2);
}
.col-xl-7 {
flex : 1 0 calc(58.33% - var(--spacing));
max-width : calc(58.33% - var(--spacing) / 2);
}
.col-xl-8 {
flex : 1 0 calc(66.66% - var(--spacing));
max-width : calc(66.66% - var(--spacing) / 2);
}
.col-xl-9 {
flex : 1 0 calc(75% - var(--spacing));
max-width : calc(75% - var(--spacing) / 2);
}
.col-xl-10 {
flex : 1 0 calc(83.33% - var(--spacing));
max-width : calc(83.33% - var(--spacing) / 2);
}
.col-xl-11 {
flex : 1 0 calc(91.66% - var(--spacing));
max-width : calc(91.66% - var(--spacing) / 2);
}
.col-xl-12 {
flex : 1 0 100%;
max-width : 100%;
}
}
@media only screen and (max-width: 992px) {
.col-lg-1 {
flex : 1 0 calc(8.33% - var(--spacing));
max-width : calc(8.33% - var(--spacing) / 2);
}
.col-lg-2 {
flex : 1 0 calc(16.66% - var(--spacing));
max-width : calc(16.66% - var(--spacing) / 2);
}
.col-lg-3 {
flex : 1 0 calc(25% - var(--spacing));
max-width : calc(25% - var(--spacing) / 2);
}
.col-lg-4 {
flex : 1 0 calc(33.33% - var(--spacing));
max-width : calc(33.33% - var(--spacing) / 2);
}
.col-lg-5 {
flex : 1 0 calc(41.66% - var(--spacing));
max-width : calc(41.66% - var(--spacing) / 2);
}
.col-lg-6 {
flex : 1 0 calc(50% - var(--spacing));
max-width : calc(50% - var(--spacing) / 2);
}
.col-lg-7 {
flex : 1 0 calc(58.33% - var(--spacing));
max-width : calc(58.33% - var(--spacing) / 2);
}
.col-lg-8 {
flex : 1 0 calc(66.66% - var(--spacing));
max-width : calc(66.66% - var(--spacing) / 2);
}
.col-lg-9 {
flex : 1 0 calc(75% - var(--spacing));
max-width : calc(75% - var(--spacing) / 2);
}
.col-lg-10 {
flex : 1 0 calc(83.33% - var(--spacing));
max-width : calc(83.33% - var(--spacing) / 2);
}
.col-lg-11 {
flex : 1 0 calc(91.66% - var(--spacing));
max-width : calc(91.66% - var(--spacing) / 2);
}
.col-lg-12 {
flex : 1 0 100%;
max-width : 100%;
}
}
@media only screen and (max-width: 768px) {
.col-md-1 {
flex : 1 0 calc(8.33% - var(--spacing));
max-width : calc(8.33% - var(--spacing) / 2);
}
.col-md-2 {
flex : 1 0 calc(16.66% - var(--spacing));
max-width : calc(16.66% - var(--spacing) / 2);
}
.col-md-3 {
flex : 1 0 calc(25% - var(--spacing));
max-width : calc(25% - var(--spacing) / 2);
}
.col-md-4 {
flex : 1 0 calc(33.33% - var(--spacing));
max-width : calc(33.33% - var(--spacing) / 2);
}
.col-md-5 {
flex : 1 0 calc(41.66% - var(--spacing));
max-width : calc(41.66% - var(--spacing) / 2);
}
.col-md-6 {
flex : 1 0 calc(50% - var(--spacing));
max-width : calc(50% - var(--spacing) / 2);
}
.col-md-7 {
flex : 1 0 calc(58.33% - var(--spacing));
max-width : calc(58.33% - var(--spacing) / 2);
}
.col-md-8 {
flex : 1 0 calc(66.66% - var(--spacing));
max-width : calc(66.66% - var(--spacing) / 2);
}
.col-md-9 {
flex : 1 0 calc(75% - var(--spacing));
max-width : calc(75% - var(--spacing) / 2);
}
.col-md-10 {
flex : 1 0 calc(83.33% - var(--spacing));
max-width : calc(83.33% - var(--spacing) / 2);
}
.col-md-11 {
flex : 1 0 calc(91.66% - var(--spacing));
max-width : calc(91.66% - var(--spacing) / 2);
}
.col-md-12 {
flex : 1 0 100%;
max-width : 100%;
}
}
@media only screen and (max-width: 576px) {
[class*="col-"] {
flex : 1 0 100%;
max-width : 100%;
}
.col-sm-1 {
flex : 1 0 calc(8.33% - var(--spacing));
max-width : calc(8.33% - var(--spacing) / 2);
}
.col-sm-2 {
flex : 1 0 calc(16.66% - var(--spacing));
max-width : calc(16.66% - var(--spacing) / 2);
}
.col-sm-3 {
flex : 1 0 calc(25% - var(--spacing));
max-width : calc(25% - var(--spacing) / 2);
}
.col-sm-4 {
flex : 1 0 calc(33.33% - var(--spacing));
max-width : calc(33.33% - var(--spacing) / 2);
}
.col-sm-5 {
flex : 1 0 calc(41.66% - var(--spacing));
max-width : calc(41.66% - var(--spacing) / 2);
}
.col-sm-6 {
flex : 1 0 calc(50% - var(--spacing));
max-width : calc(50% - var(--spacing) / 2);
}
.col-sm-7 {
flex : 1 0 calc(58.33% - var(--spacing));
max-width : calc(58.33% - var(--spacing) / 2);
}
.col-sm-8 {
flex : 1 0 calc(66.66% - var(--spacing));
max-width : calc(66.66% - var(--spacing) / 2);
}
.col-sm-9 {
flex : 1 0 calc(75% - var(--spacing));
max-width : calc(75% - var(--spacing) / 2);
}
.col-sm-10 {
flex : 1 0 calc(83.33% - var(--spacing));
max-width : calc(83.33% - var(--spacing) / 2);
}
.col-sm-11 {
flex : 1 0 calc(91.66% - var(--spacing));
max-width : calc(91.66% - var(--spacing) / 2);
}
.col-sm-12 {
flex : 1 0 100%;
max-width : 100%;
}
}
@media only screen and (max-width: 320px) {
.col-xs-1 {
flex : 1 0 calc(8.33% - var(--spacing));
max-width : calc(8.33% - var(--spacing) / 2);
}
.col-xs-2 {
flex : 1 0 calc(16.66% - var(--spacing));
max-width : calc(16.66% - var(--spacing) / 2);
}
.col-xs-3 {
flex : 1 0 calc(25% - var(--spacing));
max-width : calc(25% - var(--spacing) / 2);
}
.col-xs-4 {
flex : 1 0 calc(33.33% - var(--spacing));
max-width : calc(33.33% - var(--spacing) / 2);
}
.col-xs-5 {
flex : 1 0 calc(41.66% - var(--spacing));
max-width : calc(41.66% - var(--spacing) / 2);
}
.col-xs-6 {
flex : 1 0 calc(50% - var(--spacing));
max-width : calc(50% - var(--spacing) / 2);
}
.col-xs-7 {
flex : 1 0 calc(58.33% - var(--spacing));
max-width : calc(58.33% - var(--spacing) / 2);
}
.col-xs-8 {
flex : 1 0 calc(66.66% - var(--spacing));
max-width : calc(66.66% - var(--spacing) / 2);
}
.col-xs-9 {
flex : 1 0 calc(75% - var(--spacing));
max-width : calc(75% - var(--spacing) / 2);
}
.col-xs-10 {
flex : 1 0 calc(83.33% - var(--spacing));
max-width : calc(83.33% - var(--spacing) / 2);
}
.col-xs-11 {
flex : 1 0 calc(91.66% - var(--spacing));
max-width : calc(91.66% - var(--spacing) / 2);
}
.col-xs-12 {
flex : 1 0 100%;
max-width : 100%;
}
}
.grid {
display : grid;
}
.grid-col-2 {
display : grid;
grid-template-columns : repeat(2,1fr);
gap : 25px;
width : 100%;
}
.grid-col-3 {
display : grid;
grid-template-columns : repeat(3,1fr);
gap : 25px;
width : 100%;
}
.grid-col-4 {
display : grid;
grid-template-columns : repeat(4,1fr);
gap : 25px;
width : 100%;
}
.grid-col-5 {
display : grid;
grid-template-columns : repeat(5,1fr);
gap : 25px;
width : 100%;
}
.grid-col-6 {
display : grid;
grid-template-columns : repeat(6,1fr);
gap : 25px;
width : 100%;
}
.grid-col-7 {
display : grid;
grid-template-columns : repeat(7,1fr);
gap : 25px;
width : 100%;
}
.grid-col-8 {
display : grid;
grid-template-columns : repeat(8,1fr);
gap : 25px;
width : 100%;
}
.grid-col-1-2 {
display : grid;
grid-template-columns : 1fr 2fr;
gap : 25px;
width : 100%;
}
.grid-col-2-1 {
display : grid;
grid-template-columns : 2fr 1fr;
gap : 25px;
width : 100%;
}
.grid-col-1-3 {
display : grid;
grid-template-columns : 1fr 3fr;
gap : 25px;
width : 100%;
}
.grid-col-3-1 {
display : grid;
grid-template-columns : 3fr 1fr;
gap : 25px;
width : 100%;
}
.grid-col-1-4 {
display : grid;
grid-template-columns : 1fr 4fr;
gap : 25px;
width : 100%;
}
.grid-col-4-1 {
display : grid;
grid-template-columns : 4fr 1fr;
gap : 25px;
width : 100%;
}
.grid-col-1-5 {
display : grid;
grid-template-columns : 1fr 5fr;
gap : 25px;
width : 100%;
}
.grid-col-5-1 {
display : grid;
grid-template-columns : 5fr 1fr;
gap : 25px;
width : 100%;
}
.grid-col-2-3 {
display : grid;
grid-template-columns : 2fr 3fr;
gap : 25px;
width : 100%;
}
.grid-col-3-2 {
display : grid;
grid-template-columns : 3fr 2fr;
gap : 25px;
width : 100%;
}
@media only screen and (min-width: 577px) and (max-width: 992px) {
[class*="grid-col"]:not(.grid-col-3) {
grid-template-columns : repeat(2,1fr);
}
}
@media only screen and (max-width: 576px) {
[class*="grid-col-"] {
grid-template-columns : 100%;
}
}
.gap-0 {
gap : 0;
--spacing : 0;
}
.gap-10 {
gap : 10px;
--spacing : 10px;
}
.gap-20 {
gap : 20px;
--spacing : 20px;
}
.gap-30 {
gap : 30px;
--spacing : 30px;
}
.gap-40 {
gap : 40px;
--spacing : 40px;
}
.gap-50 {
gap : 50px;
--spacing : 50px;
}
.gap-60 {
gap : 60px;
--spacing : 60px;
}
.gap-70 {
gap : 70px;
--spacing : 70px;
}
.gap-80 {
gap : 80px;
--spacing : 80px;
}
.gap-90 {
gap : 90px;
--spacing : 90px;
}
.gap-100 {
gap : 100px;
--spacing : 100px;
}
.rgap-0 {
row-gap : 0;
}
.rgap-10 {
row-gap : 10px;
}
.rgap-20 {
row-gap : 20px;
}
.rgap-30 {
row-gap : 30px;
}
.rgap-40 {
row-gap : 40px;
}
.rgap-50 {
row-gap : 50px;
}
.rgap-60 {
row-gap : 60px;
}
.rgap-70 {
row-gap : 70px;
}
.rgap-80 {
row-gap : 80px;
}
.rgap-90 {
row-gap : 90px;
}
.rgap-100 {
row-gap : 100px;
}
.cgap-0 {
column-gap : 0;
--spacing : 0;
}
.cgap-10 {
column-gap : 10px;
--spacing : 10px;
}
.cgap-20 {
column-gap : 20px;
--spacing : 20px;
}
.cgap-30 {
column-gap : 30px;
--spacing : 30px;
}
.cgap-40 {
column-gap : 40px;
--spacing : 40px;
}
.cgap-50 {
column-gap : 50px;
--spacing : 50px;
}
.cgap-60 {
column-gap : 60px;
--spacing : 60px;
}
.cgap-70 {
column-gap : 70px;
--spacing : 70px;
}
.cgap-80 {
column-gap : 80px;
--spacing : 80px;
}
.cgap-90 {
column-gap : 90px;
--spacing : 90px;
}
.cgap-100 {
column-gap : 100px;
--spacing : 100px;
}
@media only screen and (max-width: 576px) {
[class*="gap-"] {
gap : 2em;
}
}
.address {
font-style : normal;
}
.address :is(span, a) {
display : block;
color : var(--grey);
}
.address a:hover {
color : var(--primary-color);
}
header {
background-color : #fff;
}
header .logo img {
display : block;
margin : 1.75rem auto;
width : 100%;
max-width : 200px;
height : auto;
}
header .topo {
background-color : #ff0000;
padding : 8px 0;
font-size : 13px;
color : #fff;
}
header .topo :is(span, a) {
color : #fff;
transition : 0.3s;
}
header .topo a:hover {
opacity : 0.75;
}
header #menu > ul {
display : flex;
align-items : center;
justify-content : center;
height : 100%;
gap : 4px;
}
header #menu > ul > li {
margin : 0;
}
header #menu > ul > li > a {
color : var(--grey);
padding : 11px 15px;
}
header #menu > ul > li:hover > a, header #menu > ul > li > a.active-menu-topo {
color : var(--primary-color);
}
header #menu > ul > li.dropdown [class*="sub-menu"] {
background-color : #ff6666;
}
header #menu > ul > li.dropdown [class*="sub-menu"] > li:hover > a, header #menu > ul > li.dropdown [class*="sub-menu"] > li > a.active-menu-topo {
background-color : #fff;
color : var(--primary-color);
}
header #menu > ul > li.dropdown:not([data-icon-menu]) > a::after {
content : "\f107";
font-family : "FontAwesome";
color : var(--grey);
margin-left : 4px;
font-size : 12px;
transition : 0.3s;
}
header #menu > ul > li.dropdown:not([data-icon-menu]) > a.active-menu-topo::after, header #menu > ul > li.dropdown:not([data-icon-menu]):hover > a::after {
color : var(--primary-color);
}
.aside .aside__btn, .aside .aside__menu h2, .aside .aside__contato h2 {
font-size : 14px;
background-color : #ff0000;
padding : 10px;
display : block;
transition : 0.3s;
color : #fff;
}
.aside .aside__btn {
color : #fff;
text-align : center;
border-radius : 3px;
}
.aside .aside__btn:hover {
background-color : #343a40;
}
.aside .aside__menu h2 a {
color : #fff;
}
.aside .aside__menu nav ul li {
border-left : 2px solid var(--primary-color);
margin : 10px 0;
padding : 5px;
transition : 0.2s;
}
.aside .aside__menu nav ul li a {
color : var(--dark);
font-size : 12px;
border-left : 0;
padding : 0;
transition : 0.3s;
}
.aside .aside__menu nav ul li:hover {
border-left-color : #343a40;
background-color : #f0f0f0;
}
.aside .aside__menu nav ul li a.active-menu-aside {
color : var(--primary-color);
font-weight : bold;
}
.aside .aside__contato h2 {
text-align : center;
}
.aside .aside__contato a {
color : var(--dark);
text-align : center;
display : block;
margin : 10px;
transition : all 0.2s ease;
}
.aside .aside__contato a:hover {
color : #5492c3;
}
.aside .fb-page {
display : block;
margin-bottom : 25px;
}
footer {
background-color : #ff0000;
border-top : 5px solid var(--primary-color);
}
footer .address strong {
color : #fff;
font-size : 15px;
display : block;
margin-bottom : 10px;
}
footer .address :is(a, span) {
color : #fff;
font-size : 14px;
line-height : 24px;
transition : 0.3s;
}
footer .address__icon {
font-size : 3em;
margin : 20px 0;
}
footer .address a:hover {
opacity : 0.8;
color : var(--light);
}
footer .footer__menu {
position : relative;
}
footer .footer__menu::after {
content : '';
position : absolute;
bottom : -20px;
left : 50%;
transform : translateX(-50%);
width : 50%;
height : 2px;
background : linear-gradient(to left, transparent, var(--light), transparent);
}
footer .footer__menu nav ul {
display : flex;
align-items : center;
justify-content : center;
}
footer .footer__menu nav ul li {
padding : 0 10px;
}
footer .footer__menu nav ul li a {
color : #fff;
font-size : 14px;
transition : 0.3s;
font-weight : bold;
}
footer .footer__menu nav ul li:not(:last-child):after {
content : '/';
color : #fff;
padding-left : 0.75em;
}
footer .footer__menu nav ul li a:hover {
color : #DDD;
}
footer .social {
display : flex;
align-items : center;
justify-content : center;
gap : 8px;
}
footer .social .social__icons {
display : flex;
justify-content : center;
align-items : center;
width : 40px;
height : 40px;
border-radius : 5px;
font-size : 1.9rem;
color : #fff;
text-align : center;
transition : 0.3s;
}
footer .social .social__icons:hover {
opacity : 0.7;
}
.copyright-footer {
background-color : #ff0000;
}
.copyright-footer .selos {
float : none;
}
.copyright-footer .wrapper {
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;
gap : 1rem;
}
@media only screen and (max-width: 992px) {
footer .address * {
text-align : center;
}
footer .footer__menu nav ul {
align-items : center;
justify-content : center;
}
footer .social {
justify-content : center;
}
}
@media only screen and (max-width: 768px) {
footer .footer__menu nav ul {
display : block;
width : 100%;
}
footer .footer__menu nav ul li:not(:last-child):after {
display : none;
}
footer .footer__menu::after {
display : none;
}
footer .footer__menu nav ul li a {
width : 100%;
text-align : center;
box-sizing : border-box;
padding : 14px;
display : block;
}
}
@media only screen and (max-width: 576px) {
footer .social .social__icons {
width : 32px;
height : 32px;
font-size : 1.2rem;
}
}
.destaques-mpi {
margin : 32px 0;
}
.destaques-mpi__title {
margin : 0 0 30px 0;
color : var(--primary-color);
}
.destaques-mpi__title span {
color : var(--dark);
}
.clientes {
padding : 32px 0;
}
.clientes__title {
margin : 0 0 30px 0;
}
.clientes__item {
display : flex !important ;
justify-content : center;
align-items : center;
width : 100%;
aspect-ratio : 1/1;
padding : 8px;
margin : 0 10px;
background-color : #fff;
}
.clientes__carousel {
padding : 0 16px;
}
.clientes__image {
max-width : 100%;
max-height : 100%;
}
.sobre-home {
padding : 50px 0;
}
@keyframes showSweetAlert {
0% {
transform : scale(0.7);
}
45% {
transform : scale(1.05);
}
80% {
transform : scale(0.95);
}
100% {
transform : scale(1);
}
}
@keyframes hideSweetAlert {
0% {
transform : scale(1);
}
100% {
transform : scale(0.5);
}
}
@keyframes slideFromTop {
0% {
top : 0%;
}
100% {
top : 50%;
}
}
@keyframes slideToTop {
0% {
top : 50%;
}
100% {
top : 0%;
}
}
@keyframes slideFromBottom {
0% {
top : 70%;
}
100% {
top : 50%;
}
}
@keyframes slideToBottom {
0% {
top : 50%;
}
100% {
top : 70%;
}
}
.showSweetAlert {
animation : showSweetAlert 0.3s;
}
.showSweetAlert[data-animation="none"] {
animation : none;
}
.showSweetAlert[data-animation="slide-from-top"] {
animation : slideFromTop 0.3s;
}
.showSweetAlert[data-animation="slide-from-bottom"] {
animation : slideFromBottom 0.3s;
}
.hideSweetAlert {
animation : hideSweetAlert 0.3s;
}
.hideSweetAlert[data-animation="none"] {
animation : none;
}
.hideSweetAlert[data-animation="slide-from-top"] {
animation : slideToTop 0.3s;
}
.hideSweetAlert[data-animation="slide-from-bottom"] {
animation : slideToBottom 0.3s;
}
@keyframes animateSuccessTip {
0% {
width : 0;
left : 1px;
top : 19px;
}
54% {
width : 0;
left : 1px;
top : 19px;
}
70% {
width : 50px;
left : -8px;
top : 37px;
}
84% {
width : 17px;
left : 21px;
top : 48px;
}
100% {
width : 25px;
left : 14px;
top : 45px;
}
}
@keyframes animateSuccessLong {
0% {
width : 0;
right : 46px;
top : 54px;
}
65% {
width : 0;
right : 46px;
top : 54px;
}
84% {
width : 55px;
right : 0;
top : 35px;
}
100% {
width : 47px;
right : 8px;
top : 38px;
}
}
@keyframes rotatePlaceholder {
0% {
transform : rotate(-45deg);
}
5% {
transform : rotate(-45deg);
}
12% {
transform : rotate(-405deg);
}
100% {
transform : rotate(-405deg);
}
}
.animateSuccessTip {
animation : animateSuccessTip 0.75s;
}
.animateSuccessLong {
animation : animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
animation : rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
0% {
transform : rotateX(100deg);
opacity : 0;
}
100% {
transform : rotateX(0deg);
opacity : 1;
}
}
.animateErrorIcon {
animation : animateErrorIcon 0.5s;
}
@keyframes animateXMark {
0% {
transform : scale(0.4);
margin-top : 26px;
opacity : 0;
}
50% {
transform : scale(0.4);
margin-top : 26px;
opacity : 0;
}
80% {
transform : scale(1.15);
margin-top : -6px;
}
100% {
transform : scale(1);
margin-top : 0;
opacity : 1;
}
}
.animateXMark {
animation : animateXMark 0.5s;
}
@keyframes pulseWarning {
0% {
border-color : #F8D486;
}
100% {
border-color : #F8BB86;
}
}
.pulseWarning {
animation : pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
0% {
background-color : #F8D486;
}
100% {
background-color : #F8BB86;
}
}
.pulseWarningIns {
animation : pulseWarningIns 0.75s infinite alternate;
}
@keyframes rotate-loading {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(360deg);
}
}
body.stop-scrolling {
height : 100%;
overflow : hidden;
}
.sweet-overlay {
background-color : rgb(0, 0, 0, 0.4);
position : fixed;
left : 0;
right : 0;
top : 0;
bottom : 0;
display : none;
z-index : 1040;
}
.sweet-alert {
background-color : #ffffff;
width : 478px;
padding : 17px;
border-radius : 5px;
text-align : center;
position : fixed;
left : 50%;
top : 50%;
margin-left : -256px;
margin-top : -200px;
overflow : hidden;
display : none;
z-index : 2000;
}
@media all and (max-width: 767px) {
.sweet-alert {
width : auto;
margin-left : 0;
margin-right : 0;
left : 15px;
right : 15px;
}
}
.sweet-alert .form-group {
display : none;
}
.sweet-alert .form-group .sa-input-error {
display : none;
}
.sweet-alert.show-input .form-group {
display : block;
}
.sweet-alert .sa-confirm-button-container {
display : inline-block;
position : relative;
}
.sweet-alert .la-ball-fall {
position : absolute;
left : 50%;
top : 50%;
margin-left : -27px;
margin-top : -9px;
opacity : 0;
visibility : hidden;
}
.sweet-alert button[disabled] {
opacity : 0.6;
cursor : default;
}
.sweet-alert button.confirm[disabled] {
color : transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity : 1;
visibility : visible;
transition-delay : 0s;
}
.sweet-alert .sa-icon {
width : 80px;
height : 80px;
border : gray solid 4px;
border-radius : 50%;
margin : 20px auto;
position : relative;
box-sizing : content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color : #d43f3a;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position : relative;
display : block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position : absolute;
height : 5px;
width : 47px;
background-color : #d9534f;
display : block;
top : 37px;
border-radius : 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
transform : rotate(45deg);
left : 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
transform : rotate(-45deg);
right : 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color : #eea236;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position : absolute;
width : 5px;
height : 47px;
left : 50%;
top : 10px;
border-radius : 2px;
margin-left : -2px;
background-color : #f0ad4e;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position : absolute;
width : 7px;
height : 7px;
border-radius : 50%;
margin-left : -3px;
left : 50%;
bottom : 10px;
background-color : #f0ad4e;
}
.sweet-alert .sa-icon.sa-info {
border-color : #46b8da;
}
.sweet-alert .sa-icon.sa-info::before {
content : "";
position : absolute;
width : 5px;
height : 29px;
left : 50%;
bottom : 17px;
border-radius : 2px;
margin-left : -2px;
background-color : #5bc0de;
}
.sweet-alert .sa-icon.sa-info::after {
content : "";
position : absolute;
width : 7px;
height : 7px;
border-radius : 50%;
margin-left : -3px;
top : 19px;
background-color : #5bc0de;
}
.sweet-alert .sa-icon.sa-success {
border-color : #4cae4c;
}
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content : '';
border-radius : 50%;
position : absolute;
width : 60px;
height : 120px;
background : #ffffff;
transform : rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
border-radius : 120px 0 0 120px;
top : -7px;
left : -33px;
transform : rotate(-45deg);
transform-origin : 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
border-radius : 0 120px 120px 0;
top : -11px;
left : 30px;
transform : rotate(-45deg);
transform-origin : 0 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width : 80px;
height : 80px;
border : rgb(92, 184, 92, 0.2) solid 4px;
border-radius : 50%;
box-sizing : content-box;
position : absolute;
left : -4px;
top : -4px;
z-index : 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width : 5px;
height : 90px;
background-color : #ffffff;
position : absolute;
left : 28px;
top : 8px;
z-index : 1;
transform : rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height : 5px;
background-color : #5cb85c;
display : block;
border-radius : 2px;
position : absolute;
z-index : 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width : 25px;
left : 14px;
top : 46px;
transform : rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width : 47px;
right : 8px;
top : 38px;
transform : rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size : contain;
border-radius : 0;
border : none;
background-position : center center;
background-repeat : no-repeat;
}
.sweet-alert .btn-default:focus {
border-color : #cccccc;
outline : 0;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 8px rgb(204, 204, 204, 0.6);
}
.sweet-alert .btn-success:focus {
border-color : #4cae4c;
outline : 0;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 8px rgb(76, 174, 76, 0.6);
}
.sweet-alert .btn-info:focus {
border-color : #46b8da;
outline : 0;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 8px rgb(70, 184, 218, 0.6);
}
.sweet-alert .btn-danger:focus {
border-color : #d43f3a;
outline : 0;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 8px rgb(212, 63, 58, 0.6);
}
.sweet-alert .btn-warning:focus {
border-color : #eea236;
outline : 0;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 8px rgb(238, 162, 54, 0.6);
}
.sweet-alert button::-moz-focus-inner {
border : 0;
}
.la-ball-fall, .la-ball-fall > div {
position : relative;
box-sizing : border-box;
}
.la-ball-fall {
display : block;
font-size : 0;
color : #fff;
}
.la-ball-fall.la-dark {
color : #333;
}
.la-ball-fall > div {
display : inline-block;
float : none;
background-color : currentColor;
border : currentColor solid 0;
}
.la-ball-fall {
width : 54px;
height : 18px;
}
.la-ball-fall > div {
width : 10px;
height : 10px;
margin : 4px;
border-radius : 100%;
opacity : 0;
animation : ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
animation-delay : -200ms;
}
.la-ball-fall > div:nth-child(2) {
animation-delay : -100ms;
}
.la-ball-fall > div:nth-child(3) {
animation-delay : 0s;
}
.la-ball-fall.la-sm {
width : 26px;
height : 8px;
}
.la-ball-fall.la-sm > div {
width : 4px;
height : 4px;
margin : 2px;
}
.la-ball-fall.la-2x {
width : 108px;
height : 36px;
}
.la-ball-fall.la-2x > div {
width : 20px;
height : 20px;
margin : 8px;
}
.la-ball-fall.la-3x {
width : 162px;
height : 54px;
}
.la-ball-fall.la-3x > div {
width : 30px;
height : 30px;
margin : 12px;
}
@keyframes ball-fall {
0% {
opacity : 0;
transform : translateY(-145%);
}
10% {
opacity : 0.5;
}
20% {
opacity : 1;
transform : translateY(0);
}
80% {
opacity : 1;
transform : translateY(0);
}
90% {
opacity : 0.5;
}
100% {
opacity : 0;
transform : translateY(145%);
}
}
:root {
--primary-font : "Nunito Sans",sans-serif;
}
@font-face {
font-family : 'Nunito Sans';
font-style : normal;
font-weight : 400;
font-stretch : normal;
font-display : swap;
src : url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4G1ilntA.ttf) format('truetype');
}
@font-face {
font-family : 'Nunito Sans';
font-style : normal;
font-weight : 700;
font-stretch : normal;
font-display : swap;
src : url(https://fonts.gstatic.com/s/nunitosans/v15/pe1mMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp5F5bxqqtQ1yiU4GMS5ntA.ttf) format('truetype');
}
body.compensate-for-scrollbar {
overflow : hidden;
}
.fancybox-active {
height : auto;
}
.fancybox-is-hidden {
left : -9999px;
margin : 0;
position : absolute !important ;
top : -9999px;
visibility : hidden;
}
.fancybox-container {
backface-visibility : hidden;
height : 100%;
left : 0;
position : fixed;
top : 0;
transform : translateZ(0);
width : 100%;
z-index : 999999999;
}
.fancybox-container * {
box-sizing : border-box;
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
bottom : 0;
left : 0;
position : absolute;
right : 0;
top : 0;
}
.fancybox-outer {
overflow-y : auto;
}
.fancybox-bg {
background : #1e1e1e;
opacity : 0;
transition-duration : inherit;
transition-property : opacity;
transition-timing-function : cubic-bezier(0.47,0,0.74,0.71);
}
.fancybox-is-open .fancybox-bg {
opacity : 0.87;
transition-timing-function : cubic-bezier(0.22,0.61,0.36,1);
}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
direction : ltr;
opacity : 0;
position : absolute;
transition : opacity 0.25s, visibility 0s 0.25s linear;
visibility : hidden;
z-index : 99997;
}
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
opacity : 1;
transition : opacity 0.25s, visibility 0s;
visibility : visible;
}
.fancybox-infobar {
color : #ccc;
font-size : 13px;
height : 44px;
left : 0;
line-height : 44px;
min-width : 44px;
mix-blend-mode : difference;
padding : 0 10px;
pointer-events : none;
text-align : center;
top : 0;
user-select : none;
}
.fancybox-toolbar {
right : 0;
top : 0;
}
.fancybox-stage {
direction : ltr;
overflow : visible;
z-index : 99994;
}
.fancybox-is-open .fancybox-stage {
overflow : hidden;
}
.fancybox-slide {
backface-visibility : hidden;
display : none;
height : 100%;
left : 0;
outline : none;
overflow : auto;
padding : 44px;
position : absolute;
text-align : center;
top : 0;
transition-property : transform, opacity;
white-space : normal;
width : 100%;
z-index : 99994;
}
.fancybox-slide:before {
content : "";
display : inline-block;
height : 100%;
margin-right : -0.25em;
vertical-align : middle;
width : 0;
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display : block;
}
.fancybox-slide--next {
z-index : 99995;
}
.fancybox-slide--image {
overflow : visible;
padding : 44px 0;
}
.fancybox-slide--image:before {
display : none;
}
.fancybox-slide--html {
padding : 6px 6px 0;
}
.fancybox-slide--iframe {
padding : 44px 44px 0;
}
.fancybox-content {
background : #fff;
display : inline-block;
margin : 0 0 6px;
max-width : 100%;
overflow : auto;
padding : 0;
padding : 24px;
position : relative;
text-align : left;
vertical-align : middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function : cubic-bezier(0.5,0,0.14,1);
backface-visibility : hidden;
background : transparent;
background-repeat : no-repeat;
background-size : 100% 100%;
left : 0;
margin : 0;
max-width : none;
overflow : visible;
padding : 0;
position : absolute;
top : 0;
transform-origin : top left;
transition-property : transform, opacity;
user-select : none;
z-index : 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor : zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor : zoom-in;
}
.fancybox-can-drag .fancybox-content {
cursor : grab;
}
.fancybox-is-dragging .fancybox-content {
cursor : grabbing;
}
.fancybox-container [data-selectable="true"] {
cursor : text;
}
.fancybox-image, .fancybox-spaceball {
background : transparent;
border : 0;
height : 100%;
left : 0;
margin : 0;
max-height : none;
max-width : none;
padding : 0;
position : absolute;
top : 0;
user-select : none;
width : 100%;
}
.fancybox-spaceball {
z-index : 1;
}
.fancybox-slide--html .fancybox-content {
margin-bottom : 6px;
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
height : 100%;
margin : 0;
overflow : visible;
padding : 0;
width : 100%;
}
.fancybox-slide--video .fancybox-content {
background : #000;
}
.fancybox-slide--map .fancybox-content {
background : #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background : #fff;
height : calc(100% - 44px);
margin-bottom : 44px;
}
.fancybox-iframe, .fancybox-video {
background : transparent;
border : 0;
height : 100%;
margin : 0;
overflow : hidden;
padding : 0;
width : 100%;
}
.fancybox-iframe {
vertical-align : top;
}
.fancybox-error {
background : #fff;
cursor : default;
max-width : 400px;
padding : 40px;
width : 100%;
}
.fancybox-error p {
color : #444;
font-size : 16px;
line-height : 20px;
margin : 0;
padding : 0;
}
.fancybox-button {
background : rgb(30, 30, 30, 0.6);
border : 0;
border-radius : 0;
cursor : pointer;
display : inline-block;
height : 44px;
margin : 0;
outline : none;
padding : 10px;
transition : color 0.2s;
vertical-align : top;
width : 44px;
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color : #ccc;
}
.fancybox-button:focus, .fancybox-button:hover {
color : #fff;
}
.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
color : #888;
cursor : default;
}
.fancybox-button svg {
display : block;
overflow : visible;
position : relative;
shape-rendering : geometricPrecision;
}
.fancybox-button svg path {
fill : transparent;
stroke : currentColor;
stroke-linejoin : round;
stroke-width : 3px;
}
.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
display : none;
}
.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
fill : currentColor;
}
.fancybox-button--share svg path {
stroke-width : 1px;
}
.fancybox-navigation .fancybox-button {
height : 38px;
opacity : 0;
padding : 6px;
position : absolute;
top : 50%;
width : 38px;
}
.fancybox-show-nav .fancybox-navigation .fancybox-button {
transition : opacity 0.25s, visibility 0s, color 0.25s;
}
.fancybox-navigation .fancybox-button:after {
content : "";
left : -25px;
padding : 50px;
position : absolute;
top : -25px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left : 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
right : 6px;
}
.fancybox-close-small {
background : transparent;
border : 0;
border-radius : 0;
color : #555;
cursor : pointer;
height : 44px;
margin : 0;
padding : 6px;
position : absolute;
right : 0;
top : 0;
width : 44px;
z-index : 10;
}
.fancybox-close-small svg {
fill : transparent;
opacity : 0.8;
stroke : currentColor;
stroke-width : 1.5px;
transition : stroke 0.1s;
}
.fancybox-close-small:focus {
outline : none;
}
.fancybox-close-small:hover svg {
opacity : 1;
}
.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
color : #ccc;
padding : 5px;
right : -12px;
top : -44px;
}
.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
background : transparent;
color : #fff;
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display : none;
}
.fancybox-caption {
bottom : 0;
color : #fff;
font-size : 14px;
font-weight : 400;
left : 0;
line-height : 1.5;
padding : 25px 44px;
right : 0;
}
.fancybox-caption:before {
background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
background-repeat : repeat-x;
background-size : contain;
bottom : 0;
content : "";
display : block;
left : 0;
pointer-events : none;
position : absolute;
right : 0;
top : -25px;
z-index : -1;
}
.fancybox-caption:after {
border-bottom : 1px solid hsl(0 0% 100% / 0.3);
content : "";
display : block;
left : 44px;
position : absolute;
right : 44px;
top : 0;
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
color : #ccc;
text-decoration : none;
}
.fancybox-caption a:hover {
color : #fff;
text-decoration : underline;
}
.fancybox-loading {
animation : a 0.8s linear infinite;
background : transparent;
border : hsl(0 0% 39% / 0.5) solid 6px;
border-radius : 100%;
border-top-color : #fff;
height : 60px;
left : 50%;
margin : -30px 0 0 -30px;
opacity : 0.6;
padding : 0;
position : absolute;
top : 50%;
width : 60px;
z-index : 99999;
}
@keyframes a {
0% {
transform : rotate(0deg);
}
to {
transform : rotate(359deg);
}
}
.fancybox-animated {
transition-timing-function : cubic-bezier(0,0,0.25,1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity : 0;
transform : translate3d(-100%,0,0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity : 0;
transform : translate3d(100%,0,0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity : 1;
transform : translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
opacity : 0;
transition-timing-function : cubic-bezier(0.19,1,0.22,1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity : 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity : 0;
transform : scale3d(1.5,1.5,1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity : 0;
transform : scale3d(0.5,0.5,0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity : 1;
transform : scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity : 0;
transform : rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity : 0;
transform : rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity : 1;
transform : rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity : 0;
transform : scale3d(0,0,0) translate3d(-100%,0,0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity : 0;
transform : scale3d(0,0,0) translate3d(100%,0,0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity : 1;
transform : scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
transform : translate3d(-100%,0,0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform : translate3d(100%,0,0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform : translateZ(0) scale(1);
}
.fancybox-share {
background : #f4f4f4;
border-radius : 3px;
max-width : 90%;
padding : 30px;
text-align : center;
}
.fancybox-share h1 {
color : #222;
font-size : 35px;
font-weight : 700;
margin : 0 0 20px;
}
.fancybox-share p {
margin : 0;
padding : 0;
}
.fancybox-share__button {
border : 0;
border-radius : 3px;
display : inline-block;
font-size : 14px;
font-weight : 700;
line-height : 40px;
margin : 0 5px 10px;
min-width : 130px;
padding : 0 15px;
text-decoration : none;
transition : all 0.2s;
user-select : none;
white-space : nowrap;
}
.fancybox-share__button:link, .fancybox-share__button:visited {
color : #fff;
}
.fancybox-share__button:hover {
text-decoration : none;
}
.fancybox-share__button--fb {
background : #3b5998;
}
.fancybox-share__button--fb:hover {
background : #344e86;
}
.fancybox-share__button--pt {
background : #bd081d;
}
.fancybox-share__button--pt:hover {
background : #aa0719;
}
.fancybox-share__button--tw {
background : #1da1f2;
}
.fancybox-share__button--tw:hover {
background : #0d95e8;
}
.fancybox-share__button svg {
height : 25px;
margin-right : 7px;
position : relative;
top : -1px;
vertical-align : middle;
width : 25px;
}
.fancybox-share__button svg path {
fill : #fff;
}
.fancybox-share__input {
background : transparent;
border : 0;
border-bottom : 1px solid #d7d7d7;
border-radius : 0;
color : #5d5b5b;
font-size : 14px;
margin : 10px 0 0;
outline : none;
padding : 10px 15px;
width : 100%;
}
.fancybox-thumbs {
background : #fff;
bottom : 0;
display : none;
margin : 0;
padding : 2px 2px 4px;
position : absolute;
right : 0;
top : 0;
width : 212px;
z-index : 99995;
}
.fancybox-thumbs-x {
overflow-x : auto;
overflow-y : hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display : block;
}
.fancybox-show-thumbs .fancybox-inner {
right : 212px;
}
.fancybox-thumbs > ul {
font-size : 0;
height : 100%;
list-style : none;
margin : 0;
overflow-x : hidden;
overflow-y : auto;
padding : 0;
position : absolute;
position : relative;
white-space : nowrap;
width : 100%;
}
.fancybox-thumbs-x > ul {
overflow : hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width : 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background : #fff;
border-radius : 10px;
box-shadow : 0 0 6px rgb(0, 0, 0, 0.3) inset;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background : #2a2a2a;
border-radius : 10px;
}
.fancybox-thumbs > ul > li {
backface-visibility : hidden;
cursor : pointer;
float : left;
height : 75px;
margin : 2px;
max-height : calc(100% - 8px);
max-width : calc(50% - 4px);
outline : none;
overflow : hidden;
padding : 0;
position : relative;
width : 100px;
}
.fancybox-thumbs-loading {
background : rgb(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li {
background-position : 50%;
background-repeat : no-repeat;
background-size : cover;
}
.fancybox-thumbs > ul > li:before {
border : #4ea7f9 solid 4px;
bottom : 0;
content : "";
left : 0;
opacity : 0;
position : absolute;
right : 0;
top : 0;
transition : all 0.2s cubic-bezier(0.25,0.46,0.45,0.94);
z-index : 99991;
}
.fancybox-thumbs .fancybox-thumbs-active:before {
opacity : 1;
}
@media (max-width: 800px) {
.fancybox-thumbs {
width : 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right : 110px;
}
.fancybox-thumbs > ul > li {
max-width : calc(100% - 10px);
}
}
.slick-slider {
position : relative;
display : block;
box-sizing : border-box;
user-select : none;
touch-action : pan-y;
}
.slick-list {
position : relative;
display : block;
overflow : hidden;
margin : 0;
padding : 0;
}
.slick-list:focus {
outline : none;
}
.slick-list.dragging {
cursor : pointer;
}
.slick-slider .slick-track, .slick-slider .slick-list {
transform : translate3d(0,0,0);
transition-delay : 10ms;
}
.slick-track {
position : relative;
top : 0;
left : 0;
display : block;
margin-left : auto;
margin-right : auto;
}
.slick-track:before, .slick-track:after {
display : table;
content : '';
}
.slick-track:after {
clear : both;
}
.slick-loading .slick-track {
visibility : hidden;
}
.slick-slide {
display : none;
float : left;
height : 100%;
min-height : 1px;
}
[dir="rtl"] .slick-slide {
float : right;
}
.slick-slide img {
display : block;
}
.slick-slide.slick-loading img {
display : none;
}
.slick-slide.dragging img {
pointer-events : none;
}
.slick-initialized .slick-slide {
display : block;
}
.slick-loading .slick-slide {
visibility : hidden;
}
.slick-vertical .slick-slide {
display : block;
height : auto;
border : transparent solid 1px;
}
.slick-arrow.slick-hidden {
display : none;
}
[data-carousel] .slick-track {
display : flex !important ;
}
[data-carousel]:not(.slick-initialized) > :is(div, a):not(:first-child) {
display : none !important ;
}
@media only screen and (min-width: 576px) {
[data-carousel="2"]:not(.slick-initialized) > :is(div, a) {
max-width : 50%;
}
[data-carousel="3"]:not(.slick-initialized) > :is(div, a) {
max-width : 33.3%;
}
[data-carousel="4"]:not(.slick-initialized) > :is(div, a) {
max-width : 25%;
}
[data-carousel="5"]:not(.slick-initialized) > :is(div, a) {
max-width : 20%;
}
[data-carousel="6"]:not(.slick-initialized) > :is(div, a) {
max-width : 16.66%;
}
[data-carousel="7"]:not(.slick-initialized) > :is(div, a) {
max-width : 14.28%;
}
}
.slick-loading .slick-list {
background : url("https://www.comporaco.com.br/blog/slick/ajax-loader.gif") center center no-repeat #fff;
}
.slick-prev, .slick-next {
font-size : 0;
line-height : 0;
position : absolute;
top : 50%;
display : block;
width : 20px;
height : 20px;
padding : 0;
transform : translate(0,-50%);
cursor : pointer;
color : transparent;
border : none;
outline : none;
background : transparent;
z-index : 5;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
color : transparent;
outline : none;
background : transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity : 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity : 0.25;
}
.slick-prev:before, .slick-next:before {
font : 18px/normal 'FontAwesome';
line-height : 1;
opacity : 0.75;
color : var(--primary-color);
}
.slick-prev {
left : 0;
}
[dir="rtl"] .slick-prev {
right : -25px;
left : auto;
}
.slick-prev:before {
content : '\f053';
}
[dir="rtl"] .slick-prev:before {
content : '\f054';
}
.slick-next {
right : 0;
}
[dir="rtl"] .slick-next {
right : auto;
left : -25px;
}
.slick-next:before {
content : '\f054';
}
[dir="rtl"] .slick-next:before {
content : '\f053';
}
.slick-dotted.slick-slider {
margin-bottom : 30px;
}
.slick-dots {
position : absolute;
bottom : -25px;
display : block;
width : 100%;
padding : 0;
margin : 0;
list-style : none;
text-align : center;
}
.slick-dots li {
position : relative;
display : inline-block;
width : 20px;
height : 20px;
margin : 0 5px;
padding : 0;
cursor : pointer;
}
.slick-dots li button {
font-size : 0;
line-height : 0;
display : block;
width : 20px;
height : 20px;
padding : 5px;
cursor : pointer;
color : transparent;
border : 0;
outline : none;
background : transparent;
transition : 0.3s;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline : none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity : 1;
transform : scale(1.3);
color : var(--primary-color);
}
.slick-dots li button:before {
content : '\f111';
font : 12px/normal 'FontAwesome';
line-height : 20px;
position : absolute;
top : 0;
left : 0;
width : 20px;
height : 20px;
text-align : center;
opacity : 0.25;
color : black;
}
.slick-dots li.slick-active button:before {
opacity : 0.75;
transform : scale(1.3);
color : var(--primary-color);
}
.blog-grid aside {
margin-left : 0;
margin-right : 5%;
border : none;
}
.blog-grid#author aside {
margin-right : 0;
margin-left : 5%;
}
.blog-grid .aside-sig-search input {
border : none;
background-color : #f6f6f6;
padding : 16px;
}
.blog-grid .aside-sig-search button {
position : absolute;
right : 8px;
top : 50%;
transform : translateY(-50%);
font-size : 16px;
}
.blog-grid .aside-sig-menu {
background : #f6f6f6;
margin : 24px 0;
padding : 24px;
}
.blog-grid .blog-inc__info {
padding : 32px;
}
.blog-grid .blog-inc__heading {
display : flex;
flex-direction : column;
gap : 16px;
margin-bottom : 32px;
}
.blog-grid .blog-inc__heading-title {
color : var(--dark);
font-size : 2rem;
margin : 0;
}
.blog-grid .blog-inc__heading-text {
font-weight : 400;
font-size : 16px;
margin : 0;
letter-spacing : 0.5px;
}
.blog-grid .blog-inc__heading-text a {
transition : 0.3s;
}
.blog-grid .blog-inc__heading-text a:hover {
color : var(--dark);
}
.blog-grid .blog-inc__cover img {
width : 100%;
display : block;
}
.blog-grid .aside-sig-grid h2 {
color : var(--dark);
margin : 0 0 8px 0;
}
.blog-grid .recent-posts {
padding : 24px;
background-color : #f6f6f6;
margin : 24px 0;
}
.blog-grid .recent-posts__item a {
padding : 12px 0;
display : block;
color : var(--grey);
font-size : 14px;
transition : 0.3s;
}
.blog-grid .recent-posts__item a.active-menu-aside, .blog-grid .recent-posts__item:hover a {
color : var(--primary-color);
}
.blog-grid .recent-posts__item li:not(:last-of-type) {
border-bottom : 1px solid rgb(0, 0, 0, 0.1);
}
.blog-grid .blog-tag-list--aside {
background-color : #f6f6f6;
margin : 24px 0;
padding : 24px;
}
.blog-grid .blog-tag-list__cards {
display : flex;
flex-wrap : wrap;
gap : 8px;
}
.blog-grid .blog-tag-list a:hover {
background-color : #343a40;
}
.blog-grid .blog-tag-list--aside a {
background-color : transparent;
border : var(--primary-color) solid 1px;
color : var(--primary-color);
font-size : 13px;
}
.blog-grid .blog-tag-list--aside a:hover {
background-color : #ff0000;
color : #FFF;
}
.blog-grid .aside-sig-grid li {
margin : 0;
}
.blog-grid .aside-sig-grid li:not(:last-of-type) {
border-bottom : 1px solid rgb(0, 0, 0, 0.1);
}
.blog-grid .aside-sig-grid .sub-menu {
display : block;
margin : 0;
}
.blog-grid .aside-sig-grid .sub-menu--first {
display : block;
}
.blog-grid .aside-sig-grid .submenu-item {
display : block;
margin : 0;
width : 100%;
box-sizing : border-box;
padding : 12px 0;
color : var(--grey);
font-size : 1em;
transition : 0.3s;
}
.blog-grid .aside-sig-grid .submenu-item--first:hover {
border-left-color : #ff0000;
}
.blog-grid .aside-sig-grid .submenu-item--last {
padding-left : 15px;
font-size : 14px;
}
.blog-grid .aside-sig-grid .submenu-item:hover, .blog-grid .aside-sig-grid .submenu-item.active-menu-aside {
color : var(--primary-color);
background-color : #f7f7f7;
}
.blog-grid .blog-card {
background-color : #f6f6f6;
}
.blog-grid .blog-card__image {
transition : 0.3s;
position : relative;
}
.blog-grid .blog-card__image a:not(.blog-card__category) {
display : block;
position : relative;
width : 100%;
height : 100%;
}
.blog-grid .blog-card__image a:not(.blog-card__category)::before {
content : "\f0c1";
font-family : "FontAwesome";
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
opacity : 0;
transition : 0.3s;
color : #FFF;
font-size : 32px;
display : flex;
align-items : center;
justify-content : center;
padding : 8px;
background-color : rgb(0, 0, 0, 0.3);
padding-top : 24px;
}
.blog-grid .blog-card__image a:not(.blog-card__category):hover::before {
opacity : 1;
padding-top : 0;
}
.blog-grid .blog-card__title {
font-size : 18px;
}
.blog-grid .blog-card__title a {
transition : 0.3s;
}
.blog-grid .blog-card__title:hover a {
color : var(--primary-color);
}
.blog-grid .blog-card__date {
font-size : 12px;
font-weight : normal;
text-transform : uppercase;
margin : 0;
letter-spacing : 0.5px;
}
.blog-grid .blog-card__info {
display : flex;
flex-direction : column;
gap : 16px;
}
.blog-grid .blog-card__date {
order : -1;
}
.blog-grid .blog-card__description p {
margin : 0;
line-height : 1.8;
opacity : 0.9;
}
.blog-grid .blog-card__category {
position : absolute;
top : 8px;
right : 8px;
background-color : #ff0000;
color : #FFF;
display : block;
padding : 8px 16px;
font-size : 14px;
border-radius : 2px;
transition : 0.3s;
}
.blog-grid .blog-card__category:hover {
background-color : #343a40;
}
@media only screen and (max-width: 576px) {
.blog-grid aside {
margin-left : 0;
margin-right : 0;
width : 100%;
}
.blog-grid .blog-inc__info {
padding : 32px 0;
}
.blog-grid .recent-posts {
padding : 24px 16px;
}
.blog-grid .aside-sig-menu {
padding : 24px 16px;
}
.blog-grid .blog-tag-list--aside {
padding : 24px 16px;
}
}

↑ Topo