* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	/*-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: Kanit;
	color: #ffffff;
	--logo1: #3e2d20;
	--logo2: #8e7558;
	--darkgrey: #2c2c2c;
	--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;
	font-weight: 300;
	position: relative;
}

:root {
	counter-reset: headings;
}

* {
	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;
}

a {
	color: inherit;
	text-decoration: none;
}

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

p strong {
	font-weight: 500;
}


@font-face {
	font-family: "Kanit";
	src: url("/assets/font/Kanit-Thin.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
	font-family: "Kanit";
	src: url("/assets/font/Kanit-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
	font-family: "Kanit";
	src: url("/assets/font/Kanit-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "FNXJost";
	src: url("/assets/font/FNXJost-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

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

@font-face {
	font-family: "FNXJost";
	src: url("/assets/font/FNXJost-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "FNXJost";
	src: url("/assets/font/FNXJost-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "FNXJost";
	src: url("/assets/font/FNXJost-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 (min-width:981px) and (max-width:1280px) {
	html {
		font-size: 14px;
	}
}

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

#main-header {
	position: relative;
}

#menu {
	position: fixed;
	top: 0;
	z-index: 10000;
	display: flex;
	width: 100%;
	padding: 0 3rem;
	border: 0px solid;
	justify-content: flex-end;
}

#menu .logo {
	position: absolute;
	left: 5rem;
	background-image: url(/assets/image/marca_branco.svg);
	width: 15rem;
	background-size: contain;
	background-repeat: no-repeat;
	flex: 0 0 auto;
	transition: top 0.4s, height 0.4s;
}

#menu ul {
	list-style: none;
	display: flex;
	gap: 3vw;
	height: 4rem;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

#menu ul li {
	font-size: 1.05rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
}

#menu ul li a {
	color: inherit;
	text-decoration: none;
}

@media screen and (min-width:780px) {
	#menu .logo {
		left: 5rem;
	}

	#menu_container_bt {
		display: none;
	}

	#menu.inicial {
		background-color: transparent;
	}

	#menu.inicial .logo {
		height: 7rem;
		top: 2rem;
	}

	#menu.final {
		background-color: #171717;
	}

	#menu.final .logo {
		height: 3rem;
		top: 0.5rem;
	}
}

@media screen and (max-width:779px) {
	#menu {
		background-color: #171717;
		height: 4rem;
	}

	#menu .logo {
		height: 3rem;
		top: 0.5rem;
		left: 2rem;
	}

	.menu-itens {
		position: absolute;
		transform: translate(-50%, 0vh);
		left: 50%;
	}

	#menu .menu-itens ul {
		flex-direction: column;
		gap: 2vh;
	}

	#menu .menu-itens ul li {
		font-size: 1.75rem;
	}

	#main-header.closed #menu .menu-itens {
		top: -500vh;
		transition: top 0s 0.5s;
	}

	#main-header.open #menu .menu-itens {
		top: 50vh;
	}

	#main-header.closed #menu .menu-itens ul li {
		opacity: 0;
		transform: translateY(-20%);
		transition: opacity 0.3s 0.1s, transform 0.4s 0.1s;
	}

	#main-header.open #menu .menu-itens ul li {
		opacity: 1;
		transform: translateY(0%);
	}

	#main-header.open #menu .menu-itens ul li:nth-of-type(1) {
		transition: opacity 0.4s 0.3s, transform 0.4s 0.3s;
	}

	#main-header.open #menu .menu-itens ul li:nth-of-type(2) {
		transition: opacity 0.4s 0.4s, transform 0.4s 0.4s;
	}

	#main-header.open #menu .menu-itens ul li:nth-of-type(3) {
		transition: opacity 0.4s 0.5s, transform 0.4s 0.5s;
	}

	#main-header.open #menu .menu-itens ul li:nth-of-type(4) {
		transition: opacity 0.4s 0.6s, transform 0.4s 0.6s;
	}

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

	#main-header.closed #menu_container_bt {
		transform: rotateZ(0deg);
	}

	#main-header.open #menu_container_bt {
		transform: rotateZ(180deg);
	}

	#menu_container_bt .menu_line1,
	.menu_line2,
	.menu_line3 {
		transition: all 0.3s;
	}

	#main-header.closed #menu_container_bt .menu_line1 {
		background: #9f9f9f;
		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);
	}

	#main-header.closed #menu_container_bt .menu_line2 {
		background: #9f9f9f;
		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);
	}

	#main-header.closed #menu_container_bt .menu_line3 {
		background: #9f9f9f;
		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);
	}

	#main-header.open #menu_container_bt .menu_line1 {
		background: #9f9f9f;
		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);
	}

	#main-header.open #menu_container_bt .menu_line2 {
		background: #9f9f9f;
		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);
	}

	#main-header.open #menu_container_bt .menu_line3 {
		background: #9f9f9f;
		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);
	}

	#main-header #frosty {
		background-color: rgba(0, 0, 0, 0.7);
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		transition: all 0.3s;
		backdrop-filter: blur(5px);
	}

	#main-header.closed #frosty {
		height: 0vh;
	}

	#main-header.open #frosty {
		height: 100vh;
	}

	#webdoor:after {
		content: unset !important;
	}
}



#webdoor {
	width: 100%;
	background-color: var(--darkgrey);
	position: relative;
	margin: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0 0 3rem 3rem;
}

#webdoor:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.35);
	z-index: 0
}

#webdoor:after {
	content: '';
	position: absolute;
	left: 0;
	top: 4rem;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.35);
	z-index: 1;
}

.webdoor-home #slides {/*display: flex;flex-direction: column;*/overflow: hidden;position: absolute;width: 100%;height: 100%;left: 0;top:0;background-color: var(--logo1);transition: transform 0.4s;}
.webdoor-home #slides.static {transform: scale(1.0);transition: transform 0.4s;}
.webdoor-home #slides.change {transform: scale(0.6);transition: transform 0.4s;}
.webdoor-home #slides>div {position: absolute;width: 100%;height: 100%;left: 0;top:0;background-size: cover;background-repeat: no-repeat;background-position: center center;transition: all ease-in-out 0.4s;}
.webdoor-home #slides>div:before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.35);z-index: 0;}
.webdoor-home #slides>div a {display:block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border:none;}
.webdoor-home #slides>div.on {top:0;opacity:1;}
.webdoor-home #slides>div.off {top:100%;opacity:0;}

