:root {
	--green: #004f51;
	--yellow: #ffdc00;
	--yellow-h: #dec000;
	--black: #000000;
	--black-h: #202020;
    --gray: #dbdbdb;
	--white:#fff;
	--white-h:#ccc;
}

::-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;}

html { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0;}
:focus { outline: 0; }
ol, ul { list-style: none;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
i, em {font-style: italic;}
b, strong {font-weight: bold;}
small {font-size: 12px;}
big {font-size: 16px;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
h1, h2, h3, h4, h5, h6 { display: block; margin: 0; font-weight: 700;}
a{text-decoration: none; color:var(--black);}
a:hover{text-decoration: none; color:var(--black-h);}
h1 {font-size: 64px;letter-spacing:1px;}
h2 {font-size: 48px;letter-spacing:1px;}
h3 {font-size: 32px;letter-spacing:1px;}
h4 {font-size: 24px;}
h5 {font-size: 14px;}
h6 {font-size: 10px;}

.clear { clear: both;}

body{margin: 0; padding: 0; font-size:16px; font-family: 'Montserrat', sans-serif;font-weight:300; overflow-x: hidden !important; backgorund-color:var(--white); line-height: 150%; color:var(--black);letter-spacing: 1px}
.grecaptcha-badge{display: none;}


#barra{background: #747474; height:8px; width: 100%;}

/* HEADER */
header{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(20,20,20,1) 100%); top: 0; position: absolute; color:var(--white); z-index: 9; width: 100%; padding-bottom:120px;}
header .logo{max-width:253px; width: 100%; height: auto;}

/* NAVBAR */
.navbar{background:0;}
.navbar {transition: all 0.30s ease-in-out;z-index: 8;padding:20px 0;}
.navbar li {text-transform: uppercase;text-align: center;padding:5px 8px;}
.navbar li a{color: var(--white)!important;font-weight:500;transition: all 0.30s ease-in-out; font-size: 13px; }
.navbar li a:hover{color: var(--white-h)!important;}
.navbar li.projeto a{background: var(--white); color:var(--black)!important;}
.navbar li.projeto a:hover{background: var(--white-h); color:var(--black)!important;}
.linkstopo{margin-left:20px;}
.linkstopo li{display: inline-block; padding:0;}
.linkstopo li a{padding:0;}

	.compressed{position: fixed;top:0;width: 100%;z-index:300;transform: translateZ(0);transition:all 0.5s;box-shadow:0 2px 6px rgba(0,0,0,0.2); animation:slide-down 0.7s;background:rgba(0,0,0,.85);padding: 10px 0;}
    .compressed .logo{max-width: 180px;}


.navbar-toggler{margin-right: 10px!important;}
.navbar-toggler span {display: block;background-color:var(--white);height: 3px;width: 25px;margin-top: 5px;margin-bottom: 5px;position: relative;left: 0;opacity: 1;transition: all 0.35s ease-out;transform-origin: center left;}
.navbar-toggler span:nth-child(1) {margin-top: 0.3em;}
.navbar-toggler:not(.collapsed) span:nth-child(1) {transform: translate(15%, -33%) rotate(45deg);}
.navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {transform: translate(15%, 33%) rotate(-45deg);}
.navbar-toggler span:nth-child(1) {transform: translate(0%, 0%) rotate(0deg);}
.navbar-toggler span:nth-child(2) {opacity: 1;}
.navbar-toggler span:nth-child(3) {transform: translate(0%, 0%) rotate(0deg);}
.dropdown-menu{background:rgba(0,0,0,.9); border-radius: 0;}
.dropdown-toggle::after{display: none!important}
.dropdown-item.active, .dropdown-item:active{background:var(--black);}
.dropdown-item{transition: all 0.35s ease-out;}
.dropdown-item:hover{background:var(--black)!important;}
.navbar ul li ul li, .navbar ul li ul li:hover{border-top:0!important; font-size: 13px!important; text-align: left;padding: 0 10px}
.navbar ul li ul li a{padding: 0px 5px}
.navbar ul li ul li a:hover{color:var(--yellow)!important}

.slideIn { -webkit-animation-name: slideIn; animation-name: slideIn;}

@media all and (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {display: block;}
    .dropdown-submenu { position: relative;}
    .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


}


@media (min-width: 768px) { .animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both;}}

