* {
margin:0;
padding:0;
}
html {
overflow-x: hidden;
}
html, body {
width: 100%;
height: 100%;
}
.grid {
display: grid;
}
input:focus, textarea:focus, select:focus{
outline: none;
}
.container-grid {
display: grid;
max-width:1400px;
margin:0 auto;
}
a, button, input[type=submit], .slider-nav-thumbnails .slick-slide, .btpsl span , .topo, .boxnav{
text-decoration: none;
transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
outline: none;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
input[type=submit], 
input[type=text], 
input[type=email], 
input[type=tel], 
select, textarea, button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
}
img, svg {
max-width: 100%;
height: auto;
}
.arrd {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.pabs {
position: absolute;
}
.prel {
position: relative;
}
.dsb {
display:block;
}
.dsn {
display: none;
}
.vsh {
visibility: hidden;
}
.dinb {
display:inline-block;
}
.upp {
text-transform: uppercase;
}
.all {
text-align: left;
}
.alc {
text-align: center;
}
.alr {
text-align: right;
}
.linha-form br {
display: none;
}
.linha-span-2 {
grid-column: span 2;
}
.valm {
vertical-align: middle;
}
input[type=submit], button {
cursor: pointer;
}
strong {
font-weight: 700;
}
.zeragrid, .zeragrid > div {
padding-left: 0;
padding-right: 0;
}
.videobox {
position: relative;
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%;
}
.videobox iframe, .videobox object, .videobox embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}
.slick-arrow {
z-index: 2;
font-weight: 700;
text-align:center;
width:40px;
height:45px;
}
.slick-prev {
left:25px;
}
.slick-next {
right:25px;
}
.slick-prev:before {
content:"\f053";
font-family: "Font Awesome 5 Free";
font-size:44px;
}
.slick-next:before {
content:"\f054";
font-family: "Font Awesome 5 Free";
font-size:44px;
}
div.wpcf7 .ajax-loader {
margin: 10px auto !important;
display: block !important;
}
section.erro404 {
height:50vh;
grid-template-columns: 86%;
justify-content: center;
align-content: center;
}
section.erro404 h1 {
font-size: 50px;
}
section.erro404 h2 {
margin-bottom: 0.6em;
}
section.erro404 .backto {
padding: 14px 20px;
color:#fff;
}
.slick-slide {
outline: none;
}
@media screen and (max-width:1024px) {
br {
display: none;
}
}
.wpcf7-not-valid-tip {
font-size:14px;
margin-bottom:10px;
}
.wpcf7-response-output {
padding:20px !important;
margin:5px 0 10px !important;
border:0 none !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
color:#f00 !important;
background:#FFEAEA !important;
border:1px solid #f00 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
color:#090 !important;
background:#F0FFF0 !important;
border:1px solid #090 !important;
}
.wpcf7-not-valid {
margin-bottom:1px !important;
}
span.wpcf7-not-valid-tip {
font-size:12px !important;
padding: 4px 0 4px 0 !important;
top:-5px !important;
margin:0 !important;
left:0 !important;
}
.bounce-in-top {
-webkit-animation: bounce-in-top 1.1s both;
animation: bounce-in-top 1.1s both;
animation-delay: 3s;
}
@-webkit-keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
input[type], textarea, select, button, option {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
}
body {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
}
main {
width:100%;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.topo-1 {
background-color: #0C4A9F;
padding:35px 30px 25px;
z-index: 2;
}
.link-tel {
color:#fff;
}
.link-tel:hover {
color:#D86C54;
}
.topo-1 .container {
max-width: 1726px;
margin:0 auto;
grid-template-columns: 318px 156px;
justify-content: space-between;
align-items: center;
}
.a-bt-menu {
position: relative;
z-index: 2;
grid-template-columns: 50px 66px;
column-gap: 20px;
color:#75D4E6;
align-items: center;
font-weight: 700;
font-size: 18px;
padding:5px 12px;
box-sizing: border-box;
}
.a-bt-menu:hover {
background-color: #0a3a7e;
}
.a-bt-menu i {
font-size: 50px;
color:#F66C52;
transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
}
.a-bt-menu.mn-aberto {
transform: rotate(90deg);
}
.menumaster.funcao-menumaster {
box-sizing: border-box;
overflow-y: hidden;
overflow-x: hidden;
width:100%;
position: absolute;
z-index: 1;
background-color: #0C4A9F;
align-content: center;
height: 0;
left:0;
grid-template-columns: 370px 790px;
column-gap: 40px;
justify-content: center;
transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
}
.menumaster.funcao-menumaster.mn-aberto {
height: 600px;
}
.menumastercont {
min-height: 410px;
}
.dir-menumaster {
align-content: space-around;
}
.nav-topo li {
list-style: none;
}
.nav-topo li a {
color:#2B77A6;
font-weight: 700;
font-size: 50px;
}
.nav-topo li a:hover, 
.nav-topo li.active a {
color:#9CD6EE;
}
.tab-content{
display: none;
}
.tab-show {
display: block;
}
.intmenu ul {
display: grid;
grid-template-columns: auto auto;
row-gap: 15px;
column-gap: 10px;
}
.intmenu.menusobre ul {
display: grid;
grid-template-columns: 1fr;
row-gap: 15px;
column-gap: 10px;
}
.intmenu ul li {
list-style: none;
margin-bottom: 8px;
}
.intmenu ul li a {
display: inline-block;
padding-bottom: 2px;
font-size: 18px;
color:#9CD6EE;
text-transform: uppercase;
border-bottom: 2px solid #f26b5000;
}
.intmenu ul li a:hover {
border-bottom: 2px solid #F26A50;
}
.sec-imagem-texto-direita {
height: 648px;
background-repeat: no-repeat;
background-position: center;
grid-template-columns: repeat(2, 600px);
justify-content: center;
align-items: center;
}
.texto-sec-imagem h2, .texto-sec-imagem h1 {
font-size: 50px;
color: #2b77a6;
letter-spacing: -2px;
line-height: 100%;
}
.texto-sec-imagem p {
font-size: 20px;
color: #2b77a6;
line-height: 140%;
margin:40px 0 50px;
}
.btp {
background-color: #F26A50;
color:#fff;
font-weight: 700;
font-size: 22px;
grid-template-columns: auto 26px;
column-gap: 20px;
justify-content: space-between;
max-width: 350px;
min-width: 230px;
height: 68px;
align-items: center;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px;
padding:0 46px;
}
.btp:hover {
background-color: #2b77a6;
}
.ultimas-blog {
background-color: #fff;
grid-template-columns: 580px 580px;
column-gap: 40px;
justify-content: center;
padding: 90px 0;
}
.tit-ultimas-blog {
grid-column: span 2;
margin-bottom: 66px;
}
.tit-ultimas-blog h2 {
color: #2d4b9a;
font-weight: 400;
font-size: 40px;
}
.tit-ultimas-blog h2 span {
display: block;
font-size: 16px;
}
.item-blog-destaque {
grid-template-columns: repeat(2, 1fr);
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
overflow: hidden;
height: 338px;
font-size: 15px;
margin-bottom: 55px;
}
.item-blog-destaque h2 {
font-size: 20px;
}
.item-blog-destaque p {
font-size: 15px;
}
.item-blog-destaque .ainfos {
background-color: #0C4A9F;
color:#fff;
row-gap: 10px;
padding:60px 45px 0 35px;
align-items: start;
}
.item-blog-destaque a {
display: grid;
}
.aimagemzoom {
overflow: hidden;
}
.item-blog-destaque:hover .imagemzoom,
.item-blog-destaque:focus .imagemzoom {
transform: scale(1.2);
}
.imagemzoom {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color: rgb(230, 230, 230);
}
.bt-blog-1 {
background-color:#7DD7EF;
color:#0C4A9F;
font-weight: 700;
font-size: 16px;
column-gap: 20px;
max-width: 140px;
height: 48px;
align-items: center;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
text-align: center;
}
.bt-blog-1:hover {
background-color:#F26A50;
color:#fff;
}
.faixa-botao {
grid-column: span 2;
justify-content: center;
grid-template-columns: 300px;
}
.bt-mais-blog {
align-items: center;
grid-template-columns: 30px 260px;
column-gap: 10px;
font-size: 15px;
color: #0a3a7e;
}
.bt-mais-blog:hover span {
color: #D86C54;
}
.rodape {
background-color: #2D4B9A;
color:#fff;
grid-template-columns: 400px 400px 400px;
justify-content: center;
padding:68px;
}
.form-rodape {
grid-column: span 3;
}
.form-rodape form {
display: grid;
grid-template-columns: 610px 140px 390px;
column-gap: 30px;
}
.form-catalogo {
padding: 65px;
max-width: 400px;
}
.form-catalogo form {
display: grid;
row-gap: 10px;
}
.form-catalogo h3 {
color: #F26A50;
margin-bottom: 18px;
}
.form-rodape form input[type], .form-catalogo form input[type] {
display: block;
width:100%;
box-sizing: border-box;
border: 0 none;
}
.form-catalogo form input[type] {
border: 1px solid #ccc;
padding: 15px 12px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.form-catalogo form input[type=submit] {
background-color: #0a3a7e;
color: #fff;
border: 0 none;
font-weight: 700;
width: 200px;
}
.form-rodape form input[type=email] {
padding:15px 12px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
.form-rodape form input[type=submit] {
display: grid;
background-color:#D86C54;
color:#fff;
font-weight: 700;
font-size: 16px;
column-gap: 20px;
max-width: 140px;
height: 48px;
align-items: center;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
text-align: center;
}
.form-rodape form input[type=submit] {
display: grid;
background-color:#D86C54;
color:#fff;
font-weight: 700;
font-size: 16px;
column-gap: 20px;
max-width: 140px;
height: 48px;
align-items: center;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
text-align: center;
}
.form-rodape .wpcf7-response-output {
margin:0 !important;
font-size: 14px;
}
.rodape h3 {
color:#d86c54;
}
.form-rodape h3 {
color:#fff;
margin:0 0 16px;
font-size: 20px;
font-weight: 400;
}
.infos-rodape {
grid-template-columns: 30px auto;
column-gap: 10px;
line-height: 140%;
margin-top: 30px;
}
.rodape dl {
margin-top:30px;
}
.rodape dl dt {
font-weight: 700;
}
.txt-rodape {
margin-top:30px;
line-height: 140%;
}
.menu-rodape {
grid-template-columns: 10px auto;
column-gap: 20px;
margin-top:30px;
}
.borda-menu {
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.menu-rodape ul li {
list-style: none;
}
.menu-rodape ul li a {
color:#fff;
display: block;
padding:8px 0;
}
.menu-rodape ul li a:hover {
color:#9CD6EE;
}
.meio-rodape {
justify-self: center;
}
.direita-rodape {
justify-self: end;
}
.coluna-rodape {
display: grid;
}
.coluna-rodape svg {
max-width:274px;
}
.infos-rodape svg {
width:100%;
}
.copy {
font-size: 14px;
padding:20px;
background-color: #2B77A6;
color:#fff;
font-weight: 700;
}
.copy a {
color:#ffd200;
}
.copy a:hover {
text-decoration: underline;
}
.capa-pagina {
grid-template-columns: 1200px;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-position: center;
height: 550px;
color:#2B77A6;
}
.capa-produto {
grid-template-columns: 1200px;
justify-content: center;
align-items: center;
color: #D86C54;
background-color: #75D4E6;
padding: 40px 0;
}
.capa-pagina h2, .capa-pagina h1 {
font-weight: 700;
font-size: 50px;
line-height: 105%;
margin-bottom: 0.6em;
}
.capa-pagina p {
font-size: 20px;
line-height: 135%;
}
.destaque-pagina {
grid-template-columns: 1200px;
justify-content: center;
}
.destaque-pagina > div {
padding:100px 150px;
background-color: #fff;
margin-top: -115px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.destaque-pagina h2 {
color:#2B77A6;
font-size: 50px;
line-height: 110%;
margin-bottom: 1em;
position: relative;
}
.destaque-pagina h2::before {
content: "";
display:block;
position: absolute;
width:90px;
margin-right: 30px;
height:1px;
background-color: #F26A50; 
top:30px;
left: -120px;
}
.destaque-pagina p {
color:#2B77A6;
font-size: 20px;
line-height: 150%;
margin-bottom: 2em;
}
.destaque-pagina .nome-comment::before {
content: "";
display: inline-block;
vertical-align: middle;
width:40px;
margin-right: 18px;
height:1px;
background-color: #F26A50; 
}
.conteudo-pagina {
background-color: #F2F6F7;
padding-bottom: 127px;
}
.txt-editor {
max-width: 860px;
margin:70px auto 0;
color:#2B77A6;
font-size: 20px;
}
.txt-editor h1 {
color:#2B77A6;
font-size: 50px;
line-height: 110%;
margin-bottom: 0.5em;
}
.txt-editor ul, .txt-editor ol {
margin:0 20px 20px;
line-height: 145%;
}
.txt-editor ul li, .txt-editor ol li {
margin:0 0 0.3em;
}
.txt-editor p {
line-height: 150%;
margin-bottom: 0.8em;
}
.txt-editor strong {
font-weight: 700;
}
.txt-editor a {
font-weight: 700;
color:#d86c54;
}
.txt-editor a:hover {
text-decoration: underline;
}
.txt-editor h2 {
font-size: 35px;
line-height: 110%;
margin-bottom: 0.3em;
}
.txt-editor h3 {
font-size: 28px;
line-height: 110%;
margin-bottom: 0.3em;
}
.contato-topo {
grid-template-columns: 415px 220px;
column-gap: 30px;
justify-content: space-between;
}
.dir-topo-con {
justify-items: end;
}
.formcon h3 {
color: #9cd6ee;
margin-bottom: 10px;
}
.formcon form input[type], 
.formcon form textarea {
display: block;
width:100%;
box-sizing: border-box;
padding:12px;
background-color: #fff;
border: 0 none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 6px;
}
.formcon textarea {
max-height: 110px;
}
.formcon .linha-form {
margin-bottom: 10px;
}
.formcon form input[type=submit] {
background-color: #F26A50;
color: #fff;
font-weight: 700;
font-size: 18px;
grid-template-columns: auto 26px;
column-gap: 20px;
justify-content: space-between;
max-width: 200px;
height: 48px;
align-items: center;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px;
padding: 0 46px;
}
.formcon form input[type=submit]:hover {
background-color: #2b77a6;
}
.formcon .wpcf7-not-valid-tip {
color: #dccb32;
}
.formcon ::-webkit-input-placeholder {
color: #2d4b9a;
font-style: italic;
font-weight: 700;
}
.formcon  :-ms-input-placeholder {
color: #2d4b9a;
font-style: italic;
font-weight: 700;
}
.formcon  ::placeholder {
color: #2d4b9a;
font-style: italic;
font-weight: 700;
}
.tels-topo {
grid-template-columns: 21px auto;
column-gap: 23px;
justify-self: end;
color:#9CD6EE;
line-height: 140%;
align-items: center;
}
.bt-whats-topo {
display: grid;
grid-template-columns: 30px 100px;
column-gap: 20px;
color:#9CD6EE;
font-weight: 700;
font-size: 16px;
height: 48px;
align-items: center;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px;
text-align: center;
border: 5px solid #9CD6EE;
margin-top: 34px;
padding: 0 20px;
}
.bt-whats-topo:hover {
color:#fff;
background-color: #d86c54;
border: 5px solid #d86c54;
}
.rdp-topo {
grid-template-columns: 1fr 250px;
align-items: center;
column-gap: 50px;
}
.traco-azul-claro {
display: block;
height: 2px;
background-color: #9CD6EE;
}
.socs-rdp-topo {
grid-template-columns: auto 35px 35px 35px;
column-gap: 20px;
justify-content: space-between;
align-items: center;
}
.socs-rdp-topo p {
font-size: 18px;
color: #9CD6EE;
}
.head-blog {
grid-template-columns: 1200px;
justify-content: center;
margin-top:50px;
row-gap: 10px;
color:#0a3a7e;
}
.a-head-blog {
font-size: 15px;
color:#2d4b9a;
}
.head-blog h1, .head-blog h2 {
font-size:40px;
color:#2d4b9a;
}
.head-post {
grid-template-columns: 1100px;
justify-content: center;
padding: 130px 0 80px;
background-color: #fff;
}
.head-post h1 {
color: #2B77A6;
font-size: 50px;
line-height: 120%;
margin-bottom: 0.5em;
}
.head-post p {
font-size: 20px;
color: #2B77A6;
line-height: 140%;
}
.infos-top-post {
margin-top: 15px;
font-size: 15px;
color:#ccc;
}
.infos-top-post a {
color:#D86C54;
}
body.post-template-default, 
body.single-al_product, 
body.ecommerce-product-catalog {
background-color: #F2F6F7;
}
.single-container {
grid-template-columns: 800px 400px;
justify-content: center;
}
.single-container .txtc {
background-color: #fff;
padding:50px;
color:#414141;
margin-bottom: 50px;
}
.single-container .txtc p {
line-height: 150%;
margin-bottom: 0.8em;
}
.single-container .txtc h1 {
font-size: 25px;
margin: 0.7em 0;
}
.single-container .txtc h2 {
font-size: 20px;
margin: 0.7em 0;
}
.single-container .txtc h3 {
font-size: 18px;
margin: 0.7em 0;
}
.single-container .txtc ul, 
.single-container .txtc ol {
margin:10px 20px 20px 18px;
line-height: 145%;
}
.single-container ul li {
margin-bottom: 0.0em;
}
.sidebar-blog {
padding: 50px;
}
.sidebar-blog h2 {
color: #2d4b9a;
margin-bottom: 20px;
}
.sidebar-blog a {
color: #2B77A6;
}
.sidebar-blog ul {
margin-bottom: 50px;
}
.sidebar-blog li {
color: #2B77A6;
list-style: none;
padding:10px 0;
border-bottom: 1px solid #ccc;
}
.item-blog {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
margin-bottom: 30px;
overflow: hidden;
align-items: start;
background-color: #fff;
}
.item-blog img {
vertical-align: middle;
}
.cont-item-blog {
padding:50px;
align-items: start;
}
.cont-item-blog h2 {
font-size: 20px;
margin-bottom: 10px;
}
.cont-item-blog h2 a {
font-size: 20px;
color:#2d4b9a;
}
.cont-item-blog p.excerpt {
font-size: 15px;
line-height: 140%;
color:#2d4b9a;
margin-bottom: 20px;
}
.a-leia {
background-color: #7DD7EF;
color: #0a3a7e;
font-weight: 700;
font-size: 16px;
column-gap: 20px;
max-width: 140px;
height: 48px;
align-items: center;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
text-align: center;
}
.a-leia:hover {
background-color: #0a3a7e;
color: #7DD7EF;
}
.listagem-blog {
grid-template-columns: repeat(3, 338px);
justify-content: center;
column-gap: 90px;
background-color: #F3F6F7;
padding:60px 0;
}
.pagination {
grid-column: span 3;
text-align: center;
margin:40px auto 70px;
}
.listagem-blog .head-blog {
background-color: #F3F6F7;
grid-column: span 3;
margin: 0 0 30px;
}
.pagination a, .pagination span {
display: inline-block;
margin:0 3px;
color:#fff;
width:60px;
height: 60px;
vertical-align: middle;
line-height: 60px;
text-align: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.pagination a {
background-color: #D86C54;
}
.pagination a:hover, .pagination span {
background-color: #0a3a7e;
}
.estrutura-produto {
grid-template-columns: 800px 370px;
column-gap: 30px;
justify-content: center;
margin:100px 0;
}
.geral-produto {
background-color: #fff;
padding: 20px;
grid-template-columns: 380px 310px;
column-gap: 30px;
}
.informacoes-produto h1 {
font-size: 30px;
line-height: 110%;
color:#2B77A6;
margin: 0.5em 0;
}
.informacoes-produto .codigo-produto {
color:#ccc;
font-size: 18px;
font-weight: 700;
}
.informacoes-produto .descricao-produto {
color: #333;
margin:25px 0 35px;
}
.informacoes-produto .descricao-produto p {
line-height: 145%;
margin:0 0 0.7em;
font-size: 14px;
}
.informacoes-produto .descricao-produto p strong {
font-size: 18px;
margin-bottom: 6px;
}
.relacionados-produto {
margin:30px 0;
align-content: start;
}
.relacionados-produto h2 {
font-size: 30px;
line-height: 100%;
color:#2B77A6;
margin: 0.5em 0 0.7em;
vertical-align: middle;
background-image: url(//glcortopedia.com.br/wp-content/themes/canela-catalog/includes/img/glc-ortopedia-faixa-titulo-1.png);
background-position: center;
background-repeat: repeat-x;
}
.relacionados-produto h2 span {
display: inline-block;
vertical-align: middle;
padding-right: 20px;
background-color: #F2F6F7;
}
.ul-categorias {
grid-template-columns: 1fr 1fr;
justify-content: center;
list-style: none;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
overflow: hidden;
align-content: start;
}
.ul-categorias > li > a {
align-items: center;
justify-items: center;
text-align: center;
background-color: #fff;
color: #2B77A6;
margin:0 2px 2px 0;
min-height: 188px;
padding: 0 30px;
}
.ul-categorias > li > a > h3 {
font-size: 18px;
line-height: 120%;
}
.ul-categorias > li > a:hover {
background-color: #0C4A9F;
color: #fff;
}
.ul-categorias > li > a > img {
display: none;
}
#product_filters_bar, .listagem-produtos .taxonomy-image, .listagem-produtos .taxonomy-description {
display: none;
}
.product-list.default {
display: grid;
grid-template-columns: repeat(3, 255px);
justify-content: space-between;
row-gap: 20px;
align-content: start;
}
.li-produto {
background-color: #fff;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
overflow: hidden;
height: 380px;
}
.li-vazio-cats {
background-color: #0C4A9F;
color: #fff;
}
.li-produto a {
color: #2B77A6;
}
.li-produto h3 {
margin:30px 35px;
font-size: 18px;
}
.li-produto a:hover {
color:#0C4A9F;
}
.listagem-produtos .catalog-header {
display:none;
}
.product-list.default {
padding-top: 0;
}
body.product-category-13 li.categoria-atual-13 a, 
body.product-category-page-13 li.categoria-atual-13 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-4 li.categoria-atual-4 a, 
body.product-category-page-4 li.categoria-atual-4 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-14 li.categoria-atual-14 a, 
body.product-category-page-14 li.categoria-atual-14 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-11 li.categoria-atual-11 a, 
body.product-category-page-11 li.categoria-atual-11 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-10 li.categoria-atual-10 a, 
body.product-category-page-10 li.categoria-atual-10 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-15 li.categoria-atual-15 a, 
body.product-category-page-15 li.categoria-atual-15 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-9 li.categoria-atual-9 a, 
body.product-category-page-9 li.categoria-atual-9 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-5 li.categoria-atual-5 a, 
body.product-category-page-5 li.categoria-atual-5 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-8 li.categoria-atual-8 a, 
body.product-category-page-8 li.categoria-atual-8 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-6 li.categoria-atual-6 a, 
body.product-category-page-6 li.categoria-atual-6 a {
background-color: #0C4A9F;
color: #fff;
}
body.product-category-7 li.categoria-atual-7 a, 
body.product-category-page-7 li.categoria-atual-7 a {
background-color: #0C4A9F;
color: #fff;
}
.btwhats {
position: fixed;
width:80px;
bottom: 20px;
right:20px;
z-index: 99;
}
.videobox {
margin-bottom: 30px;
}
@media screen and (min-width:768px) and (max-width:1024px) {
.sec-imagem-texto-direita {
grid-template-columns: repeat(2, 40%);
}
.btp {
font-size: 18px;
max-width: 300px;
}
.ultimas-blog {
grid-template-columns: 42% 42%;
}
.rodape {
grid-template-columns: repeat(3, 30%);
padding: 68px 0;
column-gap: 20px;
}
.coluna-rodape svg {
max-width: 224px;
}
.menumaster {
grid-template-columns: 1fr 3fr;
justify-content: center;
padding: 0 30px;
}
.nav-topo li a {
font-size: 36px;
}
.contato-topo {
grid-template-columns: 315px 220px;
}
.listagem-blog {
grid-template-columns: repeat(3, 30%);
column-gap: 2%;
padding: 30px 0 50px;
}
.listagem-blog .head-blog {
grid-column: span 3;
grid-template-columns: 100%;
margin: 0 0 30px;
}
.head-post {
grid-template-columns: 90%;
}
.single-container {
grid-template-columns: 3fr 1fr;
justify-content: center;
}
.capa-pagina {
grid-template-columns: 90%;
height: 500px;
}
.destaque-pagina {
grid-template-columns: 100%;
justify-content: center;
}
.conteudo-pagina {
grid-template-columns: 90%;
justify-content: center;
}
.estrutura-produto {
grid-template-columns: 2fr 1fr;
column-gap: 30px;
justify-content: center;
margin: 60px 30px;
}
.product-list.default {
grid-template-columns: 100%;
}   
.li-produto {
height: auto;
} 
.ul-categorias {
grid-template-columns: 1fr;
}
.form-rodape form {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
column-gap: 15px;
}
.btwhats {
position: fixed;
width:30px;
bottom: 20px;
right:20px;
z-index: 99;
}
}
@media screen and (max-width:767px) {
.topo-1 {
padding: 10px 15px 10px;
}
.topo-1 .container {
max-width: 100%;
grid-template-columns: 138px 50px;
}
.a-bt-menu span {
display: none;
}
.sec-imagem-texto-direita {
height: 70vh;
background-position: center left;
grid-template-columns: 80%;
}
.texto-sec-imagem h2, .texto-sec-imagem h1 {
font-size: 30px;
letter-spacing: -1px;
}
.texto-sec-imagem p {
font-size: 16px;
margin: 10px 0 20px;
}
.btp {
font-size: 12px;
grid-template-columns: auto 26px;
min-width: 130px;
height: 48px;
padding: 0 20px;
}
.btp svg {
max-width: 22px;
}
.tit-ultimas-blog {
grid-column: span 2;
margin-bottom: 36px;
}
.ultimas-blog {
grid-template-columns: 1fr;
column-gap: 0;
padding: 40px 20px;
align-content: start;
}
.tit-ultimas-blog h2 {
font-size: 30px;
}
.item-blog-destaque {
grid-template-columns: 1fr;
height: auto;
margin-bottom: 35px;
}
.item-blog-destaque .ainfos {
padding: 30px 25px 20px 25px;
}
.a-bt-menu i {
font-size: 30px;
}
.menumaster.mn-aberto {
min-height: 100vh;
height: auto;
grid-template-columns: 1fr;
align-content: start;
}
.menumaster.funcao-menumaster.mn-aberto {
min-height: 100vh;
height: auto;
}
.geral-produto {
background-color: #fff;
padding: 20px;
grid-template-columns: 1fr;
column-gap: 30px;
}
.capa-produto {
grid-template-columns: 1fr;
padding: 40px 25px;
text-align: center;
}
.menumaster {
grid-template-columns: 1fr;
padding: 0 20px;
align-content: start;
}
.nav-topo li a {
font-size: 20px;
}
.intmenu ul {
grid-template-columns: 1fr;
row-gap:5px;
}
.intmenu ul li {
margin-bottom: 0;
}
.intmenu ul li a {
font-size: 14px;
}
.menumastercont {
min-height: inherit;
}
.rdp-topo {
grid-template-columns: 1fr;
column-gap: 30px;
margin-top: 20px;
}
.socs-rdp-topo {
justify-content: center;
margin: 15px 0;
}
.contato-topo {
grid-template-columns: 1fr;
column-gap: 30px;
justify-content: space-between;
}
.nav-topo {
margin: 20px 0;
}
.rodape {
grid-template-columns: 1fr;
padding: 38px;
}
.form-rodape form {
grid-template-columns: 1fr;
row-gap: 15px;
}
.form-rodape {
grid-column: span 1;
}
.coluna-rodape {
margin-bottom: 30px;
}
.direita-rodape {
justify-self: start;
}
.form-rodape h3 {
font-size: 16px;
}
.listagem-blog {
display: block !important;
padding: 24px;
margin: 0 auto;
}
.listagem-blog .head-blog {
grid-column: span 1;
grid-template-columns: 100%;
}
.capa-pagina {
grid-template-columns: 80%;
height: 300px;
}
.capa-pagina h2, .capa-pagina h1 {
font-size: 30px;
}
.capa-pagina p {
font-size: 16px;
}
.head-post {
grid-template-columns: 88%;
padding: 40px 0 10px;
}
.head-post h1 {
font-size: 30px;
}
.single-container {
grid-template-columns: 100%;
}
.single-container .txtc {
padding: 26px;
}
body {
font-size: 14px;
}
.head-post p {
font-size: 16px;
}
.sidebar-blog {
padding: 0 30px;
}
.estrutura-produto {
grid-template-columns: 1fr;
column-gap: 30px;
justify-content: center;
margin: 20px 10px;
}
.ul-categorias {
grid-template-columns: 1fr;
}
.product-list.default {
grid-template-columns: 100%;
justify-content: center;
}
.capa-produto {
grid-template-columns: 90%;
padding: 30px 0;
}
.destaque-pagina {
grid-template-columns: 90%;
justify-content: center;
}
.destaque-pagina > div {
padding: 30px;
background-color: #fff;
margin-top: 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.destaque-pagina h2 {
font-size: 20px;
}
.destaque-pagina p {
font-size: 14px;
}
.txt-editor h1 {
color: #2B77A6;
font-size: 30px;
line-height: 110%;
margin-bottom: 0.5em;
}
.txt-editor {
max-width: 860px;
margin: 40px 30px 0;
color: #2B77A6;
font-size: 14px;
}
.txt-editor h2 {
margin-top: 30px;
font-size: 22px;
}
.btwhats {
position: fixed;
width:30px;
bottom: 20px;
right:20px;
z-index: 99;
}
.li-produto {
height: auto;
}
}