@media screen and (min-width:1281px){
	#slide1 {background-image: url(/assets/image/webdoors/webdoor-slide1-1920.webp);}
	#slide2 {background-image: url(/assets/image/webdoors/webdoor-slide2-1920.webp);}
	#slide3 {background-image: url(/assets/image/webdoors/webdoor-slide3-1920.webp);}
}

@media screen and (min-width:601px) and (max-width:1280px){
	#slide1 {background-image: url(/assets/image/webdoors/webdoor-slide1-1280.webp);}
	#slide2 {background-image: url(/assets/image/webdoors/webdoor-slide2-1280.webp);}
	#slide3 {background-image: url(/assets/image/webdoors/webdoor-slide3-1280.webp);}

}

@media screen and (max-width:600px){
	#slide1 {background-image: url(/assets/image/webdoors/webdoor-slide1-600.webp);}
	#slide2 {background-image: url(/assets/image/webdoors/webdoor-slide2-600.webp);}
	#slide3 {background-image: url(/assets/image/webdoors/webdoor-slide3-600.webp);}
}


#webdoor .caption {
	width: max-content;
	position: absolute;
	right: 1vw;
	bottom: 0.251vw;
	display: flex;
	text-shadow: 0 0 3px #000000,0 0 2px #000000,0 0 3px #000000;
	font-weight:400;
}

#webdoor .caption .spacer {
	width: 1px;
	height: 3rem;
	background-color: #ffffff;
	margin: 0 0.5rem;
	box-shadow:0 0 3px 0.5px #000000;
}

#webdoor .caption p {
	font-size: 1rem;
	overflow: hidden;
	position: relative;
	width: 6.5rem;
	line-height: 1rem;
}

#webdoor .caption p:first-child {
	padding: 0 0 1.6rem 0;
	text-align: right;
}

#webdoor .caption p:last-child {
	padding: 0.85rem 0 0 0;
	text-align: left;
}

#webdoor .caption p span{
	position: absolute;
	width: max-content;
	display: block;
}

#webdoor .caption p:first-child span.on {
	right:0;
	transform: translateX(-2%);
	transition: transform 0.4s 0.4s;
}

#webdoor .caption p:first-child span.off {
	right:0;
	transform: translateX(105%);
	transition: transform 0.4s;
}

#webdoor .caption p:last-child span.on {
	left:0;
	transform: translateX(2%);
	transition: transform 0.4s 0.4s;
}

#webdoor .caption p:last-child span.off {
	left:0;
	transform: translateX(-105%);
	transition: transform 0.4s;
}



#webdoor .tab-main {
	position: relative;
	text-align: left;
	background-color: var(--darkgrey);
	width: 22rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 1rem;
	z-index: 5;
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.25);
}

#webdoor .tab-main.alt-style {
	box-shadow: unset;
	background-color: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(9px);
}

#webdoor .tab-main .title {
	font-size: 3rem;
	width: 27rem;
	font-family: FNXJost;
	font-weight: 700;
	line-height: 3.5rem;
	padding: 0 0 1rem 0;
	text-shadow: 0px 0px 0.5rem var(--darkgrey), 0px 0px 0.5rem var(--darkgrey)
		/*, 0px 0px 0.5rem var(--darkgrey)*/
	;
}

#webdoor .tab-main .txt {
	text-align: left;
	font-size: 1.15rem;
}

#main-header.h-home .tab .l1,
#main-header.h-home .l2 {
	display: flex;
	justify-content: center;
	gap: 2rem
}

#main-header.h-home .tab img {
	filter: invert(100%);
	width: 1.25rem;
	height: 1.25rem;
	transition:all 0.4s;
}

#main-header.h-home .tab img:hover {
	filter: invert(45%) sepia(34%) saturate(357%) hue-rotate(352deg) brightness(97%) contrast(92%);
}

#main-header.h-home .tab .h-spacer {
	width: 80%;
	margin: 1.5rem auto;
	height: 1px;
}



/*#webdoor .tab-main .social {padding: 2.5rem 0 1.5rem 0;}
#webdoor .tab-main .l1,#webdoor .tab-main .l2 {display:flex;justify-content:center;gap:2rem}
#webdoor .tab-main img {filter: invert(100%);width: 1.25rem;height:1.25rem;}
#webdoor .tab-main .h-spacer {width: 80%;margin:1.5rem auto;height: 1px;background-color: rgba(255,255,255,0.35);}*/