@keyframes slideIn {
  0% { transform: translateY(1rem); opacity: 0;}
  100% { transform: translateY(0rem); opacity: 1; }
  0% { transform: translateY(1rem); opacity: 0; }
}

@-webkit-keyframes slideIn {
  0% {-webkit-transform: transform; -webkit-opacity: 0; }
  100% { -webkit-transform: translateY(0); -webkit-opacity: 1; }
  0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; }
}


/* SLIDER */
.carousel-control-next, .carousel-control-prev{width:5%;}
.banner{height:100vh!important;}

.carousel-indicators [data-bs-target] { width: 15px; height: 15px; background-color: transparent; border:2px solid var(--white); border-radius: 50% !important; opacity: 1; margin-left: 12px;margin-bottom:15px; }
.carousel-indicators{z-index: 5}
.carousel-indicators .active { background-color:var(--yellow); border:2px solid var(--yellow); }

.banner img{width: 100%; max-width: 1920px; height: auto;}

.espacamento{padding:200px 0 100px;}
body p{margin-bottom: 20px;}
figure {margin: 0;}

h1.tit-secao{font-weight: 100;text-transform: uppercase;}
h2.tit-secao{font-weight: 100;text-transform: uppercase;}

/* AMBIENTES */
#ambientes .ambiente h2{margin-top: -45px; color: var(--white); text-transform: uppercase; padding:0 20px; position: relative;transition: all 0.35s ease-in-out;}
#ambientes .ambiente figure{overflow: hidden;}
#ambientes .ambiente img{transition: all 0.35s ease-in-out;transform: scale(1.015);max-width:940px; height: auto; width: 100%;}
#ambientes .ambiente:hover h2{opacity: 0;}
#ambientes .ambiente:hover img{transform: scale(1.05);}
.btn-sobre{background:var(--black); color: var(--white); padding: 10px 20px; font-weight: 600; letter-spacing:0.05rem}

/* COMO PRODUZIMOS */
#como-produzimos{background: var(--gray);}
#como-produzimos h4{text-transform: uppercase; color: var(--black);}
.maquinas strong{font-size:22px; font-weight: 500; text-transform: uppercase;}

#como-produzimos iframe{max-width: 860px; width: 100%; height: 480px;}

