Resultados da validação CSS do W3C para https://www.comporaco.com.br/cobertura-metalica-barracao (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/cobertura-metalica-barracao&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 (612)

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

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
6 A propriedade -webkit-overflow-scrolling é 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
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
29 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
29 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
29 A propriedade -webkit-box-shadow é 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
32 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
43 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
43 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
44 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
44 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
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-transform é uma propriedade proprietária desconhecida
72 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
75 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
76 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
77 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
80 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
81 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
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-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 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
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
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

URI : https://www.comporaco.com.br/cobertura-metalica-barracao

5 A propriedade -ms-text-size-adjust é uma propriedade proprietária desconhecida
5 A propriedade -webkit-text-size-adjust é uma propriedade proprietária desconhecida
20 A propriedade -moz-box-sizing é 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
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
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
65 ::-webkit-scrollbar-track não é reconhecido como um pseudoelemento proprietário válido
66 ::-webkit-scrollbar não é reconhecido como um pseudoelemento proprietário válido
66 Due to their dynamic nature, CSS variables are currently not statically checked
67 ::-webkit-scrollbar-thumb não é reconhecido como um pseudoelemento proprietário válido
67 Due to their dynamic nature, CSS variables are currently not statically checked
94 Due to their dynamic nature, CSS variables are currently not statically checked
101 Due to their dynamic nature, CSS variables are currently not statically checked
115 Due to their dynamic nature, CSS variables are currently not statically checked
209 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
213 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
300 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
300 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
300 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
300 A propriedade -moz-box-shadow é uma propriedade proprietária desconhecida
312 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
312 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
322 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
322 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
323 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
323 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
338 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
340 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
347 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
388 Due to their dynamic nature, CSS variables are currently not statically checked
391 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
404 A propriedade -webkit-line-clamp é uma propriedade proprietária desconhecida
426 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
426 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
427 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
428 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
430 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
430 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
431 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
449 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
456 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
465 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
499 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
504 Due to their dynamic nature, CSS variables are currently not statically checked
505 Due to their dynamic nature, CSS variables are currently not statically checked
506 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
506 A propriedade -o-transition é uma propriedade proprietária desconhecida
517 button is not defined by any specification as an allowed value for appearance, but is supported in multiple browsers
537 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
567 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
577 Due to their dynamic nature, CSS variables are currently not statically checked
581 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
586 Due to their dynamic nature, CSS variables are currently not statically checked
620 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
622 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
663 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
663 A propriedade -o-transition é uma propriedade proprietária desconhecida
722 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
729 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
781 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
781 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
801 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
801 A propriedade -moz-transform é uma propriedade proprietária desconhecida
801 A propriedade -ms-transform é uma propriedade proprietária desconhecida
801 A propriedade -o-transform é uma propriedade proprietária desconhecida
802 A propriedade -ms-transform é uma propriedade proprietária desconhecida
802 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
807 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
807 A propriedade -o-transition é uma propriedade proprietária desconhecida
807 A propriedade -moz-transition é uma propriedade proprietária desconhecida
814 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
814 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1250 A propriedade 'clip' está em desuso
1250 Separador inválido. O separador deveria ser uma vírgula.
1251 A propriedade 'clip' está em desuso
1430 Due to their dynamic nature, CSS variables are currently not statically checked
1444 Due to their dynamic nature, CSS variables are currently not statically checked
1522 Due to their dynamic nature, CSS variables are currently not statically checked
1596 Due to their dynamic nature, CSS variables are currently not statically checked
1598 Due to their dynamic nature, CSS variables are currently not statically checked
1612 Due to their dynamic nature, CSS variables are currently not statically checked
1628 Due to their dynamic nature, CSS variables are currently not statically checked
1701 Due to their dynamic nature, CSS variables are currently not statically checked
1714 Due to their dynamic nature, CSS variables are currently not statically checked
1724 Due to their dynamic nature, CSS variables are currently not statically checked
1746 Due to their dynamic nature, CSS variables are currently not statically checked
1766 .contato .social__link:hover Algumas cores background-color e border-color
1846 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
1866 Due to their dynamic nature, CSS variables are currently not statically checked
1893 A propriedade -webkit-line-clamp é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 Lamento, a at-rule @-webkit-keyframes não está implementada.
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-name é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-fill-mode é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-iteration-count é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation-duration é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-animation é uma propriedade proprietária desconhecida
1902 A propriedade -webkit-transition é 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%;
}
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;
}
* {
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;
--primary-light-color : #ff6666;
--primary-dark-color : #990000;
--secondary-color : #4c97bb;
--grey : #555555;
--dark : #333333;
--darker : #1f1f1f;
--light : #f0f0f0;
--alert : #b31610;
--success : #4caf50;
--border-radius : 0.25em;
--border-color : #dee2e6;
--transition : 0.3s ease-out;
}
body {
font-size : 16px;
color : var(--grey);
text-decoration : none;
}
h1, h2, h3, h4 {
color : var(--dark);
margin : 25px 0;
}
h1, h2 {
font-size : 1.467em;
}
h3, h4 {
font-size : 1.067em;
}
p {
margin : 15px 0;
color : var(--grey);
text-align : justify;
}
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;
}
.headerFixed {
position : fixed !important ;
width : 100%;
z-index : 999;
top : 0;
}
.headerFixed .topo {
display : none;
}
.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 : rgb(255, 255, 255, 0.1);
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);
font-weight : bold !important ;
}
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 : #ff0000;
}
header #menu ul > li.dropdown:hover > :is(.sub-menu, .sub-menu-info) {
display : block;
}
header #menu ul > li.dropdown > :is(.sub-menu, .sub-menu-info) > li.dropdown > :is(.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;
}
.slicknav_menu {
display : none;
}
.slicknav_nav .fa {
display : none;
}
.slicknav_nav br {
display : none;
}
.slicknav_nav > ul {
margin-left : 0;
}
.slicknav_btn {
position : relative;
display : block;
vertical-align : middle;
float : right;
padding : 0.438em 0.625em 0.438em 0.625em;
line-height : 1.125em;
cursor : pointer;
}
.slicknav_menu .slicknav_menutxt {
display : block;
line-height : 1.188em;
float : left;
}
.slicknav_menu .slicknav_icon {
float : left;
margin : 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
margin : 0;
}
.slicknav_menu .slicknav_icon-bar {
display : block;
width : 1.125em;
height : 0.125em;
border-radius : 1px;
box-shadow : 0 1px 0 rgb(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top : 0.188em;
}
.slicknav_nav {
clear : both;
}
.slicknav_nav ul, .slicknav_nav li {
display : block;
}
.slicknav_nav .slicknav_arrow {
font-size : 0.8em;
margin : 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
cursor : pointer;
}
.slicknav_nav .slicknav_row {
display : block;
}
.slicknav_nav a {
display : block;
}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
display : inline;
}
.slicknav_menu::before, .slicknav_menu::after {
content : " ";
display : table;
}
.slicknav_menu::after {
clear : both;
}
.slicknav_menu {
font-size : 16px;
}
.slicknav_btn {
margin : 5px 5px 6px;
text-decoration : none;
text-shadow : 0 1px 1px rgb(255, 255, 255, 0.75);
border-radius : 4px;
background-color : #222222;
}
.slicknav_menu .slicknav_menutxt {
color : #FFF;
font-weight : bold;
text-shadow : 0 1px 3px #000;
}
.slicknav_menu .slicknav_icon-bar {
background-color : #f5f5f5;
}
.slicknav_menu {
background : #ff0000;
padding : 5px;
}
.slicknav_nav {
color : #fff;
margin : 0;
padding : 0;
font-size : 0.875em;
}
.slicknav_nav, .slicknav_nav ul {
list-style : none;
overflow : hidden;
}
.slicknav_nav ul {
padding : 0;
margin : 0 0 0 20px;
}
.slicknav_nav .slicknav_row {
padding : 5px 10px;
margin : 2px 5px;
}
.slicknav_nav a {
padding : 5px 10px;
margin : 2px 5px;
text-decoration : none;
color : #fff;
}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
padding : 0;
margin : 0;
}
.slicknav_nav .slicknav_row:hover {
border-radius : 6px;
background : #ccc;
color : #fff;
}
.slicknav_nav a:hover {
border-radius : 6px;
background : #ccc;
color : #222;
}
.slicknav_nav .slicknav_txtnode {
margin-left : 16px;
}
@media only screen and (max-width: 912px) {
.js #menu2 {
display : none;
}
.js #menu {
display : none;
}
.js .slicknav_menu {
display : block;
z-index : 1;
position : sticky;
top : 0;
left : 0;
z-index : 999;
}
}
.browsehappy {
margin : 0.2em 0;
background : #ccc;
color : #000;
padding : 0.2em 0;
}
#scrollUp {
position : fixed;
bottom : -100px;
right : 50px;
z-index : 9999;
width : 65px;
height : 65px;
display : flex;
align-items : center;
justify-content : center;
border-radius : 5px 5px 0 0;
background-color : #ff0000;
cursor : pointer;
opacity : 0;
transition : 0.3s;
}
#scrollUp::after {
content : '\f077';
font : 18px/normal FontAwesome;
color : #fff;
}
#scrollUp.is-active {
transition : 0.5s;
bottom : 0;
opacity : 1;
}
.wrapper {
max-width : 1180px;
width : 100%;
margin : 0 auto;
box-sizing : border-box;
padding : 0 10px;
}
.container {
width : 100%;
padding : 25px 0;
clear : both;
}
section {
float : left;
width : 100%;
}
article {
float : left;
width : 67.5%;
}
article.full {
width : 100%;
}
@media only screen and (max-width: 576px) {
article {
float : none;
width : 100%;
}
}
#breadcrumb {
display : inline-block;
clear : both;
}
#breadcrumb :is([itemprop="title"], [itemprop="name"]) {
color : var(--grey);
cursor : pointer;
transition : 0.3s;
}
#breadcrumb div {
display : inline;
}
@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);
font-weight : bold !important ;
}
@media only screen and (max-width: 576px) {
aside {
width : 100%;
float : none;
margin : 15px 0;
}
}
.card-group {
display : grid;
grid-template-columns : repeat(4,1fr);
gap : 15px;
}
.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: 576px) {
.card-group {
display : block;
}
.card {
margin : 12px auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 992px) {
.card-group {
grid-template-columns : repeat(auto-fill,minmax(44%,auto));
}
.card {
margin : 12px auto;
}
}
.card--mpi .card__image {
height : 240px;
}
.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 : #4c97bb;
}
@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;
}
[data-video] {
cursor : pointer;
position : relative;
}
.ytvideo[data-video]::before {
content : '';
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
background : rgb(0, 0, 0, 0.4);
cursor : pointer;
}
.ytvideo[data-video]::after {
content : '\f04b';
position : absolute;
z-index : 1;
top : 50%;
left : 50%;
transform : translateX(-50%) translateY(-50%);
font : 70px/normal FontAwesome;
color : #333;
text-shadow : 0 0 50px white;
transition : 0.3s;
}
[data-video]:hover::after {
color : red;
}
.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 : 22px;
transition : 0.3s;
}
.search--topo button {
position : absolute;
top : 50%;
transform : translateY(-50%);
right : 10px;
}
.search button:hover {
color : var(--dark);
}
.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 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;
white-space : nowrap;
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 [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 : #333333;
border : var(--dark) solid 1px;
}
.form__obrigatory {
display : block;
margin : 1em 0;
font-size : 12px;
color : var(--grey);
}
.address-map {
width : 100%;
height : 400px;
}
.g-recaptcha {
transform : scale(0.8);
transform-origin : 0 0;
}
.more {
margin-bottom : 20px;
}
.more h2 strong {
font-size : 16px;
}
.gallery {
display : grid;
grid-template-columns : repeat(auto-fill,minmax(145px,1fr));
gap : 10px;
}
.gallery li {
border-radius : 3px;
overflow : hidden;
}
.gallery li a {
display : block;
width : 100%;
height : 100%;
position : relative;
}
.gallery li a::before {
content : "\f002";
font-family : "FontAwesome";
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
padding-top : 20px;
opacity : 0;
transition : 0.3s;
color : #FFF;
font-size : 36px;
display : flex;
justify-content : center;
align-items : center;
background-color : rgb(0, 0, 0, 0.5);
}
.gallery li:hover a::before {
padding-top : 0;
opacity : 1;
}
.gallery li img {
z-index : 2;
width : 100%;
aspect-ratio : 1/1;
object-fit : cover;
display : block;
margin : 0 auto;
transition : 0.3s;
}
.compartilhe {
font-size : 0.75em;
margin : 0.5em 0;
display : block;
font-weight : bold;
}
.social-media {
display : inline-block;
padding : 0;
margin : 5px 0;
}
.social-media li {
float : left;
margin-right : 10px;
}
.bt-twitter {
text-indent : -5000px;
overflow : hidden;
display : block;
width : 55px;
height : 20px;
background : url(https://www.comporaco.com.br/imagens/icones/tweet.png) 0 0 no-repeat;
}
.bt-twitter:hover {
background-position : 0 -20px;
}
.related-posting-title {
font-size : 22px;
}
.related-posting {
list-style : none;
list-style-type : none;
margin : 0;
padding : 0;
}
.related-posting .row {
clear : both;
display : block;
background : #eee;
border-left : 3px solid var(--primary-color);
padding : 10px 20px;
transition : all 0.3s linear;
min-height : 85px;
margin : 0 0 2px 0;
overflow : hidden;
}
.related-posting .row:hover {
border-color : #333333;
}
.related-posting .row img {
display : block;
float : left;
width : 80px;
height : 80px;
border : #ccc solid 1px;
margin : 0 10px 0 0;
}
.related-posting .row p {
font-size : 12px;
line-height : 16px;
margin-bottom : 0;
}
.related-posting .row a {
color : var(--grey);
text-decoration : none;
}
.related-posting .row p a {
color : #69747b;
}
.related-posting .row strong {
font-size : 12px;
}
.organictabs--regioes {
margin : 10px 0;
}
.organictabs--regioes .organictabs__menu {
display : grid;
grid-template-columns : repeat(auto-fit,minmax(100px,1fr));
}
.organictabs--regioes.brasil .organictabs__menu {
grid-template-columns : repeat(auto-fit,minmax(35px,1fr));
}
.organictabs--regioes .organictabs__menu span {
width : 100%;
height : 60px;
display : flex;
align-items : center;
justify-content : center;
background-color : #ccc;
color : #fff;
text-align : center;
font-size : 14px;
cursor : pointer;
transition : 0.3s;
}
.organictabs--regioes.brasil .organictabs__menu span {
height : 40px;
font-size : 10px;
font-weight : bold;
}
.organictabs--regioes .organictabs__menu span.active-tab {
background-color : #eee;
color : var(--grey);
}
.organictabs--regioes .organictabs__content {
padding : 20px;
background-color : #eee;
overflow : hidden;
padding : 10px;
}
.organictabs--regioes .organictabs__content ul {
display : grid;
grid-template-columns : repeat(auto-fit,minmax(150px,1fr));
gap : 7px;
}
.organictabs--regioes .organictabs__content ul li {
height : auto;
display : flex;
align-items : center;
justify-content : flex-start;
font-size : 12px;
padding : 5px 0;
border-bottom : 1px solid #ccc;
}
.copyright {
font-size : 10px;
color : #999;
margin-bottom : 15px;
}
.copyright a {
font-size : 10px;
color : #999;
}
.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 : #333;
}
.copyright-footer * {
text-align : left;
color : #eee;
font-size : 10px;
}
.copyright-footer .selos {
float : right;
}
.copyright-footer .selos strong {
background : #fff;
color : #363b36;
padding : 3px 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 .selos {
float : none;
margin : 10px 0;
}
}
.whatsbutton-popup, .whatsbutton-container {
z-index : 9999998;
}
.whatsbutton-popup {
display : none;
justify-content : center;
align-items : center;
position : fixed;
font-family : 'Arial', sans-serif;
}
.whatsbutton-layer {
width : 100%;
height : 100%;
position : absolute;
background : rgb(0, 0, 0, 0.7);
z-index : -1;
}
.whatsbutton-popup, .whatsbutton-layer {
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.whatsbutton-form {
display : block;
min-width : 280px;
max-width : 400px;
width : 28%;
animation-name : WhatsFormShow;
animation-duration : 1s;
}
.disabledbutton {
user-select : none !important ;
}
.wb-head, .wb-body {
width : 100%;
}
.wb-head {
height : 16%;
min-height : 80px;
padding : 1em;
background : #009688;
border-radius : 10px 10px 0 0;
}
.wb-body {
display : flex;
height : auto;
overflow-y : auto;
flex-wrap : nowrap;
flex-direction : column;
background : #e9e9e9;
border-radius : 0 0 10px 10px;
padding : 1em;
}
.wb-icon {
float : left;
width : 45px;
height : 45px;
overflow : hidden;
position : relative;
line-height : normal;
margin-left : 0.4em;
}
.wb-icon img {
width : 100%;
height : 100%;
object-fit : cover;
object-position : left;
}
.wb-info {
float : left;
display : block;
color : #eee;
padding-left : 0.9em;
}
.wb-title, .wb-text, .wb-statusOn {
clear : both;
display : block;
}
.wb-title {
font-size : 0.8em;
font-weight : bold;
}
.wb-text {
font-size : 0.75em;
font-weight : normal;
margin : 0.25em 0;
}
.wb-statusOn {
font-size : 0.75em;
}
.wb-statusOn::before {
content : ' ';
width : 5px;
height : 5px;
margin : 6px 3px 0 0;
background : #4be726;
float : left;
border-radius : 50%;
}
.wb-label {
display : block;
font-size : 0.9em;
padding : 6px;
border-radius : 4px;
width : 100%;
height : auto;
text-align : center;
color : #8a6d3b;
background-color : #fcf8e3;
border-color : #faebcc;
margin-bottom : 0.25em;
}
.whatsbutton-form-input {
margin : 0.5em 0;
}
.box-input {
position : relative;
float : left;
width : 100%;
margin-bottom : 0.5em;
}
.box-input .icon, .box-input .wb-input {
padding : 0.6em 0.4em;
height : 45px;
}
.box-input .icon {
float : left;
width : 15%;
border-radius : 25px 0 0 25px;
background : #fff;
display : flex;
align-items : center;
justify-content : center;
}
.box-input .icon::after {
color : #b96766;
content : "!";
width : 18px;
height : 18px;
border-radius : 50%;
background : #c80000;
text-align : center;
color : #fff;
display : block;
position : absolute;
font-size : 12px;
font-weight : 700;
line-height : 18px;
top : 50%;
transform : translateY(-50%);
right : 13px;
}
.box-input .icon svg {
transform : rotate(360deg);
}
.visibleError::after {
opacity : 1 !important ;
}
.box-input .icon::after {
opacity : 0;
}
.box-input .wb-input {
float : right;
width : 85%;
border : none;
border-radius : 0 25px 25px 0;
background : #fff;
font-size : 0.8em;
}
.whatsbutton-popup .loader {
display : none;
margin : 1em auto;
border : #f8f8f8 solid 3px;
border-top : 3px solid #009688;
border-radius : 50%;
width : 30px;
height : 30px;
animation : spin 0.5s linear infinite;
}
.wb-sendMessage {
background : #068377;
color : #fff;
font-weight : 500;
font-size : 14px;
line-height : 1.5;
color : #fff;
border-radius : 25px;
background : #3dc15e;
align-items : center;
padding : 10px;
border : none;
transition : all 0.4s;
margin : auto;
float : none;
outline : none;
height : auto;
display : flex;
justify-content : center;
align-items : center;
margin-top : 1em;
}
.wb-buttonClose {
position : absolute;
top : 2%;
right : 1%;
background : #009688;
color : #fff;
padding : 1em 1.35em;
border-radius : 50%;
cursor : pointer;
transition : all 0.2s ease;
}
.wb-buttonClose:hover {
filter : brightness(90%);
}
.wb-sendMessage:hover {
background : #068377 !important ;
}
.wb-hidded {
right : 0% !important ;
}
.messageAlert-success {
display : none;
}
.messageAlert-success p {
text-align : center;
margin : 1em 0;
}
.whatsbutton-container {
position : fixed;
display : block;
bottom : 25%;
right : -100px;
padding : 7px 25px 7px 8px;
border-radius : 25px 0 0 25px;
background-color : rgb(82.2, 208, 77.3, 0.91);
transition : all 0.2s ease;
cursor : pointer;
animation-name : WhatsButtonShow;
animation-duration : 2s;
}
.whatsbutton-icon {
text-align : left;
cursor : pointer;
font : initial;
box-sizing : border-box;
vertical-align : initial;
background-image : url(https://www.comporaco.com.br/imagens/icones/whatsapp-button.svg);
background-size : 140px;
background-repeat : no-repeat;
background-position-y : center;
width : 40px;
height : 40px;
display : inline-block;
font-size : inherit;
text-rendering : auto;
margin-right : 0;
color : #fff;
float : left;
}
.whatsbutton-text {
float : left;
display : flex;
flex-direction : column;
flex-wrap : wrap;
padding-left : 1em;
margin : 0.25em 0;
}
.whatsbutton-text span {
color : #fff !important ;
}
.wb-small, .wb-big {
font-weight : 400;
float : left;
width : 100%;
color : #fff;
}
.wb-small {
font-size : 0.75em;
}
.wb-big {
font-size : 0.85em;
}
.whatsbutton-container:hover {
right : 0;
}
.whatsbutton-icon::before {
content : '1';
width : 15px;
height : 15px;
border-radius : 50%;
opacity : 0;
background-color : red;
line-height : 15px;
position : absolute;
font-size : 0.65em;
font-weight : 700;
font-family : Poppins, sans-serif;
text-align : center;
color : #fff;
animation : WhatsButtonPulse 0.2s forwards;
animation-delay : 15s;
left : 8px;
}
.whatsbutton-icon::after {
content : '';
border-radius : 50%;
background-color : #00e676;
position : absolute;
left : 10px;
top : 9px;
width : 36px;
height : 36px;
animation : WhatsButtonIcon 1.3s infinite;
z-index : -1;
}
@keyframes spin {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(360deg);
}
}
@keyframes WhatsButtonShow {
0% {
margin-right : 100px;
opacity : 0;
}
}
@keyframes WhatsFormShow {
0% {
margin-left : 20%;
opacity : 0;
}
}
@keyframes WhatsButtonPulse {
0% {
opacity : 0;
transform : translateY(-10px);
}
100% {
opacity : 1;
transform : translateY(0);
}
}
@keyframes WhatsButtonIcon {
0% {
box-shadow : 0 0 0 0 rgb(0, 230, 118, 0.8);
}
100% {
box-shadow : 0 0 0 25px transparent;
}
}
@media only screen and (max-width: 767px) {
.wb-buttonClose {
display : none;
}
}
.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;
}
.gap-0 {
gap : 0;
}
.gap-10 {
gap : 10px;
}
.gap-20 {
gap : 20px;
}
.gap-30 {
gap : 30px;
}
.gap-40 {
gap : 40px;
}
.gap-50 {
gap : 50px;
}
.gap-60 {
gap : 60px;
}
.gap-70 {
gap : 70px;
}
.gap-80 {
gap : 80px;
}
.gap-90 {
gap : 90px;
}
.gap-100 {
gap : 100px;
}
@media only screen and (max-width: 576px) {
[class="gap-"] {
gap : 1.5em;
}
}
.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 : #333333;
}
.border-light {
border-color : #f0f0f0;
}
.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-primary-dark {
background-color : #990000;
}
.bg-secondary-color {
background-color : #4c97bb;
}
.bg-grey {
background-color : #555555;
}
.bg-black {
background-color : #000;
}
.bg-white {
background-color : #FFF;
}
.bg-dark {
background-color : #333333;
}
.bg-light {
background-color : #f0f0f0;
}
.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;
}
.row::after, .row::before {
clear : both;
}
.col-1 {
width : 8.33%;
}
.col-2 {
width : 16.66%;
}
.col-3 {
width : 25%;
}
.col-4 {
width : 33.33%;
}
.col-5 {
width : 41.66%;
}
.col-6 {
width : 50%;
}
.col-7 {
width : 58.33%;
}
.col-8 {
width : 66.66%;
}
.col-9 {
width : 75%;
}
.col-10 {
width : 83.33%;
}
.col-11 {
width : 91.66%;
}
.col-12 {
width : 100%;
}
@media only screen and (max-width: 1024px) {
.col-xl-1 {
width : 8.33%;
}
.col-xl-2 {
width : 16.66%;
}
.col-xl-3 {
width : 25%;
}
.col-xl-4 {
width : 33.33%;
}
.col-xl-5 {
width : 41.66%;
}
.col-xl-6 {
width : 50%;
}
.col-xl-7 {
width : 58.33%;
}
.col-xl-8 {
width : 66.66%;
}
.col-xl-9 {
width : 75%;
}
.col-xl-10 {
width : 83.33%;
}
.col-xl-11 {
width : 91.66%;
}
.col-xl-12 {
width : 100%;
}
}
@media only screen and (max-width: 992px) {
.col-lg-1 {
width : 8.33%;
}
.col-lg-2 {
width : 16.66%;
}
.col-lg-3 {
width : 25%;
}
.col-lg-4 {
width : 33.33%;
}
.col-lg-5 {
width : 41.66%;
}
.col-lg-6 {
width : 50%;
}
.col-lg-7 {
width : 58.33%;
}
.col-lg-8 {
width : 66.66%;
}
.col-lg-9 {
width : 75%;
}
.col-lg-10 {
width : 83.33%;
}
.col-lg-11 {
width : 91.66%;
}
.col-lg-12 {
width : 100%;
}
}
@media only screen and (max-width: 768px) {
.col-md-1 {
width : 8.33%;
}
.col-md-2 {
width : 16.66%;
}
.col-md-3 {
width : 25%;
}
.col-md-4 {
width : 33.33%;
}
.col-md-5 {
width : 41.66%;
}
.col-md-6 {
width : 50%;
}
.col-md-7 {
width : 58.33%;
}
.col-md-8 {
width : 66.66%;
}
.col-md-9 {
width : 75%;
}
.col-md-10 {
width : 83.33%;
}
.col-md-11 {
width : 91.66%;
}
.col-md-12 {
width : 100%;
}
}
@media only screen and (max-width: 576px) {
[class*="col-"] {
width : 100%;
}
.col-sm-1 {
width : 8.33%;
}
.col-sm-2 {
width : 16.66%;
}
.col-sm-3 {
width : 25%;
}
.col-sm-4 {
width : 33.33%;
}
.col-sm-5 {
width : 41.66%;
}
.col-sm-6 {
width : 50%;
}
.col-sm-7 {
width : 58.33%;
}
.col-sm-8 {
width : 66.66%;
}
.col-sm-9 {
width : 75%;
}
.col-sm-10 {
width : 83.33%;
}
.col-sm-11 {
width : 91.66%;
}
.col-sm-12 {
width : 100%;
}
}
@media only screen and (max-width: 320px) {
.col-xs-1 {
width : 8.33%;
}
.col-xs-2 {
width : 16.66%;
}
.col-xs-3 {
width : 25%;
}
.col-xs-4 {
width : 33.33%;
}
.col-xs-5 {
width : 41.66%;
}
.col-xs-6 {
width : 50%;
}
.col-xs-7 {
width : 58.33%;
}
.col-xs-8 {
width : 66.66%;
}
.col-xs-9 {
width : 75%;
}
.col-xs-10 {
width : 83.33%;
}
.col-xs-11 {
width : 91.66%;
}
.col-xs-12 {
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%;
}
.grid-gap-0 {
gap : 0;
}
.grid-gap-10 {
gap : 10px;
}
.grid-gap-20 {
gap : 20px;
}
.grid-gap-30 {
gap : 30px;
}
.grid-gap-40 {
gap : 40px;
}
.grid-gap-50 {
gap : 50px;
}
.grid-gap-60 {
gap : 60px;
}
.grid-gap-70 {
gap : 70px;
}
.grid-gap-80 {
gap : 80px;
}
.grid-gap-90 {
gap : 90px;
}
.grid-gap-100 {
gap : 100px;
}
@media only screen and (max-width: 768px) {
[class*="grid-gap-"]:not(.grid-gap-0) {
gap : 1.5em;
}
}
@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%;
}
}
.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 : 1rem auto;
transition : 0.3s;
width : 100%;
max-width : 160px;
}
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.8;
}
header #menu > ul {
display : flex;
align-items : center;
justify-content : center;
height : 100%;
}
header #menu > ul > li {
margin : 0 0.05em;
}
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 {
background-color : #ff0000;
color : #fff;
}
header #menu > ul > li.dropdown [class*="sub-menu"] {
background-color : #ff0000;
}
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);
}
.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 : #333333;
}
.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 : #333333;
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 {
padding : 0 !important ;
background-color : #333333;
border-top : 5px solid var(--primary-color);
}
footer h3 {
margin-top : 0;
margin-bottom : 0.75rem;
color : #fff;
text-transform : uppercase;
}
footer .address :is(a, span) {
font-size : 16px;
line-height : 28px;
color : #fff;
transition : 0.3s;
}
footer .address a:hover {
color : var(--primary-color);
}
footer .social {
gap : 8px;
justify-content : center;
}
footer .social .social__icons {
font-size : 26px;
color : #fff;
opacity : 0.5;
}
footer .social .social__icons:hover {
opacity : 1;
}
footer .footer__menu {
padding : 1.25rem 0;
background-color : #333;
}
footer .footer__menu ul {
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : center;
gap : 0.25rem;
}
footer .footer__menu ul li {
display : flex;
align-items : center;
justify-content : center;
box-sizing : border-box;
padding : 0.25rem;
}
footer .footer__menu ul li:not(:last-child):after {
content : '/';
color : #fff;
padding-left : 0.75em;
}
footer .footer__menu ul li a {
color : #fff;
transition : 0.3s;
}
footer .footer__menu li a:hover {
color : var(--primary-color);
}
.copyright-footer {
background-color : #1f1f1f;
}
.copyright-footer .selos {
float : none;
}
.copyright-footer .wrapper {
display : flex;
flex-flow : row wrap;
align-items : center;
justify-content : space-evenly;
gap : 1rem;
}
@media only screen and (max-width: 768px) {
footer * {
text-align : center;
}
}
@media only screen and (max-width: 576px) {
footer .footer__menu ul {
flex-direction : column;
}
footer .footer__menu ul li:after {
display : none;
}
}
.destaques-mpi__title {
margin : 0 0 30px 0;
color : var(--primary-color);
}
.destaques-mpi__title span {
color : var(--dark);
}
.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;
}
.obras__image img {
width : 100%;
aspect-ratio : 3/2;
object-fit : cover;
border-radius : 0.25rem;
box-shadow : 0 0 0 rgb(0, 0, 0, 0);
}
.obras__image img:hover {
opacity : 0.8;
transform : translateY(-0.125rem) scale(1.0125);
box-shadow : 0 0.25rem 1rem rgb(0, 0, 0, 0.2);
}
.sobre__list {
margin-left : 1.25rem;
}
.sobre__list li {
margin : 0.125rem 0;
}
.mvv {
max-width : 1920px;
width : 100%;
margin : 0 auto;
}
.mvv .mvv__item {
position : relative;
overflow : hidden;
box-sizing : border-box;
padding : 4rem 3rem;
width : 100%;
height : 100%;
}
.mvv .mvv__title {
font-size : 1.8em;
margin : 0;
text-transform : uppercase;
color : #fff;
}
.mvv .mvv__text {
color : #fff;
text-align : left;
}
.mvv .mvv__list {
list-style : disc;
margin : 10px 10px 10px 15px;
color : #fff;
font-size : 14px;
}
.mvv .mvv__icon {
position : absolute;
right : -41px;
bottom : -14px;
font-size : 180px;
color : rgb(0, 0, 0, 0.1);
background-color : #f47b3900;
}
.contato .contato__form {
display : flex;
flex-direction : column;
width : 100%;
}
.contato .contato__form :is(input, textarea, select) {
padding : 1em;
width : 100%;
margin : 0.8em 0;
border : #ccc solid 2px;
color : var(--grey);
text-align : start;
}
.contato .contato__form select {
padding : 0.9em;
}
.contato .contato__form :is(input, textarea, select):focus {
border-color : #555555;
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;
}
.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 : flex;
flex-flow : row wrap;
gap : 1.5rem;
width : 100%;
margin-bottom : 1.5rem;
}
.contato .contato__icon {
flex-shrink : 0;
width : 4rem;
height : 4rem;
border-radius : 9999px;
font-size : 1.5rem;
background-color : #ff0000;
color : #fff;
display : flex;
align-items : center;
justify-content : center;
outline : 2px solid transparent;
}
.contato .contato__icon:hover {
background-color : #333333;
outline-color : var(--dark);
outline-offset : 0.3em;
}
.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;
}
.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;
}
.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%);
}
@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;
}
}
.title-emphasis {
font-size : 1.75rem;
text-align : center;
text-transform : uppercase;
}
.divider {
display : block;
height : 0.5rem;
width : 15%;
min-width : 10rem;
margin : 1.25rem auto;
margin-top : 0.75rem;
background-color : #ff0000;
}
.aviso-wpp {
font-size : 12px;
color : red;
text-align : center;
}
.bread {
padding : 1.25rem 0;
}
.bread__title {
margin : 1rem 0 0 0;
color : var(--primary-color);
}
#breadcrumb {
display : inline-flex;
align-items : center;
flex-wrap : wrap;
gap : 5px;
clear : both;
margin : 0;
}
#breadcrumb * {
transition : 0.3s;
}
#breadcrumb a {
display : inline-flex;
align-items : center;
height : fit-content;
}
#breadcrumb a:hover {
color : var(--primary-color);
}
#breadcrumb .bread__column {
display : inline-flex;
align-items : center;
}
#breadcrumb :is(li, a) {
color : var(--grey);
}
.bread:is(.bread--default, .bread--mpi) .bread__column:first-child:before {
content : "\e3af";
font-family : "FontAwesome";
font-size : 12px;
margin-right : 4px;
color : var(--grey);
}
.bread:is(.bread--default, .bread--mpi) .bread__column:not(:last-child)::after {
content : "❱";
margin-left : 6px;
font-size : 14px;
color : var(--grey);
}
.bread--mpi {
margin-bottom : 32px;
}
@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;
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
transform : translateZ(0);
}
40%, 43% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-30px,0);
}
70% {
animation-timing-function : cubic-bezier(0.755,0.05,0.855,0.06);
transform : translate3d(0,-15px,0);
}
90% {
transform : translate3d(0,-4px,0);
}
}
.bounce {
animation-name : bounce;
transform-origin : center bottom;
}
@keyframes flash {
0%, 50%, to {
opacity : 1;
}
25%, 75% {
opacity : 0;
}
}
.flash {
animation-name : flash;
}
@keyframes pulse {
0% {
transform : scaleX(1);
}
50% {
transform : scale3d(1.05,1.05,1.05);
}
to {
transform : scaleX(1);
}
}
.pulse {
animation-name : pulse;
}
@keyframes rubberBand {
0% {
transform : scaleX(1);
}
30% {
transform : scale3d(1.25,0.75,1);
}
40% {
transform : scale3d(0.75,1.25,1);
}
50% {
transform : scale3d(1.15,0.85,1);
}
65% {
transform : scale3d(0.95,1.05,1);
}
75% {
transform : scale3d(1.05,0.95,1);
}
to {
transform : scaleX(1);
}
}
.rubberBand {
animation-name : rubberBand;
}
@keyframes shake {
0%, to {
transform : translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
transform : translate3d(-10px,0,0);
}
20%, 40%, 60%, 80% {
transform : translate3d(10px,0,0);
}
}
.shake {
animation-name : shake;
}
@keyframes headShake {
0% {
transform : translateX(0);
}
6.5% {
transform : translateX(-6px) rotateY(-9deg);
}
18.5% {
transform : translateX(5px) rotateY(7deg);
}
31.5% {
transform : translateX(-3px) rotateY(-5deg);
}
43.5% {
transform : translateX(2px) rotateY(3deg);
}
50% {
transform : translateX(0);
}
}
.headShake {
animation-name : headShake;
animation-timing-function : ease-in-out;
}
@keyframes swing {
20% {
transform : rotate(15deg);
}
40% {
transform : rotate(-10deg);
}
60% {
transform : rotate(5deg);
}
80% {
transform : rotate(-5deg);
}
to {
transform : rotate(0deg);
}
}
.swing {
animation-name : swing;
transform-origin : top center;
}
@keyframes tada {
0% {
transform : scaleX(1);
}
10%, 20% {
transform : scale3d(0.9,0.9,0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform : scale3d(1.1,1.1,1.1) rotate(3deg);
}
40%, 60%, 80% {
transform : scale3d(1.1,1.1,1.1) rotate(-3deg);
}
to {
transform : scaleX(1);
}
}
.tada {
animation-name : tada;
}
@keyframes wobble {
0% {
transform : translateZ(0);
}
15% {
transform : translate3d(-25%,0,0) rotate(-5deg);
}
30% {
transform : translate3d(20%,0,0) rotate(3deg);
}
45% {
transform : translate3d(-15%,0,0) rotate(-3deg);
}
60% {
transform : translate3d(10%,0,0) rotate(2deg);
}
75% {
transform : translate3d(-5%,0,0) rotate(-1deg);
}
to {
transform : translateZ(0);
}
}
.wobble {
animation-name : wobble;
}
@keyframes jello {
0%, 11.1%, to {
transform : translateZ(0);
}
22.2% {
transform : skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform : skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform : skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform : skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform : skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform : skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform : skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name : jello;
transform-origin : center;
}
@keyframes heartBeat {
0% {
transform : scale(1);
}
14% {
transform : scale(1.3);
}
28% {
transform : scale(1);
}
42% {
transform : scale(1.3);
}
70% {
transform : scale(1);
}
}
.heartBeat {
animation-duration : 1.3s;
animation-name : heartBeat;
animation-timing-function : ease-in-out;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
20% {
transform : scale3d(1.1,1.1,1.1);
}
40% {
transform : scale3d(0.9,0.9,0.9);
}
60% {
opacity : 1;
transform : scale3d(1.03,1.03,1.03);
}
80% {
transform : scale3d(0.97,0.97,0.97);
}
to {
opacity : 1;
transform : scaleX(1);
}
}
.bounceIn {
animation-duration : 0.75s;
animation-name : bounceIn;
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(0,-3000px,0);
}
60% {
opacity : 1;
transform : translate3d(0,25px,0);
}
75% {
transform : translate3d(0,-10px,0);
}
90% {
transform : translate3d(0,5px,0);
}
to {
transform : translateZ(0);
}
}
.bounceInDown {
animation-name : bounceInDown;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(-3000px,0,0);
}
60% {
opacity : 1;
transform : translate3d(25px,0,0);
}
75% {
transform : translate3d(-10px,0,0);
}
90% {
transform : translate3d(5px,0,0);
}
to {
transform : translateZ(0);
}
}
.bounceInLeft {
animation-name : bounceInLeft;
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(3000px,0,0);
}
60% {
opacity : 1;
transform : translate3d(-25px,0,0);
}
75% {
transform : translate3d(10px,0,0);
}
90% {
transform : translate3d(-5px,0,0);
}
to {
transform : translateZ(0);
}
}
.bounceInRight {
animation-name : bounceInRight;
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
animation-timing-function : cubic-bezier(0.215,0.61,0.355,1);
}
0% {
opacity : 0;
transform : translate3d(0,3000px,0);
}
60% {
opacity : 1;
transform : translate3d(0,-20px,0);
}
75% {
transform : translate3d(0,10px,0);
}
90% {
transform : translate3d(0,-5px,0);
}
to {
transform : translateZ(0);
}
}
.bounceInUp {
animation-name : bounceInUp;
}
@keyframes bounceOut {
20% {
transform : scale3d(0.9,0.9,0.9);
}
50%, 55% {
opacity : 1;
transform : scale3d(1.1,1.1,1.1);
}
to {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
}
.bounceOut {
animation-duration : 0.75s;
animation-name : bounceOut;
}
@keyframes bounceOutDown {
20% {
transform : translate3d(0,10px,0);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,-20px,0);
}
to {
opacity : 0;
transform : translate3d(0,2000px,0);
}
}
.bounceOutDown {
animation-name : bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity : 1;
transform : translate3d(20px,0,0);
}
to {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
}
.bounceOutLeft {
animation-name : bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity : 1;
transform : translate3d(-20px,0,0);
}
to {
opacity : 0;
transform : translate3d(2000px,0,0);
}
}
.bounceOutRight {
animation-name : bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform : translate3d(0,-10px,0);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,20px,0);
}
to {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
}
.bounceOutUp {
animation-name : bounceOutUp;
}
@keyframes fadeIn {
0% {
opacity : 0;
}
to {
opacity : 1;
}
}
.fadeIn {
animation-name : fadeIn;
}
@keyframes fadeInDown {
0% {
opacity : 0;
transform : translate3d(0,-100%,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInDown {
animation-name : fadeInDown;
}
@keyframes fadeInDownBig {
0% {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInDownBig {
animation-name : fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
opacity : 0;
transform : translate3d(-100%,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInLeft {
animation-name : fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInLeftBig {
animation-name : fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
opacity : 0;
transform : translate3d(100%,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInRight {
animation-name : fadeInRight;
}
@keyframes fadeInRightBig {
0% {
opacity : 0;
transform : translate3d(2000px,0,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInRightBig {
animation-name : fadeInRightBig;
}
@keyframes fadeInUp {
0% {
opacity : 0;
transform : translate3d(0,100%,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInUp {
animation-name : fadeInUp;
}
@keyframes fadeInUpBig {
0% {
opacity : 0;
transform : translate3d(0,2000px,0);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.fadeInUpBig {
animation-name : fadeInUpBig;
}
@keyframes fadeOut {
0% {
opacity : 1;
}
to {
opacity : 0;
}
}
.fadeOut {
animation-name : fadeOut;
}
@keyframes fadeOutDown {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,100%,0);
}
}
.fadeOutDown {
animation-name : fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,2000px,0);
}
}
.fadeOutDownBig {
animation-name : fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(-100%,0,0);
}
}
.fadeOutLeft {
animation-name : fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
}
.fadeOutLeftBig {
animation-name : fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.fadeOutRight {
animation-name : fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(2000px,0,0);
}
}
.fadeOutRightBig {
animation-name : fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,-100%,0);
}
}
.fadeOutUp {
animation-name : fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
}
.fadeOutUpBig {
animation-name : fadeOutUpBig;
}
@keyframes flip {
0% {
animation-timing-function : ease-out;
transform : perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
}
40% {
animation-timing-function : ease-out;
transform : perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
}
50% {
animation-timing-function : ease-in;
transform : perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
}
80% {
animation-timing-function : ease-in;
transform : perspective(400px) scale3d(0.95,0.95,0.95) translateZ(0) rotateY(0deg);
}
to {
animation-timing-function : ease-in;
transform : perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
}
}
.animated.flip {
animation-name : flip;
backface-visibility : visible;
}
@keyframes flipInX {
0% {
animation-timing-function : ease-in;
opacity : 0;
transform : perspective(400px) rotateX(90deg);
}
40% {
animation-timing-function : ease-in;
transform : perspective(400px) rotateX(-20deg);
}
60% {
opacity : 1;
transform : perspective(400px) rotateX(10deg);
}
80% {
transform : perspective(400px) rotateX(-5deg);
}
to {
transform : perspective(400px);
}
}
.flipInX {
animation-name : flipInX;
backface-visibility : visible !important ;
}
@keyframes flipInY {
0% {
animation-timing-function : ease-in;
opacity : 0;
transform : perspective(400px) rotateY(90deg);
}
40% {
animation-timing-function : ease-in;
transform : perspective(400px) rotateY(-20deg);
}
60% {
opacity : 1;
transform : perspective(400px) rotateY(10deg);
}
80% {
transform : perspective(400px) rotateY(-5deg);
}
to {
transform : perspective(400px);
}
}
.flipInY {
animation-name : flipInY;
backface-visibility : visible !important ;
}
@keyframes flipOutX {
0% {
transform : perspective(400px);
}
30% {
opacity : 1;
transform : perspective(400px) rotateX(-20deg);
}
to {
opacity : 0;
transform : perspective(400px) rotateX(90deg);
}
}
.flipOutX {
animation-duration : 0.75s;
animation-name : flipOutX;
backface-visibility : visible !important ;
}
@keyframes flipOutY {
0% {
transform : perspective(400px);
}
30% {
opacity : 1;
transform : perspective(400px) rotateY(-15deg);
}
to {
opacity : 0;
transform : perspective(400px) rotateY(90deg);
}
}
.flipOutY {
animation-duration : 0.75s;
animation-name : flipOutY;
backface-visibility : visible !important ;
}
@keyframes lightSpeedIn {
0% {
opacity : 0;
transform : translate3d(100%,0,0) skewX(-30deg);
}
60% {
opacity : 1;
transform : skewX(20deg);
}
80% {
transform : skewX(-5deg);
}
to {
transform : translateZ(0);
}
}
.lightSpeedIn {
animation-name : lightSpeedIn;
animation-timing-function : ease-out;
}
@keyframes lightSpeedOut {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(100%,0,0) skewX(30deg);
}
}
.lightSpeedOut {
animation-name : lightSpeedOut;
animation-timing-function : ease-in;
}
@keyframes rotateIn {
0% {
opacity : 0;
transform : rotate(-200deg);
transform-origin : center;
}
to {
opacity : 1;
transform : translateZ(0);
transform-origin : center;
}
}
.rotateIn {
animation-name : rotateIn;
}
@keyframes rotateInDownLeft {
0% {
opacity : 0;
transform : rotate(-45deg);
transform-origin : left bottom;
}
to {
opacity : 1;
transform : translateZ(0);
transform-origin : left bottom;
}
}
.rotateInDownLeft {
animation-name : rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
opacity : 0;
transform : rotate(45deg);
transform-origin : right bottom;
}
to {
opacity : 1;
transform : translateZ(0);
transform-origin : right bottom;
}
}
.rotateInDownRight {
animation-name : rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
opacity : 0;
transform : rotate(45deg);
transform-origin : left bottom;
}
to {
opacity : 1;
transform : translateZ(0);
transform-origin : left bottom;
}
}
.rotateInUpLeft {
animation-name : rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
opacity : 0;
transform : rotate(-90deg);
transform-origin : right bottom;
}
to {
opacity : 1;
transform : translateZ(0);
transform-origin : right bottom;
}
}
.rotateInUpRight {
animation-name : rotateInUpRight;
}
@keyframes rotateOut {
0% {
opacity : 1;
transform-origin : center;
}
to {
opacity : 0;
transform : rotate(200deg);
transform-origin : center;
}
}
.rotateOut {
animation-name : rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
opacity : 1;
transform-origin : left bottom;
}
to {
opacity : 0;
transform : rotate(45deg);
transform-origin : left bottom;
}
}
.rotateOutDownLeft {
animation-name : rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
opacity : 1;
transform-origin : right bottom;
}
to {
opacity : 0;
transform : rotate(-45deg);
transform-origin : right bottom;
}
}
.rotateOutDownRight {
animation-name : rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
opacity : 1;
transform-origin : left bottom;
}
to {
opacity : 0;
transform : rotate(-45deg);
transform-origin : left bottom;
}
}
.rotateOutUpLeft {
animation-name : rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
opacity : 1;
transform-origin : right bottom;
}
to {
opacity : 0;
transform : rotate(90deg);
transform-origin : right bottom;
}
}
.rotateOutUpRight {
animation-name : rotateOutUpRight;
}
@keyframes hinge {
0% {
animation-timing-function : ease-in-out;
transform-origin : top left;
}
20%, 60% {
animation-timing-function : ease-in-out;
transform : rotate(80deg);
transform-origin : top left;
}
40%, 80% {
animation-timing-function : ease-in-out;
opacity : 1;
transform : rotate(60deg);
transform-origin : top left;
}
to {
opacity : 0;
transform : translate3d(0,700px,0);
}
}
.hinge {
animation-duration : 2s;
animation-name : hinge;
}
@keyframes jackInTheBox {
0% {
opacity : 0;
transform : scale(0.1) rotate(30deg);
transform-origin : center bottom;
}
50% {
transform : rotate(-10deg);
}
70% {
transform : rotate(3deg);
}
to {
opacity : 1;
transform : scale(1);
}
}
.jackInTheBox {
animation-name : jackInTheBox;
}
@keyframes rollIn {
0% {
opacity : 0;
transform : translate3d(-100%,0,0) rotate(-120deg);
}
to {
opacity : 1;
transform : translateZ(0);
}
}
.rollIn {
animation-name : rollIn;
}
@keyframes rollOut {
0% {
opacity : 1;
}
to {
opacity : 0;
transform : translate3d(100%,0,0) rotate(120deg);
}
}
.rollOut {
animation-name : rollOut;
}
@keyframes zoomIn {
0% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
50% {
opacity : 1;
}
}
.zoomIn {
animation-name : zoomIn;
}
@keyframes zoomInDown {
0% {
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
}
60% {
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
}
}
.zoomInDown {
animation-name : zoomInDown;
}
@keyframes zoomInLeft {
0% {
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
}
60% {
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
}
}
.zoomInLeft {
animation-name : zoomInLeft;
}
@keyframes zoomInRight {
0% {
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
}
60% {
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
}
}
.zoomInRight {
animation-name : zoomInRight;
}
@keyframes zoomInUp {
0% {
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
}
60% {
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
}
}
.zoomInUp {
animation-name : zoomInUp;
}
@keyframes zoomOut {
0% {
opacity : 1;
}
50% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
to {
opacity : 0;
}
}
.zoomOut {
animation-name : zoomOut;
}
@keyframes zoomOutDown {
40% {
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
}
to {
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
transform-origin : center bottom;
}
}
.zoomOutDown {
animation-name : zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
}
to {
opacity : 0;
transform : scale(0.1) translate3d(-2000px,0,0);
transform-origin : left center;
}
}
.zoomOutLeft {
animation-name : zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
}
to {
opacity : 0;
transform : scale(0.1) translate3d(2000px,0,0);
transform-origin : right center;
}
}
.zoomOutRight {
animation-name : zoomOutRight;
}
@keyframes zoomOutUp {
40% {
animation-timing-function : cubic-bezier(0.55,0.055,0.675,0.19);
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
}
to {
animation-timing-function : cubic-bezier(0.175,0.885,0.32,1);
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
transform-origin : center bottom;
}
}
.zoomOutUp {
animation-name : zoomOutUp;
}
@keyframes slideInDown {
0% {
transform : translate3d(0,-100%,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.slideInDown {
animation-name : slideInDown;
}
@keyframes slideInLeft {
0% {
transform : translate3d(-100%,0,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.slideInLeft {
animation-name : slideInLeft;
}
@keyframes slideInRight {
0% {
transform : translate3d(100%,0,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.slideInRight {
animation-name : slideInRight;
}
@keyframes slideInUp {
0% {
transform : translate3d(0,100%,0);
visibility : visible;
}
to {
transform : translateZ(0);
}
}
.slideInUp {
animation-name : slideInUp;
}
@keyframes slideOutDown {
0% {
transform : translateZ(0);
}
to {
transform : translate3d(0,100%,0);
visibility : hidden;
}
}
.slideOutDown {
animation-name : slideOutDown;
}
@keyframes slideOutLeft {
0% {
transform : translateZ(0);
}
to {
transform : translate3d(-100%,0,0);
visibility : hidden;
}
}
.slideOutLeft {
animation-name : slideOutLeft;
}
@keyframes slideOutRight {
0% {
transform : translateZ(0);
}
to {
transform : translate3d(100%,0,0);
visibility : hidden;
}
}
.slideOutRight {
animation-name : slideOutRight;
}
@keyframes slideOutUp {
0% {
transform : translateZ(0);
}
to {
transform : translate3d(0,-100%,0);
visibility : hidden;
}
}
.slideOutUp {
animation-name : slideOutUp;
}
.animated {
animation-duration : 1s;
animation-fill-mode : both;
}
.animated.infinite {
animation-iteration-count : infinite;
}
.animated.delay-1s {
animation-delay : 1s;
}
.animated.delay-2s {
animation-delay : 2s;
}
.animated.delay-3s {
animation-delay : 3s;
}
.animated.delay-4s {
animation-delay : 4s;
}
.animated.delay-5s {
animation-delay : 5s;
}
.animated.fast {
animation-duration : 0.8s;
}
.animated.faster {
animation-duration : 0.5s;
}
.animated.slow {
animation-duration : 2s;
}
.animated.slower {
animation-duration : 3s;
}
@media (prefers-reduced-motion) {
.animated {
animation : unset !important ;
transition : none !important ;
}
}
:root {
--primary-font : "Roboto",sans-serif;
}
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 : 99992;
}
.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);
}
}
.topo-contato {
background : #ff0000;
padding : 10px 0;
position : sticky;
top : 0;
z-index : 999;
}
.topo-contato span {
font-size : 22px;
color : white;
}
.topo-contato .btn {
text-align : center;
border-radius : 3px;
font-size : 0.8em;
font-weight : 700;
letter-spacing : 0.38px;
box-shadow : 0 15px 10px -15px #111;
width : 100%;
margin : 0;
}
.topo-contato .btn-white {
background : #fff;
color : var(--primary-color);
}
.topo-contato .btn-whatsapp {
background : #28a745;
}
.topo-contato .btn-whatsapp:hover {
background : #218838;
opacity : 1;
}
.mpi-rules header .topo {
display : none !important ;
}
.mpi-rules .bread--mpi {
text-align : center;
}
.mpi-rules .form :is(input, textarea) {
max-width : 380px;
width : 100%;
}
.mpi-rules h1 {
text-align : center;
margin-top : 0.5em;
text-transform : uppercase;
}
.mpi-rules article.full * {
text-align : center;
}
.mpi-rules article.full :is(h2, h3) {
text-transform : uppercase;
font-size : 18px;
}
.mpi-rules article.full .list {
display : flex;
flex-flow : column;
align-items : center;
}
.mpi-rules .content-call {
padding : 20px;
}
.expand-content {
color : #9a9a9a;
background-image : linear-gradient(transparent 11px, #9a9a9a 11px, #9a9a9a 12px, transparent 1px);
margin : 10px 0;
display : block;
cursor : pointer;
}
.expand-content span {
background : white;
padding : 10px;
}
.mpi-rules .mpi-article {
float : left;
width : 67.5%;
}
.mpi-rules .mpi-article p {
margin : 1em 0;
}
.mpi-rules .mpi-article strong {
font-weight : normal;
}
.aside-form {
box-sizing : border-box;
padding : 20px;
border-radius : 10px;
box-shadow : 0 0 15px -10px #000;
text-align : center;
background-color : #fff;
}
.aside-form h2 {
font-weight : 900;
text-transform : uppercase;
font-size : 1.15rem;
margin-top : 0;
}
.aside-form form label {
font-size : 0.8em !important ;
text-transform : none;
margin-bottom : 8px;
display : block;
}
.aside-form form :is(input, textarea) {
font-size : 0.8em !important ;
text-align : center;
display : block;
width : 100%;
height : calc(1.5em + 0.75rem + 2px);
padding : 0.375rem 0.75rem;
font-size : 1rem;
font-weight : 400;
line-height : 1.5;
color : #495057;
background-color : #fff;
background-clip : padding-box;
border : #ced4da solid 1px;
border-radius : 0.25rem;
margin-bottom : 16px;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.aside-form form textarea {
height : 100px;
}
.aside-form .btn {
font-size : 12px;
font-weight : bold;
width : 100%;
margin : 5px 0;
}
.aside-form .btn-aside-submit {
background : #ff0000;
}
.aside-form .btn-aside-phone {
background-color : #4c97bb;
}
.aside-form .btn-aside-whatsapp {
background : #28a745;
}
.aside-form .aside-social {
font-size : 20px;
width : 50%;
margin : 20px auto;
display : flex;
justify-content : space-around;
}
.aside-form .aside-social a {
color : var(--primary-color);
}
.mpi-rules aside .collapse-aside {
box-sizing : border-box;
padding : 15px 20px;
background-color : #fff;
border-radius : 5px;
box-shadow : 0 0 15px -10px #000;
letter-spacing : 0.03em;
text-align : center;
text-transform : none;
font-size : 1em !important ;
font-weight : bold;
vertical-align : middle;
user-select : none;
cursor : pointer;
}
.mpi-rules aside nav {
background-color : #fff;
border-radius : 10px;
box-shadow : 0 0 15px -10px #000;
box-sizing : border-box;
padding : 10px;
}
.mpi-rules aside li {
margin : 0;
padding : 10px;
}
.mpi-rules aside li:not(:last-child) {
border-bottom : 1px solid #e1e1e1;
}
.mpi-rules aside li a {
border-left : 0;
padding : 0;
font-size : 12px;
}
.mpi-rules aside nav li a:hover, .mpi-rules aside nav li a.active-menu-aside {
background-color : transparent;
color : var(--dark);
border : 0;
}
.mpi-rules .tabs .tabs-btn * {
display : inline-block;
cursor : pointer;
padding : 8px 16px;
border-bottom : 3px solid transparent;
margin : 0;
transition : 0.3s;
}
.mpi-rules .tabs .tabs-btn {
margin : 30px 0;
border-bottom : 1px solid #dee2e6;
}
.mpi-rules .tabs .tabs-btn *.active-tab {
color : var(--primary-color);
border-color : #ff0000;
}
.mpi-rules .tabs .tabs-btn *:hover {
color : var(--primary-color);
}
.mpi-rules .article-call {
display : flex;
align-items : center;
}
.mpi-rules .article-call h2 {
font-size : 28px;
color : var(--primary-color);
margin-bottom : 10px;
}
.mpi-rules .article-call p {
margin-top : 10px;
font-size : 18px;
}
.mpi-rules .article-call .btn {
background-color : #ff0000;
}
.grid-related-posting img {
width : 100%;
height : 240px;
object-fit : cover;
display : block;
margin : 0 auto;
}
.grid-related-posting a {
position : relative;
display : block;
}
.grid-related-posting a h2 {
position : absolute;
top : 0;
left : 0;
margin : 0;
display : flex;
width : 100%;
height : 100%;
justify-content : center;
align-items : center;
background : #ff0000;
color : #fff;
text-transform : uppercase;
font-weight : 200;
transition : 0.3s;
opacity : 0;
color : white;
padding : 15px;
text-align : center;
}
.grid-related-posting a:hover h2 {
opacity : 1;
}
@media only screen and (max-width: 576px) {
.topo-contato span {
display : block;
text-align : center;
font-size : 14px;
}
.topo-contato .btn {
padding : 8px 15px;
}
.mpi-rules .mpi-article {
width : 100%;
}
.mpi-rules .article-call {
flex-flow : column;
}
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 400;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : italic;
font-weight : 700;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v32/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 400;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
font-family : 'Roboto';
font-style : normal;
font-weight : 700;
font-display : swap;
src : url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}

↑ Topo