@media screen and (min-width:780px) {
	.webdoor-home {
		height: 46rem;
	}

	#webdoor .tab-main {
		padding: 1.5rem 1.5rem 12rem 1.5rem;
	}

	#main-header.h-home .tab .social {
		padding: 2.5rem 0 1.5rem 0;
		position: absolute;
		bottom: 4.5rem;
		left: 4.5rem;
		z-index: 10;
		display: flex;
		flex-direction: column;
		width: 19rem;
	}

	#main-header.h-home .tab .h-spacer {
		background-color: rgba(255, 255, 255, 0.35);
	}
}

@media screen and (max-width:779px) {
	.webdoor-home {
		height: 35rem;
	}

	#webdoor .tab-main {
		padding: 1.5rem 1.5rem 6rem 1.5rem;
	}

	#main-header .tab .social {
		padding: 1.5rem !important;
	}

	#main-header .tab {
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2000;
	}

	#main-header .tab .social .l1,
	#main-header .tab .social .l2 {
		display: flex;
		flex-direction: row;
		gap: 3rem;
	}

	#main-header .tab .social img {
		width: 1.5rem;
		height: 1.5rem;
	}

	#main-header .tab .social .h-spacer {
		width: 8rem;
		margin: 1.5rem auto;
		height: 1px;
		background-color: rgba(255, 255, 255, 1);
	}

	#main-header.closed .tab {
		transform: translate(-50%, 15vh);
		top: -500vh;
		transition: top 0s 0.5s;
	}

	#main-header.closed .tab img {
		opacity: 0;
		transform: scale(2);
		transition: all 0.5s;
	}

	#main-header.closed .tab .h-spacer {
		opacity: 0;
		transform: scaleX(0.25);
		transition: all 0.5s;
	}

	#main-header.open .tab {
		transform: translate(-50%, 15vh);
		top: 50vh;
		transition: top 0s 0.3s;
	}

	#main-header.open .tab img {
		opacity: 1;
		transform: scale(1);
		transition: all 0.5s 0.3s;
	}

	#main-header.open .tab .h-spacer {
		opacity: 1;
		transform: scale(1);
		transition: all 0.5s 0.3s;
	}
}

@media screen and (max-width:450px) {
	#main-header.h-home .webdoor-home {
		padding: 0 1rem 1rem;
        width: 100%;
	}

	#main-header.h-home .tab-main {
		background: none;
        margin: 0;
        justify-content: flex-start;
        padding: 80px 0 0;
        width: 100%;
        box-shadow: none;
	}

	#main-header.h-home .tab-main .title {
		width: 100%;
		line-height: 3.25rem;
		font-size: 2.2rem;
        text-align: center;
	}

	#webdoor .tab-main .txt {
		text-align: center;
		font-size: 1.2rem;
		text-shadow: 0px 0px 0.2rem var(--color), 0px 0px 0.2rem var(--darkgrey);
	}
}

h1,
h2,
h3,
h4,
h5 {
	font-family: FNXJost;
}

h1,
h2 {
	font-weight: 300;
	letter-spacing: 0.35rem;
	color: #ffffff;
	text-transform: uppercase;
	position: relative;
}

.module:nth-child(even) h2 {
	text-align: right;
	padding: 0 0.5rem 0 0;
	z-index: 2;
}

.module:nth-child(odd) h2 {
	text-align: left;
	padding: 0 0 0 0.5rem;
}

.module h2:before {
	content: '';
	width: 5rem;
	height: 1px;
	background-color: #ffffff;
	display: block;
	position: absolute;
	top: 50%;
}

.module:nth-child(even) h2:before {
	left: 100%;
}

.module:nth-child(odd) h2:before {
	right: 100%;
}

h5 {
	counter-increment: headings;
	font-weight: 700;
	font-size: 5.5rem;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
	color: transparent;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	padding: 0;
	line-height: 4.25rem;
	position: absolute;
}

h5:before {
	content: '.0';
}

h5:after {
	content: counter(headings);
}

.module:nth-child(even) h5 {
	right: 0;
	bottom: 2rem;
}

.module:nth-child(odd) h5 {
	left: 0;
	bottom: 2rem;
}

@media screen and (max-width:980px){
	h5 {display:none;}
}

.module {
	position: relative;
}

.module-joiner {
	width: 1px;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 10;
}

@media screen and (min-width:1280px) {

	h1,
	h2 {
		font-size: 3rem;
		height: 4.5rem;
	}

	.module {
		padding: 5rem;
	}

	.module-joiner {
		height: 4rem;
		margin-top: -2rem;
	}
}

@media screen and (min-width:900px) and (max-width:1279px) {

	h1,
	h2 {
		font-size: 2.75rem;
		height: 4.1rem;
	}

	.module {
		padding: 4rem;
	}

	.module-joiner {
		height: 3.5rem;
		margin-top: -1.75rem;
	}
}

@media screen and (min-width:600px) and (max-width:899px) {

	h1,
	h2 {
		font-size: 2.5rem;
		height: 3.7rem;
	}

	.module {
		padding: 3rem;
	}

	.module-joiner {
		height: 3rem;
		margin-top: -1.5rem;
	}
}

@media screen and (max-width:599px) {

	h1,
	h2 {
		font-size: 2.25rem;
		height: 3.3rem;
	}

	.module {
		padding: 2rem;
	}

	.module-joiner {
		height: 2.5rem;
		margin-top: -1.25rem;
	}
}


