* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  scroll-behavior: smooth;
  /*-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;*/
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  text-align: center;
  background-color: var(--darkgrey);
  font-family: NunitoSans;
  color: #ffffff;
  --theorange: #f47216;
  --darkgrey: #2e2e2e;
  --mediumgrey1: #8a91a6;
  --mediumgrey2: #a9a9aa;
  --lightgrey0: #edece3;
  --lightgrey1: #c5c4bb;
  --lightgrey2: #f0f3f5;
  --green1: #8a91a6;
  --green1: #5c7c39;
  --green2: #de7d3b;
  --green3: #9ebd43;
  --maroon1: #de7d3b;
  --lightblue: #b8e2f2;
  --mediumblue: #0050aa;
  --alert: #aa2800;
  --slidetime:0.7s;
}

* {
  outline: 0 !important;
  margin: 0;
  padding: 0;
}

a,
a:hover,
a:active,
a:focus {
  outline: none;
}

a,
a:hover,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
  outline: none;
  outline: 0;
}

input::-moz-focus-inner {
  border: 0;
}

@font-face {
  font-family: "Dosis";
  src: url("/assets/fonts/Dosis-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oxanium";
  src: url("/assets/fonts/Oxanium-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NunitoSans";
  src: url("/assets/fonts/NunitoSans_10pt-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@media screen and (min-width:1281px){
	html {font-size: 16px;}
}

@media screen and (max-width:1280px){
	html {font-size: 14px;}
}

@media screen and (max-width:1080px){
	html {font-size: 13px;}
}

#menu {position:fixed;z-index:10000;display:flex;width: 100%;}
#menu .logo {background-size: contain;background-repeat: no-repeat;flex: 0 0 auto;}
#menu .menu-itens {display: flex;width: 100%;flex-direction: column;align-items: flex-end;justify-content: space-between;}
#menu .menu-itens ul {list-style: none;margin: 0;padding: 0;height: 1.15rem;display: flex;align-items: flex-start;}
#menu .menu-itens ul li {text-transform: uppercase;font-family: Oxanium;font-family:Dosis;font-weight: 700;font-size:1.15rem;line-height: 1.15rem;}
#menu .menu-itens ul li a {color:inherit;text-decoration:none;}
#menu .menu-itens .spacer-h {width: 98%;height: 1px;background-color: #ffffff;}
#menu .menu-itens .blank-h {height: 1.15rem;}

#menu.final {box-shadow: 0 1px 4px 4px rgba(0,0,0,0.25);background-color: var(--darkgrey);}

#webdoor {width:100%;background-color: var(--darkgrey);position:relative;display: flex;justify-content: center;align-items: flex-end;}
#webdoor:before {content:'';position:absolute;bottom:0;left:0;height:19rem;width:100%;display:block;background: rgb(255,0,0);
background: -moz-linear-gradient(0deg, rgba(255,0,0,0.5) 0%, rgba(255,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,0,0,0.5) 0%, rgba(255,0,0,0) 100%);
background: linear-gradient(0deg, rgba(255,0,0,0.5) 0%, rgba(255,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#ff0000",GradientType=1);
}
#webdoor:after {/*content:''*/;background-color:var(--theorange);width:34%;right:6%;top:0;height:100%;display: block;position: absolute;clip-path: polygon(25% 5%,100% 5%,75% 100%, 0 100%);}

#webdoor .lines {position: absolute;background-color: transparent;width: 100%;height: 100%;}
#webdoor .lines .line {position: absolute;border-left: 1px solid #ffffff;transform: skewX(-13deg);opacity:0.2}
#webdoor .lines .line1 {height: 100%;left: 11%;bottom: 40%;}
#webdoor .lines .line2 {height: 150%;left: 56%;bottom: 0%;}
#webdoor .lines .line3 {height: 30%;left: 95%;bottom: 0%}

#webdoor .sidebar {box-shadow: 0 0 13px 11px rgb(0,0,0,0.2);width: 5rem;background-color: rgba(255,255,255,0.1);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1.5rem;padding: 3rem 0;position: absolute;top:50%;left: 0;z-index: 15;backdrop-filter:blur(6px);transition:transform ease-in-out 0.4s;transform-origin:left top;}
#webdoor .sidebar img {filter: invert(100%);width: 1rem;height:1rem;}
#webdoor .sidebar .spacer-v {width: 1px;height: 2rem;background-color: #ffffff;margin:0.75rem 0;}

#webdoor #banner-strip {border: 0px solid yellow;;position: relative;z-index: 10;display:flex;justify-content: center;align-items: center;width: 88%;height:95%;}
#webdoor #banner-strip .txt-strip {position:relative;width: 100%;height: 100%;}
#webdoor #banner-strip .txt-strip .txt-wipe {position:absolute;width: 100%;height: 100%;left: 0;top: 0;transition:clip-path var(--slidetime) ease-in-out;}
#webdoor #banner-strip .txt-strip .txt-wipe .txt-block {transition:left var(--slidetime) ease-in-out/*,clip-path var(--slidetime) ease-in-out*/;position: absolute;flex-direction:column;justify-content: space-between;align-items: flex-start;text-align: left;width:50%; max-width: 42rem;top: 50%;transform: translateY(-50%);border: 0px solid violet;}
/*#webdoor #banner-strip.sl .txt-strip .txt-wipe:nth-of-type(odd) {clip-path: polygon(40% 0%,100% 0,100% 100%,30% 100%);}
#webdoor #banner-strip.sr .txt-strip .txt-wipe:nth-of-type(odd) {clip-path: polygon(100% 0%,100% 0,100% 100%,90% 100%);}
#webdoor #banner-strip.sr .txt-strip .txt-wipe:nth-of-type(even) {clip-path: polygon(0% 0%,70% 0%,60% 100%,0% 100%);}
#webdoor #banner-strip.sl .txt-strip .txt-wipe:nth-of-type(even) {clip-path: polygon(0% 0%,10% 0%,0% 100%,0% 100%);}*/

#banner-strip.s1 .txt-strip .txt-wipe:nth-of-type(odd),#banner-strip.s3 .txt-strip .txt-wipe:nth-of-type(odd) {clip-path: polygon(0% 0%,70% 0%,60% 100%,0% 100%);}
#banner-strip.s2 .txt-strip .txt-wipe:nth-of-type(odd),#banner-strip.s4 .txt-strip .txt-wipe:nth-of-type(odd) {clip-path: polygon(0% 0%,10% 0%,0% 100%,0% 100%);}

#banner-strip.s1 .txt-strip .txt-wipe:nth-of-type(even),#banner-strip.s3 .txt-strip .txt-wipe:nth-of-type(even) {clip-path: polygon(100% 0%,100% 0,100% 100%,90% 100%);}
#banner-strip.s2 .txt-strip .txt-wipe:nth-of-type(even),#banner-strip.s4 .txt-strip .txt-wipe:nth-of-type(even) {clip-path: polygon(40% 0%,100% 0,100% 100%,30% 100%);}

#banner-strip.s1 .txt-wipe:nth-of-type(odd) .txt-block,#banner-strip.s3 .txt-wipe:nth-of-type(odd) .txt-block {left:0;}
#banner-strip.s2 .txt-wipe:nth-of-type(odd) .txt-block,#banner-strip.s4 .txt-wipe:nth-of-type(odd) .txt-block {left:50%;}
#banner-strip.s1 .txt-wipe:nth-of-type(even) .txt-block,#banner-strip.s3 .txt-wipe:nth-of-type(even) .txt-block {left:0;}
#banner-strip.s2 .txt-wipe:nth-of-type(even) .txt-block,#banner-strip.s4 .txt-wipe:nth-of-type(even) .txt-block {left:50%;}

#banner-strip.s1 .txt-strip .txt-wipe:nth-child(4),#banner-strip.s1 .txt-strip .txt-wipe:nth-child(1) {transform: scale(1);}
#banner-strip.s1 .txt-strip .txt-wipe:nth-child(2),#banner-strip.s1 .txt-strip .txt-wipe:nth-child(3) {transform: scale(0);}

#banner-strip.s2 .txt-strip .txt-wipe:nth-child(1),#banner-strip.s2 .txt-strip .txt-wipe:nth-child(2) {transform: scale(1);}
#banner-strip.s2 .txt-strip .txt-wipe:nth-child(3),#banner-strip.s2 .txt-strip .txt-wipe:nth-child(4) {transform: scale(0);}

#banner-strip.s3 .txt-strip .txt-wipe:nth-child(2),#banner-strip.s3 .txt-strip .txt-wipe:nth-child(3) {transform: scale(1);}
#banner-strip.s3 .txt-strip .txt-wipe:nth-child(4),#banner-strip.s3 .txt-strip .txt-wipe:nth-child(1) {transform: scale(0);}

#banner-strip.s4 .txt-strip .txt-wipe:nth-child(3),#banner-strip.s4 .txt-strip .txt-wipe:nth-child(4) {transform: scale(1);}
#banner-strip.s4 .txt-strip .txt-wipe:nth-child(1),#banner-strip.s4 .txt-strip .txt-wipe:nth-child(2) {transform: scale(0);}

#webdoor #banner-strip .txt-strip .title {font-family: Oxanium;font-size:clamp(2.5rem,3.5vw,3.5rem);padding: 0 0 0.5rem 0;text-align: left;}
#webdoor #banner-strip .txt-strip p {font-family: Dosis;font-size: clamp(1.35rem,2vw,1.85rem);}
#webdoor #banner-strip .txt-strip p a {display: block;border: 1px solid var(--theorange);padding: 0.5rem 1.5rem;text-decoration: none;color: #ffffff;border-radius: 0.25rem;margin: clamp(2rem,6vw,4rem) auto 0 auto;background-color: var(--theorange);font-weight: 700;font-family: Dosis;width: 70%;text-align: center;min-width:135px;}
#webdoor #banner-strip .txt-strip p a:hover {background-color:transparent;}

#webdoor #banner-strip .photo-strip {border: 0px solid blue;width: 100%;position: absolute;left: 0;bottom: 0;height: 100%;}
#webdoor #banner-strip .photo-strip:before {transition: all var(--slidetime) ease-in-out;content: '';position: absolute;bottom: 0;width: 100%;height: 100%;background-color: var(--theorange);/*! transform: skewX(-13deg) */left: 0;}
#banner-strip.s1 .photo-strip:before,#banner-strip.s3 .photo-strip:before {clip-path: polygon(70% 0%,100% 0%,90.3% 100%,60.3% 100%);}
#banner-strip.s2 .photo-strip:before,#banner-strip.s4 .photo-strip:before {clip-path: polygon(9.7% 0%,39.7% 0%,30% 100%,0% 100%);}
#webdoor #banner-strip .photo-strip .photo-block {position: absolute;height: 100%;width: 100%;}
#webdoor #banner-strip .photo-strip .photo-block .photo-wipe {position: absolute;height: 100%;width: 100%;transition: clip-path var(--slidetime) ease-in-out;}

#banner-strip.s1 .photo-wipe:nth-of-type(odd),#banner-strip.s3 .photo-wipe:nth-of-type(odd) {clip-path: polygon(45% 0%,100% 0%,90.3% 100%,35.3% 100%);}
#banner-strip.s2 .photo-wipe:nth-of-type(odd),#banner-strip.s4 .photo-wipe:nth-of-type(odd) {clip-path: polygon(9.7% 0%,39.7% 0%,30% 100%,0% 100%);}
#banner-strip.s1 .photo-wipe:nth-of-type(even),#banner-strip.s3 .photo-wipe:nth-of-type(even) {clip-path: polygon(70% 0%,100% 0%,90.3% 100%,60.3% 100%);}
#banner-strip.s2 .photo-wipe:nth-of-type(even),#banner-strip.s4 .photo-wipe:nth-of-type(even) {clip-path: polygon(9.7% 0%,64.7% 0%,55% 100%,0% 100%);}

#banner-strip .photo-strip .photo-block .photo-wipe img {position: absolute;bottom: 0;height:95%;width:auto;}

#banner-strip.s1 .photo-strip .photo-wipe:nth-child(4),#banner-strip.s1 .photo-strip .photo-wipe:nth-child(1) {transform: scale(1);}
#banner-strip.s1 .photo-strip .photo-wipe:nth-child(2),#banner-strip.s1 .photo-strip .photo-wipe:nth-child(3) {transform: scale(0);}

#banner-strip.s2 .photo-strip .photo-wipe:nth-child(1),#banner-strip.s2 .photo-strip .photo-wipe:nth-child(2) {transform: scale(1);}
#banner-strip.s2 .photo-strip .photo-wipe:nth-child(3),#banner-strip.s2 .photo-strip .photo-wipe:nth-child(4) {transform: scale(0);}

#banner-strip.s3 .photo-strip .photo-wipe:nth-child(2),#banner-strip.s3 .photo-strip .photo-wipe:nth-child(3) {transform: scale(1);}
#banner-strip.s3 .photo-strip .photo-wipe:nth-child(4),#banner-strip.s3 .photo-strip .photo-wipe:nth-child(1) {transform: scale(0);}

#banner-strip.s4 .photo-strip .photo-wipe:nth-child(3),#banner-strip.s4 .photo-strip .photo-wipe:nth-child(4) {transform: scale(1);}
#banner-strip.s4 .photo-strip .photo-wipe:nth-child(1),#banner-strip.s4 .photo-strip .photo-wipe:nth-child(2) {transform: scale(0);}

@media screen and (min-width:1281px){
	.offset-anchor {position:relative;top:-13rem;display:block;visibility:hidden;}
	#menu {padding:1rem 2rem;}	
	#menu .logo {background-image: url(/assets/image/logo_black.svg);width: 6rem;height: 6rem;}
	#menu .menu-itens {/*height: 6rem;*/}
	#menu .menu-itens ul {height: 3rem;display: flex;align-items: center;gap:5rem;}
	#menu .menu-itens .blank-h {height: 3rem;}
	#webdoor {height:42rem;margin:8rem 0 0 0;}
	#webdoor .sidebar {transform:translate(0, -50%) scale(1);}
	#webdoor #banner-strip {width: 88%;height:95%;}
	#webdoor #banner-strip .photo-strip .photo-block .photo-wipe:nth-of-type(even) img {left:7%;border: 0px solid red;}
	#webdoor #banner-strip .photo-strip .photo-block .photo-wipe:nth-of-type(odd) img {right:7%;border: 0px solid blue;}
	#webdoor #banner-strip .txt-strip .txt-block:nth-last-of-type(odd) {padding: 0 6vw 0 8vw;}
	#webdoor #banner-strip .txt-strip .txt-block:nth-last-of-type(even) {padding: 0 8vw 0 6vw;}
	#webdoor #banner-strip .txt-strip .title {font-size:clamp(2.5rem,3.5vw,3.5rem);}
	#webdoor #banner-strip .txt-strip p {font-size: clamp(1.35rem,2vw,1.85rem);}
	#menu_container_bt {display:none;}
}

@media screen and (max-width:1280px){
	.offset-anchor {position:relative;top:-12rem;display:block;visibility:hidden;}
	#menu {padding:1rem 2rem;}	
	#menu .logo {background-image: url(/assets/image/logo_black.svg);width: 5rem;height: 5rem;}
	#menu .menu-itens {/*height: 5rem;*/}
	#menu .menu-itens ul {height: 2.5rem;display: flex;align-items: center;gap:5rem;}
	#menu .menu-itens .blank-h {height: 2.5rem;}
	#webdoor {height:40rem;margin:6rem 0 0 0;}
	#webdoor .sidebar {transform:translate(0, -50%) scale(1);}
	#webdoor #banner-strip {width: 88%;height:95%;}
	#webdoor #banner-strip .photo-strip .photo-block .photo-wipe:nth-of-type(even) img {left:5%;border: 0px solid red;}
	#webdoor #banner-strip .photo-strip .photo-block .photo-wipe:nth-of-type(odd) img {right:5%;border: 0px solid blue;}
	#webdoor #banner-strip .txt-strip .txt-block:nth-last-of-type(odd) {padding: 0 5vw 0 6vw;}
	#webdoor #banner-strip .txt-strip .txt-block:nth-last-of-type(even) {padding: 0 6vw 0 5vw;}
	#webdoor #banner-strip .txt-strip .title {font-size:clamp(2.5rem,3.5vw,3.5rem);}
	#webdoor #banner-strip .txt-strip p {font-size: clamp(1.35rem,2vw,1.85rem);}
	#menu_container_bt {display:none;}
}

@media screen and (max-width:980px){
	.offset-anchor {position:relative;top:-9rem;display:block;visibility:hidden;}
	#menu {padding:0.75rem 1rem;}
	#menu .logo {background-image: url(/assets/image/logo_black_horizontal.svg);width: 6.5rem;height: 3rem;}
	#menu .menu-itens {/*height: 4rem;*/}
	#menu .menu-itens ul {height: 1.5rem;display: flex;align-items: center;gap:5rem;}
	#menu .menu-itens .blank-h {height: 1.5rem;}
	#webdoor {height:26rem;margin:3rem 0 0 0;}
	#webdoor .sidebar {transform:translate(0, -50%) scale(1);}
	#webdoor #banner-strip {width: 88%;height:95%;}
	#webdoor #banner-strip .photo-strip .photo-block .photo-wipe:nth-of-type(even) img {left:5%;border: 0px solid red;}
	#webdoor #banner-strip .photo-strip .photo-block .photo-wipe:nth-of-type(odd) img {right:5%;border: 0px solid blue;}
	#webdoor #banner-strip .txt-strip .txt-block:nth-last-of-type(odd) {padding: 0 4vw 0 5vw;}
	#webdoor #banner-strip .txt-strip .txt-block:nth-last-of-type(even) {padding: 0 5vw 0 4vw;}
	#webdoor #banner-strip .txt-strip .title {font-size:clamp(2.5rem,3.5vw,3.5rem);}
	#webdoor #banner-strip .txt-strip p {font-size: clamp(1.35rem,2vw,1.85rem);}
	#banner-strip .photo-strip .photo-block .photo-wipe img {bottom: 2%;height: 85%;width: 55%;object-fit: contain;}
	#menu_container_bt {display:none;}
}

@media screen and (max-width:650px){
	.offset-anchor {position:relative;top:-6rem;display:block;visibility:hidden;}
	#menu {padding:0.5rem;background-color: var(--darkgrey);}
	#menu:before {content:'';display:block;width:100vw;height:100vh;position:absolute;left:0rem;top:0rem;z-index:-1;transition:backdrop-filter 0.5s,background-color 0.5s;}
	#menu.closed:before {height:0vh;backdrop-filter: blur(0px);background-color:rgba(0,0,0,0);}
	#menu.open:before {height:100vh;backdrop-filter: blur(6px);background-color:rgba(0,0,0,0.65);}

	#menu .logo {background-image: url(/assets/image/logo_black_horizontal.svg);width: 6.5rem;height: 3rem;}
/*	#menu .menu-itens ul {height: 1.5rem;display: flex;align-items: center;gap:1.75rem;}*/
/*	#menu .menu-itens .blank-h {height: 1.5rem;}*/

	#menu .menu-itens .blank-h {height:0;}
	#menu .menu-itens {position: absolute;right: 0.5rem;border: 0px solid;width: max-content;top: 3.5rem;background-color: #373737;box-shadow: 0 0 6px 6px rgba(0,0,0,0.5);transition:transform ease-in-out 0.4s;transform-origin:right top;}
	#menu .menu-itens ul {flex-direction: column;height:unset;padding: 1rem;gap: 1.75rem;}
	#menu.closed .menu-itens {transform:scale(0);}
	#menu.open .menu-itens {transform:scale(1);}

	#webdoor {height:22rem;margin:4rem 0 0 0;}
	#webdoor .sidebar {background-color:#373737;width:3.5rem;box-shadow: 0 0 6px 6px rgba(0,0,0,0.5);position: fixed;z-index: 11000;top: 3.5rem;}
	#menu.closed + #webdoor .sidebar {transform:translate(0, 5%) scale(0);}
	#menu.open + #webdoor .sidebar {transform:translate(0, 5%) scale(1);}

	#webdoor #banner-strip {width: 96%;height:95%;}
	#webdoor #banner-strip .photo-strip .photo-block .photo-wipe:nth-of-type(even) img {left:0%;border: 0px solid red;}
	#webdoor #banner-strip .photo-strip .photo-block .photo-wipe:nth-of-type(odd) img {right:0%;border: 0px solid blue;}
	#webdoor #banner-strip .txt-strip .txt-block:nth-last-of-type(odd) {padding: 0 3vw;}
	#webdoor #banner-strip .txt-strip .txt-block:nth-last-of-type(even) {padding: 0 3vw;}
	#webdoor #banner-strip .txt-strip .title {font-size:clamp(1.45rem,3.5vw,3.5rem);}
	#webdoor #banner-strip .txt-strip p {font-size: clamp(1.1rem,2vw,1.85rem);}
	#webdoor #banner-strip .txt-strip .txt-wipe .txt-block {transform: translateY(-45%);}
	#banner-strip .photo-strip .photo-block .photo-wipe img {bottom: 2%;height: 80%;width: 55%;object-fit: contain;}

	#menu_container_bt {display: block;position: absolute;right: 2rem;}
	#menu_container_bt {position: fixed;top: 0.5rem;right: 0.5rem;width: 40px;height: 40px;z-index: 550;transition: transform 0.3s;}
	#menu.closed #menu_container_bt {transform: rotateZ(0deg);}
	#menu.open #menu_container_bt {transform: rotateZ(180deg);}
	#menu_container_bt .menu_line1,.menu_line2,.menu_line3 {transition: all 0.3s;}
	#menu.closed #menu_container_bt .menu_line1 {background: #ffffff;width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 31%;left: 50%;transform: translateX(-50%) translateY(-1px);}
	#menu.closed #menu_container_bt .menu_line2 {background: #ffffff;width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-1px);}
	#menu.closed #menu_container_bt .menu_line3 {background: #ffffff;width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 69%;left: 50%;transform: translateX(-50%) translateY(-1px);}
	#menu.open #menu_container_bt .menu_line1 {background: var(--theorange);width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-1px) rotate(45deg);}
	#menu.open #menu_container_bt .menu_line2 {background: var(--theorange);width: 0.1em;height: 0.1em;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-0.05em);}
	#menu.open #menu_container_bt .menu_line3 {background: var(--theorange);width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-1px) rotate(-45deg);}

}

/*
@media screen and (max-width:465px){
	#menu .menu-itens .blank-h {height:0;}
	#menu .menu-itens {position: absolute;right: 0.5rem;border: 0px solid;width: max-content;top: 3.5rem;background-color: #373737;box-shadow: 0 0 6px 6px rgba(0,0,0,0.5);transition:transform ease-in-out 0.4s;transform-origin:right top;}
	#menu .menu-itens ul {flex-direction: column;height:unset;padding: 1rem;gap: 1.75rem;}
	#menu.closed .menu-itens {transform:scale(0);}
	#menu.open .menu-itens {transform:scale(1);}

	#menu_container_bt {display: block;position: absolute;right: 2rem;}
	#menu_container_bt {position: fixed;top: 0.5rem;right: 0.5rem;width: 40px;height: 40px;z-index: 550;transition: transform 0.3s;}
	#menu.closed #menu_container_bt {transform: rotateZ(0deg);}
	#menu.open #menu_container_bt {transform: rotateZ(180deg);}
	#menu_container_bt .menu_line1,.menu_line2,.menu_line3 {transition: all 0.3s;}
	#menu.closed #menu_container_bt .menu_line1 {background: #ffffff;width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 31%;left: 50%;transform: translateX(-50%) translateY(-1px);}
	#menu.closed #menu_container_bt .menu_line2 {background: #ffffff;width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-1px);}
	#menu.closed #menu_container_bt .menu_line3 {background: #ffffff;width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 69%;left: 50%;transform: translateX(-50%) translateY(-1px);}
	#menu.open #menu_container_bt .menu_line1 {background: var(--theorange);width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-1px) rotate(45deg);}
	#menu.open #menu_container_bt .menu_line2 {background: var(--theorange);width: 0.1em;height: 0.1em;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-0.05em);}
	#menu.open #menu_container_bt .menu_line3 {background: var(--theorange);width: 28px;height: 2px;border-radius: 0.2em 0.2em 0.2em 0.2em;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-1px) rotate(-45deg);}

	#menu.closed + #webdoor .sidebar {transform:translate(0, -50%) scale(0);background-color:#373737}
	#menu.open + #webdoor .sidebar {transform:translate(0, -50%) scale(1);background-color:#373737}
}
*/  
#quem {padding:5rem 0 8rem 0;background-color:#606060;position:relative;}
#quem:before {content:'';position:absolute;bottom:0;left:0;top:0;right:0;background-image: url(/assets/image/bg1920.webp);opacity:25%;z-index:0;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#quem:before {content:'';position:absolute;bottom:0;left:0;top:0;right:0;background-image: url(/assets/image/bg1920.webp);opacity:50%;z-index:0;background-repeat: no-repeat;background-size: cover;background-position: center center;}
#quem .conteudo {position:relative;display: flex;width: 90%;max-width: 1180px;margin: 0 auto;}
#quem .conteudo .titulo {background-color:var(--theorange);width: 25%;/*height: 0;padding: 0 0 25% 0;*/flex: 0 0 auto;transform: skewX(-10deg);transform-origin: left top;min-width: max-content;}
#quem .conteudo .titulo h1 {color:#ffffff;font-family:Oxanium;text-align:right;font-size:3rem;text-transform:uppercase;font-weight:300;padding: 3rem 3rem 0 3rem;transform: skewX(10deg);}
#quem .conteudo .titulo h1 span {font-size:1.5rem;display:block;}
#quem .conteudo .txt {color:#ffffff;order: 1;background-color: #404040;display: flex;align-items: center;flex-direction: column;justify-content: center;}
#quem .conteudo .txt {color:#ffffff;order: 1;background-color: rgba(80,80,80,0.65);display:flex;align-items:center;flex-direction:column;justify-content:center;backdrop-filter:blur(5px);border-radius: 3px;}
#quem .conteudo .txt p {margin: 1rem 0;font-size: 1.25rem;font-family:Dosis;}

#valores {padding: 0 5rem 5rem 5rem;}
#valores .cardholder {display: flex;flex-wrap:wrap;max-width: 1080px;width: 90%;margin: -3rem auto 0 auto;justify-content:center;gap:3rem;}
#valores .cardholder .card {display: flex;flex-direction: column;font-family:Dosis;width: 18rem;border-radius: 0.25rem;position: relative;margin: 0 auto;box-shadow: 0 0 4px 4px rgba(0,0,0,0.2);background-color: #303030;overflow:hidden;}
#valores .cardholder .card:before {content: '';width: 100%;height: 100%;background-color: red;position: absolute;left: 0;top: 0;
background: linear-gradient(to bottom right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 100%);}
#valores .cardholder .card h2 {font-size:2.25rem;text-align:right;padding: 1rem;position: relative;}
#valores .cardholder .card h2:before {content: '';width: 70%;height: 2.5rem;right: 0;top:0;position: absolute;background-color:rgba(255,255,255,0.05);z-index: 0;}
#valores .cardholder .card h2 span {position: relative;}
#valores .cardholder .card .spacer {height:0.5rem;width:80%;background-color:var(--theorange);margin: 0.5rem 0;position: relative;}
#valores .cardholder .card p {font-size: 1.25rem;position: relative;padding: 3rem 2rem;}


@media screen and (min-width:801px){
	#quem .conteudo {}
	#quem .conteudo .titulo {order: 2;z-index:2;}
	#quem .conteudo .txt {padding: 2rem 5rem;margin: 2rem 0;}
}


@media screen and (max-width:800px){
	#quem .conteudo {flex-direction: column;align-items: flex-end;}
	#quem .conteudo .txt {padding: 2rem;margin: 0;}
}

#categorias2 {padding:7rem 0rem;background-color:#444444;}
#categorias2 .cardholder {display:flex;gap:7rem 2rem;flex-wrap: wrap;}
#categorias2 .big-card-wrapper:nth-child(odd) {padding:0 2rem 0 4rem;margin: 0 auto 0 0;flex: 1;}
#categorias2 .big-card-wrapper:nth-child(even) {padding:0 4rem 0 2rem;margin: 0 0 0 auto;flex: 1;}
#categorias2 .big-card-wrapper .big-card {width: 100%;border: 0px solid beige;width: clamp(39rem,950px,42vw);border-radius:0.75rem;
  background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.1) 100%);
  box-shadow: 1rem 1rem 3rem 0.5rem rgba(0,0,0,0.2);
  height: 100%;
  position: relative;isolation: isolate;}

