/*  
Theme Name: Visão Cred
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; }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
/* set img max-width */
img {max-width: 100%; height: auto; }
/* ie 8 img max-width */
@media \0screen {img { width: auto;} }

:root{--font: 'Montserrat', sans-serif; --azul: #004f7e; --laranja: #f68621; --cinza: #595956; }

/*Formatação Geral*/
body {font-family: var(--font-titulo); color: #666; background: #fff;}
a {color: var(--link-claro); text-decoration: none; outline: none; }
a:hover {color: var(--link-claro); text-decoration: none; }
p {margin: 0 0 1.2em; padding: 0; }
blockquote {font: italic 110%/130% "Times New Roman", Times, serif; padding: 8px 30px 15px; }
ul, ol {margin: 0; padding: 0; line-height: 140%; }
li {margin: 0; padding: 0; }
html{scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 20px 0 .4em; } 
h1 {font-size: 2em; } h2 {font-size: 1.8em; } h3 {font-size: 1.6em; } h4 {font-size: 1.4em; } h5 {font-size: 1.2em; } h6 {font-size: 1em; }
.pagewidth {width: 70%; margin: 0 auto; }
.wppfloat {background: #25D366; width: 60px; height: 60px; color: #fff; font-size: 28px; text-align: center; line-height: 50px; border-radius: 50%; position: fixed; bottom: 30px; right: 30px; z-index: 1000; padding-top: 15px;}

/*Menu */
#header{position: sticky; height: 99px; padding: 30px 0px; top: 0px; z-index: 1000; background: #f5f5f5;}
#header .pagewidth{width: 60%;}
#header .logo img{height: 40px; max-width: initial;}
.head-content {margin: 0 auto; }
.header-navigation nav {font-family: 'Lato', sans-serif; float: right;} 
.header-navigation nav ul {font-family: 'Lato', sans-serif; margin: 0px; padding: 0px; text-align: right; }
.header-navigation nav ul li {font-family: 'Lato', sans-serif; display: inline; padding: 40px 20px 40px 0px; font-size: 100%; width: auto; font-weight: 900; letter-spacing: .5px} 
.header-navigation nav ul li a {color: var(--azul); font-family: 'Lato', sans-serif; text-decoration: none; transition: all 0.2s ease-out; z-index: 180; } 
.header-navigation nav .acessar {background: var(--laranja); color: #fff; padding:40px 30px; font-weight: 900; text-transform: uppercase; color: #fff; transition: .3s;}
.header-navigation nav .acessar:hover {background: var(--azul); color: #fff!important; }
.header-navigation nav ul li a:hover {color: var(--laranja); font-family: 'Lato', sans-serif; text-decoration: none; transition: all 0.2s ease-out; }
.open-nav .mobile-toggle {transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.sticky {opacity: 1; top: 0px; }
.mobile-toggle {display: none; cursor: pointer; font-size: 20px; position: absolute; right: 15px; top: 35px; width: 30px; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; } 
.mobile-toggle span {width: 30px; height: 4px; margin-bottom: 6px; border-radius: 1000px; background: var(--azul); display: block; }
.mobile-toggle:hover > span {background-color: var(--azul); transition: 1s; }
.close-about-section {display: none; text-align: center; border-radius: 3px; margin: 20px 9% 4%; height: 47px; padding: 0px 0px 0px;}
.close-about-section .svg-close {z-index: 1; fill: #ffffff; height: 50px; width: 40px; cursor: pointer; } 
.close-about-section .svg-close:hover {fill: browm; transition: all 1s; }


/*Diferenciais*/
.diferenciais{background: var(--azul); padding: 100px 0px; color: #fff; font-family: 'Montserrat', sans-serif}
.diferenciais h1{text-align: center; font-weight: 700; font-size: 300%; margin: 0 0 0px; line-height: 120%; }
.diferenciais .subhead:after{border-bottom: 3px solid var(--laranja); content: ""; display: block; margin: 10px auto 60px; width: 40px;}
.diferenciais .subhead{text-align: center; font-weight: 200; font-size: 110%;}
.diferenciais .diferencial{background: #fff; border-radius: 8px; padding: 40px; color: var(--azul); text-align: center;}
.diferenciais .diferencial img{height: 100px; width: auto; margin: 0 auto 20px; display: block;}
.diferenciais .diferencial h2:before{border-bottom: 3px solid var(--laranja); content: ""; display: block; margin: 10px auto 10px; width: 40px;}
.diferenciais .diferencial h2{font-weight: 700; font-size:120%; width: 75%; line-height: 130%; margin: 0 auto}
.diferenciais .owl-carousel {margin-top: 0px; z-index: 900; }
.diferenciais .owl-carousel.owl-drag .owl-item {  border: 0px; overflow-y: visible!important;  margin-top: 0; padding-bottom: 20px; }
.diferenciais .owl-theme .owl-nav {height: 60px; margin-top: 0px; width: 100%; z-index: 700; }
.diferenciais .owl-next {position: absolute; right: 10%; margin-top: 100px!important; width: 50px; height: 50px; font-size: 20px; padding: 5px 5px 5px 10px; border-radius: 50px; background: transparent; }
.diferenciais .owl-next:hover {margin-top:100px!important; color: var(--azul)!important; background: transparent;}
.diferenciais .owl-prev {position: absolute; left: 10%; margin-top: 100px!important; width: 50px; height: 50px; font-size: 20px; padding: 5px 10px 5PX 5PX; border-radius: 50px; background: transparent; border: solid 2px #ffffff; }
.diferenciais .owl-prev:hover {margin-top: 100px!important; color: var(--azul)!important; background: transparent;}
.diferenciais .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {width: auto; border: solid 1px transparent!important;  background: transparent; }
.diferenciais .owl-carousel .owl-dot:hover,.owl-carousel .owl-nav .owl-next:hover,.owl-carousel:hover .owl-nav:hover .owl-prev:hover { border: solid 1px transparent!important;  background: transparent;}
.diferenciais h2{color: var(--cinza); font-family: var(--font); font-weight: 600; padding: 0px 10px; margin: 15px 0px 0px; text-align: center; line-height: 110%; font-size: 100%;}
.diferenciais .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: var(--azul);}
.diferenciais .owl-theme .owl-dots .owl-dot span{margin: 5px 3px;}

/*O que é*/
.oquee{padding: 100px 0px; font-family: 'Montserrat', sans-serif}
.oquee .head{text-align: center; font-weight: 700; font-size: 230%; margin: 0 0 8px; line-height: 120%; color: var(--azul) }
.oquee .subhead:after{border-bottom: 3px solid var(--laranja); content: ""; display: block; margin: 20px auto 15px; width: 40px;}
.oquee .subhead{text-align: center; font-weight: 300; font-size: 110%;}
.oquee .accordion-button{background: var(--laranja); color: #fff; border-radius: 8px!important; transition: .3s}
.oquee .accordion-button:hover{background: var(--azul);}
.oquee .accordion-button::after{ filter: brightness(21.5) saturate(0.5); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);}
.oquee .accordion-button:focus {border-color: #f68621; box-shadow: 0 0 0 0.25rem rgb(246 134 33 / 0%);}
.oquee .accordion-button:not(.collapsed) {color: #f5f5f5; background-color: var(--azul); box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);}
.oquee .accordion-button:not(.collapsed)::after { filter: brightness(21.5) saturate(0.5); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);}
.oquee .accordion-item {border-radius: 8px!important;}
.oquee h1, h2, h3, h4, h5, h6 {margin: 10px 0 0.4em;}

/*Simulação*/
.simulacao{background: var(--laranja); padding: 110px 0px; color: #fff; font-family: 'Montserrat', sans-serif;}
.simulacao .head{text-align: left; font-weight: 700; font-size: 320%; margin: 0 0 8px; line-height: 110%; }
.simulacao .subhead:before{border-bottom: 3px solid var(--azul); content: ""; display: block; margin: 20px 0 15px; width: 40px;}
.simulacao .subhead{text-align: left; line-height: 180%; font-weight: 300; font-size: 130%; width: 75%;}
.simulacao input, .simulacao  textarea, .simulacao  select, .simulacao  input[type=search], .simulacao   button {font-family: 'Montserrat', sans-serif;  border: 0; border-bottom: solid 1px #ddd;  width: 100%; background: #fff; font-size: 80%; padding: 10px 15px; border-radius: 5px;}
.simulacao textarea {line-height: 150%; transition: .2s;}
.simulacao textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus {outline: none;}
.simulacao input[type=reset], .simulacao input[type=submit] {background: var(--azul); transition: .3s; width: max-content; font-size: 100%; color: #fff; border: none; padding: 20px 80px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.simulacao label{width: 100%; font-size: 110%; font-weight: 300; color: #fff; line-height: 180%; }
.simulacao input:focus, .simulacao  select {outline: none; }
.simulacao textarea:focus-within{ background: #fff; border-bottom: solid 1px var(--azul);}
.simulacao input[type=submit]:focus-within, .simulacao input[type=submit]:hover{background: #c75e00;  margin-top: 0px; color: #fff; border: none; }
.simulacao select{ padding: 10px 0px; margin-right: -13px; color: #777;}
.wpcf7-response-output { width: 95%!important; border-radius: 5px!important; padding: 20 20px!important; line-height: 118%!important; font-size: 91%!important; font-weight: 300!important; text-align: center!important; margin: 0!important;}
.simulacao input[type=checkbox]{display: inline; width: max-content;}
.simulacao .wpcf7-list-item {display: inline-block; margin: 0 20px 0 0em;}
.simulacao .wpcf7-list-item-label{font-size: 80%;}

/*Pagina*/
.pagina{padding: 60px 0px 100px 0px; text-align: left;  font-family: 'Montserrat', sans-serif; line-height: 160%; font-weight:400; font-size: 90%; color: #555; }
.pagina a{color: var(--azul); text-decoration: none;} .pagina a:hover {color: var(--cinza); text-decoration: none;} 
.pagina b, .pagina strong {color: var(--azul); font-weight: 600;}
.pagina .title {margin: 0px 0px 30px; padding: 0; font-size: 200%; font-weight: 800; color: #555555;  font-family: 'Montserrat', sans-serif; line-height: 110%; }
.pagina input, .pagina  textarea, .pagina  select, .pagina  input[type=search], button { font-family: 'Montserrat', sans-serif;  transition: .2s; border: 0; border-bottom: solid 1px #ddd;  width: 95%; background: #fff; }
.pagina textarea {line-height: 150%; transition: .2s; }
.pagina textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus {outline: none;}
.pagina input[type=reset], .pagina input[type=submit] {background: var(--azul); color: #fff; border: none; padding: 20px 20px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pagina label{width: 100%; font-size: 80%; font-weight: 600; color: #555;  }
.pagina input:focus-within{  margin-top: 15px;  font-size: 90%; background: #fff; border-bottom: solid 1px var(--azul);}
.pagina input:focus, .pagina  select {outline: none; }
.pagina textarea:focus-within{ background: #fff; border-bottom: solid 1px var(--azul);}
.pagina input[type=submit]:focus-within{background: var(--cinza);  margin-top: 0px; color: #fff; border: none; padding: 20px 20px;}
.pagina select{    padding: 10px 0px; margin-right: -13px; color: #777;}
.wpcf7-response-output { width: 95%!important; border-radius: 5px!important; padding: 20 20px!important; line-height: 118%!important; font-size: 91%!important; font-weight: 300!important; text-align: center!important; margin: 0!important;}
.pagina .formulario{padding-right: 5%;}
.pagina ul{list-style: inside; list-style-color: var(--azul); line-height: 170%;}

/*Pagina Contato*/
.contato input, .contato  textarea, .contato  select, .contato  input[type=search], button { font-family: 'Montserrat', sans-serif;  transition: .2s; border: 0; border-bottom: solid 1px #ddd;  width: 95%; background: #fff; }
.contato textarea {line-height: 150%; transition: .2s; }
.contato textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus {outline: none;}
.contato input[type=reset], .contato input[type=submit] {background: var(--azul); color: #fff; border: none; padding: 20px 20px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contato label{width: 100%; font-size: 80%; font-weight: 600; color: #555;  }
.contato input:focus-within{  margin-top: 15px;  font-size: 90%; background: #fff; border-bottom: solid 1px var(--azul);}
.contato input:focus, .contato  select {outline: none; }
.contato textarea:focus-within{ background: #fff; border-bottom: solid 1px var(--azul);}
.contato input[type=submit]:focus-within{background: var(--cinza);  margin-top: 0px; color: #fff; border: none; padding: 20px 20px;}
.contato select{    padding: 10px 0px; margin-right: -13px; color: #777;}
.wpcf7-response-output { width: 95%!important; border-radius: 5px!important; padding: 20 20px!important; line-height: 118%!important; font-size: 91%!important; font-weight: 300!important; text-align: center!important; margin: 0!important;}
.contato .formulario{padding-right: 5%;}

/*Slide*/
.campanhas {margin-top: 0px; width: 100%; z-index: 800;}
.campanhas .owl-carousel {margin-top: 0px; }
.campanhas .owl-carousel.owl-drag .owl-item { border: 0px;  margin-top: 0; padding: 0px; }
.campanhas .owl-theme .owl-nav {height: 500px; margin-top: -500px; width: 100%; z-index: 700; }
.campanhas .owl-next {position: absolute; right: 3%; margin-top: 150px!important; width: 50px; height: 50px; font-size: 20px; padding: 5px 5px 5px 10px; border-radius: 50px; background: transparent; }
.campanhas .owl-next:hover {margin-top: 150px!important; color: var(--cinza2)!important; background: transparent;}
.campanhas .owl-prev {position: absolute; left: 3%; margin-top: 150px!important; width: 50px; height: 50px; font-size: 20px; padding: 5px 10px 5PX 5PX; border-radius: 50px; background: transparent; border: solid 2px #ffffff; }
.campanhas .owl-prev:hover {margin-top: 150px!important; color: var(--cinza2)!important; background: transparent;}
.campanhas .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev { border: solid 1px transparent!important;  background: transparent; }
.campanhas .owl-carousel .owl-dot:hover,.owl-carousel .owl-nav .owl-next:hover,.owl-carousel:hover .owl-nav:hover .owl-prev:hover { border: solid 1px transparent!important;  background: transparent;;}

/*404*/
.notfound {padding: 10% 20px 1px 20px; color: var(--azul); font-family: 'Montserrat', sans-serif; font-size: 6em; width: 100%; line-height: 1.0em; font-weight: 600; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; } 
.messagenf{text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 400; } 
.messagenf {text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 15%; }

/*Parceiros*/
.parceiros{padding: 60px 0px 100px 0px; }
.parceiros h1{text-transform: uppercase; color: var(--cinza); font-size: 200%; font-weight: 700; margin-bottom: 40px; text-align: center;}
.parceiros .owl-carousel {margin-top: 0px; z-index: 900; }
.parceiros .owl-carousel.owl-drag .owl-item {  border: 0px; overflow-y: visible!important;  margin-top: 0; padding-bottom: 20px; }
.parceiros .owl-theme .owl-nav {height: 60px; margin-top: 0px; width: 100%; z-index: 700; }
.parceiros .owl-next {position: absolute; right: 10%; margin-top: 100px!important; width: 50px; height: 50px; font-size: 20px; padding: 5px 5px 5px 10px; border-radius: 50px; background: transparent; }
.parceiros .owl-next:hover {margin-top:100px!important; color: var(--azul)!important; background: transparent;}
.parceiros .owl-prev {position: absolute; left: 10%; margin-top: 100px!important; width: 50px; height: 50px; font-size: 20px; padding: 5px 10px 5PX 5PX; border-radius: 50px; background: transparent; border: solid 2px #ffffff; }
.parceiros .owl-prev:hover {margin-top: 100px!important; color: var(--azul)!important; background: transparent;}
.parceiros .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {width: auto; border: solid 1px transparent!important;  background: transparent; }
.parceiros .owl-carousel .owl-dot:hover,.owl-carousel .owl-nav .owl-next:hover,.owl-carousel:hover .owl-nav:hover .owl-prev:hover { border: solid 1px transparent!important;  background: transparent;}
.parceiros h2{color: var(--cinza); font-family: var(--font); font-weight: 600; padding: 0px 10px; margin: 15px 0px 0px; text-align: center; line-height: 110%; font-size: 100%;}
.parceiros .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: var(--azul);}
.parceiros .owl-theme .owl-dots .owl-dot span{margin: 5px 3px;}

/*Footer*/
.footer {padding: 100px 0px 100px 0px;  clear: both;background: #f5f5f5;}
.footer .pagewidth{width: 60%;}
.footer img{height: 140px; width: auto}
.footer .rodapemenu h1 {color: var(--azul); font-family: 'Montserrat', sans-serif; line-height: 120%; font-weight: 800; font-size: 150%; width: 85%; }
.footer .rodapemenu .menu{color: #363636; font-family: 'Montserrat', sans-serif; } 
.footer .rodapemenu .menu ul{display: inline; } 
.footer .rodapemenu .menu ul li{display: block; font-family: 'Montserrat', sans-serif; color: #555555; font-weight: 400; letter-spacing: 0; font-size: 130%; padding: 12px 0px; } 
.footer .rodapemenu .menu a{color: #363636; text-decoration: none; transition: 0.3s; } 
.footer .rodapemenu .menu a:hover{color: var(--azul); text-decoration: none; transition: 0.3s; } 
.footer .rodapemenu .social{font-size: 90%;}
.footer .rodapemenu .menu i{color: var(--azul);}
.copy{background: var(--azul); color: #fff; padding: 20px 0px; font-size: 80%;}
.copy img{height: 15px; width: auto; display: block;margin: 0 auto;}

#diferenciais, #oquee, #contatos, #simulacao{margin-top: -95px; padding-bottom: 95px;}
/*Formatacao*/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {margin-bottom: 15px; } .alignleft {float: left; margin-right: 30px; } .alignright {float: right; margin-left: 30px; } .aligncenter {text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption {text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text {font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0; }
/*Clear*/
.clear {clear: both; } .left {float: left; } .right {float: right; } .textleft {text-align: left; } .textright {text-align: right; } .textcenter {text-align: center; }
/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: block; zoom: 1; }