#sobre {
	background-color: #202020;
}

#sobre .content {
	display: flex;
	gap: 4rem;
	padding-top: 2.5rem;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

#sobre .content .c1>p {
	font-size: 1.2rem;
	padding: 0 0 1rem 0;
	text-align: justify;
}

#sobre .content .c1>p:last-of-type {
	padding-bottom: 3rem;
}

#sobre .cut-square:before {
	content: '';
	display: block;
	border: 0.65rem solid var(--logo2);
	width: 10rem;
	height: 10rem;
	position: absolute;
	clip-path: polygon(-5% 0%, 15% 0%, 15% 65%, -2% 65%, -2% 88%, 102% 88%, 102% 65%, 85% 65%, 85% 0%, 102% 0%, 102% 100%, -5% 100%)
}

#sobre .cut-square {
	margin: 1rem auto 0 auto;
	font-family: FNXJost;
	width: 10rem;
	height: 10rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight: 700;
	position: relative;
}

#sobre .cut-square .anos {
	font-size: 5.25rem;
	line-height: 4rem;
	margin: -1.5rem 0 0.75rem 0;
}

#sobre .cut-square .txt1 {
	font-size: 1.35rem;
	padding: 0 0 0.5rem 0;
}

#sobre .cut-square .txt2 {
	font-size: 2rem;
	line-height: 2rem;
}

#sobre .content .c2 {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	justify-content: center;
}

#sobre .content .c2 .photo {
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.25);
}

#sobre .content .c2 .cta-container {
	display: flex;
	gap: 2rem;
}

#sobre .content .c2 .cta-container .cta-block {
	position: relative;
	width: 50%;
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.25);
	min-width: 17.625rem;
}

/*#sobre .content .c2 .cta-container .cta-block h3 {text-transform:uppercase;font-weight: 300;font-size: 1.25rem;letter-spacing: 0.20rem;writing-mode: vertical-lr;transform: rotate(180deg);position: absolute;white-space: nowrap;left:0;bottom:0.5rem;}*/
#sobre .content .c2 .cta-container .cta-block:before {
	content: '';
	display: block;
	padding-bottom: 100%;
}

/*#sobre .content .c2 .cta-container .cta-block .cta-content {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 2rem 3rem 3.5rem;flex-direction: column;gap:2rem;}
#sobre .content .c2 .cta-container .cta-block .cta-content p {text-align:left;}*/

/*#sobre .content .c2 .cta-container .cta-block .cta-content a {border:1px solid #ffffff;display:flex;padding:0.25rem 0.25rem 0.25rem 2rem;text-decoration:none;background-color:rgba(255,255,255,0.25);color:inherit;margin: 0 0 0 auto;border-radius:500px;align-items: center;font-size: 1.25rem;font-weight: 500;}
#sobre .content .c2 .cta-container .cta-block .cta-content a:after {content: '\2794';background-color: rgba(0,0,0,0.5);height: 2.5rem;display: inline-flex;width: 2.5rem;border-radius: 50%;margin: 0 0 0 1rem;align-items: center;justify-content: center;}*/
#sobre .content .c2 .cta-container .cta-atuacao {
	background-color: var(--logo2);
}

#sobre .content .c2 .cta-container .cta-projetos {
	background-color: var(--logo1);
}

@media screen and (min-width:1281px) {
	#sobre .content {
		flex-direction: row;
	}

	#sobre .content>div {
		width: 50%;
	}

	#sobre .content .c2 .photo {
		min-width: 37.250rem;
	}

	#sobre .content .c2 .cta-container .cta-block .cta-content p {
		font-size: 1.15rem;
	}
}

@media screen and (min-width:550px) and (max-width:1280px) {
	#sobre .content {
		flex-direction: column;
		padding-bottom: 10rem;
	}

	#sobre .content>div {
		width: 100%;
		max-width: 770px;
		margin: 0 auto;
	}

	#sobre .content .c2 .cta-container .cta-block .cta-content p {
		font-size: 1.4rem;
	}
}

@media screen and (max-width:549px) {
	#sobre .content {
		flex-direction: column;
		padding-bottom: 10rem;
	}

	#sobre .content>div {
		width: 100%;
		max-width: 770px;
		margin: 0 auto;
	}

	#sobre .content .c2 {
		max-width: 490px;
	}

	#sobre .content .c2 .cta-container {
		flex-wrap: wrap;
	}

	#sobre .content .c2 .cta-container .cta-block {
		/*min-width:230px;*/
		margin: 0 auto;
	}

	#sobre .content .c2 .cta-container .cta-block .cta-content p {
		font-size: 1.3rem;
	}
}

/* DIREÇÃO */

#direcao {
	background-color: #404040;
	position: relative;
}

/*#direcao:before {content: ;position: absolute;width: 100%;right: 0;top:0;bottom: 0;left: 50%;background-color: #171717;}*/
#direcao .content {
	display: flex;
	gap: 4rem;
	padding-top: 2.5rem;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

#direcao .c1 .card {
	width: 90%;
	max-width: 350px;
	display: flex;
	flex-direction: column;
	position: relative;
}

#direcao .c1 .card:before {
	content: '';
	background-image: radial-gradient(rgba(255, 255, 255, 0.15) 0.2rem, transparent 0.2rem);
	background-size: 1.85rem 1.85rem;
	width: 10rem;
	height: 5rem;
	display: block;
	left: -3rem;
	position: absolute;
	top: -3rem;
}