#categorias2 .big-card-wrapper:nth-child(odd) .big-card {margin: 0 auto 0 0;}
#categorias2 .big-card-wrapper:nth-child(even) .big-card {margin: 0 0 0 auto;}
#categorias2 .big-card-wrapper .big-card:before {content: '';display: block;position: absolute;width: 4rem;background-color:rgba(255,255,255,0.05);z-index:-1;}
#categorias2 .big-card-wrapper:nth-child(odd) .big-card:before {right: 0;top: 0;bottom: 0;border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;}
#categorias2 .big-card-wrapper:nth-child(even) .big-card:before {left: 0;top: 0;bottom: 0;border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;}

#categorias2 .big-card-wrapper .big-card .content {display: grid;grid-template-rows: auto auto;height: 100%;}
#categorias2 .big-card-wrapper .big-card .content .txt {grid-area: gtxt;text-align:justify;padding:0 2.5rem 1.5rem; 2.5rem;}
#categorias2 .big-card-wrapper .big-card .content .txt p {font-size: 1.35rem;font-family: Dosis;}
#categorias2 .big-card-wrapper .big-card .content .txt p span.subt {color:var(--theorange);font-weight: 700;}
#categorias2 .big-card-wrapper .big-card .content .photo {grid-area: gphoto;border:0px solid yellow;position: relative;width: 18.75rem;height: 14.75rem;}
#categorias2 .big-card-wrapper .big-card .content .title {grid-area: gtitle;}
#categorias2 .big-card-wrapper .big-card .content .photo img {border:0px solid violet;position: absolute;left: 0;bottom: 0rem;width: 18.75rem;height: 18.75rem;object-fit: contain;}
#categorias2 .big-card-wrapper .big-card .content .title h3 {width: 100%;background-color: var(--theorange);font-size: 1.5rem;font-family: Poppins;height: 4rem;display:flex;align-items:center;}
#categorias2 .big-card-wrapper:nth-child(odd) .big-card .content .title h3 {padding: 0 2rem 0 0;text-align: right;margin: 4rem auto 0 -1rem;border-top-right-radius: 2rem;border-bottom-right-radius: 2rem;justify-content: flex-end;}
#categorias2 .big-card-wrapper:nth-child(even) .big-card .content .title h3 {padding: 0 0 0 2rem;text-align: left;margin: 4rem -1rem 0 auto;border-top-left-radius: 2rem;border-bottom-left-radius: 2rem;justify-content: flex-start;}

