﻿::-webkit-scrollbar {width: 6px}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);-webkit-border-radius: 10px;border-radius: 10px}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #999;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)}
::-webkit-scrollbar-thumb:window-inactive {background: #999;}
.grecaptcha-badge{display: none;}

/* FRAMEWORK */
body { font-family: 'Poppins', sans-serif; color: #1f1f1f; font-weight: 400; font-size: 15px; }
.width-content h2 { font-size: 30px; line-height: 1.2; font-weight: 500; }
.title { font-size: 30px; line-height: 1.2; font-weight: 500; }
.button { display: inline-block; padding: 15px 40px; border-radius: 5px; font-weight: 600; text-transform: uppercase; transition: .3s; cursor: pointer; box-sizing: border-box; text-align: center; }
/*.button-black { background: #1f1f1f; color: #fff; }
.button-white { background: #fff; color: #1f1f1f; }*/
.button:hover, .button-black:hover, .button-white:hover { opacity: .7; }

/* MASTER */
.bag, .whatsapp { position: fixed; width: 60px; height: 60px; right: 30px; color: #fff; border-radius: 50%; text-align: center; transition: .3s; z-index: 200; }
.bag svg, .whatsapp svg { font-size: 30px; margin-top: 15px; }
.bag { bottom: 100px; background-color: #e67e22; }
.bag:hover { background: #d35400; }
.bag span { position: absolute; background: #e74c3c; font-weight: 800; padding: 6px 8px; border-radius: 50%; font-size: 13px; margin: 3px 3px 0 0; }
.whatsapp { bottom: 30px; background-color: #25d366; }
.whatsapp:hover { background: #128c7e; }

.developer { margin: 15px 0; display: none;}
.developer a { font-weight: 600; transition: .3s; }
.developer a:hover { opacity: .7; }

/* CONTATO */
.form { padding: 60px 0 50px 0; max-width: 768px; }
.form .form-text { margin: 20px 0; }
.form-fields input, .form-fields select, .form-fields textarea { padding: 12px 20px; border-radius: 5px; width: 100%; display: inline-block; box-sizing: border-box; border: 2px solid #bdc3c7; margin-bottom: 10px; transition: .3s; }
.form-fields input:focus, .form-fields select:focus, .form-fields textarea:focus { border-color: #1f1f1f; }
.form-fields textarea { height: 130px; }
.form-fields .nobot { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.form-fields .nobot input { width: 70px; margin: 0 0 0 10px; padding: 8px; }
.form-fields .button { border: none; }

/* ALTERACOES FUEL */
.button-black {
	color: #fff;
	background-color: #000;
}
.button-white {
	color: #000000;
	background-color: #fff;
}
.page-header {
	color: #fff;
	padding: 100px 0;
	background: url(../images/bg-tit.jpg) center center no-repeat #1f1f1f;
}
.page-header .title { text-transform: uppercase; font-size: 36px; letter-spacing:10px }
.header-1 { padding: 20px 0; background-color: #000; }
.header-1 .width-content { display: flex; justify-content: space-between; align-items: center; }
.header-1 .header-logo { max-width: 200px; max-height: 120px; transition: .3s; }
.header-1 .header-logo:hover { opacity: .7; }
.header-1 .header-menu li { display: inline; position: relative; padding: 15px 0; }
.header-1 .header-menu li a { font-weight: 600; text-transform: uppercase; transition: .3s; padding: 15px; display:inline-block; color: #fff; }
.header-1 .header-menu li a:hover { opacity: .7; }
.header-mobile .button { display: none !important; border-radius: 0; display: block; width: 100%; text-align: center; padding: 15px 0; }
.header-mobile .button svg { margin-right: 3px; }
.header-mobile .menu { display: none; background: #1f1f1f; color: #fff; text-align: center; padding: 10px 0; }
.header-mobile .menu li a { display: block; font-weight: 600; text-transform: uppercase; transition: .3s; padding: 10px 0; }
.header-mobile .menu li a:hover { opacity: .7; }

.resumo { padding: 80px 0; }
.resumo .width-content { display: flex; align-items: center; }
.resumo .resumo-text { margin: 20px 0; padding-right: 15%; }
.resumo h2 { font-size: 30px; line-height: 1.2; font-weight: 500; }
.resumo .resumo-image { width: 90%; border-radius: 5px; margin-left: 10%; }
.resumo iframe { width: 90%; height: 320px; border-radius: 5px; }

.apresentacao-slides .slides-item { background: #1f1f1f; background-position: center center; background-size: cover; background-repeat: no-repeat; /*padding: 120px 0 140px 0; */position: relative; overflow: hidden; }
.apresentacao-slides .slides-item::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: rgba(31, 31, 31, 0.2); }
.apresentacao-slides .slides-item .width-content { width: 992px; position: relative; z-index: 50; }
.apresentacao-slides .slides-item .slides-title { font-size:48px; font-weight: 700; max-width: 680px; width: 100%; margin: 0 auto;}
.apresentacao-slides .slides-item .slides-text { margin: 30px 0; font-size: 20px; }

.opacity{background: rgb(0,0,0);
background: radial-gradient(circle, rgba(0,0,0,0.35057773109243695) 0%, rgba(0,0,0,1) 100%); width: 100%; padding: 240px 0 200px;}


.left, .right {opacity: .9; z-index: 5; width: 50px; height: 40px; position: absolute; top: 48%; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; text-align: center; color:#444; font-size: 30px!important; border-radius: 50%; transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}

.left {left:0;}
.right {right:0;}

.left {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.828 12l4.95 4.95-1.414 1.414L8 12l6.364-6.364 1.414 1.414z' fill='white' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.right {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='white' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.resumo2 { padding: 5rem 0; }
.resumo2 .width-content { display: flex; align-items: center; flex-wrap: wrap; }
.resumo2 .title { padding-left: 10%; }
.resumo2 .resumo-text { margin: 1.2rem 0; padding-left: 10%; }
.resumo2 .resumo-image { width: 90%; border-radius: .3rem; }
@media screen and (max-width: 768px){
	.resumo2 .width-50 {width:100%; text-align: center;}
	.resumo2 .resumo-text {width:100%; padding:0;}
	.resumo2 .title {padding:0; margin-top: 1rem;}
} 

.valores-fundo {padding: 64px 0; background-color: #333; color:#fff;}
.valores-fundo h3 {font-size: 32px; margin-bottom: 32px;}
.valores-fundo .valores {display: flex; flex-wrap: wrap;}
.valores-fundo .valores li {width: 25%; font-size: 22px; display: flex; flex-wrap: wrap; justify-content: center;}
.valores-fundo .valores li p {width: 100%}
.valores-fundo .valores li svg {width: 100%}
@media screen and (max-width: 768px){
	.valores-fundo .valores li {width: 50%; margin-bottom: 22px}
}
@media screen and (max-width: 576px){
	.valores-fundo .valores li {width: 100%; }
} 

/* SERVICOS HOME */
.serv_fundo {padding: 64px 0;height: 500px;background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; flex-wrap: wrap;}     
.serv_fundo .sopraflex{display: flex; justify-content: end; flex-wrap: wrap;}     
.serv_fundo .sopraflex .width-50:nth-child(1) iframe {border-radius: .50rem 0 0 .50rem;}     
.serv_fundo .sopraflex .width-50:nth-child(2) {background-color: black; padding: 40px; box-sizing: border-box; height: 400px; border-radius: 0 .50rem .50rem 0;}
.serv_fundo .sopraflex .width-50 .title {margin-bottom: 16px; color: #fff; text-align: center;}
.serv_fundo .sopraflex .serv {display: flex; flex-wrap: wrap; color: #fff; text-align: left;}     
.serv_fundo .sopraflex .serv li {width: 50%; display: inline-block; margin-bottom: 20px; line-height: 20px; display: flex;}     
.serv_fundo .sopraflex .serv svg {margin-right: 5px; color:#e61515}
@media screen and (max-width: 992px){
	.serv_fundo .sopraflex .width-50:nth-child(1) {margin-bottom: 20px;}
	.serv_fundo .sopraflex .width-50:nth-child(1) iframe {border-radius: .50rem;}
	.serv_fundo {height: auto;}
	.serv_fundo .sopraflex .width-50 {width: 100%; }
	.serv_fundo .sopraflex .serv {justify-content: center;}
	.serv_fundo .sopraflex .width-50:nth-child(2) {height: auto; border-radius: .50rem;}
}  
@media screen and (max-width: 768px){
	.serv_fundo .sopraflex .width-50:nth-child(2) {height: auto; border-radius: .50rem;}
	.serv_fundo .sopraflex .serv li {width: 100%;}
} 

.mapa iframe{width:100%;height:400px;}

.rodapedif {display:flex; flex-wrap:wrap} .rodapedif .button-white {color:white; background-color:#b0a18d; padding:0.3rem 2rem; margin-bottom:1rem} .rodapedif svg {margin-right:2px} .rodapedif a {line-height:2}   @media screen and (max-width: 800px) { .rodapedif .width-50 {width:100%} }  


.footer-1 {background-color: #000000;color: #ffffff;}
.footer-1 .width-content {padding: 80px 0;width: 992px;display: flex;align-items: center;}
.footer-1 .footer-logo {max-width: 80%;max-height: 160px;}
.footer-1 .footer-contacts {line-height: 1;}
.footer-1 .footer-contacts a {display: block;transition: 0.3s;margin: 10px 0;}
.footer-1 .footer-contacts a:hover {opacity: 0.7;}
.footer-1 .footer-contacts a svg {width: 20px;height: 20px;float: left;}
.footer-1 .footer-contacts a p {margin-left: 30px;}
.footer-1 .footer-social li {display: inline;margin: 0 3px;}
.footer-1 .footer-social li svg {width: 20px;height: 20px;padding: 12px;border-radius: 5px;transition: 0.3s;background-color: #e61515;}
.footer-1 .footer-social li svg:hover {opacity: 0.7;}

.done{display: none!important}
.btn-mais{background: #a29785!important;}

.imgaleria{margin:5px;display: inline-block}
.imgaleria img{max-width: 286px; height: auto; width: 100%;transition: .3s;}
.imgaleria img:hover{opacity: .8}
.wpcf7-submit {text-transform: uppercase;color: #fff;background-color: #202020; border: 0!important; cursor: pointer;}

/* ITENS */
.items { padding: 60px 0; display: flex; flex-wrap: wrap; }
.items .title { width: 100%; }
.items .sidebar { padding-right: 30px; box-sizing: border-box; }
.items .sidebar .title { margin-bottom: 20px; }
.items .sidebar .form-fields input { margin: 0 0 10px 0; }
.items .sidebar .form-fields .button { margin-bottom: 20px; }
.items .sidebar .categories li { border-top: 2px solid #c6c6c6; }
.items .sidebar .categories li:first-child { border-top: 0; }
.items .sidebar .categories li a { display: block; padding: 12px 20px; transition: .3s; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:  left center; background-repeat: no-repeat;}
.items .sidebar .categories li a:hover { opacity: .7; }
.items .sidebar .categories li a svg { margin-right: 3px; }
.items .sidebar .categories li a.sub { margin-left: 15px; }
.items .list ul { display: flex; flex-wrap: wrap; align-items: end; }
.items .list ul li { width: 33.33%; padding: 0 15px 30px 15px; margin-bottom: 30px;  box-sizing: border-box; }
.items .list ul li img { max-width: 100%; max-height: 240px; border-radius: 5px; transition: .3s; }
.items .list ul li img:hover { opacity: .7; }
.items .list ul li .title { font-size: 16px; margin-top: 10px; }
.items .list ul li .price { font-size: 12px; font-weight: 700; opacity: .5; margin-top: 5px; }
.items .list ul li .quantity { margin-top: 5px; }
.items .list ul li .quantity input { width: 50px; text-align: center; border: 1px solid #c6c6c6; }
.items .list ul li .button { width: 100%; box-sizing: border-box; margin-top: 10px; display: none;}
.items .list .pagination { border-top: 2px solid #c6c6c6; padding-top: 30px; }
.items .list .pagination a { transition: .3s; margin: 0 3px; }
.items .list .pagination a:hover { opacity: .7; }
.items .list .pagination a.current { border: 2px solid #c6c6c6; padding: 8px; border-radius: 5px; font-weight: 500; }
.items .list .pagination a.first { margin-right: 10px; }
.items .list .pagination a.last { margin-left: 10px; }

/* ITEM */
.item { padding: 60px 0; display: flex; flex-wrap: wrap; }
.item .images img { border-radius: 5px; cursor: move; max-height: 800px; width: 100%; display: inline-block; }
.item .images .slick-dots { bottom: -30px; }
.item .images .slick-dots li button::before { background: #000; }
.item .infos { padding-left: 30px; box-sizing: border-box; }
.item .infos .title { font-size: 20px; margin-bottom: 10px; }
.item .infos .price { font-size: 30px; font-weight: 700; margin-bottom: 30px; opacity: .5; }
.item .infos .description { line-height: 1.7; margin-bottom: 30px; }
.item .infos .description strong { font-weight: bold; }
.item .infos .description em { font-style: italic; }
.item .infos .button { background-color: #25d366; color: #fff; text-align: center; display: block; margin-bottom: 15px; padding: 20px 0; font-size: 20px; width: 100%; border: 0; }
.item .infos .button:hover { background: #128c7e; }
.item .infos .button-bag { background: #e67e22; padding: 15px 0; }
.item .infos .button-bag:hover { background: #d35400; }

/* CARRINHO */
.cart .items .list { width: 100%; }
.cart .comments { background: #ececec; border-radius: 5px; padding: 12px; margin-top: 60px; }
.cart .buttons { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 60px; }
.cart .buttons .button { width: 49%; }

/* FINALIZAR */
.finish { padding: 60px 0; max-width: 800px; }
.finish .form-fields p { background: #ececec; border-radius: 5px; padding: 12px; margin-bottom: 10px; }

/* ERRO */ 
.error { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.error .width-content { width: 576px; }
.error svg { color: #c0392b; font-size: 80px; }
.error .title { margin: 20px 0; }
.error p { margin-bottom: 20px; }
.error .button { background: #6c5dd3; color: #fff; }