#direcao .c1 .card img {
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.25);
	position: relative;
}

#direcao .c1 .card img.sepia {
	filter: sepia(0.75) brightness(0.95);
}

#direcao .c1 .card .nome {
	font-family: FNXJost;
	font-size: 2rem;
	font-weight: 300;
	text-align: left;
	border-bottom: 1px solid #ffffff;
	letter-spacing: 0.2rem;
}

#direcao .c1 .card .cargo {
	font-size: 1.25rem;
	text-align: right;
	padding: 0.5rem 0 0 0;
	font-family: FNXJost;
	letter-spacing: 0.15rem;
}

#direcao .c2 {
	position: relative;
}

#direcao .c2:before {
	content: '';
	background-color: #171717;
	display: block;
	position: absolute;
}

#direcao .c2 p {
	font-size: 1.2rem;
	padding: 0 0 1rem 0;
	text-align: justify;
	position: relative;
}

@media screen and (min-width:1280px) {
	#direcao .content {
		flex-direction: row;
	}

	#direcao .content>div {
		width: 50%;
	}

	#direcao .content:nth-child(odd) .c2 {
		padding: 0 0 2rem 1rem;
	}

	#direcao .content:nth-child(even) .c2 {
		padding: 0 1rem 0 0;
	}

	#direcao .content:nth-child(odd) .c2:before {
		top: -12em;
		left: -2rem;
		right: -75%;
		bottom: 0rem;
	}

	#direcao .content:nth-child(even) {
		padding-top: 4rem;
	}

	#direcao .content:nth-child(even) .c2:before {
		top: -4rem;
		left: -75%;
		right: -2rem;
		bottom: -5rem;
	}

	#direcao .content:nth-child(even) .c1 {
		order: 2;
	}

	#direcao .content:nth-child(even) .c2 {
		order: 1;
	}

	#direcao .content:nth-child(even) .c1 .card {
		margin: 0 0 0 auto;
	}
}

@media screen and (min-width:900px) and (max-width:1279px) {
	#direcao .content {
		flex-direction: row;
	}

	#direcao .content>div {
		width: 50%;
	}

	#direcao .content:nth-child(odd) .c2 {
		padding: 0 0 2rem 1rem;
	}

	#direcao .content:nth-child(even) .c2 {
		padding: 0 1rem 0 0;
	}

	#direcao .content:nth-child(odd) .c2:before {
		top: -10.6em;
		left: -2rem;
		right: -75%;
		bottom: 0rem;
	}

	#direcao .content:nth-child(even) {
		padding-top: 4rem;
	}

	#direcao .content:nth-child(even) .c2:before {
		top: -4rem;
		left: -75%;
		right: -2rem;
		bottom: -4rem;
	}

	#direcao .content:nth-child(even) .c1 {
		order: 2;
	}

	#direcao .content:nth-child(even) .c2 {
		order: 1;
	}

	#direcao .content:nth-child(even) .c1 .card {
		margin: 0 0 0 auto;
	}
}

@media screen and (min-width:600px) and (max-width:899px) {
	#direcao .content {
		flex-direction: column;
	}

	#direcao .content>div {
		width: 100%;
	}

	#direcao .c1 .card {
		margin: 0 auto;
	}

	#direcao .content:nth-child(odd) .c2 {
		padding: 0 0 1rem 0;
	}

	#direcao .content:nth-child(even) .c2 {
		padding: 0 0 0 0;
	}

	#direcao .content:nth-child(odd) .c2:before {
		top: -2rem;
		left: -3rem;
		right: -3rem;
		bottom: 0rem;
	}

	#direcao .content:nth-child(even) {
		padding-top: 4rem;
	}

	#direcao .content:nth-child(even) .c2:before {
		top: -2rem;
		left: -3rem;
		right: -3rem;
		bottom: -3rem;
	}
}

@media screen and (max-width:599px) {
	#direcao .content {
		flex-direction: column;
	}

	#direcao .content>div {
		width: 100%;
	}

	#direcao .c1 .card {
		margin: 0 auto;
	}

	#direcao .content:nth-child(odd) .c2 {
		padding: 0 0 1rem 0;
	}

	#direcao .content:nth-child(even) .c2 {
		padding: 0 0 0 0;
	}

	#direcao .content:nth-child(odd) .c2:before {
		top: -2rem;
		left: -2rem;
		right: -2rem;
		bottom: 0rem;
	}

	#direcao .content:nth-child(even) {
		padding-top: 4rem;
	}

	#direcao .content:nth-child(even) .c2:before {
		top: -2rem;
		left: -2rem;
		right: -2rem;
		bottom: -2rem;
	}
}

/* NOVIDADES */

#instagram.module {
	padding-bottom: 8rem;
}

#instagram .strip-post {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
	padding: 2rem 0 0 0;
	flex-wrap: wrap;
}

#instagram .strip-post .card {
	width: 280px;
	height: 280px;
	overflow: hidden;
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.25);
	position: relative;
}

#instagram .strip-post .card img {
	width: 100%;
	height: auto;
}

#instagram .strip-post .card.cta-block {
	background-color: var(--logo1);
}

/*#instagram .strip-post .card.cta-block h3 {text-transform:uppercase;font-weight: 300;font-size: 1.25rem;letter-spacing: 0.20rem;writing-mode: vertical-lr;transform: rotate(180deg);position: absolute;white-space: nowrap;left:0;top:0.5rem;}
#instagram .strip-post .card.cta-block .cta-content p {text-align:right;padding: 0 0 1rem 1rem}
#instagram .strip-post .card.cta-block .cta-content {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 1rem 1rem 2rem;flex-direction: column;gap:2rem;}*/

