Resultados da validação CSS do W3C para https://vbnnet.com.br/empresas-consultoria-tributaria-sp (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?uri=https://vbnnet.com.br/empresas-consultoria-tributaria-sp&profile=css3svg&usermedium=all&warning=1&vextwarning=
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 (163)

URI : https://vbnnet.com.br/

0 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
0 A propriedade -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif é uma propriedade proprietária desconhecida
0 A propriedade -webkit-tap-highlight-color é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-overflow-scrolling é uma propriedade proprietária desconhecida
0 A propriedade -webkit-font-smoothing é uma propriedade proprietária desconhecida
0 A propriedade -webkit-touch-callout é uma propriedade proprietária desconhecida
0 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
0 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
0 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
0 A propriedade -webkit-overflow-scrolling é uma propriedade proprietária desconhecida
0 A propriedade opacity,-webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade transform,opacity,-webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-animation-timing-function é uma propriedade proprietária desconhecida
0 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform-origin é uma propriedade proprietária desconhecida
0 A propriedade opacity,-webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade transform,opacity,-webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
0 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
0 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
0 A propriedade -webkit-grab é uma propriedade proprietária desconhecida
0 A propriedade -webkit-grabbing é uma propriedade proprietária desconhecida
0 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
0 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
0 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
0 A propriedade -webkit-animation é uma propriedade proprietária desconhecida
0 Lamento, a at-rule @-webkit-keyframes não está implementada.
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
0 A propriedade -webkit-user-select é uma propriedade proprietária desconhecida
0 A propriedade -moz-user-select é uma propriedade proprietária desconhecida
0 A propriedade -ms-user-select é uma propriedade proprietária desconhecida
0 A propriedade -webkit-overflow-scrolling é uma propriedade proprietária desconhecida
0 A propriedade -ms-overflow-style é uma propriedade proprietária desconhecida
0 A propriedade -webkit-tap-highlight-color é uma propriedade proprietária desconhecida
0 ::-webkit-scrollbar não é reconhecido como um pseudoelemento proprietário válido
0 ::-webkit-scrollbar-track não é reconhecido como um pseudoelemento proprietário válido
0 ::-webkit-scrollbar-thumb não é reconhecido como um pseudoelemento proprietário válido
0 A propriedade -webkit-backface-visibility é uma propriedade proprietária desconhecida
0 A propriedade -webkit-tap-highlight-color é uma propriedade proprietária desconhecida
201 0% Algumas cores background-color e border-color
204 100% Algumas cores background-color e border-color
448 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
454 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
460 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
466 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
472 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
475 ::-moz-focus-inner não é reconhecido como um pseudoelemento proprietário válido
486 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
487 A propriedade -moz-box-sizing é uma propriedade proprietária desconhecida
501 .la-ball-fall > div Algumas cores background-color e border-top-color
501 .la-ball-fall > div Algumas cores background-color e border-right-color
501 .la-ball-fall > div Algumas cores background-color e border-bottom-color
501 .la-ball-fall > div Algumas cores background-color e border-left-color
514 A propriedade -webkit-animation é uma propriedade proprietária desconhecida
515 A propriedade -moz-animation é uma propriedade proprietária desconhecida
516 A propriedade -o-animation é uma propriedade proprietária desconhecida
520 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
521 A propriedade -moz-animation-delay é uma propriedade proprietária desconhecida
522 A propriedade -o-animation-delay é uma propriedade proprietária desconhecida
526 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
527 A propriedade -moz-animation-delay é uma propriedade proprietária desconhecida
528 A propriedade -o-animation-delay é uma propriedade proprietária desconhecida
532 A propriedade -webkit-animation-delay é uma propriedade proprietária desconhecida
533 A propriedade -moz-animation-delay é uma propriedade proprietária desconhecida
534 A propriedade -o-animation-delay é uma propriedade proprietária desconhecida
571 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
572 A propriedade -moz-transform é uma propriedade proprietária desconhecida
573 A propriedade -o-transform é uma propriedade proprietária desconhecida
581 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
582 A propriedade -moz-transform é uma propriedade proprietária desconhecida
583 A propriedade -o-transform é uma propriedade proprietária desconhecida
588 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
589 A propriedade -moz-transform é uma propriedade proprietária desconhecida
590 A propriedade -o-transform é uma propriedade proprietária desconhecida
598 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
599 A propriedade -moz-transform é uma propriedade proprietária desconhecida
600 A propriedade -o-transform é uma propriedade proprietária desconhecida

URI : https://vbnnet.com.br/empresas-consultoria-tributaria-sp

18 A propriedade -ms-text-size-adjust é uma propriedade proprietária desconhecida
18 A propriedade -webkit-text-size-adjust é uma propriedade proprietária desconhecida
44 A propriedade -moz-box-sizing é uma propriedade proprietária desconhecida
51 A propriedade _font-family é uma propriedade proprietária desconhecida
71 A propriedade -ms-interpolation-mode é uma propriedade proprietária desconhecida
88 A propriedade -webkit-appearance é uma propriedade proprietária desconhecida
93 A propriedade -webkit-appearance é uma propriedade proprietária desconhecida
93 A propriedade -moz-box-sizing é uma propriedade proprietária desconhecida
93 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
94 ::-webkit-search-cancel-button não é reconhecido como um pseudoelemento proprietário válido
95 ::-webkit-search-decoration não é reconhecido como um pseudoelemento proprietário válido
95 A propriedade -webkit-appearance é uma propriedade proprietária desconhecida
96 ::-moz-focus-inner não é reconhecido como um pseudoelemento proprietário válido
97 ::-moz-focus-inner não é reconhecido como um pseudoelemento proprietário válido
197 ::-webkit-scrollbar-track não é reconhecido como um pseudoelemento proprietário válido
201 ::-webkit-scrollbar não é reconhecido como um pseudoelemento proprietário válido
206 ::-webkit-scrollbar-thumb não é reconhecido como um pseudoelemento proprietário válido
1858 .form .ir:hover Algumas cores background-color e border-color
2022 A propriedade 'clip' está em desuso
2022 Separador inválido. O separador deveria ser uma vírgula.
2036 A propriedade 'clip' está em desuso
2090 A propriedade -webkit-box-sizing é uma propriedade proprietária desconhecida
2091 A propriedade -moz-box-sizing é uma propriedade proprietária desconhecida
2248 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
2249 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
2258 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
2259 A propriedade -moz-box-shadow é uma propriedade proprietária desconhecida
2273 A propriedade -webkit-overflow-scrolling é uma propriedade proprietária desconhecida
2339 A propriedade -webkit-tap-highlight-color é uma propriedade proprietária desconhecida
2447 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
2448 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
2629 A propriedade -webkit-transition é uma propriedade proprietária desconhecida
2630 A propriedade -moz-transition é uma propriedade proprietária desconhecida
2631 A propriedade -o-transition é uma propriedade proprietária desconhecida
4014 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
4015 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
4017 A propriedade -webkit-box-shadow é uma propriedade proprietária desconhecida
4018 A propriedade -moz-box-shadow é uma propriedade proprietária desconhecida
4081 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
4082 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
4145 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
4146 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
4153 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
4154 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
4346 A propriedade -webkit-border-radius é uma propriedade proprietária desconhecida
4347 A propriedade -moz-border-radius é uma propriedade proprietária desconhecida
4370 A propriedade -webkit-font-smoothing é uma propriedade proprietária desconhecida
4370 A propriedade -moz-osx-font-smoothing é uma propriedade proprietária desconhecida
4390 A propriedade -webkit-animation é uma propriedade proprietária desconhecida
4391 A propriedade -webkit-animation é uma propriedade proprietária desconhecida
4392 A propriedade -ms-filter é uma propriedade proprietária desconhecida
4392 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
4392 A propriedade -ms-transform é uma propriedade proprietária desconhecida
4393 A propriedade -ms-filter é uma propriedade proprietária desconhecida
4393 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
4393 A propriedade -ms-transform é uma propriedade proprietária desconhecida
4394 A propriedade -ms-filter é uma propriedade proprietária desconhecida
4394 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
4394 A propriedade -ms-transform é uma propriedade proprietária desconhecida
4395 A propriedade -ms-filter é uma propriedade proprietária desconhecida
4395 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
4395 A propriedade -ms-transform é uma propriedade proprietária desconhecida
4396 A propriedade -ms-filter é uma propriedade proprietária desconhecida
4396 A propriedade -webkit-transform é uma propriedade proprietária desconhecida
4396 A propriedade -ms-transform é uma propriedade proprietária desconhecida
5190 A propriedade 'clip' está em desuso
5192 A propriedade 'clip' está em desuso

↑ Topo