#categorias2 .big-card-wrapper:nth-child(odd) .big-card .content {grid-template-columns: auto 18.75rem;grid-template-areas:"gtitle gphoto" "gtxt gtxt";}
#categorias2 .big-card-wrapper:nth-child(even) .big-card .content {grid-template-columns: 18.75rem auto;grid-template-areas:"gphoto gtitle" "gtxt gtxt";}

@media screen and (min-width:1500px){
	#categorias2 .big-card-wrapper .big-card {width: clamp(39rem,950px,42vw);}
}
@media screen and (min-width:601px) and (max-width:1499px){
	#categorias2 .big-card-wrapper .big-card {width: clamp(50rem,950px,42vw);}
	#categorias2 .big-card-wrapper .big-card {width: clamp(500px,950px,86vw);}
}
@media screen and (max-width:600px){
	
	#categorias2 .big-card-wrapper:nth-child(odd) .big-card,
	#categorias2 .big-card-wrapper:nth-child(even) .big-card {width: clamp(150px,450px,100%);margin: 0 auto;}
	#categorias2 .big-card-wrapper:nth-child(odd),
	#categorias2 .big-card-wrapper:nth-child(even) {padding: 0 2rem;margin: 0 auto;flex: 1;}
	#categorias2 .big-card-wrapper .big-card .content {grid-template-rows: auto auto; auto;}
	#categorias2 .big-card-wrapper:nth-child(odd) .big-card .content, 
	#categorias2 .big-card-wrapper:nth-child(even) .big-card .content {grid-template-areas: "gphoto" "gtitle" "gtxt";grid-template-columns: auto;}
	#categorias2 .big-card-wrapper .big-card .content .photo {margin: 0 auto;width: 60vw;height:50vw;}
	#categorias2 .big-card-wrapper .big-card .content .photo img {width: 60vw;height:60vw;}
	#categorias2 .big-card-wrapper .big-card .content .txt {padding: 2.5rem 1.5rem;}
	#categorias2 .big-card-wrapper:nth-child(odd) .big-card .content .title h3 {margin: 1rem auto 0 -1rem;}
	#categorias2 .big-card-wrapper:nth-child(even) .big-card .content .title h3 {margin: 1rem -1rem 0 auto;}
}