/*#instagram .strip-post .card.cta-block .cta-content a {border:1px solid #ffffff;display:flex;padding:0.25rem 0.25rem 0.25rem 2rem;text-decoration:none;background-color:rgba(255,255,255,0.25);color:inherit;margin: 0 0 0 auto;border-radius:500px;align-items: center;font-size: 1.25rem;font-weight: 500;}
#instagram .strip-post .card.cta-block .cta-content a:after {content: '\2794';background-color: rgba(0,0,0,0.5);height: 2.5rem;display: inline-flex;width: 2.5rem;border-radius: 50%;margin: 0 0 0 1rem;align-items: center;justify-content: center;}*/

@media screen and (max-width:1350px) {
	#instagram .strip-post {
		max-width: 830px;
		margin: 0 auto;
	}
}

@media screen and (min-width:1281px) {
	#instagram .strip-post .card.cta-block .cta-content p {
		font-size: 1.15rem;
	}
}

@media screen and (min-width:550px) and (max-width:1280px) {
	#instagram .strip-post .card.cta-block .cta-content p {
		font-size: 1.4rem;
	}
}

@media screen and (max-width:549px) {
	#instagram .strip-post .card.cta-block .cta-content p {
		font-size: 1.3rem;
	}
}

/* FILLER */
#filler {
	width: 100%;
	height: 0;
	padding-bottom: 25%;
	min-height: 280px;
	background-image: url(/assets/image/cobertura.0.webp);
	background-size: cover;
	background-position: center 55%;
	position: relative;
}

#filler:before {
	content: '';
	display: block;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.60);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#filler h2 {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 800px;
	transform: translate(-50%,-50%);
	height: max-content;
	width: 90%;
}

#filler h2 .sig {
	display: block;
	font-size: 0.65em;
	padding: 0.75rem 0 0 0;
}

@media screen and (min-width:601px) {
	#filler h2 {
		font-size: 2.25rem;
	}
}

@media screen and (max-width:499px) {
	#filler h2 {
		font-size: 1.75rem;
		line-height: 2.5rem;
	}
}


/* DEPOIMENTOS */

#depoimentos {
	background-color: #171717;
}

#depoimentos .content {
	padding: 1rem;
	width: 90%;
	margin: 0 auto;
	max-width: 600px;
}

#depoimentos .content .box-testimonial .txt {
	position: relative;
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.25);
}

#depoimentos .content .box-testimonial .txt:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	width: 70%;
	background-color: #4a4a4a;
}

#depoimentos .content .box-testimonial .txt:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	height: 100%;
	width: 30%;
	background-color: var(--logo2);
}

#depoimentos .content .box-testimonial .txt .quote {
	position: relative;
	z-index: 5;
	padding: 4rem 3rem 2rem 4rem;
}

#depoimentos .content .box-testimonial .txt .quote p.main {
	text-align: left;
	width: 65%;
	position: relative;
	line-height: 1.1rem;
	letter-spacing: 0.075rem;
}

#depoimentos .content .box-testimonial .txt .quote p.main:before {
	content: '';
	position: absolute;
	right: 100%;
	bottom: 100%;
	height: 2rem;
	width: 2rem;
	background-image: url(/assets/image/quote-open.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	filter: invert(100%);
}

#depoimentos .content .box-testimonial .txt .quote p.main:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 100%;
	height: 2rem;
	width: 2rem;
	background-image: url(/assets/image/quote-close.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	filter: invert(100%);
}

#depoimentos .content .box-testimonial .txt .quote .h-spacer {
	width: 70%;
	height: 1px;
	background-color: #ffffff;
	margin: 3rem 0 1rem auto;
}

#depoimentos .content .box-testimonial .txt .quote .client {
	width: 100%;
	text-align: right;
	font-family: FNXJost;
	font-size: 0.95rem;
	line-height: 1.05rem;
	letter-spacing: 0.15rem;
}

#depoimentos .content .box-testimonial .txt .quote .company {
	width: 100%;
	text-align: right;
	font-family: FNXJost;
	font-size: 0.85rem;
	line-height: 0.95rem;
	letter-spacing: 0.15rem;
}

/*
#depoimentos .content .controls {display: flex;justify-content: flex-end;gap:0.75rem;padding: 0.5rem 0 0 0;}
#depoimentos .content .controls .bt-control {border:1px solid rgba(255,255,255,0.75);background-color: rgba(0,0,0,0.5);height: 2rem;display: inline-flex;width: 2rem;border-radius: 50%;align-items: center;justify-content: center;}
#depoimentos .content .controls .bt-control:before {content: '\2794';}
#depoimentos .content .controls .bt-control.bck {transform: scaleX(-100%);}*/
.controls {
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	padding: 0.5rem 0 0 0;
}

.controls .bt-control {
	border: 1px solid rgba(255, 255, 255, 0.75);
	background-color: rgba(0, 0, 0, 0.5);
	height: 2rem;
	display: inline-flex;
	width: 2rem;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}

.controls .bt-control:before {
	content: '\2794';
}

.controls .bt-control.bck {
	transform: scaleX(-1);
}


/* CONTATO */
#contato {
	background-color: #2c2c2c;
}