/* BLOG */
#blogposts{background: #747474; margin-top: 60px;}
.blog{margin-top: -60px;position: relative;cursor: pointer;transition: all 0.35s ease-in-out;}
.blog:hover{filter: brightness(1.2);}
.blog img{max-width:460px; width: 100%; height: auto;}
.bloginfo{color: #fff; padding:120px 15px 15px;position: absolute;bottom:0;width: 100%; background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.bloginfo .data{font-weight:500;font-size: 12px;}

.bloginfo h3{font-size: 18px!important; letter-spacing: normal; font-weight: 600;background-image: url("data:image/svg+xml,%3Csvg width='17' height='30' viewBox='0 0 17 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2L14.5 15L1.5 28' stroke='%23FFDC00' stroke-width='3'/%3E%3C/svg%3E"); background-position: center right; background-repeat: no-repeat;  padding-right: 40px;min-height:43px;}

a.vermais{font-size:20px; letter-spacing:8px; text-transform: uppercase; color: #fff; font-weight: 500;}

/* PROJETOS */
#solicite-seu-projeto{color:#fff; background-position: right center; background-repeat: no-repeat;}
.opacity{background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 35%, rgba(0,0,0,0) 70%);}
.btn-solicite{background:var(--yellow); color: var(--black); border: 0; padding: 10px 20px; font-weight: 600; letter-spacing:0.05rem; max-width: 360px; width: 100%;}

.btn-solicite2{background:var(--black); color: var(--white); border: 0; padding: 10px 20px; font-weight: 600; letter-spacing:0.05rem; max-width: 360px; width: 100%; border-radius:0;}
.btn-especialista{background:#3ECF54; color: var(--white); border: 0; padding: 10px 20px; font-weight: 600; letter-spacing:0.05rem; max-width: 360px; width: 100%;}


.foto-ambiente img{width: 100%; max-width: 420px; height: auto;}
.legenda{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7875525210084033) 37%, rgba(237,237,237,0) 100%); color: #fff; padding: 80px 30px 30px; margin-top: -134px; position: relative; width: 100%}


/* CONTATO */
.logordp{max-width:232px; width: 100%; height: auto;}

.mapa{background:var(--black-h);position: relative;}
.mapa iframe{width: 100%!important; height: 100%;min-height:400px; mix-blend-mode: screen;filter: grayscale(100%) invert(100%);transition: all 0.35s ease-in-out;}
.mapa iframe:hover{width: 100%!important; height: 100%;min-height:400px; mix-blend-mode:normal;filter: grayscale(0%) invert(0%);}
.copyright{background: var(--black-h); color: #fff; padding: 10px; font-size: 10px;}
.mapa svg{position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}

footer{background:#000; padding:10px 0; color:var(--white); font-size: 12px;}
footer a{color:var(--white);}
footer a:hover{color:var(--white-h);}

/* GERAL */
#cabecalho{background-color: #000; color: #fff; padding-top: 180px; padding-bottom: 60px;background-image: url(../images/bg-admin.jpg); background-position:center center;}
#cabecalho2{background-position:center center; background-size: cover}
#cabecalho2 .opacity{padding-top: 180px; padding-bottom: 60px;background:rgba(0,0,0,.65); color: #fff;}

/* POST */
#post h2{font-size:24px;  color:var(--red); font-weight: 500; margin-bottom: 25px; margin-top: 50px;}

/* TERMOS */
#termos{font-size:16px}
#termos p{margin-bottom:25px;}
#termos strong {color: var(--red-h);}
#termos h2{font-size:24px;  color:var(--red); font-weight: 500; margin-bottom: 25px; margin-top: 50px;}

#termos ul, #termos ol {margin-left: 25px; margin-bottom: 15px; font-size:14px;}
#termos ol li {display: block; padding: 7px;}
#termos ol li:before {content: counters(item, ".") " "; counter-increment: item; font-weight: bold;}
#termos ol {counter-reset: item;}

#termos ul li { list-style: none;}
#termos ul li::before { content: "\2022"; color: var(--red-h); font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
#termos table{font-size:14px; margin-bottom:40px; }
#termos table, #termos th, #termos td {border: 1px solid; border-collapse: collapse;}
#termos table tr td{margin:10px 0; padding:10px;}

.wpcf7-text::placeholder, .wpcf7-textarea::placeholder {color: #202020;}
.wpcf7-text, .wpcf7-textarea{background:0; color:#000; border:0; border-bottom: 1px solid #202020 !important; font-size: 14px; width: 100% !important; padding:4px 4px;border-radius:0 !important; margin: 0}
.wpcf7-text {box-sizing: border-box !important;  }
.wpcf7-textarea {height: 100px;resize: none !important;}
.wpcf7-submit{background: var(--black); color:var(--white)!important; border:0; box-sizing: border-box; border-radius: 8px;font-size: 14px; margin: 0 auto; padding:12px 45px;transition: all 0.35s ease-out; display: block;  text-transform: uppercase; float: right;}
.wpcf7-submit:hover{background: var(--black-h); color: var(--white);}
.wpcf7-list-item-label{font-size: 14px;}
/* ERROR */
.wpcf7 .ajax-loader{display: block; margin: 0 auto; margin-top: 20px;}
.wpcf7-not-valid { background: #FFBABA!important; border-color: #D8000C!important;}
span.wpcf7-not-valid-tip { display: none!important; }
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { color: #D8000C; background-color: #FFBABA; border: 0; font-size: 12px; padding: 10px; }
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #4F8A10; background-color: #DFF2BF; border: 0; font-size: 12px; padding: 10px;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: var(--black-h);
    text-decoration:none;
-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;
	background: #fff
}
 
.navigation li {
    display: inline;
}
.navigation li.space{padding: 12px; padding: 0.75rem 1.0rem;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: var(--black-h);
    cursor: pointer;
    padding: 12px;
    padding: 0.55rem 1.0rem;
}
.navigation li a:hover
{
    color:var(--black-h);
	background: #ccc
} 
.navigation li.active a {
    color: #fff;
	background:var(--black-h);
}

.grecaptcha-badge{display: none !important;}
.post img.size-large {width: 100%;height: auto;}
.aligncenter img {width: 100%;height: auto;}
.aligncenter {display: block;margin: 0 auto;}
.alignright {float: right;margin: 0 0 1em 1em;}
.alignnone {float: none;margin: 0 1em 1em 0;}
.alignleft {float: left;margin: 0 1em 1em 0;}
.floatleft {float: left;}
.floatright {float: right;}
.aligncenter, .alignright, .alignleft {margin-top: 5px;}
.alignnone {margin-bottom: 10px;}
img.aligncenter, img.alignnone {width: 100%;height: auto;margin-bottom: 10px;}

a.whatsappico{position:fixed;width:43px;height:43px;bottom:10px;right:10px;padding-top:6px; background-color:#2db742;color:#FFF;border-radius:50px;text-align:center;font-size:25px;box-shadow: 1px 1px 2px #888;z-index:1000;-webkit-transition: all .6s ease;-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;}
a.whatsappico:hover{background-color:#058318;}

@media only screen and (max-device-width: 1480px), screen and (max-width: 1480px) {
	header .container{max-width:1280px;}
	h1 {font-size: 46px;letter-spacing:1px;}
	h2 {font-size: 32px;letter-spacing:1px;}
	h3 {font-size: 26px;letter-spacing:1px;}
	h4 {font-size: 18px;}
	h5 {font-size: 14px;}
	h6 {font-size: 10px;}
	header .logo{max-width:220px; width: 100%; height: auto;}
	.navbar li {padding:5px 6px;}
	.navbar li a{font-size: 12px;}
	#ambientes .ambiente h2{margin-top: -30px; }
}

@media only screen and (max-device-width: 990px), screen and (max-width: 990px) {
    #home .carousel-item img {height: auto;}
    .banner {height:auto!important;}
    .carousel-indicators [data-bs-target] { width:5px; height:5px; margin-bottom: 0;}
}

@media only screen and (max-device-width: 860px), screen and (max-width: 860px) {
    h1 {font-size: 42px;letter-spacing:1px;}
	header{padding:10px 0}
	header .logo{max-width: 150px}
	.mapa iframe{min-height: 320px;}
	.linkstopo{margin-top: 10px; margin-bottom: 10px;}
	.linkstopo li{padding: 15px; }
	.navbar{text-align: center;}
	.navbar .container{padding: 0;}
	.navbar li{padding:0px!important;}
	.logo{margin-left: 15px;}
	.swiper-pagination2, .swiper-pagination3{text-align: center; margin-top:15px;}
    #ambientes .ambiente h2 {margin-top: -34px; font-size: 36px;}
    #como-produzimos iframe{height: 440px;}
    #blogposts{margin-top: 0}
    .blog{margin-top: 0;}
    .blog img{max-width:520px;}
    .bloginfo{width: 94%;}
    #solicite{color:#fff; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center}
    .opacity{background: rgba(0,0,0,.75);}
    #contatos{text-align: center;}
	
	.mapa svg{display:none}
	.mapa iframe{width: 100%!important; height: 100%;min-height:400px; mix-blend-mode:normal;filter: grayscale(0%) invert(0%);}
	#cabecalho{padding-top: 120px; padding-bottom: 30px;}
	#cabecalho2 .opacity{padding-top: 120px; padding-bottom: 30px;}
}

@media only screen and (max-device-width: 700px), screen and (max-width: 700px ) {
	html{ overflow-x:hidden}
	.navbar{padding:5px 0 20px;}
	body{ font-size: 14px; overflow-x:hidden}
	.espacamento{padding: 80px 0;}
	.formulario{padding-top:60px;}
	.carousel-caption{text-align: center; left: auto; right: auto;}
	#menusite{background: var(--black);}
    #como-produzimos iframe{height: 260px;}
    .maquinas strong{font-size:18px;}
	.compressed .logo{max-width: 120px;}
	.compressed{padding:10px 0;}
}