/*
Theme Name: Cia da Marca
Theme URI: https://www.ciadamarca.com.br
Text Domain: ciadamarca
Author: Preciso Web | Devanir Reolon
Author URI: https://www.precisoweb.com.br/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v35-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v35-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v35-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v35-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v35-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v35-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v35-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v35-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v35-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v35-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v35-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/open-sans-v35-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v35-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v35-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v35-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v35-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v35-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v35-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v35-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v35-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v35-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v35-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v35-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v35-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v35-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v35-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/open-sans-v35-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/open-sans-v35-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/open-sans-v35-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body, .form-control{font-family: 'Open Sans';font-weight: 400}
body{transition: 0.2s all;}
strong{font-weight: 600;}
p{margin-bottom: 20px;margin-top: 0}
p, ul{color: #000;margin-bottom: 30px;font-size: 16px;line-height: 26px}
ul li{margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6{color: #000;margin: 0 0 20px 0;padding: 0;font-weight: 600}
a, .nav-link{color: #000;transition:all 0.1s;text-decoration: none}
a:hover, a:focus{transition:all 0.1s;text-decoration: none;color: #000}
.img-fluid{width: 100%;z-index: 2}
.img-fixed{background-size: cover; background-repeat: no-repeat;background-attachment: fixed !important;background-position: center center}
.img-cover{background-size: cover; background-repeat: no-repeat;background-position: center center}
.p404{padding: 150px 0}
.p404 h1{font-size: 120px;}
.padd0{padding: 0}
.padd50{padding-top: 50px;padding-bottom: 50px;}
.padd70{padding-top: 70px;padding-bottom: 70px;}
.bgcolor1{background-color: #D74037}
.bgcolor2{background-color: #f1f1f1}
.bgcolor1 p, .bgcolor1 h2, .bgcolor1 h1{color: #fff}

.btt{display: inline-block;}
.btt a{text-transform: uppercase;font-weight: 600;position: relative;padding: 10px 25px;display: inline-block;margin-top: 10px;border-radius: 5px;}
.btt a{color: #fff;background-color: #000;transform: scale(1.0);}
.btt a:hover{background-color: #D74037;color: #fff;transform: scale(1.04);}

.bttwhats a{background-color: #1ED841}

.title{margin-bottom: 30px;}
.title h2, .title h1{font-size: 30px;text-transform: uppercase;font-weight: 700;margin-bottom: 10px}
.title h2 strong{font-weight: 300}
.title p{font-size: 18px}

.topo{padding: 10px 0 0}
.topo ul{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: flex-end;}
.topo ul li{margin-left: 50px;margin-bottom: 0}
.topo ul li a{color: #000}
.topo i{color: #D74037}

.navbar-toggler{font-weight: 500;color: #D74037;padding: 0;border-radius: 0;display: inline-block;font-size: 35px;}
.navbar-toggler:focus{box-shadow: none;}
figure{position: relative;padding: 0;margin: 0;transition: 0.1s all}
figure img{position: relative;height: auto;width: 100%;transition: 0.1s all}
figure.alignright { float: right; margin: 0 0 1em 1em; }
figure.alignleft { float: left; margin: 0 1em 1em 0; }
figure.aligncenter { display: block; margin-left: auto; margin-right: auto; }
figure.wp-block-image.size-large img, figure.wp-block-image.size-full img{width:auto;height: auto;margin-bottom: 30px; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;text-align: center; }

header{background-color: #fff;}
header .logo img{position: absolute;top: -5px;height: 50px;width: auto}
header .flexxx{display: flex;align-items: center;justify-content: space-between;}
header .menu-principal li{margin: 0}
header .btt a{background-color: #D74037;color: #fff !important;padding: 0px 10px !important;border-radius: 5px;}
header .btt a:hover{background-color: #D74037;color: #000}
.menuheader{padding: 20px 0;}
header .menu-principal .navbar-nav li{margin:0 0 0 50px;}
header .menu-principal .navbar-nav li .nav-link{margin: 0;font-size: 18px;text-transform: uppercase;color: #747474;font-weight: 400;padding: 0;position: relative;}
header .menu-principal .navbar-nav li.active .nav-link{color: #D74037;font-weight: 600}
header .menu-principal .navbar-nav li .nav-link:hover{color: #D74037;}
header .logo a{display: inline-block;}
header .menu-principal .dropdown-menu{background: rgba(0, 0, 0, 0.9);border:0;border-radius: 10px;padding: 5px 0;position: absolute;left:0px;right:0;top: 40px;margin:auto;left: 50%;transform: translateX(-50%);width: 200px;}
header .menu-principal .dropdown-menu li{margin: 0;padding: 2px 10px;display: block;margin: 0 5px;text-align: center;border-bottom: 1px solid #fff}
header .menu-principal .dropdown-menu li .nav-link{font-size: 13px;color: #fff !important;padding: 5px;line-height: 18px;font-weight: 400 !important} 
header .menu-principal .dropdown-menu li .nav-link:hover{color: #D71729 !important}
header .menu-principal .dropdown-menu li:last-child{border: none !important} 
header .menu-principal .dropdown-menu li .nav-link:hover{background-color: transparent;color: #e1e1e1} 
header .menu-principal .dropdown-menu .current-menu-item .nav-link{color: #fff;}
header.fixed{box-shadow: 0 0 30px 0px rgba(0,0,0,0.1)}
header.fixed .logo img{height: 40px;top: 15px;}

.servicointerna .fixfo{position: sticky;top: 150px;margin-left: 50px;}
.servicointerna .form{background-color: #9F000F;box-shadow: 0 50px 50px -30px rgba(0,0,0,0.6);border-radius: 5px;padding: 30px;}
.servicointerna .form h3 strong{font-weight: 300}
.servicointerna .form h3{font-size: 35px;}
.servicointerna .form:before{content: '';display: block;width: 100%;height: 80%;position: absolute;top: 30px;left: -30px;right: 0;border-left:2px solid #e1e1e1;border-radius: 5px;z-index: -9;border-top: 2px solid #e1e1e1}
.servicointerna .form h3, .servicointerna .form p{color: #fff}
.servicointerna .form .col-md-6{width: 100%;}
.servicointerna .form .offset-md-3{margin-left: 0%;}
.servicointerna .form .wpcf7-submit{width: auto}
.servicointerna .btt{width: 100%;text-align: center;margin-bottom: 50px}
.servicointerna .btt a{background-color: #1CD741;width: 100%;padding: 20px 10px;font-size: 18px}
.servicointerna h1{color: #9F000F}

#breadcrumbs{margin-bottom: 0px;font-size: 14px;}

.sobrehome{background-size: cover;background-position: top left;padding: 100px 0}
.sobrehome .flexx{display: flex;align-items: center;justify-content: center;}
.sobrehome .flexx .logo{text-align: center;}
.sobrehome .flexx figure{width: 80%;display: inline-block;}
.sobrehome .flexx figure img{width: 100%;}
.sobrehome .flexx .text{width: 50%;padding-right: 100px;}
.sobrehome .btt a{background-color: #D74037;color: #fff}

.headtitle{background-color: #9F000F}
.headtitle h1{color: #fff;font-size: 30px;text-transform: uppercase;}
.headtitle h1 strong{font-weight: 300;font-size: 20px;line-height: 25px;display: block;color: #fff}

.headtitle, .headtitle .flexx{height: 10px;}
.headtitle .flexx{display: flex;align-items: center;justify-content: center;position: relative;}
.headtitle .flexx h1{color: #fff;font-size: 30px;font-weight: 600;text-align: center;margin: 0}
.headtitle .flexx p{color: #fff;margin-bottom: 0;margin-top: 10px}
.headtitle .flexx{color: #fff}
.headtitle{position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}


.pagservicos figure, .pagservicos figure img{height: 150px;object-fit: cover;}
.pagservicos .tlf{background-color: #fff;box-shadow: 0 0 60px 0px rgba(0,0,0,.2);padding: 30px;position: relative;z-index: 9}
.pagservicos h3{color: #D74037;font-size: 22px;}
.pagservicos p{font-size: 14px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.pagservicos .btt a{background-color: #D71729;}
.pagservicos .btt a:hover{background-color: #333;}


.foomabl img{height: 100px;width:auto}

.clientes .star i{color: #F0B104}
.clientes .depoimentos{list-style: none;padding: 0 100px 0 0;margin: 0;}
.clientes .depoimentos li{margin-top: 30px}
.depoimentos .slick-dots{bottom:-50px; width: auto !important}
.clientes ul.todosclientes{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.clientes ul.todosclientes li{width: 23%;margin:0 1% 2%;font-size: 15px;border: 1px solid #e1e1e1}
.clientes ul.todosclientes li figure, .clientes ul.todosclientes li figure img{height: 120px;object-fit: contain;}
.clientes ul.todosclientes .nameuf{width: 100%;color: #D74037}
.clientes #loadMoreBtn:hover{color: #D74037}
.clientes #loadMoreBtn{text-decoration: underline;text-align: center;width: 100%;display: block;margin-top: 30px;cursor: pointer;}
.clientes .fixstt{position: sticky;top: 100px}
.clientes ul.todosclientes p{font-size: 13px;line-height: 13px;font-weight: 300;text-align: center;margin: 0;padding-bottom: 10px;}


.depoimentos .deppin{margin-bottom: 30px;border-bottom: 1px dashed #a1a1a1;padding-bottom: 30px;}
.depoimentos .deppin h4{font-size: 20px;}
.depoimentos .deppin .star{color: #FFC15C;margin-bottom: 10px}

.ulcats{list-style: none;padding: 0;margin: 0;}

#svg-map{width: 100%;}
#svg-map text { fill:#fff; font-size:9px;cursor:pointer }
#svg-map a{ fill:#484744;transition:all .3s;text-decoration:none }
#svg-map a:hover { cursor:pointer; text-decoration:none }
#svg-map a:hover path{ fill:#D74037 !important }
#svg-map .circle { fill:#777;}
#svg-map a:hover .circle { fill:#D74037 !important; cursor:pointer }
#svg-map a.active, #svg-map a.active path{fill: #D74037 !important}

.banners{position: relative;}
.banners .flex{display: flex;align-items: center;position: absolute;top: 0;left: 0;right: 0}
.banners .flex .container{position: relative;margin: 0 auto;z-index: 1;margin-top: -40px}
.banners figure, .banners figure img, .banners .flex{height: 62vh;}
.banners figure, .banners figure img{object-fit: cover;background-position: bottom;}
.banners figure:after{position:absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';display: block;background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 4%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%);}
.banners h2, .banners h1{font-size: 35px;margin-bottom: 10px;text-transform: uppercase;font-weight: 300}
.banners h2 strong, .banners h1 strong, .banners p strong{font-weight: 700}
.banners h2, .banners h1, .banners p{color: #000;}
.banners p{font-size: 20px;}


.marcas [data-bs-toggle="collapse"] .fa-solid:before {  
  content: "\f068";
}

.marcas [data-bs-toggle="collapse"].collapsed .fa-solid:before {
  content: "\f067";
}
.marcas [data-bs-toggle="collapse"].collapsed{border: 2px solid transparent !important;}
.marcas [data-bs-toggle="collapse"]{border: 2px solid #D74037 !important}
.accordion-body{padding: 15px 0}
.accordion-flush .accordion-item{border-bottom: none;box-shadow: 0 0 30px 0px rgba(0,0,0,0.2);padding: 15px;margin-bottom: 20px;cursor: pointer;}
.accordion-flush .accordion-item h3{margin: 0;font-size: 18px;color: #D74037;}

.intmarc{list-style: none;padding: 0;margin: 0;flex-wrap: wrap;display: flex;}
.intmarc li{width: 18%;margin: 1%; padding-top: 18%;display: flex;align-items: center;background:#f1f1f1;position: relative;text-align: center;justify-content: center;}

.intmarc li figure{position: absolute;top: 0;bottom: 0;display: flex;align-items: center;}
.intmarc li figure img{object-fit: contain;}

.marcasdestaque ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.marcasdestaque ul li{width: 30%;margin: 0 1% 40px;text-align: center;}
.marcasdestaque ul li img{width: 100%;height: auto}

.action{background-color: #6E8EC7;padding: 50px 0}
.action .flex{display: flex;justify-content: space-between;align-items: center;}
.action h2{text-transform: uppercase;}
.action h2, .action p{color: #fff;margin: 0}
.action .btt a{background-color: #fff;color: #000;margin-left: 100px;}
.action p{font-size: 20px;}
.action .tt{margin-left: 100px;}
.action figure img{height: 75px;width: auto}

.cathom{margin-top: -100px;margin-bottom: 80px}
.cathom .title{display: none}
.cathom .btt a{background-color: #1CD741}

.catscompra ul{padding: 0;margin: 0}
.catscompra ul li{width: 100%;}
.catscompra ul li{background-color: #000;display:block;padding: 30px;margin: 0 10px;transform: scale(1.0);border-radius: 5px;}
.catscompra ul li:hover{transform: scale(1.02);background-color: #D74037}
.catscompra ul li.li1 a{background-color: #D74037}
.catscompra ul li a h3, .catscompra ul li a p{color: #fff;}
.catscompra ul li a h3{font-size: 20px;color: #D74037;margin-bottom: 30px}
.catscompra ul li:hover h3{color: #fff}
.catscompra ul li a p{margin-bottom: 0;font-size: 14px;line-height: 20px;}
.catscompra .ber{color: #000;background-color: #fff;display: inline-block;padding: 2px 10px;font-size: 14px;margin-top: 20px}
.catscompra .flexalihe{display: flex;flex-direction: column;justify-content: space-between;}
.catscompra .flexalihe .ber{align-self: flex-start;}
.catscompra .slick-track{display: flex !important;}
.catscompra .slick-slide{height: inherit !important;}

.slick-prev:before, .slick-next:before{font-family: "Font Awesome 5 Free" !important;font-weight: 900 !important;background-color: #000 !important;opacity:0.8 !important; color: #fff !important;width: 70px !important;height: 70px !important;display: inline-block !important;line-height: 70px !important;text-align: center !important;margin-top: -10px !important}
.slick-prev{left: 20px !important;}
.slick-next{right: 50px !important;}
.slick-prev:before{content: "\f104" !important;}
.slick-next:before{content: "\f105" !important}
.slick-next, .slick-prev{z-index: 9 !important}

.passosregistro{background-size: 100%;background-position: center;}
.passosregistro .container .title{margin-bottom: 50px}
.passosregistro{background-size: 100%;background-repeat: no-repeat;}
.passosregistro .flexpas{padding: 0 20px;}
.passosregistro .btt{margin-top: 50px}
.passosregistro .ico{width: 100%;display: flex;align-items: center;}
.passosregistro .tx{padding-top: 30px;}
.passosregistro img{height: 70px;width: 70px;display: inline-block;background-color: #D74037;border-radius: 10px;margin-right: 20px}
.passosregistro h4{color: #000;margin-bottom: 0px;font-size: 20px;}
.passosregistro .title{margin-bottom: 30px;}
.passosregistro p{font-size: 14px;margin-bottom: 0}

#whatsFixo{position: fixed;bottom: 100px;animation: pulse 2s infinite;right: 30px;z-index: 999;background-color: #1CD741;color: #fff;width: 65px;height: 65px;line-height: 65px;text-align: center;font-size: 40px;border-radius: 50%;}


.post{padding: 20px;}
.post figure img{height: 150px;object-fit: cover;margin-bottom: 20px}
.post h3{font-size: 20px;}
.post p{font-size: 15px;}
.post .sbm{border-bottom: 1px solid #000}
.post:hover{background-color: #f1f1f1}

footer .flexxx{display: flex;padding-top: 30px;justify-content: space-between;flex-wrap: wrap;}
footer .flexxx .logo{align-self: center;}
footer .flexxx h6{color: #000;text-transform: uppercase;}
footer .flexxx .links li a{color: #000;font-weight: 300}
footer .logo img{height: 50px;width: auto;margin-bottom: 30px}
footer .lotx{width: 23%;}
footer .lotx p{font-size: 14px;}
footer figure{margin: 0}
footer ul{list-style: none;padding: 0;margin: 0}
footer ul.redesfoo{display: flex;flex-wrap: wrap;}
footer ul.redesfoo li{margin-right: 20px;}
footer ul.redesfoo li a{font-size: 25px;}
footer ul.redesfoo li a:hover{color: #D74037}
footer ul li, footer ul li a{font-size: 14px;line-height: 24px; margin-bottom: 0;color: #000}
footer ul li a:hover{text-decoration: underline;}
footer .contatos li{margin-bottom: 10px}

.direitos{border-top: 1px solid #999}
.direitos p, .direitos a{padding: 20px 0;margin: 0;font-size: 13px;color: #000;line-height: 19px}
.direitos a{text-decoration: underline;}

.form .priv{font-size: 17px;margin-bottom: 0}
.wpcf7-not-valid-tip{padding-left: 10px;font-size: 15px;}
.form{position: relative;}
.form label{padding-left: 10px;font-weight: 600;margin-bottom: 10px;display: block;color: #363435}
.form .form-control{background-color: #fff;margin: 0 0 15px;padding: 12px 15px;border-radius: 4px;border:1px solid #999}
.form textarea.form-control{height: 120px;padding: 15px}
.form .wpcf7-submit{background-color: #000;color: #fff;font-size: 16px;text-transform: uppercase;border-radius: 4px;display: inline-block;width: auto;padding: 15px 30px;font-weight: 600;border: none}
.form .wpcf7-submit{transform: scale(1);transition: 0.3s all}
.form .wpcf7-submit:hover{transform: scale(1.01);transition: 0.3s all}
.form .file1{margin-bottom: 50px;margin-top: 50px;}
.form .vedewz{color: #305C3B;margin-bottom: 50px;}
.form .margintop{padding-top: 50px;}
.form .wpcf7-submit{width: 100%;}

.wpcf7 form .wpcf7-response-output{color: #dc3545;color: #fff;padding:15px;text-align: center;margin: 0 0 30px;border-radius: 10px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{border-color: #dc3545;color:#fff;background-color:#dc3545 }
.wpcf7 form.sent .wpcf7-response-output{border-color: #46b450;color:#fff;background-color: #46b450}
.wpcf7 .wpcf7-not-valid-tip{font-size: 14px;margin-top: -10px;margin-bottom: 10px;color: #dc3545;font-weight: 600}
.wpcf7-spinner{display: block;margin: 0 auto}


.mapa iframe{width: 100%}


@media (max-width : 1200px) {

  .menuheader{padding: 10px 0}
  .topo{display: none}
  header .logo img{position: relative;top: 0;height: 50px;}
  header.fixed .logo img{top: 0}

  header .flexxx .logo{display: flex;align-items: center;justify-content: space-between;width: 100%}
  header .flexxx{display: flex;align-items: center;flex-wrap: wrap;}
  header .flexxx .mennucol{width: 100%;}

  .navbar-nav{text-align: right;padding-top: 20px;}
  header .menu-principal .navbar-nav li{margin: 0;padding: 5px 0}
  header .menu-principal .navbar-nav li.active .nav-link:before{width: 100%;display: none}
  header .menu-principal .dropdown-menu{position: relative !important;top: 5px;display: block !important;}
  header .menu-principal .dropdown-menu li .nav-link{padding: 0 7px;text-align: right;}
  .sobrehome .flexx .text{padding-right: 0}
  footer .flexxx .logo{width: 100%;}
  footer .flexxx .logo img{width: 80%;height: auto}
  .intmarc li{width: 23%;padding-top: 23%;}
  .passosregistro h4{font-size: 16px;}
  .passosregistro img{height: 60px;width: 60px;}
  .sobrehome{background-position: left 40% top;}
  .action .flex{display: block;text-align: center;}
  .action .tt, .action .btt a{margin: 20px 0 0}
  .action p span br{display: none}

}


@media (max-width: 991px) {
  footer .logo{width: 100%;}
  header .flexxx{display: flex;align-items: center;justify-content: flex-between;flex-wrap: wrap;}
  header .flexxx .logo{margin:0}
  header .container{max-width: 720px}
  header .mennucol{width: 100%}
  footer .infos{text-align: center;}
  .action p br{display: none}
  .sobrehome .flexx .text{width: 80%;}
  .action p, p, ul, .banners p{font-size: 16px;line-height: 22px;}
  .banners h2, .banners h1, .title h2, .title h1{font-size: 28px;}
  .intmarc li{width: 31%;padding-top: 31%;}
  .passosregistro h4 br{display: none}
  .passosregistro .flexpas{padding: 0}
  .passosregistro .tx{padding-top: 10px;margin-bottom: 30px}
  .sobrehome .title h2 br{display: none}
  .clientes .depoimentos{padding:0 0 40px 0}
  footer .lotx{width: 100%;margin-bottom: 40px}
  footer .contatos, footer .links{width: 30%;}
  footer .flexxx .logo img{width: auto;height: 50px}
  footer .mmbri{width: 100%;text-align: center;margin-top: 50px}
  footer .foomabl img{display: inline-block;height: 100px;width: auto}
  footer .lotx{text-align: center;}

}  


@media (max-width : 767px) {
  footer .flexxx{display: block;text-align: center;}
  footer .contatos{margin-bottom: 50px;}
  .container, .container-sm{max-width: 100%;padding-right: 30px;padding-left:30px;}
  .marcasdestaque ul li{width: 48%}
  .sobrehome{background-position: left 40% top;}
  #menu-footer-1{margin-bottom: 50px}
  .action .flex{flex-wrap: wrap;text-align: center;}
  .action .tt{margin-left: 0;margin-top: 40px}
  footer .contatos, footer .links{width: 100%;text-align: center;}
  footer ul.redesfoo{justify-content: center;margin-bottom: 0}
  footer .links, footer .redes{margin-top: 50px}
  footer ul.redesfoo li{margin: 0 10px}
}


@media (max-width : 580px) {
  footer .flexxx .links li{width: 100%;margin: 0 0 10px}
  header .logo img{height: 40px;}
  .container, .container-fluid{padding-right: 20px;padding-left:20px;}
  footer .flexxx .logo img{width: 90%;height: auto}
  .sobrehome .flexx{display: block;}
  .sobrehome .flexx .text{width: 100%;margin-bottom: 40px;text-align: center;}
  .catscompra ul{display: block;}
  .catscompra ul li{margin:0 0 20px}
  .banners .txxba{padding-right: 30px;}
  .banners h1{font-size: 26px;}
  .banners p{font-size: 16px;}
  .banners h1 br{display: none}
  .banners h2, .title h2, .title h1, .action h2, .headtitle .flexx h1{font-size: 20px;}
  .catscompra ul li a p{font-size: 16px;}
  .action p, p, ul,.catscompra ul li a p, .title p{font-size: 14px;line-height: 20px;}
  .btt a{padding: 8px 10px}
  .intmarc li{width: 48%;padding-top: 48%;}
  .catscompra ul li a h3 br{display: none}
  .banners figure, .banners figure img, .banners .flex{height: 400px;}
  .clientes ul.todosclientes li{width: 31%}
  .clientes .fixstt{margin-top: 100px;}

}


@media (max-width : 480px) {
  .marcasdestaque ul li{width: 100%;margin-bottom: 20px}
  .intmarc li{width: 100%;padding-top: 100%;}
  .padd70{padding: 40px 0}
  .cathom{margin-bottom: 20px;}
  .clientes ul.todosclientes li{width: 48%}
 
}