#contato .content {
	display: grid;
	margin: 0 auto;
	width: 100%;
	padding-top: 2rem;
	gap: 2rem
}

#contato .content .box-txt {
	background-color: var(--logo2);
	padding: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3rem;
}

#contato .content .box-txt p {
	font-size: 1.25rem;
	text-align: left
}

#contato .content .box-photos {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: center;
	align-self: center;
	justify-self: center;
	gap: 2rem;
	width: 100%;
}

#contato .content .box-photos img {
	height: 25rem;
	object-fit: cover;
	/*! width: 10rem; */
	box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.25);
}

#contato .content .box-photos img:nth-child(1) {
	margin: 3rem 0 0 0;
}

#contato .content .box-photos img:nth-child(2) {
	margin: 6rem 0 0 0;
}

@media screen and (min-width:970px) {
	#contato .content {
		grid-template-columns: 1fr 1fr;
		max-width: 1280px;
	}

	#contato .content .box-photos img {
		height: 25rem;
	}
}

@media screen and (max-width:969px) {
	#contato .content {
		grid-template-rows: 1fr 1fr;
		max-width: 550px;
	}

	#contato .content .box-photos img {
		height: 20rem;
	}
}

@media screen and (max-width:549px) {
	#contato .content {
        grid-template-rows: 1fr;
	}
	#contato .content .box-photos {
		display: none;
	}
}


/*  FOOTER  */

#footer {
	background-color: #4d4d4d;
}

#footer .logo img {
	max-width: 90%;
}

#footer .menu ul {
	list-style: none;
}

#footer .menu ul li {
	padding: 0.5rem;
	font-size: 1.25rem
}

#footer .social {
	gap: 3rem;
}

#footer .social img {
	width: 2rem;
	height: 2rem;
	filter: invert(100%);
}

#footer .contact img {
	width: 1.35rem;
	height: 1.35rem;
	filter: invert(100%);
}

#footer .contact {
	flex-direction: column;
}

#footer .contact a {
	text-decoration: none;
	color: inherit;
	font-weight: 400;
	padding: 0.5rem 0;
	display: flex;
}

#footer .contact a img {
	display: inline-block;
	margin: 0 1.25rem 0 0;
}

#footer>div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem;
}

#footer .address {
	flex-direction: column;
	font-size: 1.05rem;
}

@media screen and (min-width:800px) {
	#footer {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 4fr 2fr;
	}

	#footer>div {
		/*! align-self: center; */
		/*! justify-self: center; */
		width: 100%;
		height: 100%;
	}

	#footer .logo {
		grid-row: span 2;
		border-right: 1px solid rgba(255, 255, 255, 0.25);
	}

	#footer .logo img {
		width: 15rem;
	}

	#footer .menu {
		border-right: 1px solid rgba(255, 255, 255, 0.25);
	}

	#footer .social {
		border-right: 1px solid rgba(255, 255, 255, 0.25);
		border-top: 1px solid rgba(255, 255, 255, 0.25);
	}

	#footer .address {
		border-top: 1px solid rgba(255, 255, 255, 0.25);
	}
}

@media screen and (min-width:550px) and (max-width:799px) {

	/*#footer {display:flex;flex-direction:column;}*/
	#footer {
		display: grid;
		grid-template-columns: 1fr 1fr
	}

	#footer>div {
		width: 100%;
	}

	#footer>div:not(:last-of-type) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}

	#footer .logo {
		grid-column: span 2;
		padding: 2.5rem 1rem;
	}

	#footer .logo img {
		width: 13rem;
	}

	#footer .menu {
		border-right: 1px solid rgba(255, 255, 255, 0.25);
	}

	#footer .social {
		border-bottom: none !important;
		border-right: 1px solid rgba(255, 255, 255, 0.25)
	}
}

@media screen and (max-width:549px) {
	#footer {
		display: flex;
		flex-direction: column;
	}

	#footer>div {
		width: 100%;
	}

	#footer>div:not(:last-of-type) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}

	#footer .logo {
		padding: 2.5rem 1rem;
	}

	#footer .logo img {
		width: 13rem;
	}

	#footer .menu {
		display: none;
	}
}


/* SIGNATURE */

#sign {
	background-color: #1e1e1e;
	display: grid;
	text-transform: uppercase;
	font-size: 0.85rem;
	letter-spacing: 0.1rem;
	padding: 0.5rem 2rem;
	gap: 1rem;
}

#sign .block:nth-child(1) {
	display: flex;
	align-items: center;
}

#sign .txt {
	display: flex;
	width: max-content;
	margin: 0 auto;
	padding: 1rem;
}

#sign .txt a {
	text-decoration: none;
	color: inherit;
}

#sign .block:nth-child(3) {
	display: flex;
	align-items: center;
}

#sign .block:nth-child(3) img {
	height: 21px;
	width: auto;
}

.cta-block h3 {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.25rem;
	letter-spacing: 0.20rem;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	position: absolute;
	white-space: nowrap;
	left: 0;
	top: 0.5rem;
}

.cta-block .cta-content p {
	text-align: right;
	padding: 0 0 1rem 1rem
}

.cta-block .cta-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 1rem 1rem 2rem;
	flex-direction: column;
	gap: 2rem;
}

a.bt-cta {
	border: 1px solid #ffffff;
	display: flex;
	padding: 0.25rem 0.25rem 0.25rem 1rem;
	text-decoration: none;
	background-color: #ffffff;
	color: var(--logo1);
	margin: 0 0 0 auto;
	border-radius: 500px;
	align-items: center;
	font-size: 1rem;
	font-weight: 500;
	width: max-content;
	font-family: FNXJost;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
}

