/*  
Theme Name: Mandaguai
Author: Mustache
Author URI: https://mustache.com.br
*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0;}
img, fieldset {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
@media screen {img{width: auto;}}

/*Formatação Geral*/
body {font-family: 'Montserrat', sans-serif; color: #000; background: #fff;}
a {text-decoration: none; outline: none;}
a:hover {text-decoration: none;}
button{outline: 0; border: 0; cursor: pointer;}
button:focus{outline: 0; border: 0;}
p {margin: 0 0 20px; padding: 0;}
ul, ol {margin: 0; padding: 0; line-height: 140%;}
li {margin: 0 0 .5em 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {line-height: 100%; margin: 20px 0 .4em;} 
h1{font-size: 1.8em;} h2{font-size: 1.6em;} h3{font-size: 1.5em;} h4 {font-size: 1.4em;} h5{font-size: 1.2em;} h6{font-size: 1em;}
html{scroll-behavior: smooth;}
img{max-width: 100%;}
.pagewidth {width: 70%; margin: 0 auto;}
.wpp{z-index: 999; width: 60px; height: 60px; position: fixed; right: 30px; bottom: 30px; border-radius: 50%; color: #fff; background: #00a884; font-size: 30px; padding: 15px 0; text-align: center;}
.grecaptcha-badge{display: none!important}
/*Menu*/
.home #menu{background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) -70%, rgba(0,0,0,0) 75%); position: relative;}
.home #menu .navbar-nav .nav-link:hover{color: #fff}
#menu{width: 100%; padding: 15px 0px; height: 100px; position: sticky;  top: 0; right: 0; left: 0; z-index: 1030; background: #1186bf;}
#menu .content{width: 80%; margin: 0 auto;}
#menu .navbar-brand img{height: 60px; width: auto; margin-bottom: 0px; }
#menu .navbar-expand-lg .navbar-collapse{margin: 0px auto 0px; }
#menu .navbar-expand-lg .navbar-nav{margin: 0px 0 0 auto; }
#menu .navbar-nav .nav-item{margin: 5px 0px; padding: 10px 5px;}
#menu .navbar-nav .nav-link {color: #fff; font-size: 1rem; font-weight: 400;  text-transform: uppercase; transition: .3s; padding: 10px 20px}
#menu .navbar-nav .nav-link:hover{color: #53d7ff ;}
#menu .dropdown-item:hover {display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; color: #fff ; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
#menu .dropdown-toggle::after {font-weight: 900; font-family: "Font Awesome 5 Free"; content: "\f078"; color: #fff; display: inline-block; font-size: 11px; width: 15px; height: 15px; margin-left: .355em; vertical-align: 0.055em; border-top: 0em solid; border-right: 0em solid transparent; border-bottom: 0; border-left: 0em solid transparent; }
#menu .navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute; background: #fff; font-size: 90%;    margin: 0 -10px;}
#menu .navbar-expand-lg .navbar-nav .dropdown-menu:before {content: ''; top: -16px; position: absolute; left: 10%; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #000; }
#menu .navbar-expand-lg .navbar-nav b{font-weight: 600;}
#menu .collapse navbar-collapse{margin-top: 7px;}
#menu .navbar-nav li:hover .dropdown-menu {display: block; }
#menu .navbar{padding: 0;}

/*Slide*/
.slide{width: 100%; min-height: 90vh; margin-top: -100px; overflow-x:hidden; position: relative; background: url(images/topo.jpg) no-repeat; background-size: cover; padding: 100px 10% 100px; display: flex; justify-content: center; align-items: center;}
.slide h1{font-size: 3rem; line-height: 3.5rem; font-weight: 600; margin: 0; color: #fff;}
.slide p.sub:before{content: ''; display: block; margin: 35px 0; background: #0293c2; width: 150px; height: 5px; border-radius: 10px;}
.slide p.sub { font-size: 1.2rem; line-height: 2rem; color: #fff; margin: 0; width: 86%; }
.slide .formulario .sugestoes-cidades { position: absolute; width: calc(94% - 72px); max-height: 200px; overflow-y: auto; background-color: #fff; border: 1px solid #ccc; border-top: none; display: none; z-index: 1000; margin: -15px 0 0 0px}
.slide .formulario .sugestao-cidade { padding: 5px 8px; cursor: pointer; font-size: .85rem; transition: .3s;}
.slide .formulario .sugestao-cidade:hover { background-color: var(--azul2); color: #1186bf; }
.slide .formulario { background: #fff; padding: 40px; border-radius: 10px; }
.slide .formulario p{margin: 0; width: 100%; color: #00;}
.slide .formulario label{width: 100%; text-align: left; margin: 5px 0}
.slide .formulario select {text-transform: none; width: 100%; background: #ededed; border: 0px; padding: 20px 10px; color: #606266; }
.slide .formulario input{width: 100%; background: #ededed; color: #606266; font-family: 'Montserrat', sans-serif; padding: 20px 15px; border: solid 1px #f7f7f7; border-radius: 6px;}
.slide .formulario textarea{width: 100%; height: 150px; background: #ededed;font-family: 'Montserrat', sans-serif;color: #000; padding: 20px 15px; border: solid 1px #ededed; border-radius: 6px; transition: .3s;}
.slide .formulario input:focus, .slide .formulario textarea:focus, .coslide .formulariontato select:focus{outline: none;  border: 0px; border: solid 1px #1186bf; transition: .3s;}
.slide .formulario input[type=submit]{width: 100%; background: #1186bf; font-family: 'Montserrat', sans-serif; color: #fff; padding: 15px 45px; margin-top: 5px; width: auto; border: solid 1px #1186bf;border-radius: 6px; transition: .3s; font-weight: 600;}
.slide .formulario input[type=submit]:hover{background: #2ca1c5; border: solid 1px #2ca1c5; color: #fff;}

.slide .slick-prev, .slide .slick-next {font-size: 20px; z-index: 999; background-color: #fff; height: 40px; width: 40px; border-radius: 50%; padding: 11px 13px; transition: .3s; }
.slide .slick-prev:hover, .slide .slick-next:hover{background: #fff;}
.slide .slick-prev:before{font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f053"; color: #1186bf;}
.slide .slick-next:before {font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f054"; color: #1186bf;}
.slide .slick-prev {left: 30px;}
.slide .slick-next {right: 30px;}
.slide img{width: 100%; height: auto;}

/*404*/
.naoencontrado{background: #fff;color: #666; font-family: 'Montserrat', sans-serif; padding: 120px 0%;}
.naoencontrado h1{font-weight: 700; color: #1186bf; font-size: 2.5rem; margin-bottom: 10px;}
.naoencontrado p{width: 1000px; max-width: 100%; font-size: 1.4rem; line-height: 2.4rem; font-weight: 400;}
.naoencontrado a{color: #1186bf; transition: .3s}
.naoencontrado a:hover{color: #000}

/*Pagina*/
.pagina{padding: 80px 15%; text-align: justify; font-family: 'Montserrat', sans-serif; line-height: 2rem; font-size: 1.1rem;}
.pagina h1.titulo{color: #1186bf; margin-top: 0px; margin-bottom: 40px; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 3rem; border-bottom: solid 1px #c9c9c9; padding-bottom: 40px;}
.pagina th, .pagina td {text-align: left; border: 1px solid #e8e9eb; line-height: 140%; padding: 10px 14px;}
.pagina a{color: #1186bf;}
.pagina label{width: 100%; text-align: left}
.pagina select {text-transform: none; width: 100%; background: #f7f7f7; border: 0px; padding: 10px 10px; color: #666; }
.pagina input{width: 100%; background: #f7f7f7; color: #666; font-family: 'Montserrat', sans-serif; padding: 10px 15px; border: solid 1px #f7f7f7; border-radius: 3px;}
.pagina textarea{width: 100%; height: 150px; background: #f7f7f7;font-family: 'Montserrat', sans-serif;color: #666; padding: 10px 15px; border: solid 1px #f7f7f7; border-radius: 3px;}
.pagina input:focus, .pagina textarea:focus, .pagina select:focus{outline: none;  border: 0px; border: solid 1px #1186bf;}
.pagina input[type=submit]{width: 100%; background: #1186bf; font-family: 'Montserrat', sans-serif; color: #fff; padding: 15px 45px; margin-top: 10px; width: auto; border: solid 1px #1186bf; border-radius: 3px; transition: .3s}
.pagina input[type=submit]:hover{background: #2ca1c5; border: solid 1px #2ca1c5; color: #fff;}
.pagina ul, .pagina ol{list-style-position: inside; list-style: none}
.pagina b, .pagina strong{color: #1186bf;}
.pagina h1, .pagina h2, .pagina h3, .pagina h4{color: #707070; font-weight: 700;}

/*Soluções*/
.solucoes{padding: 100px 0 100px 13%; background: #ededed;}
.solucoes h2{text-align: left; color: #1186bf; font-size: 3.2rem; width: 80%; margin: 0 0 20px; line-height: 3.5rem; font-weight: 700;}
.solucoes p{width: 90%; font-size: 1.1rem; line-height: 1.9rem;}
.solucoes .solucoeslist{width: 100%;}
.solucoes button.botao{background: #1186bf; padding: 15px 30px; text-transform: uppercase; border: 0; font-size: 1rem; border-radius: 15px; margin: 20px 0 50px; display: block; font-weight: 700; color: #fff; transition: .3s;}
.solucoes button.botao:hover{background: #2ca1c5;}
.solucoes .solucao{background: #fff; padding: 20px; border-radius: 25px; width: 96%; margin: 0 2%; text-align: center; height: 100%;}
.solucoes .solucao h3{text-align: center; color: #1186bf; font-size: 1.8rem; width: 100%; margin: 15px 0; line-height: 2rem; font-weight: 700;}
.solucoes .solucao p{width: 100%; height: 100%; margin: 0; font-size: .9rem; line-height: 1.6rem;}
.solucoes .slick-slide img {width: 100%; height: auto; object-fit: cover;}
.solucoes .slick-dots {bottom: -55px}
.solucoes .slick-dots li.slick-active button:before { opacity: 1; color: #1186bf;}

/*Motivos*/
.motivos{background: #1186bf; padding: 100px 0; color: #fff;}
.motivos h2{text-align: center; color: #fff; font-size: 2.5rem; line-height: 3rem; margin: 0 auto 20px; font-weight: 600; width: 650px; max-width: 100%;}
.motivos p.intro{width:700px; max-width: 90%; margin: 40px auto 60px; font-size: 1.2rem; line-height: 2rem; text-align: center;}
.motivos .motivoboxes {width: 100%; height: 520px; margin: auto; overflow-x: hidden;}
.motivos .box{background: #fff; color: #000; height: 430px; padding: 40px; border-radius: 25px; margin-top: 40px;}
.motivos .box .icone { background: #0293c2; width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: -70px auto 10px; position: relative; }
.motivos .box .icone img{filter: invert(1);}
.motivos .box h3 { font-weight: 700; font-size: 1.3rem; text-align: center; color: #1186bf; line-height: 1.5rem; }
.motivos .box p{text-align: center; font-size: .9rem; line-height: 1.4rem; margin: 0; width: 100%; max-width: 100%;}
.motivos .box .infos{height: 320px; display: grid; align-content: center;}
.motivos .slick-prev, .motivos .slick-next {font-size: 20px; z-index: 999; background-color: #fff; height: 40px; width: 40px; border-radius: 50%; padding: 11px 13px; transition: .3s; }
.motivos .slick-prev:hover, .motivos .slick-next:hover{background: #fff;}
.motivos .slick-prev:before{font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f053"; color: #1186bf;}
.motivos .slick-next:before {font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f054"; color: #1186bf;}
.motivos .slick-prev {left: 10px;}
.motivos .slick-next {right: 10px;}
.motivos .slick-slide {margin: 0 15px;}
.motivos button.botao{background: #fff; padding: 15px 30px; text-transform: uppercase; border: 0; font-size: 1rem; border-radius: 15px; margin: 40px auto 0; display: block; font-weight: 700; color: #1186bf; transition: .3s;}
.motivos button.botao:hover{background: #2ca1c5; color: #fff;}

/*Empresa*/
.empresa{padding: 120px 0; background: rgb(227,227,227); background: linear-gradient(357deg, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 60%);}
.empresa img.logo{max-width: 230px; padding: 40px 50px 40px 0; margin-right: 10px; border-right: solid 5px #1186bf;}
.empresa h2{font-size: 2rem; line-height: 3rem; color: #5f5f5f; font-weight: 700; margin: 0px;}
.empresa p{font-size: 1.1rem; line-height: 1.9rem;}
.empresa p strong{color: #1186bf; font-weight: 700;}
.empresa button.botao{background: #1186bf; padding: 15px 50px; text-transform: uppercase; border: 0; font-size: 1.2rem; border-radius: 15px; margin: 40px auto; display: block; font-weight: 700; color: #fff; transition: .3s;}
.empresa button.botao:hover{background: #2ca1c5;}
.empresa h3{text-align: center; color: #1186bf; font-size: 2rem; margin: 100px auto 60px; font-weight: 700;}
.empresa .clientes {width: 100%; height: 170px; margin: auto; overflow-x: hidden;}
.empresa .clientes img {width: 170px; height: 170px; object-fit: cover; border-radius: 6px;}
.empresa .slick-prev, .empresa .slick-next {font-size: 20px; z-index: 999; background-color: #fff; height: 40px; width: 40px; border-radius: 50%; padding: 11px 13px; transition: .3s; }
.empresa .slick-prev:hover, .empresa .slick-next:hover{background: #fff;}
.empresa .slick-prev:before{font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f053"; color: #1186bf;}
.empresa .slick-next:before {font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f054"; color: #1186bf;}
.empresa .slick-prev {left: 10px;}
.empresa .slick-next {right: 10px;}
.empresa .slick-slide {margin: 0 15px;}

/*Projetos*/
.projetos{background: #1186bf; padding: 90px 0;}
.projetos h2{text-align: center; color: #fff; font-size: 2.5rem; margin: 0 auto 40px; font-weight: 600;}
.projetos button.botao{background: #fff; padding: 15px 25px; text-transform: uppercase; border: 0; border-radius: 6px; margin: 50px auto 0; display: block; font-weight: 700; color: #1186bf; transition: .3s; font-size: 1rem;}
.projetos button.botao:hover{background: #2ca1c5; color: #fff}
.projetos .slider {width: 100%; height: 420px; margin: auto; overflow-x: hidden;}
.projetos .slider img {width: 96%; border-radius: 6px 6px 6px 6px; margin: 2%; height: 400px; object-fit: cover;}
.projetos .slick-prev, .projetos .slick-next {font-size: 20px; z-index: 999; background-color: #fff; height: 40px; width: 40px; border-radius: 50%; padding: 11px 13px; transition: .3s; }
.projetos .slick-prev:hover, .projetos .slick-next:hover{background: #fff;}
.projetos .slick-prev:before{font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f053"; color: #1186bf;}
.projetos .slick-next:before {font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f054"; color: #1186bf;}
.projetos .slick-prev {left: 30px;}
.projetos .slick-next {right: 30px;}

/*Blog Home*/
.artigos {padding: 100px 10%; color: #1186bf}
.artigos h2{font-weight: 700; font-size: 2.5rem; line-height: 3rem; margin: 0 0 60px; text-align: center;}
.artigos h2 .construcao{color: #999; font-weight: 400; font-size: 1.5rem;}
.artigos p{text-align: center; color: #000; font-size: 1.3rem;}
.artigos .artigo{background: #fff; border-radius: 15px; width: 96%; margin: 15px 2%;}
.artigos .artigo img{border-radius:  15px; width: 100%; height: 250px; object-fit: cover;}
.artigos .artigo h3{padding: 50px 80px; margin: 0; font-weight: 400; font-size: 1.3rem; line-height: 1.9rem; text-align: center; color: #000; height: 150px; display: flex; align-items: center; text-align: center; width: 100%; justify-content: center;}
.artigos button.mais{background: #1186bf; border-radius: 30px; color: #fff; border-radius: 10px; padding: 10px 50px; border: 0; margin: 50px auto 0; display: block; font-size: 1.3rem; transition: background-color 1s; place-content: center;}
.artigos button.mais:hover{background-color: rgba(13,38,74,1);}
.artigos .bloglist {width: 100%; height: 420px; margin: auto; overflow-x: hidden;}
.artigos .slick-prev, .artigos .slick-next {font-size: 20px; z-index: 999; background-color: #fff; height: 40px; width: 40px; border-radius: 50%; padding: 11px 13px; transition: .3s; }
.artigos .slick-prev:hover, .artigos .slick-next:hover{background: #fff;}
.artigos .slick-prev:before{font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f053"; color: #1186bf;}
.artigos .slick-next:before {font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f054"; color: #1186bf;}
.artigos .slick-prev {left: 30px;}
.artigos .slick-next {right: 30px;}

/*Contato*/
.contato{padding: 120px 0px; background: url(images/contato.png) left 25% bottom -5px no-repeat; background-size: auto 95%; }
.contato h2{color: #1186bf; font-weight: 700; text-align: left; font-size: 2.5rem; line-height: 3rem; margin: 0 0 30px; padding: 0}
.contato h2 span.sub{display: block; font-weight: 400;}
.contato label{width: 100%; text-align: left}
.contato select {text-transform: none; width: 100%; background: #ededed; border: 0px; padding: 20px 10px; color: #000; }
.contato input{width: 100%; background: #ededed; color: #000; font-family: 'Montserrat', sans-serif; padding: 20px 15px; border: solid 1px #f7f7f7; border-radius: 6px;}
.contato textarea{width: 100%; height: 150px; background: #ededed;font-family: 'Montserrat', sans-serif;color: #000; padding: 20px 15px; border: solid 1px #ededed; border-radius: 6px; transition: .3s;}
.contato input:focus, .contato textarea:focus, .contato select:focus{outline: none;  border: 0px; border: solid 1px #1186bf; transition: .3s;}
.contato input[type=submit]{width: 100%; background: #1186bf; font-family: 'Montserrat', sans-serif; color: #fff; padding: 15px 45px; margin-top: 5px; width: auto; border: solid 1px #1186bf;border-radius: 6px; transition: .3s; font-weight: 600;}
.contato input[type=submit]:hover{background: #2ca1c5; border: solid 1px #2ca1c5; color: #fff;}
.contato .sugestoes-cidades{ position: absolute; width: calc(94% - 72px); max-height: 200px; overflow-y: auto; background-color: #fff; border: 1px solid #ccc; border-top: none; display: none; z-index: 1000; margin: -15px 0 0 0px}
.contato .sugestao-cidade{ padding: 5px 8px; cursor: pointer; font-size: .85rem; transition: .3s;}
.contato .sugestao-cidade:hover { background-color: var(--azul2); color: #1186bf; }

/*Duvidas*/
.duvidas{background: #1186bf; padding: 100px 15%; color: #fff;}
.duvidas .card{background: transparent; border: 0; padding: 20px 0}
.duvidas .card-header{cursor: pointer; padding: 0 0 1rem; margin-bottom: 0; background-color: transparent; border-bottom: 2px solid #fff; font-weight: 700; font-size: 1.3rem; }
.duvidas .card-header:after { font-weight: 900; font-family: "Font Awesome 6 Free"; content: "\f0dd"; color: #fff; display: inline-block; font-size: 25px; width: 15px; height: 20px; margin-left: 0; vertical-align: 0; border-right: 0em solid transparent; border-bottom: 0; border-left: 0em solid transparent; position: absolute; right: 5px; top: 10px}
.duvidas .card-body {padding: 1.25rem 0; font-size: 1.1rem; line-height: 1.9rem; }

/*Rodape*/
.footer{padding: 80px 0 50px; background: #f7f7f7; color: #000; }
.footer a, .footer strong{color:#1186bf;}
.footer img.logo{width: 180px; margin-right: 30px;}
.footer ul{padding: 0px}
.footer ul li{padding: 0px 0; list-style: none;} 
.footer ul li a{color: #000; transition: .3s;} 
.footer ul li a:hover{color:#1186bf;}
.footer .redes{font-size: 1.8rem; margin: 60px 0 0; display: flex; justify-content: center; align-items: center;}
.footer .redes li a{padding: 10px; color: #1186bf; transition: .3s;}
.footer .redes li:hover a{color: #2ca1c5;}
.footer .head{font-weight: 700; color: #1186bf; font-size: 1.2rem;}
.copy{padding: 15px 0px; background: #838383; width: 100%; color: #fff; font-size: 90% ;text-align: center; margin-top: -1}
.copy img{width: 40px; margin: 5px auto; display: block; filter: brightness(100);}

/*Blog*/
.topo-blog{background: #1186bf; color: #fff; padding: 100px 0px;}
.topo-blog h1{padding: 0px 20px 0px 10%; text-align: left; font-weight: 600; font-size: 3rem; font-family: 'Montserrat', sans-serif;  margin: 0;}
.blogpage{padding: 80px 10%; font-family: 'Montserrat', sans-serif; background: #fff}
.blogpage .noticia{background: #fff; border-radius: 10px; cursor: pointer; margin: 30px 0px;}
.blogpage .noticia img{border-radius: 12px; width: 100%; height: 250px; object-fit: cover;}
.blogpage .noticia .titulo{padding: 0px 0px 10px; font-weight: 700; font-size: 130%; line-height: 130%; color: #333; transition: .3s; cursor: pointer;}
.blogpage .noticia:hover .titulo{color: #1186bf;}
.blogpage .noticia .resumo{padding: 0px 0px 10px; font-weight: 400; font-size: 90%; line-height: 160%; color: #333;  cursor: pointer;}
.blogpage .noticia .resumo p{margin: 0px;}
.blogpage .noticia .leiamais{font-weight: 500; font-size: 80%; text-transform: uppercase; color: #333;  cursor: pointer;}
.blogpage .noticia .leiamais i{color: #1186bf; padding-left: 5px}

.lateral{margin-left: 20px; position: sticky; top: 140px; padding: 30px 30px; background: #f1f1f1; border-radius: 12px; color: #333}
.lateral ul.wp-block-categories, .lateral ul.menu{margin: 10px 0;}
.lateral ul.wp-block-categories li, .lateral ul.menu li{border-bottom: solid 1px #e0e0e0; margin: 3px 0px; padding: 6px 15px 6px 0; font-size: 90%; transition: .3s}
.lateral ul.wp-block-categories li:last-child, .lateral ul.menu li:last-child{border-bottom: solid 1px transparent}
.lateral ul.wp-block-categories li a, .lateral ul.menu li a{color: #333;}
.lateral ul.wp-block-categories li:hover, .lateral ul.menu li:hover{border-bottom: solid 1px #1186bf}
.lateral ul.wp-block-categories li:hover a,  .lateral ul.menu li:hover a{color: #1186bf;}
.lateral ul.wp-block-latest-posts{margin: 15px 0;}
.lateral ul.wp-block-latest-posts li img {border-radius: 9px; margin-bottom: 10px; width: 100%; height: 160px; filter: brightness(0.4) saturate(0) opacity(1);}
.lateral ul.wp-block-latest-posts li a {font-weight: 400; font-size: 110%; line-height: 140%; color: #fff; transition: .3s; cursor: pointer; width: 100%; height: 160px; display: flex; justify-content: center; align-items: center; margin-top: -160px; z-index: 1000; position: relative; padding: 20px; text-align: center; }
.lateral ul.wp-block-latest-posts li{margin: 5px 0;}
.lateral ul.wp-block-latest-posts li:last-child{margin-bottom: 0px;}
.lateral .widget h2, .lateral h4.widgettitle {color: #242424; font-size: 150%; margin: 0 0px 15px; font-weight: 700;}

/*Post*/
.post{ padding: 60px 10%; font-family: 'Montserrat', sans-serif;  color: #000; line-height: 180%; font-size: 100%;}
.post .titulo{width: 100%; margin: 20px 0 30px; color: #494949; font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 2.2rem; font-size: 1.8rem; }
.post .data{text-transform: uppercase; margin-top: -10px; margin-bottom: 10px; font-size: 75%; letter-spacing: 1px;}
.post .destacada img{min-width: 100%!important; border-radius: 10px; height: auto; margin: 0px auto 10px; display: block; z-index: 200}
.post a{color: #1186bf;}
.post b, .post strong{color: #1186bf;}
.post p{width: 100%; margin: 15px auto;}
.post img{max-width: 100%; width: 100%; height: auto; margin: 15px auto; display: block; border-radius: 4px;}
.post ul, .post ol {margin: 0 auto; padding: 0; line-height: 140%; list-style-position: inside; width: 100%;}
.post .wp-block-table table {width: 90%; margin: 20px auto; }
.post table{color: #000; padding: 10px; border: solid 1px #000 ; line-height: 180%;}
.post th, .post td {text-align: left; border: 1px solid #e8e9eb;padding: 10px 14px;}
.post blockquote{background: #f7f7f7; padding: 10px 30px; border-radius: 5px; font-size: 90%; }
.post .wp-block-image .aligncenter:first-of-type{margin-left: auto; margin-right: auto; width: 100%; font-weight: 600; text-align: left; margin-bottom: 0;}
.post .wp-block-image figcaption{margin-top: 0; margin-bottom: 0;}
.post .wp-block-image {margin-bottom: 0; }
.post .video-container {position: relative; padding-bottom: 56.25%; /* 16:9, padrão dos vídeos */ height: 0; overflow: hidden; margin-bottom:20px; }
.post .video-container iframe, .post  .video-container object, .post  .video-container embed,.post  .video-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{width: 100%; margin: 15px auto 5px; color: #1186bf; font-weight: 700; line-height: 142%;}

/*Comentarios*/
.comentarios{padding: 40px 0 0; background: #fff; border-radius: 5px; margin-left: 0px; margin-top: 0px;}
.comentarios h3{margin: 0px; padding: 0px; font-family: 'Montserrat', sans-serif; font-size: 23px; font-weight: 700; color: #1186bf; text-transform: capitalize; }
.comentarios h2{margin: 0px; padding: 0px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; color: #494949}
.comentarios fieldset{border: 0px; margin: 20px 0px; text-align: left; padding: 0px} 
ol.commentlist{list-style:none; }
ol.commentlist li{margin-bottom:30px; }
ol.commentlist ul{margin:0px; }
ol.commentlist ul li{margin: 1px 0px 20px 22px; }
#respond {clear: both; width: 104%; }
#respond form label{float:left; clear:left; width:60px; text-align:right; margin-right:10px;}
#respond form input {float: left; outline: none; width: 250px; background: #f3f3f3; margin-bottom: 10px; border: 0; width: 48%; margin: 0px 8px 10px 0px; padding: 18px 10px; color: #494949; text-transform: capitalize; font-family: 'Montserrat', sans-serif; font-size: 15px; }
#respond form textarea{float: left; width: 97%; outline: none; height: 150px; background: #f3f3f3; margin-bottom: 10px; border: 0; padding: 15px 10px; color: #494949; text-transform: capitalize; font-family: 'Montserrat', sans-serif; font-size: 15px; }
#respond form input.commentsubmit{width: 97%; color: #fff; background: #1186bf; font-weight: 600; font-size: 15px; border-radius: 4px; }
.commentwrap {margin: 10px 0 20px; position: relative; clear: both; }
.comment-title, #reply-title {font-size: 140%; margin: 0 0 10px; padding: 0; }
.commentwrap .pagenav {margin: 10px 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.commentwrap .pagenav.top {margin: 0; position: absolute; top: 10px; right: 0; }
.commentlist {margin: 0 0 30px; padding: 5px 0 0; }
.commentlist li {margin: 0; padding: 15px 0 0; list-style: none; position: relative; }
.commentlist .comment-author {margin: 2px 0 5px; padding: 0; }
.commentlist .avatar {float: left; margin: 0 15px 0 0; } 
.commentlist cite {font-style: normal; font-size: 100%; font-weight: 800; }
.commentmetadata{font-size: 12px; padding: 0; margin-top: -5px; }
.comment-body p{font-size: 15px; color: #000; text-transform: none; }
.commentlist cite a {text-decoration: none; }
.commentlist .bypostauthor > .comment-author cite {padding-left: 18px; }
.commentlist .comment-time {font-size: 75%; text-transform: uppercase; }
.commentlist .commententry {border-bottom: solid 1px #ddd; position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; word-wrap: break-word; }
.commentlist ul, .commentlist ol {margin: 0 0 0 7%; padding: 0; }
.commentlist .reply {position: absolute; right: 0; top: 8px; }
.commentlist .comment-reply-link {font-size: 11px; text-transform: uppercase; text-decoration: none; }
.commentlist .comment-reply-link:hover {text-decoration: none; }

/*Page Nav*/
.pagenav {clear: both; margin: 20px auto 0px 0px; text-align: left; font-family: 'Montserrat', sans-serif; transition: .3s}
.pagenav a, .pagenav span {line-height: 100%; padding: 12px 20px; font-size: 130%;  transition: .3s; border-radius: 10px; font-family: 'Montserrat', sans-serif; margin: 0 2px; vertical-align: middle; display: inline-block; zoom:1; *display:inline;  text-align: left;  }
.pagenav a {color: #494949; text-decoration: none; transition: .3s}
.pagenav a:hover {background-color: #494949; color: #fff; transition: .3s}
.pagenav .current {text-decoration: none; background: #1186bf; color: #fff;}


@media screen and (max-width: 1500px) {
#menu .content { width: 80%;}
.pagewidth {width: 80%;}
.solucoes {padding: 80px 0 80px 10%;}
.solucoes h2 {font-size: 2.6rem; line-height: 3rem; width: 100%;}
.solucoes button.botao {font-size: 1rem;}
.solucoes p {width: 95%;font-size: 1rem; line-height: 1.5rem;}
.solucoes .solucao h3 {font-size: 1.3rem; line-height: 1.6rem; margin-bottom: 5px;}
.solucoes .solucao p { font-size: 0.9rem; width: 100%; margin: 0; line-height: 1.3rem;}
.motivos {padding: 70px 0;}
.motivos h2 {font-size: 2.3rem; line-height: 2.7rem; margin: 0 auto 20px;}
.motivos .motivoboxes { height: 450px; }
.motivos .box .infos {height: 280px;}
.motivos .box { padding: 30px; height: 380px;}
.motivos .box h3 {font-size: 1.2rem; margin: 0 0 10px; line-height: 1.4rem;}
.motivos .box p {font-size: .9rem; line-height: 1.3rem;}
.empresa {padding: 100px 0;}
.contato {background: url(images/contato.png) left 20% bottom -5px no-repeat; background-size: auto 95%;}
.duvidas {padding: 80px 10%;}
.artigos { padding: 80px 5%;}
.artigos .bloglist { width: 100%; height: 300px;}
.artigos .artigo img{height: 180px;}
.artigos .artigo h3 { padding: 20px 30px; font-size: 1.1rem; line-height: 1.6rem; height: 115px;}
.pagina { padding: 80px 10%;}
.slide h1 { font-size: 2.4rem;line-height: 3rem;}
.slide p.sub{width: 100%}
.slide .formulario{padding: 30px;}
}
    
@media screen and (max-width: 980px) {
.home #menu, #menu{background: #1186bf;}
.home #menu .navbar-nav .nav-link:hover{color: #000}
#menu .content{width: 100%;}
#menu .navbar-brand{margin-left: 10%;}
#menu .navbar-toggler-icon{height: auto; width: auto;}
#menu .navbar-toggler {padding: 0; outline: none; font-size: 200%; color: #fff; line-height: 100%; background-color: transparent; border: 0px solid transparent; border-radius: 0.25rem; margin-right: 10%; height: auto; z-index: 1000}
#menu .navbar-expand-lg .navbar-collapse {z-index: 700; margin: 15px auto -15px; background: #f9f9f9; padding: 30px 10%;}
#menu .navbar-nav .nav-link{padding: 5px 0px; text-align: center;}
#menu .areadocliente {padding: 15px 15px!important; margin-left: 0px;}
#menu .navbar-nav li:hover .dropdown-menu {display: block; border: 0; margin: 7px 0px 0px;}
#menu .navbar-expand-lg .navbar-nav .dropdown-menu:before{left: 5%}
#menu .navbar-expand-lg .navbar-nav .dropdown-menu{position: relative;}
#menu .navbar-nav .nav-item {margin: 0px 0px; padding: 10px 0px;}
#menu .navbar-collapse .navbar-nav{margin: 0px!important }
#menu .navbar-collapse .navbar-nav .nav-link{text-align: left;}
#menu .navbar-nav {margin: 0px 0px!important; width: 100%}
#menu .navbar-nav .nav-link {color: #000;}
#menu .navbar-nav .nav-link:hover{color: #1186bf ;}
.slide {margin-top: 0;padding: 40px 30px;}
.slide h1 { font-size: 1.8rem; line-height: 2.2rem;}
.slide p.sub { width: 100%; font-size: 1rem; line-height: 1.8rem; margin-bottom: 20px;}
.slide p.sub:before { margin: 20px 0; width: 100px;}
.slide .formulario { padding: 21px; }
.slide .slick-slide{height: auto;}
.slide .formulario .sugestoes-cidades { width: calc(100% - 72px);}
.solucoes {padding: 80px 0;}
.solucoes h2{text-align: center;}
.solucoes p { width: 80%; font-size: 1rem; line-height: 1.5rem; text-align: center; margin: 0 auto; }
.solucoes button.botao{margin: 20px auto 50px}
.empresa h2{text-align: center;}
.empresa img.logo { max-width: 260px; padding: 0 0 40px; margin: 0 auto 40px; border-bottom: solid 5px #1186bf; display: block; border-right: 0;}
.empresa p{text-align: center;}
.contato { background: url(images/contato.png) center bottom -5px no-repeat; background-size: auto 470px; padding: 80px 0 400px; }
.footer img.logo { width: 220px; margin: 0 auto 20px; display: block;}
.footer ul { padding: 20px 0; text-align: center;}
.footer .redes { margin: 10px 0 0;}
.naoencontrado {padding: 100px 5%;}
.naoencontrado h1 {font-weight: 700; font-size: 250%; line-height: 100%; margin-bottom: 10px;}
.naoencontrado p {max-width: 100%; font-size: 120%; font-weight: 300; margin-bottom: 0;}
.pagina {font-size: 1rem; padding: 80px 10%; text-align: left;}
.pagina h1.titulo { font-size: 2.5rem;}
.artigos { padding: 80px 0%;}
.blogpage .noticia img {height: 320px; margin-bottom: 15px;}
.blogpage .noticia .titulo{font-size: 1.5rem; line-height: 2rem;}
.blogpage .noticia .resumo{font-size: 1rem}
.blogpage .noticia {margin: 40px 0px;}
.blogpage .noticia .leiamais {font-size: .9rem;}
.lateral { margin-top: 30px; margin-left: 0;}
}
    
@media screen and (max-width: 480px) {
.solucoes p {width: 90%;}
.solucoes h2 {font-size: 2rem; margin-bottom: 0;}
.motivos h2 {font-size: 1.6rem; line-height: 2.2rem; margin: 0 auto 10px; padding: 0 20px;}
.motivos p.intro { width: 700px; max-width: 90%; margin: 0px auto 50px; font-size: 1rem; line-height: 1.8rem;}
.motivos .box {padding: 25px;}
.motivos button.botao{font-size: 1.2rem;}
.empresa { padding: 100px 0; }
.empresa h2 {font-size: 1.5rem; line-height: 2rem; margin-bottom: 15px;}
.empresa h3 {font-size: 1.5rem; margin: 40px auto; line-height: 2.5rem;}
.empresa p { text-align: center; font-size: 1rem; line-height: 1.8rem;}
.empresa button.botao{font-size: 1rem; margin-top: 20px;}
.projetos h2{font-size: 2rem;}
.projetos {padding: 70px 0;}
.contato{background-size: auto 450px;}
.contato h2 {font-size: 1.7rem; line-height: 2.2rem; text-align: center;}
.duvidas {padding: 40px 10%;}
.duvidas .card-header {font-size: 1.2rem;}
.artigos { padding: 60px 0%; }
.artigos h2{font-size: 2rem; margin-bottom: 20px;}
.artigos button.mais { margin: 30px auto 0; font-size: 1rem;}
.artigos .artigo img { height: 135px;}
.artigos .bloglist { width: 100%; height: 250px;}
.topo-blog{padding: 60px 0;}
.topo-blog h1{font-size: 2.5rem;}
.blogpage { padding: 30px 40px;}
.blogpage .noticia { margin: 20px 0px;}
.blogpage .noticia img { height: 160px;}
.blogpage .noticia .titulo { font-size: 1.2rem; line-height: 1.8rem;}
.blogpage .noticia .resumo { font-size: .9rem;}
.blogpage .noticia .leiamais { font-size: .6rem; margin-bottom: 20px; }
.artigos .artigo h3 { padding: 20px; font-size: 1rem; line-height: 1.4rem; height: 100px;}
.post {padding: 30px 3%;}
.post .titulo { margin: 15px 0 15px; line-height: 1.8rem; font-size: 1.4rem; }
.footer .redes {padding-bottom: 0;}
.pagina{padding: 50px 10%;}
}