/*
MARCAS
*/
#marcas {padding:7rem 5vw;background-color:#333333;}
#marcas .cardholder {display:flex;flex-wrap:wrap;gap: 2rem;width: 90%;max-width: 1080px;margin: 0 auto;justify-content: center;}

#marcas .cardholder .card {width:221px;height:158px;border-radius:5px; border:1px solid #808080;background-color:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content: center;
background: linear-gradient(to bottom right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
}

#marcas .cardholder .card img {display:block;filter:invert(100%);}



#contato {padding: 5rem 2rem;}
#contato .conteudo {display:flex;margin: 0 auto;width: 100%;max-width: 1080px;gap:4rem;}
#contato .conteudo > div {width:50%;}
#contato .conteudo form {box-shadow: 0 0 13px 11px rgb(0,0,0,0.2);border-radius: 0.5rem;padding: 1rem 0;}
#contato .conteudo * {font-family:Dosis;}
#contato .conteudo form input[type="text"],
#contato .conteudo form input[type="email"],
#contato .conteudo form input[type="tel"],
#contato .conteudo form textarea
{color:#ffffff;border: none;padding: 0.75rem 0.52rem;background-color: transparent;border-bottom: 1px solid #ffffff;font-size:1.25rem;display: block;/*margin:1.25rem;*/width:100%;}
#contato .conteudo form ::placeholder {color:#ffffff;opacity:0.5;}
#contato .conteudo form ::-moz-placeholder {color:#ffffff;opacity:0.5;}

/* Cor de fundo do autocomplete */
/*#contato .conteudo form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px rgba(255,255,255,0.1) inset;
}*/

/* Cor do texto do autocomplete */
/*#contato .conteudo form input:-webkit-autofill {
    -webkit-text-fill-color: #ffffff !important;
}*/
#contato .conteudo form .bg {background-color: rgba(0,0,0,0.1);margin: 1.35rem;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

#contato .conteudo form .aceite {text-align:left;margin: 1.35rem;font-size: 1.125rem;}
#contato .conteudo form .aceite a {color:var(--theorange);text-decoration:none;font-weight:500;}

#contato .conteudo form button {font-size:1.35rem;margin:2rem auto 1rem auto;display: block;border: 1px solid var(--theorange);padding: 0.5rem 1.5rem;text-decoration: none;color: #ffffff;border-radius: 0.25rem;background-color: var(--theorange);font-weight: 700;font-family: Dosis;}
#contato .conteudo form button:hover {background-color:transparent;}

#contato .conteudo .c2 {display: flex;flex-direction: column;align-items: center;justify-content: center;}
#contato .conteudo .c2 p {font-size:1.35rem;}
#contato .conteudo .c2 .social {display:flex;gap:3rem;justify-content:center;padding:3rem 0;width: max-content;border-top:1px solid #ffffff;margin:3rem auto 0 auto;}
#contato .conteudo .c2 .social img {filter: invert(100%);}

@media screen and (max-width:900px){
	#contato .conteudo {flex-direction: column;align-items: center;}
	#contato .conteudo > div {width: 100%;}
}
/*
FOOTER
*/
#footer {background-color:#121212;}
#footer .conteudo {display:grid;grid-template-columns:auto 1fr auto;width:90%;max-width: 1280px;margin:0 auto;padding:1rem;gap:1rem;align-items:center;}
#footer .conteudo .social {display:flex;gap:3rem;}
#footer .conteudo .social img {filter: invert(100%);width: 1.5rem;height:1.5rem;}
#footer .conteudo .legal {font-family: Dosis;font-weight: 700;font-size: 1.15rem;line-height: 1.15rem;}
#footer .conteudo .legal a {color:inherit;text-decoration:none;display:block;text-transform:uppercase;}
#footer .conteudo .sign {display:flex;}
#footer .conteudo .sign img {height:19px;width:auto;}


/*
PRIVACIDADE
*/
#privacidade {padding:3rem 2rem;}
#privacidade h1,#privacidade h2,#privacidade h3 {color: #ffffff;font-family: Oxanium;text-transform: uppercase;font-weight: 300;max-width:1280px;margin:0 auto;}
#privacidade h1 {font-size: 3rem;}
#privacidade h2 {font-size: 2.25rem;padding-top:1rem;}
#privacidade h3 {font-size: 1.75rem;padding-top:0.75rem;}
#privacidade p {max-width:1280px;margin:0 auto;text-align:justify;padding:1rem 0;font-size: 1.25rem;font-family: Dosis;}
#privacidade ul {max-width:1280px;margin:0 auto;text-align:justify;padding:1rem 1.5rem;font-size: 1.25rem;font-family: Dosis;list-style: none;}
#privacidade ul	li {padding: 0.125rem 0 0.125rem 0.75rem;}
#privacidade ul li:before {content: '';display: inline-block;width: 3px;height: 1rem;margin: 0.5rem 0.5rem 0 0rem;background-color: var(--theorange);}
#privacidade a {color:var(--theorange);text-decoration:none;font-weight:400;}

.popMessage {position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;z-index: 1000000;background-color: rgba(255,255,255,0.5);display: flex;align-items: center;justify-content: center;font-family: Dosis;}
.popMessage .flexed {width: 90vw;max-width: max-content;display: flex;flex-direction: column;align-items: center;border:0px solid;padding:1.5rem;font-size:1.35rem;background-color: var(--darkgrey);box-shadow: 0 0 13px 11px rgb(0,0,0,0.2);border-radius: 0.5rem;}
.popMessage .flexed button {width: max-content;}
.popMessage .flexed button {margin: 2rem auto 1rem auto;display: block;border: 1px solid var(--theorange);padding: 0.5rem 1.5rem;text-decoration: none;color: #ffffff;border-radius: 0.25rem;background-color: var(--theorange);font-weight: 700;}
.popMessage .flexed button:hover {background-color:transparent;}



/*
XTRAS
*/
a.anchor { display: block;position: relative;top: -250px;visibility: hidden;width:0;}