a.bt-cta:after {
	content: '\2794';
	background-color: rgba(0, 0, 0, 0.5);
	height: 2.5rem;
	display: inline-flex;
	width: 2.5rem;
	border-radius: 50%;
	margin: 0 0 0 0.5rem;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 1.3rem;
}

a.bt-cta:hover {
	background-color: rgba(255, 255, 255, 0.25);
	color: inherit;
}

/*a.bt-cta {
    border: 1px solid #ffffff;display: flex;padding: 0rem 3.25rem 0rem 1rem;text-decoration: none;background-color: #ffffff;
    color: var(--logo1);margin: 0 0 0 auto;border-radius: 500px;align-items: center;font-size: 1rem;font-weight: 500;width: max-content;
    font-family: FNXJost;text-transform: uppercase;letter-spacing: 0.2rem;height: 3rem;position: relative;align-items: center;
}
a.bt-cta:after {content: '\2794';background-color: rgba(0,0,0,0.5);height: 2.5rem;display: inline-flex;width: 2.5rem;border-radius: 50%;margin: 0 0 0 0.5rem;
    align-items: center;justify-content: center;font-weight: 400;font-size: 1.3rem;position: absolute;right: 0.25rem;top: 0.25rem;transition:all 0.5s;}
a.bt-cta:hover:after {}*/

@media screen and (min-width:1100px) {
	#sign {
		grid-template-columns: 1fr 1fr 1fr;
	}

	#sign .block:nth-child(1) {
		justify-content: flex-start;
	}

	#sign .txt {
		gap: 6rem;
	}

	#sign .block:nth-child(3) {
		justify-content: flex-end;
	}
}

@media screen and (min-width:550px) and (max-width:1099px) {
	#sign {
		grid-auto-rows: max-content;
	}

	#sign .block:nth-child(1) {
		justify-content: center;
	}

	#sign .txt {
		gap: 6rem;
	}

	#sign .block:nth-child(3) {
		justify-content: center;
	}
}

@media screen and (max-width:549px) {
	#sign {
		grid-auto-rows: max-content;
	}

	#sign .block:nth-child(1) {
		justify-content: center;
	}

	#sign .txt {
		flex-direction: column;
		gap: 1.1rem;
	}

	#sign .block:nth-child(3) {
		justify-content: center;
	}

	#sign .txt a {
		font-size: 1.1rem;
	}
}

/* Overrides - GCKConsent */
body div.gckconsent-setup {
	z-index: 10001;
	background: rgba(1, 1, 1, .8);
	font-family: Kanit, sans-serif !important;
}

body div.gckconsent-setup .flexed {
	padding: 0 !important;
}
body div.gckconsent-setup .flexed p {
	color: var(--color-invert);
	font-family: Kanit, sans-serif !important;
	display: flex;
	gap: 1.2rem;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.2rem;
}

body div.gckconsent-setup .flexed p img {
	width: 2.5rem;
	filter: invert(1);
}

body div.gckconsent-setup .flexed .controls {
	padding: 0 !important;
}

body div.gckconsent-setup .flexed .controls .acceptall {
	border-radius: 10rem;
	font-family: Kanit, sans-serif !important;
	background: var(--logo2) !important;
	border: 1px solid var(--logo2) !important;
	transition: 200ms;
}

body div.gckconsent-setup .flexed .controls .acceptall:hover {
	background: var(--logo1) !important;
}

body div.gckconsent-setup .flexed .controls .prefs {
	border-radius: 10rem;
	font-family: Kanit, sans-serif !important;
	background: var(--color) !important;
	border: 1px solid var(--lightgrey1) !important;
	font-weight: 300 !important;
	transition: 200ms;
}

body div.gckconsent-setup .flexed .controls .prefs:hover {
	background: var(--lightgrey1) !important;
	border: 1px solid var(--color) !important;
	color: var(--color) !important;
}

body #gckconsent-flag {
	border-top: 0.3rem solid var(--logo2) !important;
	background: var(--darkgrey) !important;
}

body div.gckconsent-show {
	z-index: 10001 !important;
}


body #gckconsent-prefs h3 {
	color: var(--logo1) !important;
}

body #gckconsent-prefs p {
	color: var(--color);
	font-family: Kanit, sans-serif;
	font-size: 1.2rem !important;
	text-align: justify;
}

body #gckconsent-prefs h4 {
	color: var(--color);
}

body #gckconsent-prefs .controls button {
	border-radius: 10rem;
	font-family: Kanit, sans-serif !important;
	background: var(--color) !important;
	border: 1px solid var(--lightgrey1) !important;
	font-weight: 300 !important;
	transition: 200ms;
	font-size: 1.2rem !important;
}

body #gckconsent-prefs .controls button:hover {
	background: var(--lightgrey1) !important;
	border: 1px solid var(--color) !important;
	color: var(--color) !important;
}

body #gckconsent-prefs .controls button.save {
	border-radius: 10rem;
	font-family: Kanit, sans-serif !important;
	background: var(--logo2) !important;
	border: 1px solid var(--logo2) !important;
	transition: 200ms;
	font-weight: 500 !important;
}

body #gckconsent-prefs .controls button.save:hover {
	background: var(--logo1) !important;
	color: var(--color-invert) !important;
}