Informações CSS válidas

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, menu, section, summary {
display : block;
}
audio, canvas, video {
display : inline-block;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden] {
display : none;
}
html {
font-size : 100%;
}
html, button, input, select, textarea {
font-family : sans-serif;
}
body {
margin : 0;
}
a:focus {
outline : thin dotted;
}
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 : bold;
}
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:before, q:after {
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 ul, nav ol {
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 : #c0c0c0 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;
}
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;
}
@media screen and (max-width: 420px) {
.whats-desk2 {
display : none !important ;
}
.whats-mobile2 {
display : inline-block !important ;
position : fixed;
bottom : 60px;
z-index : 2000;
cursor : pointer;
outline : none !important ;
left : 9px;
}
.whats-mobile2 img {
width : 70%;
}
}
.whats-desk2 {
display : inline-block;
position : fixed;
bottom : 100px;
right : 38px;
z-index : 2000;
cursor : pointer;
outline : none !important ;
margin-bottom : 80px;
}
.whats-mobile2 {
display : none;
}
* {
margin : 0;
padding : 0;
border : 0;
outline : 0;
box-sizing : border-box;
}
.clear {
clear : both;
}
hr {
display : block;
height : 1px;
border : 0;
border-top : 1px solid #ccc;
margin : 1em 0;
padding : 0;
}
ul {
list-style-type : none;
list-style : none;
margin : 0;
padding : 0;
}
audio, canvas, img, video {
vertical-align : middle;
}
fieldset {
border : 0;
margin : 0;
padding : 0;
}
textarea {
resize : vertical;
}
::-webkit-scrollbar-track {
background-color : #F4F4F4;
}
::-webkit-scrollbar {
width : 8px;
background : #F4F4F4;
}
::-webkit-scrollbar-thumb {
background : #9b2828;
}
.browsehappy {
margin : 0.2em 0;
background : #ccc;
color : #000;
padding : 0.2em 0;
}
body {
font-size : 1rem;
font-family : 'Open Sans', sans-serif;
color : #444;
}
h1 {
color : #c13232;
font-size : 25px;
text-decoration : none;
margin : 20px 0;
}
h2 {
font-size : 20px;
text-decoration : none;
margin : 20px 0;
color : #c13232;
}
h3, h4 {
font-size : 12px;
color : #c13232;
text-decoration : none;
margin : 15px 0;
}
a {
color : #1475ab;
text-decoration : none;
}
a:hover {
text-decoration : none;
}
a.tel {
text-decoration : none;
color : inherit;
display : block;
}
.topofixo {
position : fixed;
width : 100%;
z-index : 10;
top : 0;
}
.topofixo .logo img {
width : 120px;
transition : 0.3s;
}
.topofixo #menu2 {
font-size : 14px;
margin : 18px 0;
margin-right : 10px;
}
.topofixo .topo {
display : none;
}
header {
margin : 0 auto;
background : white;
}
header .logo {
float : left;
margin : 20px 0;
}
header .logo img {
width : auto;
transition : 0.3s;
}
header .right {
float : right;
text-align : right;
color : #666;
font-size : 12px;
margin : 17px 0;
}
header .right strong {
font-size : 20px;
}
.show-mobile {
display : none;
}
.social-inline {
display : inline;
}
.flex-top-icons {
display : none;
}
@media only screen and (max-width: 765px) {
.show-mobile {
display : block;
}
.flex-top-icons {
display : flex;
justify-content : center;
align-items : center;
}
.flex-top-icons a {
display : flex;
justify-content : center;
align-items : center;
background : rgb(255, 255, 255, 0.1);
color : white;
width : 50px;
height : 50px;
border-radius : 50%;
font-size : 24px;
}
}
header #menu {
clear : both;
position : relative;
background : #c13232;
font-size : 15px;
text-align : center;
}
header #menu li {
position : relative;
display : inline-block;
}
header #menu a {
display : block;
color : #fff;
text-decoration : none;
padding : 10px 30px;
text-align : center;
transition : all 0.3s linear;
}
header #menu a:hover, header #menu li:hover a {
color : #FFF;
background : rgb(0, 0, 0, 0.2);
}
header #menu table {
border-collapse : collapse;
position : absolute;
left : 0;
top : 0;
}
header #menu .dropdown .sub-menu {
display : none;
position : absolute;
top : 100%;
left : 0;
margin : 0;
height : auto;
width : 230px;
z-index : 7;
background : #c13232;
box-sizing : border-box;
}
header #menu .dropdown:hover .sub-menu {
display : block;
}
header #menu .dropdown:hover .sub-menu li {
position : relative;
float : left;
width : 100%;
margin : 0;
padding : 0;
}
header #menu .dropdown:hover .sub-menu li a {
display : block;
width : 100%;
font-size : 13px;
padding : 5px;
height : auto;
text-align : left;
text-decoration : none;
color : #fff;
box-sizing : border-box;
background-color : #c13232;
}
header #menu .dropdown:hover .sub-menu li a:hover {
background : rgb(0, 0, 0, 0.2);
color : #FFF;
}
header #menu .dropdown ul li.dropdown .sub-menu {
display : none;
position : absolute;
top : 0;
left : 100%;
margin : 0;
height : auto;
width : 190px;
z-index : 7;
}
header #menu .dropdown ul li.dropdown:hover .sub-menu {
display : block;
}
header #menu .dropdown .sub-menu-info {
display : none;
position : absolute;
top : 100%;
left : 0;
margin : 0;
height : 400px;
width : 300px;
z-index : 7;
background : #c13232;
overflow-y : scroll;
overflow-x : hidden;
box-sizing : border-box;
}
header #menu .dropdown:hover .sub-menu-info {
display : block;
}
header #menu .dropdown:hover .sub-menu-info li {
position : relative;
float : left;
width : 100%;
margin : 0;
padding : 0;
}
header #menu .dropdown:hover .sub-menu-info li a {
display : block;
width : 100%;
box-sizing : border-box;
font-size : 12px;
padding : 5px;
height : auto;
text-align : left;
text-decoration : none;
color : #fff;
background-color : #c13232;
}
header #menu .dropdown:hover .sub-menu-info li a:hover {
background : rgb(0, 0, 0, 0.2);
color : #FFF;
}
header #menu .dropdown ul li.dropdown .sub-menu-info {
display : none;
position : absolute;
top : 0;
left : 100%;
margin : 0;
height : auto;
width : 190px;
z-index : 7;
}
header #menu .dropdown ul li.dropdown:hover .sub-menu-info {
display : block;
}
header #menu2 {
font-size : 15px;
text-align : center;
float : right;
margin : 29px 0;
margin-right : 10px;
}
header #menu2 li {
position : relative;
display : inline-block;
}
header #menu2 a {
display : block;
color : #666;
text-decoration : none;
padding : 8px 10px;
text-align : center;
transition : all 0.3s linear;
}
header #menu2 a:hover, header #menu2 li:hover a {
color : #FFF;
background : #c13232;
}
header #menu2 table {
border-collapse : collapse;
position : absolute;
left : 0;
top : 0;
}
header #menu2 .dropdown [class*="sub-menu"] {
display : none;
position : absolute;
top : 100%;
left : 0;
margin : 0;
height : auto;
width : 230px;
z-index : 7;
background : #c13232;
box-sizing : border-box;
padding : 5px;
}
header #menu2 .dropdown [class*="sub-menu-info"] {
overflow-x : hidden;
overflow-y : scroll;
box-sizing : border-box;
height : 400px;
}
header #menu2 .dropdown:hover [class*="sub-menu"] {
display : block;
}
header #menu2 .dropdown:hover [class*="sub-menu"] li {
position : relative;
float : left;
width : 100%;
margin : 0;
padding : 0;
}
header #menu2 .dropdown:hover [class*="sub-menu"] li a {
display : block;
width : 100%;
box-sizing : border-box;
font-size : 12px;
padding : 5px;
text-align : left;
text-decoration : none;
color : #fff;
height : auto;
}
header #menu2 .dropdown:hover [class*="sub-menu"] li a:hover {
background : rgb(0, 0, 0, 0.2);
color : #FFF;
}
header #menu2 .dropdown ul li.dropdown [class*="sub-menu"] {
display : none;
position : absolute;
top : 0;
left : 100%;
margin : 0;
height : auto;
width : 190px;
z-index : 7;
}
header #menu2 .dropdown ul li.dropdown:hover [class*="sub-menu"] {
display : block;
}
.timeline {
position : relative;
width : 100%;
margin : 0 auto;
}
.timeline::after {
content : '';
position : absolute;
top : 0;
left : 50%;
height : 100%;
transform : translateX(-50%);
border-width : 1px;
border-style : dotted;
border-color : #c13232;
}
.timeline__header {
position : relative;
width : 100%;
padding : 0 40px;
box-sizing : border-box;
margin-bottom : 50px;
z-index : 9;
}
.timeline__header::before {
content : '';
position : absolute;
height : 0;
top : 100%;
left : 50%;
z-index : 1;
border : #c13232 solid medium;
border-width : 10px 10px 0 10px;
border-color : #c13232 transparent transparent transparent;
transform : translateX(-50%);
}
.timeline__header__content {
background : white;
border : #c13232 solid 1px;
box-sizing : border-box;
padding : 0 10px;
border-radius : 5px;
transition : all 300ms;
}
.timeline__header__content::after {
content : '';
position : absolute;
top : 130%;
left : 50%;
background : #c13232;
width : 10px;
height : 10px;
border-radius : 50%;
transform : translateX(-50%);
z-index : 1;
}
.timeline__header__content:hover {
box-shadow : 0 0 6px rgb(0, 0, 0, 0.5);
}
.timeline__container {
position : relative;
width : 50%;
}
.timeline__container::after {
content : '';
position : absolute;
top : 50%;
right : -5px;
background : #c13232;
width : 10px;
height : 10px;
border-radius : 50%;
transform : translateY(-50%);
z-index : 1;
}
.timeline__left p, .timeline__left h2, .timeline__left h3, .timeline__left h4, .timeline__left h5, .timeline__left h6 {
text-align : right;
}
.timeline__left {
left : 0;
padding : 10px 40px;
box-sizing : border-box;
}
.timeline__right {
left : 50%;
padding : 10px 40px;
box-sizing : border-box;
}
.timeline__right::before {
content : '';
position : absolute;
height : 0;
top : 50%;
left : 30px;
z-index : 1;
border : #c13232 solid medium;
border-width : 10px 10px 10px 0;
border-color : transparent #c13232 transparent transparent;
transform : translateY(-50%);
}
.timeline__left::before {
content : '';
position : absolute;
height : 0;
top : 50%;
right : 30px;
z-index : 1;
border : #c13232 solid medium;
border-width : 10px 0 10px 10px;
border-color : transparent transparent transparent #c13232;
transform : translateY(-50%);
}
.timeline__right::after {
left : -5px;
}
.timeline__content {
background : white;
border : #c13232 solid 1px;
box-sizing : border-box;
padding : 0 10px;
border-radius : 5px;
transition : all 300ms;
}
.timeline__content:hover {
box-shadow : 0 0 6px rgb(0, 0, 0, 0.5);
}
.timeline__footer {
position : relative;
width : 100%;
padding : 0 40px;
box-sizing : border-box;
margin-top : 50px;
z-index : 9;
}
.timeline__footer::before {
content : '';
position : absolute;
height : 0;
bottom : 100%;
left : 50%;
z-index : 1;
border : #c13232 solid medium;
border-width : 0 10px 10px 10px;
border-color : transparent transparent #c13232 transparent;
transform : translateX(-50%);
}
.timeline__footer__content:after {
content : '';
position : absolute;
bottom : 130%;
left : 50%;
background : #c13232;
width : 10px;
height : 10px;
border-radius : 50%;
transform : translateX(-50%);
z-index : 1;
}
.timeline__footer__content {
background : white;
border : #c13232 solid 1px;
box-sizing : border-box;
padding : 0 10px;
transition : all 300ms;
border-radius : 5px;
}
.timeline__footer__content p, .timeline__footer__content h2, .timeline__footer__content h3, .timeline__footer__content h4, .timeline__footer__content h5, .timeline__footer__content h6, .timeline__footer__content img, .timeline__header__content p, .timeline__header__content h2, .timeline__header__content h3, .timeline__header__content h4, .timeline__header__content h5, .timeline__header__content h6, .timeline__header__content img {
text-align : center;
}
.timeline__footer__content:hover {
box-shadow : 0 0 6px rgb(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
.timeline::after {
left : 10px;
}
.timeline__container {
width : 100%;
}
.timeline__container::before, .timeline__header::before, .timeline__footer::before {
left : 30px;
right : unset;
border : white solid medium;
border-width : 10px 10px 10px 0;
border-color : transparent #f99d1c transparent transparent;
}
.timeline__header::before {
top : 50%;
transform : translateY(-50%);
}
.timeline__container::after {
left : -5px;
right : unset;
}
.timeline__header__content::after {
top : 50%;
left : -5px;
transform : translateY(-50%);
}
.timeline__footer, .timeline__header {
margin : 10px 0;
left : 10px;
}
.timeline__footer::before {
top : 50%;
left : 30px;
transform : translateY(-50%);
}
.timeline__footer__content::after {
top : 50%;
left : -5px;
transform : translateY(-50%);
}
.timeline__left p, .timeline__left h2, .timeline__left h3, .timeline__left h4, .timeline__left h5, .timeline__left h6, .timeline__footer__content p, .timeline__footer__content h2, .timeline__footer__content h3, .timeline__footer__content h4, .timeline__footer__content h5, .timeline__footer__content h6, .timeline__header__content p, .timeline__header__content h2, .timeline__header__content h3, .timeline__header__content h4, .timeline__header__content h5, .timeline__header__content h6 {
text-align : left;
}
.timeline__left, .timeline__right, .timeline__header {
left : 10px;
}
.timeline__right {
left : 10px;
}
}
.wrapper {
width : 100%;
max-width : 980px;
margin : 0 auto;
}
section {
float : left;
width : 100%;
padding : 0;
min-height : 340px;
}
section p, section ul li {
font-size : 15px;
}
article {
float : left;
width : 70%;
}
article p {
margin : 1em 0;
}
article strong {
font-weight : normal;
}
article.full {
width : 100%;
}
article .alerta {
font-size : 12px;
color : #444;
font-weight : bold;
}
.title-breadcrumb {
background : #c13232;
box-sizing : border-box;
padding : 20px 0;
margin-bottom : 30px;
}
.title-breadcrumb h1 {
color : white;
margin : 0;
}
.title-breadcrumb #breadcrumb {
width : auto;
margin-top : 0;
float : right;
background : white;
border-radius : 5px;
box-sizing : border-box;
padding : 10px;
}
.title-breadcrumb #breadcrumb a {
color : #666;
text-decoration : none;
}
.title-breadcrumb #breadcrumb a:hover {
color : #bbb;
text-decoration : none;
}
#breadcrumb {
display : inline-block;
clear : both;
width : 100%;
color : #333;
font-size : 12px;
margin-top : 15px;
}
#breadcrumb div {
display : inline;
}
#breadcrumb a {
color : #666;
text-decoration : none;
}
#breadcrumb a:hover {
color : #bbb;
text-decoration : none;
}
.list {
margin : 0 0 20px 40px;
}
.list li {
list-style : disc;
margin : 5px 0;
line-height : 1.5em;
}
.picture-legend {
background : #eee;
display : inline-block;
padding : 3px;
}
.picture-legend strong {
clear : both;
display : block;
text-align : right;
font-weight : normal;
padding : 4px;
font-size : 9px;
}
.picture-legend img {
margin : 0 auto;
display : block;
}
.picture-left {
float : left;
margin : 0 10px 0 0;
max-width : 50%;
}
.picture-right {
float : right;
margin : 0 0 0 10px;
max-width : 50%;
}
.picture-center {
margin : 0 auto;
display : block;
}
.btn {
text-decoration : none;
color : #fff;
background : #c13232;
padding : 10px 15px;
box-sizing : border-box;
margin : 10px auto;
font-size : 14px;
display : inline-block;
border-radius : 3px;
transition : 0.3s;
}
.btn:hover {
opacity : 0.9;
}
.topo {
background : #c13232;
color : white;
font-size : 12px;
padding : 8px 10px;
}
.topo a {
color : white;
margin : 0 10px;
text-decoration : none;
}
header .topo .social {
display : inline-block;
float : right;
}
.conteudo-index {
background : linear-gradient(rgb(255, 255, 255, 0.8), rgb(255, 255, 255, 0.8)), url(imagens/img-diferencial-slider.jpg);
background-size : cover;
background-position : center;
background-attachment : fixed;
box-sizing : border-box;
padding : 30px 0;
}
.conteudo-index h2, .conteudo-index h1 {
color : #fff;
}
.conteudo-index p {
color : #333;
font-size : 20px;
margin-bottom : 5px;
margin-top : 5px;
font-weight : 600;
}
.thumbnails-mod1 {
display : inline-block;
list-style : none;
list-style-type : none;
}
.thumbnails-mod1 li {
float : left;
width : 220px;
margin : 10px 10px;
text-align : center;
border : solid 2px;
border-color : rgb(193, 50, 50, 0.2);
box-sizing : border-box;
padding : 10px;
transition : 0.3s;
}
.thumbnails-mod1 h2 {
font-size : 12px;
text-transform : uppercase;
margin : 5px 0;
margin-bottom : 0;
height : 30px;
display : flex;
justify-content : center;
align-items : center;
}
.thumbnails-mod1 a {
text-decoration : none;
color : #c13232;
}
.thumbnails-mod1 li:hover {
text-decoration : none;
border-color : #c13232;
cursor : pointer;
transition : 0.3s;
}
.thumbnails-mod1 img {
width : 100%;
height : 170px;
object-fit : cover;
}
@media only screen and (max-width: 765px) {
.thumbnails-mod1 {
text-align : center;
width : 100%;
}
.thumbnails-mod1 li {
margin : 20px auto;
float : none;
}
}
.thumbnails {
display : inline-block;
list-style : none;
list-style-type : none;
}
.thumbnails li {
float : left;
width : 213px;
height : 236px;
margin : 10px 16px;
text-align : center;
text-transform : uppercase;
transition : 0.3s;
}
.thumbnails li:hover img {
opacity : 0.9;
}
.thumbnails li:hover h2 {
opacity : 0.9;
}
.thumbnails img {
width : 100%;
height : 200px;
object-fit : cover;
transition : 0.3s;
}
.thumbnails h2, .btn-servicos {
font-size : 10px;
background : #c13232;
height : 38px;
display : flex;
justify-content : center;
align-items : center;
padding : 8px 0;
margin-top : 0;
transition : 0.3s;
color : #fff;
}
.thumbnails a {
text-decoration : none;
color : white;
}
.thumbnails a:hover {
text-decoration : none;
}
aside {
float : left;
width : 25%;
margin : 0 0 0 30px;
text-transform : uppercase;
}
aside h2 a {
display : block;
padding : 5px;
font-size : 15px;
background : #c13232;
color : #fff;
text-decoration : none;
}
aside nav {
list-style : none;
list-style-type : none;
margin : 0 0 0 0;
padding : 0;
max-height : 700px;
overflow-y : scroll;
overflow-x : hidden;
height : auto;
}
aside nav > ul > li > ul {
display : none;
}
aside li {
margin : 5px 0 0 0;
}
aside li a {
font-size : 12px;
display : block;
padding : 5px;
color : #666;
transition : all 0.3s linear;
text-decoration : none;
border-left : 2px solid #cccccc;
}
aside nav li a:hover {
border-left : 2px solid #000;
}
aside h3 {
color : #fff;
background : #c13232;
padding : 10px 0;
margin-bottom : 0;
text-align : center;
}
aside p {
background : #eee;
margin : 0;
text-align : center;
}
aside strong {
font-size : 16px;
line-height : 34px;
color : #666;
}
aside a {
text-decoration : none;
}
aside.aside-full {
float : left;
width : 100%;
margin : 0 0 0 0;
text-transform : uppercase;
}
aside.aside-full nav ul {
display : grid;
grid-template-columns : 1fr 1fr 1fr;
}
aside.aside-full h2 a {
display : block;
padding : 5px;
font-size : 15px;
background : #0ca9e3;
color : #fff;
text-decoration : none;
}
aside.aside-full nav {
list-style : none;
list-style-type : none;
margin : 0 0 0 0;
padding : 0;
max-height : 210px;
overflow-y : scroll;
overflow-x : hidden;
height : auto;
}
aside.aside-full nav > ul > li > ul {
display : none;
}
aside.aside-full li {
margin : 5px 0 0 0;
}
aside.aside-full li a {
font-size : 12px;
display : block;
padding : 5px;
color : #666;
transition : all 0.3s linear;
text-decoration : none;
border-left : 2px solid #cccccc;
}
aside.aside-full nav li a:hover {
border-left : 2px solid #000;
}
aside.aside-full h3 {
color : #fff;
background : #0ca9e3;
padding : 10px 0;
margin-bottom : 0;
text-align : center;
}
aside.aside-full p {
background : #eee;
margin : 0;
text-align : center;
}
aside.aside-full strong {
font-size : 16px;
line-height : 34px;
color : #666;
}
aside.aside-full a {
text-decoration : none;
}
.more {
margin-bottom : 20px;
}
.more h2 strong {
font-size : 16px;
}
.gallery {
display : inline-block;
list-style-type : none;
list-style : none;
}
.gallery li {
float : left;
margin : 5px;
text-align : center;
transition : 0.3s;
}
.gallery li:hover {
opacity : 0.9;
transform : scale(1.05);
}
.gallery li img {
width : 120px;
height : 120px;
object-fit : cover;
border-radius : 5px;
border : #ddd solid 2px;
}
p.ampliar {
color : #F30;
font-size : 11px;
margin : 5px 0;
}
.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(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;
}
.row {
clear : both;
display : block;
background : #E8E8E8;
border-left : 3px solid #ccc;
padding : 10px 20px;
transition : all 0.3s linear;
min-height : 85px;
margin : 0 0 2px 0;
overflow : hidden;
}
.row:hover {
border-left : 3px solid #666;
}
.row img {
display : block;
float : left;
width : 80px;
height : 80px;
border : #CCC solid 1px;
margin : 0 10px 0 0;
}
.row p {
font-size : 12px;
line-height : 15px;
margin-bottom : 0;
}
.row a {
color : #666;
text-decoration : none;
}
.row p a {
color : #69747b;
}
.row strong {
font-size : 12px;
}
.hide {
position : absolute;
top : -9999px;
left : -9999px;
}
#servicosTabsDois .list-wrap {
background : #eee;
padding : 10px;
margin : 0 0 15px 0;
font-size : 10px;
height : auto !important ;
}
#servicosTabsDois ul {
list-style : none;
display : inline-block;
}
#servicosTabsDois .list-wrap li {
width : 160px;
float : left;
color : #666;
}
#servicosTabsDois .list-wrap li strong {
font-size : 11px;
}
#servicosTabsDois .nav {
overflow : hidden;
margin : 0;
padding : 0;
}
#servicosTabsDois .nav li {
float : left;
margin : 0 10px 0 0;
}
#servicosTabsDois .nav li.last {
margin-right : 0;
}
#servicosTabsDois .nav li a {
display : block;
text-decoration : none;
padding : 12px;
background : #ddd;
transition : all 0.3s linear;
color : #666;
font-size : 12px;
text-align : center;
border : 0;
}
#servicosTabsDois .nav li a:hover, #servicosTabsDois .nav li a:focus {
background : #999;
color : #fff;
}
#servicosTabsDois ul li.nav-two a.current {
background-color : #eee !important ;
color : #666;
}
.copyright {
font-size : 10px;
color : #666;
margin-bottom : 15px;
}
.copyright a {
font-size : 10px;
color : #666;
}
footer {
clear : both;
padding : 15px;
background : #333;
border-top : 5px solid #c13232;
}
.contact-footer {
float : left;
color : #eee;
margin-right : 30px;
}
.contact-footer strong {
font-size : 18px;
}
.contact-footer a {
text-decoration : none;
color : #fff;
line-height : 25px;
}
footer address {
margin : 0 0 10px 0;
font-size : 12px;
font-style : normal;
line-height : 15px;
}
footer address span {
margin : 0 0 5px 0;
font-size : 14px;
font-weight : bold;
display : block;
}
footer .menu-footer {
text-align : right;
}
footer .menu-footer nav {
margin : 3px 0;
}
footer .menu-footer nav li {
display : inline;
padding : 0 10px 0 0;
}
footer .menu-footer nav li:last-of-type {
padding : 0;
}
footer .menu-footer nav li a {
color : #eee;
font-size : 13px;
text-decoration : none;
}
footer .menu-footer nav li a:hover {
color : #bbb;
}
footer .social {
margin : 15px 0 0 0;
float : right;
}
footer .social .social-icons:hover {
opacity : 1;
background : #FFF;
color : #c13232;
}
footer .social .social-icons {
width : auto;
transition-property : all;
transition-duration : 0.3s;
padding : 10px;
display : flex;
justify-content : center;
align-items : center;
margin : 0 0 0 5px;
float : right;
font-size : 18px;
background : #c13232;
color : #FFF;
width : 40px;
height : 40px;
text-align : center;
}
.copyright-footer {
text-align : left;
font-size : 10px;
color : #eee;
padding : 10px 0;
background : #2d2d2d;
}
.copyright-footer .selos {
float : right;
}
.copyright-footer .selos strong {
background : #fff;
color : #363b36;
padding : 0 5px;
}
.copyright-footer .selos a {
margin : 0 0 0 5px;
color : #B7B7B7;
text-decoration : none;
opacity : 0.8;
transition-property : all;
transition-duration : 0.3s;
}
.copyright-footer .selos a:hover {
opacity : 1;
}
.contact {
display : block;
padding : 0 20px;
}
.form {
float : left;
width : 50%;
}
.form label {
width : 185px;
font-weight : bold;
padding-right : 5px;
font-size : 13px;
display : table-cell;
vertical-align : middle;
}
.form label span {
font-size : 9px;
color : #C00;
}
.form input, .form textarea, .form select {
width : 80%;
margin : 10px 0 4px 0;
padding : 8px 5px;
border : #CFCFCF solid 1px;
font-size : 16px;
box-sizing : border-box;
}
input#ddd {
width : 17%;
}
input#telefone {
width : 59%;
}
@media screen and (max-width: 420px) {
.form input, .form textarea, .form select {
width : 100%;
}
input#ddd {
width : 30%;
}
input#telefone {
width : 67%;
}
.form textarea {
width : 100% !important ;
}
}
input.ir {
width : 40%;
max-width : 150px;
}
.form textarea {
width : 80%;
margin-bottom : 18px;
}
.form input:focus, .form textarea:focus, .form select:focus {
background : #eee;
}
.form .ir {
border : #666 solid 1px;
background : #ffffff;
padding : 10px 18px;
color : #666;
cursor : pointer;
border-radius : 5px;
width : 40%;
max-width : 150px;
transition : all 300ms ease-in-out;
}
.form .ir:hover {
background : #2ecc71;
color : #ffffff;
border-color : #2ecc71;
}
.bt-submit {
display : block;
margin : 5px 0 0 0;
}
.form span.obrigatorio {
font-size : 0.8em;
color : #C00;
margin-top : 10px;
}
.form label.error {
display : block;
color : red;
margin : 0 0.5em 0 0;
vertical-align : top;
font-size : 10px;
}
.help {
font-size : 11px;
color : #666;
}
.alert {
color : #FF0000;
}
.contact-form {
float : right;
color : #989898;
font-size : 11px;
width : 50%;
}
.contact-form strong {
color : #666;
}
.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 : 12px;
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 .fa {
display : none;
}
.sitemap br {
display : none;
}
.msg-404 {
position : relative;
font-size : 22px;
line-height : 34px;
color : #A7A9AC;
margin-bottom : 30px;
}
.menu-404 {
width : 95%;
padding : 15px;
margin-bottom : 20px;
float : left;
}
.menu-404 a {
display : block;
margin : 0 auto;
}
.ir {
background-color : transparent;
border : 0;
overflow : hidden;
}
.ir:before {
content : "";
display : block;
width : 0;
height : 150%;
}
.hidden {
display : none !important ;
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:before, .clearfix:after {
content : " ";
display : table;
}
.clearfix:after {
clear : both;
}
.slicknav_menu {
display : none;
}
.slicknav_nav .fa {
display : none;
}
.slicknav_nav br {
display : none;
}
.grid {
box-sizing : border-box;
}
.grid:after {
content : "";
clear : both;
display : block;
}
[class*="col-"] {
float : left;
padding : 15px;
box-sizing : border-box;
}
.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%;
}
.txtcenter {
text-align : center;
}
.txtleft {
text-align : left;
}
.txtright {
text-align : right;
}
.pd {
padding : 0;
}
.fright {
float : right;
}
.fleft {
float : left;
}
.fwidth {
width : 100%;
}
.center-block {
display : block;
margin : 0 auto;
}
#title-empresa h2 {
font-size : 14px;
background : #E9E9E9;
padding : 4px 10px;
line-height : 15px;
color : #717171;
text-transform : uppercase;
text-decoration : none;
margin : 0 0 10px 0;
font-weight : 500;
border-radius : 8px;
}
#title-keyword h3 {
font-size : 12px;
padding : 0 10px;
line-height : 15px;
color : #717171;
text-decoration : none;
margin : 0 0 10px 0;
border-radius : 8px;
}
.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
padding : 0;
margin : 0;
border : 0;
outline : 0;
vertical-align : top;
}
.fancybox-wrap {
position : absolute;
top : 0;
left : 0;
z-index : 8020;
}
.fancybox-skin {
position : relative;
background : #f9f9f9;
color : #444;
text-shadow : none;
border-radius : 4px;
}
.fancybox-opened {
z-index : 8030;
}
.fancybox-opened .fancybox-skin {
box-shadow : 0 10px 25px rgb(0, 0, 0, 0.5);
}
.fancybox-inner, .fancybox-outer {
position : relative;
}
.fancybox-inner {
overflow : hidden;
}
.fancybox-error {
color : #444;
font : 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin : 0;
padding : 15px;
white-space : nowrap;
}
.fancybox-iframe, .fancybox-image {
display : block;
width : 100%;
height : 100%;
}
.fancybox-image {
max-width : 100%;
max-height : 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
background-image : url(images-fancy/fancybox_sprite.png);
}
#fancybox-loading {
position : fixed;
top : 50%;
left : 50%;
margin-top : -22px;
margin-left : -22px;
background-position : 0 -108px;
opacity : 0.8;
cursor : pointer;
z-index : 8060;
}
#fancybox-loading div {
width : 44px;
height : 44px;
background : url(images-fancy/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position : absolute;
top : -18px;
right : -18px;
width : 36px;
height : 36px;
cursor : pointer;
z-index : 8040;
}
.fancybox-nav {
position : absolute;
top : 0;
width : 40%;
height : 100%;
cursor : pointer;
text-decoration : none;
background : url(images-fancy/blank.gif);
z-index : 8040;
}
.fancybox-prev {
left : 0;
}
.fancybox-next {
right : 0;
}
.fancybox-nav span {
position : absolute;
top : 50%;
width : 36px;
height : 34px;
margin-top : -18px;
cursor : pointer;
z-index : 8040;
visibility : hidden;
}
.fancybox-prev span {
left : 10px;
background-position : 0 -36px;
}
.fancybox-next span {
right : 10px;
background-position : 0 -72px;
}
.fancybox-nav:hover span {
visibility : visible;
}
.fancybox-tmp {
position : absolute;
top : -99999px;
left : -99999px;
visibility : hidden;
max-width : 99999px;
max-height : 99999px;
overflow : visible !important ;
}
.fancybox-lock {
overflow : hidden !important ;
width : auto;
}
.fancybox-lock body {
overflow : hidden !important ;
}
.fancybox-lock-test {
overflow-y : hidden !important ;
}
.fancybox-overlay {
position : absolute;
top : 0;
left : 0;
overflow : hidden;
display : none;
z-index : 8010;
background : url(images-fancy/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position : fixed;
bottom : 0;
right : 0;
}
.fancybox-lock .fancybox-overlay {
overflow : auto;
overflow-y : scroll;
}
.fancybox-title {
visibility : hidden;
font : 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position : relative;
text-shadow : none;
z-index : 8050;
}
.fancybox-opened .fancybox-title {
visibility : visible;
}
.fancybox-title-float-wrap {
position : absolute;
bottom : 0;
right : 50%;
margin-bottom : -35px;
z-index : 8050;
text-align : center;
}
.fancybox-title-float-wrap .child {
display : inline-block;
margin-right : -100%;
padding : 2px 20px;
background : 0 0;
background : rgb(0, 0, 0, 0.8);
border-radius : 15px;
text-shadow : 0 1px 2px #222;
color : #FFF;
font-weight : 700;
line-height : 24px;
white-space : nowrap;
}
.fancybox-title-outside-wrap {
position : relative;
margin-top : 10px;
color : #fff;
}
.fancybox-title-inside-wrap {
padding-top : 10px;
}
.fancybox-title-over-wrap {
position : absolute;
bottom : 0;
left : 0;
color : #fff;
padding : 10px;
background : #000;
background : rgb(0, 0, 0, 0.8);
}
.active-menu-topo {
color : #32326b;
font-weight : bold;
}
.active-menu-aside {
color : #c13232;
background-color : rgb(33, 114, 179, 0.1);
border-left : 2px solid #c13232;
font-weight : bold;
}
.tg {
border-collapse : collapse;
border-spacing : 0;
table-layout : fixed;
width : 100%;
}
.tg td {
font-size : 12px;
text-align : center;
line-height : 30px;
border-style : solid;
border-width : 1px;
overflow : hidden;
word-break : normal;
color : #000;
}
.tg th {
font-size : 14px;
font-weight : normal;
padding : 10px 5px;
border-style : solid;
border-width : 1px;
overflow : hidden;
word-break : normal;
}
.tg .tg-kf0f {
background-color : #3166ff;
color : #000000;
}
.tabela {
background : none 0% 0% repeat scroll rgb(33, 114, 179);
text-align : center;
line-height : 30px;
}
.tabela p {
text-align : center;
line-height : normal;
}
.tabela th {
border : #000 solid 1px;
color : #ffffff;
}
.tabela-conteudo {
background : none 0% 0% repeat scroll rgb(229, 236, 244);
padding : 0;
}
.busca {
border : solid 1px;
width : 100%;
box-sizing : border-box;
padding : 10px 15px;
border : #ddd solid 2px;
color : #666;
}
.busca:focus {
border : #c13232 solid 2px;
}
.barra-busca form {
position : relative;
}
.barra-busca {
background-color : #e4e4e4;
border-top : 1px solid #ccc;
padding : 10px 0;
box-sizing : border-box;
}
.barra-busca .btn {
max-width : 100%;
position : absolute;
margin : 0;
top : 3px;
right : 3px;
}
.barra-busca input[type="search"] {
width : 100%;
box-sizing : border-box;
}
.barra-busca2 form {
position : relative;
}
.barra-busca2 {
padding : 10px 0;
box-sizing : border-box;
}
.barra-busca2 .btn {
max-width : 100%;
position : absolute;
margin : 0;
top : 1px;
right : 1px;
font-size : 14px;
}
.barra-busca2 input[type="search"] {
width : 100%;
box-sizing : border-box;
border-radius : 5px;
}
.topofixo .barra-busca2 {
padding : 0;
}
#scrollUp {
box-sizing : content-box !important ;
bottom : 0;
right : 30px;
width : 50px;
height : 45px;
margin-bottom : -10px;
padding : 10px 5px;
font : 14px/20px sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 0 1px 0 #fff;
color : #FFF;
border-radius : 5px 5px 0 0;
background-color : #c13232;
transition : margin-bottom 150ms linear;
}
#scrollUp:hover {
margin-bottom : 0;
color : #fff;
}
#scrollUp-active {
display : none;
}
.uc {
text-transform : uppercase;
}
.bold {
font-weight : bold;
}
.flex {
display : flex;
}
.flex-center-v {
align-items : center;
}
.flex-center-h {
justify-content : center;
}
.form-base {
background-color : #fff;
margin : auto;
color : #666;
padding : 10px;
box-sizing : border-box;
letter-spacing : 0.3px;
}
.form-base input, .form-base select, .form-base textarea {
display : block;
border : #ccc solid 1px;
width : 100%;
box-sizing : border-box;
padding : 8px;
margin : 10px 0;
margin-bottom : 20px;
border-radius : 3px;
color : #666;
}
.form-base input:focus {
background-color : #fff;
border-color : #c13232;
outline : 0;
box-shadow : 0 0 0 0.2rem rgb(33, 114, 179, 0.1);
}
.form-base input[type="radio"], .form-base input[type="checkbox"] {
width : auto;
margin : 20px 5px;
margin-bottom : 30px;
display : inline-block;
}
.form-base .ir {
margin : 10px 0;
transition : 0.3s;
box-sizing : border-box;
padding : 10px;
border-radius : 3px;
color : #666;
}
.form-base .ir:hover {
background : #c13232;
color : #fff;
}
.form-base .obrigatorio {
font-size : 12px;
}
.form-base [class*="col-"] {
padding : 0;
}
.form-base [class*="col-"]:first-child {
padding-right : 10px;
}
.form-base [class*="col-"]:last-child {
padding-left : 10px;
}
@media only screen and (max-width: 765px) {
.form-base {
width : 100%;
}
aside.aside-full nav ul {
grid-template-columns : 1fr;
}
.form-base [class*="col-"]:first-child {
padding-right : 0;
}
.form-base [class*="col-"]:last-child {
padding-left : 0;
}
.form-base .ir {
width : 100%;
max-width : unset;
}
}
.m-0 {
margin : 0;
}
.m-1 {
margin : 0.25rem;
}
.m-2 {
margin : 0.50rem;
}
.m-3 {
margin : 0.75rem;
}
.m-4 {
margin : 1rem;
}
.m-5 {
margin : 1.25rem;
}
.mx-0 {
margin-left : 0;
margin-right : 0;
}
.mx-1 {
margin-left : 0.25rem;
margin-right : 0.25rem;
}
.mx-2 {
margin-left : 0.50rem;
margin-right : 0.50rem;
}
.mx-3 {
margin-left : 0.75rem;
margin-right : 0.75rem;
}
.mx-4 {
margin-left : 1rem;
margin-right : 1rem;
}
.mx-5 {
margin-left : 1.25rem;
margin-right : 1.25rem;
}
.my-0 {
margin-top : 0;
margin-bottom : 0;
}
.my-1 {
margin-top : 0.25rem;
margin-bottom : 0.25rem;
}
.my-2 {
margin-top : 0.50rem;
margin-bottom : 0.50rem;
}
.my-3 {
margin-top : 0.75rem;
margin-bottom : 0.75rem;
}
.my-4 {
margin-top : 1rem;
margin-bottom : 1rem;
}
.my-5 {
margin-top : 1.25rem;
margin-bottom : 1.25rem;
}
.mt-0 {
margin-top : 0;
}
.mt-1 {
margin-top : 0.25rem;
}
.mt-2 {
margin-top : 0.50rem;
}
.mt-3 {
margin-top : 0.75rem;
}
.mt-4 {
margin-top : 1rem;
}
.mt-5 {
margin-top : 1.25rem;
}
.mb-0 {
margin-bottom : 0;
}
.mb-1 {
margin-bottom : 0.25rem;
}
.mb-2 {
margin-bottom : 0.50rem;
}
.mb-3 {
margin-bottom : 0.75rem;
}
.mb-4 {
margin-bottom : 1rem;
}
.mb-5 {
margin-bottom : 1.25rem;
}
.ml-0 {
margin-left : 0;
}
.ml-1 {
margin-left : 0.25rem;
}
.ml-2 {
margin-left : 0.50rem;
}
.ml-3 {
margin-left : 0.75rem;
}
.ml-4 {
margin-left : 1rem;
}
.ml-5 {
margin-left : 1.25rem;
}
.mr-0 {
margin-right : 0;
}
.mr-1 {
margin-right : 0.25rem;
}
.mr-2 {
margin-right : 0.50rem;
}
.mr-3 {
margin-right : 0.75rem;
}
.mr-4 {
margin-right : 1rem;
}
.mr-5 {
margin-right : 1.25rem;
}
.p-0 {
padding : 0;
}
.p-1 {
padding : 0.25rem;
}
.p-2 {
padding : 0.50rem;
}
.p-3 {
padding : 0.75rem;
}
.p-4 {
padding : 1rem;
}
.p-5 {
padding : 1.25rem;
}
.px-0 {
padding-left : 0;
padding-right : 0;
}
.px-1 {
padding-left : 0.25rem;
padding-right : 0.25rem;
}
.px-2 {
padding-left : 0.50rem;
padding-right : 0.50rem;
}
.px-3 {
padding-left : 0.75rem;
padding-right : 0.75rem;
}
.px-4 {
padding-left : 1rem;
padding-right : 1rem;
}
.px-5 {
padding-left : 1.25rem;
padding-right : 1.25rem;
}
.py-0 {
padding-top : 0;
padding-bottom : 0;
}
.py-1 {
padding-top : 0.25rem;
padding-bottom : 0.25rem;
}
.py-2 {
padding-top : 0.50rem;
padding-bottom : 0.50rem;
}
.py-3 {
padding-top : 0.75rem;
padding-bottom : 0.75rem;
}
.py-4 {
padding-top : 1rem;
padding-bottom : 1rem;
}
.py-5 {
padding-top : 1.25rem;
padding-bottom : 1.25rem;
}
.pt-0 {
padding-top : 0;
}
.pt-1 {
padding-top : 0.25rem;
}
.pt-2 {
padding-top : 0.50rem;
}
.pt-3 {
padding-top : 0.75rem;
}
.pt-4 {
padding-top : 1rem;
}
.pt-5 {
padding-top : 1.25rem;
}
.pb-0 {
padding-bottom : 0;
}
.pb-1 {
padding-bottom : 0.25rem;
}
.pb-2 {
padding-bottom : 0.50rem;
}
.pb-3 {
padding-bottom : 0.75rem;
}
.pb-4 {
padding-bottom : 1rem;
}
.pb-5 {
padding-bottom : 1.25rem;
}
.pl-0 {
padding-left : 0;
}
.pl-1 {
padding-left : 0.25rem;
}
.pl-2 {
padding-left : 0.50rem;
}
.pl-3 {
padding-left : 0.75rem;
}
.pl-4 {
padding-left : 1rem;
}
.pl-5 {
padding-left : 1.25rem;
}
.pr-0 {
padding-right : 0;
}
.pr-1 {
padding-right : 0.25rem;
}
.pr-2 {
padding-right : 0.50rem;
}
.pr-3 {
padding-right : 0.75rem;
}
.pr-4 {
padding-right : 1rem;
}
.pr-5 {
padding-right : 1.25rem;
}
.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%;
}
.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;
}
.font-weight-normal {
font-weight : normal;
}
.font-weight-bold {
font-weight : bold;
}
.display-1 {
font-size : 6rem;
}
.display-2 {
font-size : 5.5rem;
}
.display-3 {
font-size : 4.5rem;
}
.display-4 {
font-size : 3.5rem;
}
.h1 {
font-size : 2.5rem;
}
.h2 {
font-size : 2rem;
}
.h3 {
font-size : 1.75rem;
}
.h4 {
font-size : 1.5rem;
}
.h5 {
font-size : 1.25rem;
}
.h6 {
font-size : 1rem;
}
.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-inline-flex {
display : inline-flex;
}
.justify-content-center {
justify-content : center;
}
.justify-content-start {
justify-content : flex-start;
}
.justify-content-end {
justify-content : flex-end;
}
.justify-content-between {
justify-content : space-between;
}
.justify-content-around {
justify-content : space-around;
}
.align-items-center {
align-items : center;
}
.align-items-start {
align-items : flex-start;
}
.align-items-end {
align-items : flex-end;
}
.flex-column {
flex-direction : column;
}
.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%;
}
.img-fluid {
max-width : 100%;
height : auto;
}
.text-dark {
color : #343a40;
}
.text-light {
color : #f8f9fa;
}
.img-thumbnail {
padding : 0.25rem;
background-color : #fff;
border : #dee2e6 solid 1px;
border-radius : 0.25rem;
max-width : 100%;
height : auto;
}
.rounded {
border-radius : 0.25rem !important ;
}
.rounded-top {
border-top-left-radius : 0.25rem !important ;
border-top-right-radius : 0.25rem !important ;
}
.rounded-right {
border-top-right-radius : 0.25rem !important ;
border-bottom-right-radius : 0.25rem !important ;
}
.rounded-bottom {
border-bottom-right-radius : 0.25rem !important ;
border-bottom-left-radius : 0.25rem !important ;
}
.rounded-left {
border-top-left-radius : 0.25rem !important ;
border-bottom-left-radius : 0.25rem !important ;
}
.rounded-0 {
border-radius : 0 !important ;
}
.rounded-circle {
border-radius : 50% !important ;
}
.border {
border : #dee2e6 solid 1px !important ;
}
.border-top {
border-top : 1px solid #dee2e6 !important ;
}
.border-bottom {
border-bottom : 1px solid #dee2e6 !important ;
}
.border-left {
border-left : 1px solid #dee2e6 !important ;
}
.border-right {
border-right : 1px solid #dee2e6 !important ;
}
.border-0 {
border : 0 !important ;
}
.border-top-0 {
border-top : 0 !important ;
}
.border-bottom-0 {
border-bottom : 0 !important ;
}
.border-left-0 {
border-left : 0 !important ;
}
.border-right-0 {
border-right : 0 !important ;
}
.border-dark {
border-color : #343a40 !important ;
}
.border-light {
border-color : #f8f9fa !important ;
}
.clearfix {
overflow : auto;
}
.clearfix::after {
content : "";
clear : both;
display : block;
}
.flex-wrap {
flex-wrap : wrap;
}
.object-fit-cover {
object-fit : cover;
}
.object-fit-contain {
object-fit : contain;
}
.column-count-2 {
column-count : 2;
}
@media only screen and (max-width: 765px) {
[class*="column-count-"] {
column-count : 1;
}
}
[data-video] {
cursor : pointer;
position : relative;
}
.ytvideo[data-video]::before {
content : '';
position : absolute;
top : 0;
left : 0;
background : rgb(0, 0, 0, 0.4);
height : 100%;
width : 100%;
cursor : pointer;
}
.ytvideo[data-video]::after {
content : "\f16a";
z-index : 1;
position : absolute;
top : 50%;
left : 50%;
transform : translateX(-50%) translateY(-50%);
font : normal normal normal 14px/1 FontAwesome;
font-size : 70px;
color : #333;
text-shadow : 0 0 50px white;
transition : all 150ms;
}
[data-video]:hover::after {
color : red;
}
.topofixo .logo, .topofixo .right {
display : none;
}
.socios {
background-color : #f0f0f0;
border : #ddd solid 1px;
padding : 15px;
border-radius : 15px;
}
.socios2 {
background-color : #f0f0f0;
border : #ddd solid 1px;
padding : 15px;
border-radius : 15px;
height : 160px;
}
a.link:hover {
text-decoration : underline;
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
.wrapper {
box-sizing : border-box;
padding : 0 10px;
}
header .right a {
margin : 0 10px;
}
header .right {
width : 100%;
text-align : center;
}
header .logo {
text-align : center;
width : 100%;
}
header .logo img {
margin-top : 10px;
}
header nav a {
padding : 10px 0;
width : 142px;
}
article img {
max-width : 100%;
}
.gallery li {
margin : 4px;
}
.js .slicknav_menu {
display : block;
z-index : 11;
}
.js #menu {
display : none;
}
.js #menu2 {
display : none;
}
#servicosTabsDois .nav li a {
padding : 10px;
}
.col-m-1 {
width : 8.33% !important ;
}
.col-m-2 {
width : 16.66% !important ;
}
.col-m-3 {
width : 25% !important ;
}
.col-m-4 {
width : 33.33% !important ;
}
.col-m-5 {
width : 41.66% !important ;
}
.col-m-6 {
width : 50% !important ;
}
.col-m-7 {
width : 58.33% !important ;
}
.col-m-8 {
width : 66.66% !important ;
}
.col-m-9 {
width : 75% !important ;
}
.col-m-10 {
width : 83.33% !important ;
}
.col-m-11 {
width : 91.66% !important ;
}
.col-m-12 {
width : 100% !important ;
}
.hide-tablet {
display : none;
}
.topofixo {
position : relative;
}
#header-block {
display : none !important ;
}
}
@media only screen and (max-width: 765px) {
h1 {
font-size : 21px;
}
[class*="flex-"]:not(.flex-top-icons) {
flex-flow : column;
}
.btn {
display : inline-block;
width : 100%;
box-sizing : border-box;
text-align : center;
}
.topofixo {
position : relative;
}
.owl-pagination {
display : none;
}
.title-breadcrumb h1 {
box-sizing : border-box;
padding : 5px;
}
.title-breadcrumb #breadcrumb {
float : none;
}
header .topo .social {
display : none;
}
.wrapper {
box-sizing : border-box;
padding : 0 10px;
}
header .logo a {
margin : 0 auto;
}
header .logo {
width : 100%;
display : block;
text-align : center;
}
header .logo img {
margin-top : 20px;
max-width : 100%;
}
header .right {
width : 100%;
text-align : center;
}
.topo .fright {
float : none;
}
.topo {
text-align : center;
}
article {
width : 100%;
}
aside {
width : 100%;
margin : 0;
}
.gallery img {
width : 100%;
}
.gallery li {
width : 45%;
}
.thumbnails li {
width : 100%;
margin : 10px 0;
}
.thumbnails {
width : 100%;
box-sizing : border-box;
padding : 10px;
}
.thumbnails img {
width : 100%;
}
footer .wrapper {
text-align : center !important ;
}
.copyright-footer {
text-align : center;
}
footer .menu-footer nav li {
display : block;
background : rgb(0, 0, 0, 0.2);
margin : 10px 0;
text-align : center;
padding : 10px;
}
footer .menu-footer nav li:last-of-type {
padding : 10px;
}
.contact-footer {
float : none;
}
.copyright-footer .wrapper {
text-align : center;
}
footer .social {
float : none;
width : 100%;
}
.copyright-footer .selos {
float : none;
margin : 10px 0;
}
.copyright-footer .selos a {
float : none;
display : block;
width : 100%;
background : rgb(0, 0, 0, 0.2);
padding : 10px 0;
margin : 10px 0;
}
footer .social .social-icons {
float : none;
padding : 10px 0;
margin : 10px 0;
width : 100%;
text-align : center;
}
.contact-footer {
margin-right : 0;
}
.js #menu {
display : none;
}
.js #menu2 {
display : none;
}
.js .slicknav_menu {
display : block;
}
#servicosTabsDois .nav li a {
padding : 8px;
font-size : 13px;
width : 100%;
}
.hide-mobile {
display : none !important ;
}
.contact {
padding : 0;
}
.form {
width : 100%;
}
.contact-form {
float : none;
width : 100%;
}
#header-block {
display : none !important ;
}
.barra-busca .btn, .barra-busca2 .btn {
position : relative;
box-sizing : border-box;
}
}
@media only screen and (max-width: 480px) {
[class*="col-"] {
width : 100%;
}
#slide-show {
height : 880px !important ;
}
}
ul.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 : #4c4c4c;
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 : 15px;
}
@media only screen and (max-width: 765px) {
.whats-desk {
display : none !important ;
}
.whats-mobile {
display : inline-block !important ;
position : fixed;
bottom : 10px;
left : 10px;
z-index : 2000;
cursor : pointer;
outline : none !important ;
}
.whats-mobile img {
width : 70%;
}
}
.whats-desk {
display : inline-block;
position : fixed;
bottom : 100px;
right : 40px;
z-index : 2000;
cursor : pointer;
outline : none !important ;
}
.whats-mobile {
display : none;
}
@media (max-width: 767px) {
#banner {
width : 100% !important ;
}
}
.popup {
position : fixed;
z-index : 999;
top : 50px;
left : 0;
right : 0;
margin : 10px auto;
width : 400px;
max-width : 90%;
background : white;
border-radius : 3px;
box-shadow : 0 2px 2px rgb(0, 0, 0, 0.5);
display : flex;
flex-wrap : wrap;
justify-content : center;
padding : 20px;
border : #f5f5f5 solid 1px;
}
.popup p {
font-size : 24px;
text-align : center;
width : 100%;
margin : 10px 0;
}
#form-especialista {
position : relative;
float : left;
width : 100%;
height : 100%;
box-sizing : border-box;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
padding : 20px;
}
#form-cta-form-rotulos-para-bebidas {
background : #e2e2e2;
}
.p-form {
box-sizing : border-box;
padding : 0 40px;
padding-top : 20px;
}
.p-form h2 {
font-size : 32px;
line-height : 32px;
color : #333233;
display : block;
font-weight : bold;
text-align : center;
margin-bottom : 10px;
padding : 0;
}
.p-form h3 {
color : #B7B7B7;
font-size : 22px;
line-height : 28px;
font-weight : normal;
}
.p-form h2, .p-form h3 {
text-align : center;
}
#form-especialista .p-form {
box-sizing : border-box;
padding : 20px;
}
#form-especialista label {
float : left;
width : 100%;
color : #969696;
font-size : 16px;
margin : 0;
}
#form-especialista input, #form-especialista select, #form-especialista textarea {
outline : none;
width : 100%;
box-sizing : border-box;
padding : 8px 5px;
background : #fff;
font-size : 16px;
font-weight : 400;
border : none;
border : #C8C8C8 solid 1px;
margin : 10px 0;
font-weight : bold;
border-radius : 3px;
}
#form-especialista .radio {
float : left;
clear : both;
width : 100%;
margin : 0;
}
#form-especialista .radio input {
display : inline-block;
background-color : #FFFFFF;
vertical-align : middle;
font-size : 18px;
line-height : 20px;
width : auto !important ;
height : 35px;
margin : 0;
margin-right : 5px;
padding : 5px;
}
#form-especialista input[name="autorizo_contato_por_telefone"] {
width : auto !important ;
margin-right : 5px;
}
#form-especialista .notice {
color : #969696;
}
#form-especialista #cf_submit-cta-form-rotulos-para-bebidas {
cursor : pointer;
height : auto;
text-align : center;
text-decoration : none;
font-weight : bold;
font-size : 20px;
word-break : break-all;
line-height : 1.2em;
white-space : normal;
vertical-align : middle;
margin : 15px auto 24px auto;
padding : 15px 20px 17px 20px;
border-radius : 3px;
background : #c13232;
border : #000 solid 1px;
color : #fff;
}
.popup a {
width : calc(50% - 20px);
background : #c13232;
margin : 10px;
text-align : center;
padding : 10px;
color : white;
}
#form-especialista #cf_submit-cta-form-rotulos-para-bebidas:hover {
filter : brightness(0.9);
}
.img-popup {
width : 400px;
}
@font-face {
{
font-family : 'FontAwesome';
src : url("https://vbnnet.com.br/fonts/fontawesome-webfont.eot?v=4.7.0");
src : url("https://vbnnet.com.br/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'), url("https://vbnnet.com.br/fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'), url("https://vbnnet.com.br/fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("https://vbnnet.com.br/fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("https://vbnnet.com.br/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
font-weight : normal;
font-style : normal;
}
}
.fa {
display : inline-block;
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
}
.fa-lg {
font-size : 1.33333333em;
line-height : 0.75em;
vertical-align : -15%;
}
.fa-2x {
font-size : 2em;
}
.fa-3x {
font-size : 3em;
}
.fa-4x {
font-size : 4em;
}
.fa-5x {
font-size : 5em;
}
.fa-fw {
width : 1.28571429em;
text-align : center;
}
.fa-ul {
padding-left : 0;
margin-left : 2.14285714em;
list-style-type : none;
}
.fa-ul > li {
position : relative;
}
.fa-li {
position : absolute;
left : -2.14285714em;
width : 2.14285714em;
top : 0.14285714em;
text-align : center;
}
.fa-li.fa-lg {
left : -1.85714286em;
}
.fa-border {
padding : 0.2em 0.25em 0.15em;
border : #eeeeee solid 0.08em;
border-radius : 0.1em;
}
.fa-pull-left {
float : left;
}
.fa-pull-right {
float : right;
}
.fa.fa-pull-left {
margin-right : 0.3em;
}
.fa.fa-pull-right {
margin-left : 0.3em;
}
.pull-right {
float : right;
}
.pull-left {
float : left;
}
.fa.pull-left {
margin-right : 0.3em;
}
.fa.pull-right {
margin-left : 0.3em;
}
.fa-spin {
animation : fa-spin 2s linear infinite;
}
.fa-pulse {
animation : fa-spin 1s steps(8) infinite;
}
.fa-rotate-90 {
transform : rotate(90deg);
}
.fa-rotate-180 {
transform : rotate(180deg);
}
.fa-rotate-270 {
transform : rotate(270deg);
}
.fa-flip-horizontal {
transform : scale(-1,1);
}
.fa-flip-vertical {
transform : scale(1,-1);
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
filter : ;
}
.fa-stack {
position : relative;
display : inline-block;
width : 2em;
height : 2em;
line-height : 2em;
vertical-align : middle;
}
.fa-stack-1x, .fa-stack-2x {
position : absolute;
left : 0;
width : 100%;
text-align : center;
}
.fa-stack-1x {
line-height : inherit;
}
.fa-stack-2x {
font-size : 2em;
}
.fa-inverse {
color : #ffffff;
}
.fa-glass:before {
content : "\f000";
}
.fa-music:before {
content : "\f001";
}
.fa-search:before {
content : "\f002";
}
.fa-envelope-o:before {
content : "\f003";
}
.fa-heart:before {
content : "\f004";
}
.fa-star:before {
content : "\f005";
}
.fa-star-o:before {
content : "\f006";
}
.fa-user:before {
content : "\f007";
}
.fa-film:before {
content : "\f008";
}
.fa-th-large:before {
content : "\f009";
}
.fa-th:before {
content : "\f00a";
}
.fa-th-list:before {
content : "\f00b";
}
.fa-check:before {
content : "\f00c";
}
.fa-remove:before, .fa-close:before, .fa-times:before {
content : "\f00d";
}
.fa-search-plus:before {
content : "\f00e";
}
.fa-search-minus:before {
content : "\f010";
}
.fa-power-off:before {
content : "\f011";
}
.fa-signal:before {
content : "\f012";
}
.fa-gear:before, .fa-cog:before {
content : "\f013";
}
.fa-trash-o:before {
content : "\f014";
}
.fa-home:before {
content : "\f015";
}
.fa-file-o:before {
content : "\f016";
}
.fa-clock-o:before {
content : "\f017";
}
.fa-road:before {
content : "\f018";
}
.fa-download:before {
content : "\f019";
}
.fa-arrow-circle-o-down:before {
content : "\f01a";
}
.fa-arrow-circle-o-up:before {
content : "\f01b";
}
.fa-inbox:before {
content : "\f01c";
}
.fa-play-circle-o:before {
content : "\f01d";
}
.fa-rotate-right:before, .fa-repeat:before {
content : "\f01e";
}
.fa-refresh:before {
content : "\f021";
}
.fa-list-alt:before {
content : "\f022";
}
.fa-lock:before {
content : "\f023";
}
.fa-flag:before {
content : "\f024";
}
.fa-headphones:before {
content : "\f025";
}
.fa-volume-off:before {
content : "\f026";
}
.fa-volume-down:before {
content : "\f027";
}
.fa-volume-up:before {
content : "\f028";
}
.fa-qrcode:before {
content : "\f029";
}
.fa-barcode:before {
content : "\f02a";
}
.fa-tag:before {
content : "\f02b";
}
.fa-tags:before {
content : "\f02c";
}
.fa-book:before {
content : "\f02d";
}
.fa-bookmark:before {
content : "\f02e";
}
.fa-print:before {
content : "\f02f";
}
.fa-camera:before {
content : "\f030";
}
.fa-font:before {
content : "\f031";
}
.fa-bold:before {
content : "\f032";
}
.fa-italic:before {
content : "\f033";
}
.fa-text-height:before {
content : "\f034";
}
.fa-text-width:before {
content : "\f035";
}
.fa-align-left:before {
content : "\f036";
}
.fa-align-center:before {
content : "\f037";
}
.fa-align-right:before {
content : "\f038";
}
.fa-align-justify:before {
content : "\f039";
}
.fa-list:before {
content : "\f03a";
}
.fa-dedent:before, .fa-outdent:before {
content : "\f03b";
}
.fa-indent:before {
content : "\f03c";
}
.fa-video-camera:before {
content : "\f03d";
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content : "\f03e";
}
.fa-pencil:before {
content : "\f040";
}
.fa-map-marker:before {
content : "\f041";
}
.fa-adjust:before {
content : "\f042";
}
.fa-tint:before {
content : "\f043";
}
.fa-edit:before, .fa-pencil-square-o:before {
content : "\f044";
}
.fa-share-square-o:before {
content : "\f045";
}
.fa-check-square-o:before {
content : "\f046";
}
.fa-arrows:before {
content : "\f047";
}
.fa-step-backward:before {
content : "\f048";
}
.fa-fast-backward:before {
content : "\f049";
}
.fa-backward:before {
content : "\f04a";
}
.fa-play:before {
content : "\f04b";
}
.fa-pause:before {
content : "\f04c";
}
.fa-stop:before {
content : "\f04d";
}
.fa-forward:before {
content : "\f04e";
}
.fa-fast-forward:before {
content : "\f050";
}
.fa-step-forward:before {
content : "\f051";
}
.fa-eject:before {
content : "\f052";
}
.fa-chevron-left:before {
content : "\f053";
}
.fa-chevron-right:before {
content : "\f054";
}
.fa-plus-circle:before {
content : "\f055";
}
.fa-minus-circle:before {
content : "\f056";
}
.fa-times-circle:before {
content : "\f057";
}
.fa-check-circle:before {
content : "\f058";
}
.fa-question-circle:before {
content : "\f059";
}
.fa-info-circle:before {
content : "\f05a";
}
.fa-crosshairs:before {
content : "\f05b";
}
.fa-times-circle-o:before {
content : "\f05c";
}
.fa-check-circle-o:before {
content : "\f05d";
}
.fa-ban:before {
content : "\f05e";
}
.fa-arrow-left:before {
content :