@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*   Options    */


:root{
	--cor-1: #ffffff;
	--cor-2: #000000;
	--cor-3: #cccccc;
	--cor-4: #a55441;
	--cor-5: #8f3131;
	--cor-6: #8f6831;
	--cor-7: #365d7b;
	--cor-8: #ffd800;
	--cor-9: #53cd3b;
	--cor-10: #38b549;

	--cor-txt-1: #000000;
	--cor-txt-2: #a1a1a1;
	--cor-txt-3: #dcdcdc;
	

	--cor-bg-1: #ffffff; 
	--cor-bg-2: #eeeeee;
	--cor-bg-3: #dddddd;
	--cor-bg-4: #e1e1e1;
	--cor-bg-5: #000000;


	--font: "Poppins", sans-serif;

	--fs-h1: 80px;
	--fs-h2: 70px;
	--fs-h3: 42px;
	--fs-h4: 22px;
	--fs-h5: 20px;
	--fs-h6: 17px;
	--fs-p: 15px;
	--fs-p-s: 12px;
	--fs-p-ss: 8px;

	--lh-h1: 84px;
	--lh-h2: 74px;
	--lh-h3: 46px;
	--lh-h4: 24px;
	--lh-h5: 22px;
	--lh-h6: 19px;
	--lh-p: 21px;
	--lh-p-s: 14px;
	--lh-p-ss: 10px;


}













/*   General    */


body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: var(--font);
}


img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}



body .mobile-show{
	display: none !important;
}



[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}

[style*="--aspect-ratio"] > img {  
  height: auto;
}

@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}


.video{
	width: 100%;
	border-radius: 0;
	overflow: hidden;
	margin: 0 0 50px;
}
































/* Textos */
body h1 {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	font-weight: 700;
	font-size: var(--fs-h1);
	line-height: var(--lh-h1);
	font-family: var(--font);
	text-align: left;
	color: var(--cor-1);

}

body h2 {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	font-weight: 700;
	font-size: var(--fs-h2);
	line-height: var(--lh-h2);
	font-family: var(--font);
	text-align: left;
	color: var(--cor-1);

}

body h3 {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	font-weight: 700;
	font-size: var(--fs-h3);
	line-height: var(--lh-h3);
	font-family: var(--font);
	text-align: left;
	color: var(--cor-1);
}

body h4 {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	font-weight: 700;
	font-size: var(--fs-h4);
	line-height: var(--lh-h4);
	font-family: var(--font);
	text-align: left;
	color: var(--cor-1);
}

body h5 {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	font-weight: 700;
	font-size: var(--fs-h5);
	line-height: var(--lh-h5);
	font-family: var(--font);
	text-align: left;
	color: var(--cor-1);
}

body h6 {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	font-weight: 700;
	font-size: var(--fs-h6);
	line-height: var(--lh-h6);
	font-family: var(--font);
	text-align: left;
	color: var(--cor-1);
}

body p {
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	font-weight: 400;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	font-family: var(--font);
	text-align: left;
	color: var(--cor-txt-2);
}


body label {
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
	font-weight: 300;
	font-size: var(--fs-p-s);
	line-height: var(--lh-p-s);
	font-family: var(--font);
	text-align: left;
	color: var(--cor-1);
}






.bt {
	width: auto;
	height: auto;
	
}

.bt:hover {
	cursor: pointer;
	color: var(--cor-1);
	text-decoration: none;
}

.bt-voltar {
	background: url(../img/bt-voltar.png) left center no-repeat, var(--cor-1);
	background-size: 40px;
	padding: 10px 20px 10px 60px;
}

/* Formulários */
body textarea {
	width: 100%;
	height: 200px;
	margin: 0 0 15px;
	padding: 20px 40px;

	color: var(--cor-txt-1);

	font-family: var(--font);
	font-weight: 400;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	text-align: left;

	border: var(--cor-txt-2) 1px solid;
	border-radius: 20px;
	background: var(--cor-1);
}

body textarea::-webkit-input-placeholder {
	/* Edge */
	color: var(--cor-txt-1);
}

body textarea:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--cor-txt-1);
}

body textarea::placeholder {
	color: var(--cor-txt-1);
}

body input {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 10px 40px;

	color: var(--cor-1);

	font-family: var(--font);
	font-weight: 700;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	text-align: left;

	border: 1px solid var(--cor-1);
	border-radius: 20px;
	background: transparent;

}

body select {
	width: 100%;
	height: auto;
	

	

	font-family: var(--font);
	font-weight: 600;
	font-size: var(--fs-p-s);
	line-height: var(--lh-p);
	text-align: left;

	



	background: var(--cor-bg-1);
	background-size: 30px;
    border-radius: 7px;
    color: var(--cor-txt-2);
    font-weight: 700;
    padding: 15px ;
    border: 1px solid var(--cor-txt-2);
    margin: 0 0 30px;

}

body select:focus {
	/* fundo diferente ao clicar
	background-color: var(--cor-bg-2);
	
	border-color: var(--cor-bg-2); */
	color: var(--cor-txt-2);
	outline: none;
}

.bt-cadastrar {
	border: none;
	background: var(--cor-1);
	text-align: center;
	margin: 10px 0 15px;
}

.bt-entrar {
	border: none;
	background: var(--cor-1);
}


body input::-webkit-input-placeholder {
	/* Edge */
	color: var(--cor-1);
}

body input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--cor-1);
}

body input::placeholder {
	color: var(--cor-1);
}

.box-envie-sua-foto {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 50px 0;
	display: flex;
	justify-content: center;

	color: var(--cor-txt-1);
	font-family: var(--font);
	font-size: var(--fs-p);
	line-height: var(--lh-p);

	/* From https://css.glass */
	background: url(../img/bt-upload.png) 10% center no-repeat, rgba(255, 255, 255, 0.2);
	background-size: 30px;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid var(--cor-bg-1);

	font-weight: 500;
	text-align: center;
	border-radius: 20px;
}

.box-envie-sua-foto label {
	width: 100%;
	cursor: pointer;
	margin: 5px 0 0 0;
	padding: 0 0 0 22%;
	line-height: var(--fs-p);
}

.box-envie-sua-foto label span {
	color: var(--cor-txt-2);
	font-weight: 300;
	font-size: var(--fs-p-ss);
	line-height: var(--lh-p-ss);
}

.box-envie-sua-foto label img {
	width: 40%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
	cursor: pointer;
}

#mediaFile {
	position: absolute;
	top: -1000px;
}

#profile {
	width: calc(100% - 25px);
	height: 100%;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center center;
	border: none;
	border-radius: 1000px;
	overflow: hidden;
}


.box-aceites {
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	
}


.form-check-inline {
	width: var(--fs-p);
	height: var(--fs-p);
	-webkit-appearance: none;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
	background: var(--cor-bg-1);
}

.form-check-inline:focus {
	outline: none;
}

.form-check-inline:checked:after {
	content: '✓';
	font-size: var(--fs-p);
	line-height: var(--fs-p);
	position: relative;

	color: var(--cor-txt-2);
}

.box-aceites label {
	width: calc(100% - var(--fs-p));
	color: var(--cor-txt-2);
	padding: 0 0 0 5px;
	margin: 0;
	display: inline-block;
	position: relative;

}

.box-aceites label a {
	color: var(--cor-2);
	cursor: pointer;
	text-decoration: none;
}

.box-aceites label a:hover {
	color: var(--cor-2);
	text-decoration: none;
}







/*the container must be positioned relative:*/

.inner {
	max-height: 280px !important;
	margin: 0 10px 0 0;
}

.bootstrap-select.open>.dropdown-menu {
	display: block;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);

}

.bootstrap-select>.dropdown-menu {
	display: none;
	opacity: 0;
	max-height: 330px !important;
	visibility: hidden;
	overflow: hidden;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(0.85) translateY(-5px);
	-ms-transform: scale(0.85) translateY(-5px);
	transform: scale(0.85) translateY(-5px);
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	top: 0;
	
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%;
}



.bootstrap-select>.dropdown-toggle {
	
	width: 100%;
	display: block;
	padding: 10px 40px;
	margin: 0 0 15px;
	
	color: var(--cor-txt-2);
	
	font-family: var(--font);
	font-weight: 600;
	font-size: var(--fs-p-s);
	line-height: var(--lh-p);
	text-align: left;

	background: transparent;
	border: 1px solid var(--cor-txt-2);
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	cursor: pointer;
	
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: var(--cor-txt-2);
}

.dropup .dropdown-toggle::after, .dropdown .dropdown-toggle::after {
	position: absolute;
	content: " ";
	right: 20px;
	width: var(--fs-p);
	height: var(--fs-p);
	background: url(../img/select-abrir.png) center center no-repeat;
	background-size: contain;
	transition: all 0.5s;
	border: none;
	margin: 5px 0 0 0;
}

.open .dropdown-toggle::after {
	position: absolute;
	content: " ";
	right: 20px;
	width: var(--fs-p);
	height: var(--fs-p);
	background: url(../img/select-abrir.png) center center no-repeat;
	background-size: contain;
	transform: rotate(180deg);
	transition: all 0.5s;
	border: none;
	margin: 5px 0 0 0;
}



.dropdown-menu {
	background: transparent;
	border-radius: 20px;
	position: absolute;
	left: 0;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid var(--cor-bg-1);
	min-width: 100% !important;
	width: 100% !important;
	display: block;
}

.bootstrap-select .dropdown-menu a {
	display: block;
	padding: 8px 15px;
	margin: 0 10px;
	font-size: var(--fs-p);
	font-weight: 400;
	color: var(--cor-txt-2);

}

.bootstrap-select .dropdown-menu a:hover {
	background: var(--cor-bg-3);
	color: var(--cor-1);
	border-radius: 10px;
}

.bootstrap-select .dropdown-menu a span:hover {}


/* Scroll Bar */
/* width */
.inner::-webkit-scrollbar {
	width: 8px;

}

/* Track */
.inner::-webkit-scrollbar-track {
	background: transparent;
	margin: 10px 10px 10px 0;
}

/* Handle */
.inner::-webkit-scrollbar-thumb {
	background: var(--cor-1);
	border-radius: 100px;
}

/* Handle on hover */
.inner::-webkit-scrollbar-thumb:hover {
	background: var(--cor-1);
	border-radius: 100px;
}





.row-file-input{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	display: flex;
	justify-content: space-between;
	background: var(--cor-bg-2);
	border-radius: 7px;
	
	
	border: 1px solid var(--cor-txt-1);
	margin: 0 0 30px;
}

.row-file-input span{
	color: var(--cor-txt-2);
	padding: 15px;
	font-family: var(--font);
	font-weight: 700;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	text-align: left;
	overflow: hidden;
}

.row-file-input button{
	outline: none;
	border: none;
	border-radius: 7px;
	color: var(--cor-1);
	padding: 15px;
	font-family: var(--font);
	font-weight: 700;
	font-size: var(--fs-p);
	line-height: var(--lh-p);
	background: var(--cor-txt-2);
}








/*   Popup    */


.fundo-popup{
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
	display: none;
	top: 0;
	left: 0;
}

.fundo-popup:after{
	content: " ";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 18;
	background: var(--cor-bg-5);
	opacity: 0.8;
	position: absolute;
}

.popup{
	width: 50%;
	height: auto;
	margin: 0;
	padding: 40px;
	background: var(--cor-bg-1);

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;
	z-index: 21;
}


.fechar-popup{
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 19;
	cursor: pointer;
}


.popup h4{
	color: var(--cor-txt-1);
	text-align: center;
	margin: 20px 0 30px;
}

.popup input{
	background: var(--cor-bg-2);
	border-radius: 7px;
	color: var(--cor-txt-2);
	padding: 15px;
	border: 1px solid var(--cor-txt-1);
	margin: 0 0 30px;
}




.popup input::-webkit-input-placeholder {
	/* Edge */
	color: var(--cor-txt-2);
}

.popup input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--cor-txt-2);
}

.popup input::placeholder {
	color: var(--cor-txt-2);
}



.popup .form-check-inline {
	width: var(--fs-p);
	height: var(--fs-p);
	padding: 0;
	-webkit-appearance: none;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0px;
	background: var(--cor-bg-1);
}


.popup .bt{
	background: var(--cor-9);
	color: var(--cor-1);
	padding: 15px 30px;
	border: none;
}

.popup form{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;

	display: flex;
	flex-direction: column;
	align-items: center;

}


body .popup img{
	width: 100%;
	height: auto;
	margin: 0;
}









/* Bootstrap Carousel */

body .carousel-control-next-icon{
	background-image: url(../img/next.svg);
}
body .carousel-control-prev-icon{
	background-image: url(../img/prev.svg);
}

body .carousel-indicators .active{
	background: var(--cor-txt-1);
}

body .carousel-indicators li{
	width: 20px;
	height: 20px;
	border-radius: 100px;
	border: 1px solid var(--cor-txt-1);
}

body .carousel-indicators{
	margin:0 ;
}


/* Index */

.body-index{

}





/* Header */


h1.logo{
	width: 90%;
	height: 40px;
	margin: 0 10% 0 0;
	padding: 0;
	background: url(../img/logo.png) left center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
}

.header nav{
	width: 100%;
	height: auto;
	margin: 30px 0;
	padding: 0;
}

.header nav ul{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	list-style: none;
}

.header nav ul li{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;

	}


.header nav ul li h5{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: var(--fs-h6);
	line-height: var(--fs-h6);
	text-align: center;
	font-weight: 500;
}

.header nav ul li h5 .bt-header{
	width: 100%;
	height: auto;
	padding: 10px 0;
	display: inline;
	color: var(--cor-2);
	cursor: pointer;
	}

.header nav ul li h5 .bt-header:hover{
	text-decoration: none;
	color: var(--cor-2);
}


.header .container-idiomas{
	width: 70%;
	height: auto;
	margin: 30px 0 30px 30%;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.header .container-idiomas .bt-br{
	width: 50%;
	height: auto;
	margin: 0 5px 0 0;
	padding: 0;
	background: url(../img/br_flag.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}
.header .container-idiomas .bt-en{
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../img/en_flag.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}





.header .container-social{
	width: 70%;
	height: auto;
	margin: 30px 0 30px 30%;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.header .container-social .bt-whatsapp{
	width: 50%;
	height: auto;
	margin: 0 5px 0 0;
	padding: 0;
	background: url(../img/ico_whatsapp.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}
.header .container-social .bt-instagram{
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../img/ico_instagram.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}





/* Menu Mobile */


.bt-mobile-menu {
	position: absolute;
	top: 20px;
	right: 30px;
	color: var(--cor-txt-1);
	font-size: var(--fs-h3);
	display: none;
	cursor: pointer;
}


.menu-mobile {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

	position: fixed;
	z-index: 999;

	display: none;
	top: 0;
}

.menu-mobile ul {
	right: -100%;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	list-style: none;
	align-items: center;
	justify-content: center;
	background: var(--cor-1);
	width: 100%;
	height: 100%;
	position: absolute;
}

.menu-mobile ul li {
	margin: 1.5vh 0;
}


.menu-mobile ul li a {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	color: var(--cor-txt-1) !important;
	font-size: var(--fs-h6);
	cursor: pointer;
}

.menu-mobile ul li a.selecionado, .menu-mobile ul li a:hover {
	
	text-decoration: none;
}


.menu-mobile img {
	height: var(--fs-h6);
}


.fechar-menu {
	position: fixed;
	top: 20px;
	right: 20px;
	color: var(--cor-txt-2);
	font-size: var(--fs-h3);
	z-index: 1000;
	display: none;
	cursor: pointer;
}

.menu-mobile hr{
	width: 80%;
	height: auto;
	margin: 15px 0;
	padding: 0;
	border: 1px solid var(--cor-bg-2);
}


.menu-mobile .container-idiomas{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;

}

.menu-mobile .container-idiomas .bt-br{
	width: 30px;
	height: 30px;
	margin: 0 5px 0 0;
	padding: 0;
	background: url(../img/br_flag.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}
.menu-mobile .container-idiomas .bt-en{
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../img/en_flag.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}


.menu-mobile .container-social{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;

}



.menu-mobile .container-social .bt-whatsapp{
	width: 30px;
	height: 30px;
	margin: 0 5px 0 0;
	padding: 0;
	background: url(../img/ico_whatsapp.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}
.menu-mobile .container-social .bt-instagram{
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../img/ico_instagram.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}














/* Banner Home */



.home-banner{
	background: url(../img/banner-home.jpg) center center no-repeat;
	background-size: cover;
	
	
}

.home-banner .carousel{
	height: 100%;
}

.container-banner-home{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}



.container-banner-home .bt-banner{
	width: auto;
	height: auto;
	margin: 0;
	padding: 20px 30px; 
	font-size: var(--fs-h5);
	line-height: var(--fs-h5);
	color: var(--cor-1);
	border: 1px solid var(--cor-1);
	border-radius: 100px;
	display: inline-block;
}

.container-banner-home .bt-banner:hover{
	text-decoration: none;
	background: var(--cor-1);
	color: var(--cor-txt-1);
}



.banner-home-imagem{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    min-height: 500px; /* mantém tamanho mínimo */
}

.banner-home-imagem img{
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain; /* NÃO CORTA */
    object-position: center bottom;
}


/* Home Chamadas */



.home-chamadas{
	background: var(--cor-bg-2);
	padding-top: 100px;
	padding-bottom: 100px;
	
}



.home-chamadas .box-home-chamadas{
	width: 70%;
	height: auto;
	margin: 0 15%;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.home-chamadas .box-home-chamadas img{
	width: 30%;
	height: auto;
	margin: 0 0 60px;
	padding: 0;
	pointer-events: none;
}

.home-chamadas .box-home-chamadas h5{
	text-align: center;
	color: var(--cor-txt-1);
}

.home-chamadas .box-home-chamadas p{
	text-align: center;
}



/* Home Estrutura */




.home-estrutura{
	background: var(--cor-bg-1);
	padding-top: 100px;
	padding-bottom: 100px;
	
}
.home-estrutura img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	pointer-events: none;
}

.home-estrutura h4{
	color: var(--cor-txt-3);
	margin-left: 30px;
	width: calc(100% - 30px);
}

.home-estrutura h3{
	color: var(--cor-txt-1);
	width: 35%;
	margin-left: 30px;
	
}

.home-estrutura p{
	margin-left: 30px;
	padding-left: 20px;
	border-left: 1px solid var(--cor-3) ;
	width: calc(100% - 30px);
}


.home-estrutura p.china-brasil{
	height: var(--lh-h4) ;
	width: calc(100% - 30px);
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	padding: 0;
	background: url(../img/ico_china-brasil.png) left center no-repeat;
	background-size: contain;
	margin: 30px 0 30px 30px;

}


.home-estrutura .bt-saiba-mais{
margin: 0 0 30px 30px;
}

body .bt-saiba-mais{
	width: auto;
	height: auto;
	margin: 0 0 30px 0;
	padding: 15px 20px;
	display: inline-block;


	font-weight: 700;
	font-size: var(--fs-h5);
	line-height: var(--fs-h5);
	font-family: var(--font);
	text-align: left;
	color: var(--cor-1) !important;
	background: var(--cor-txt-1);
	border-radius: 10px;
}

.bt-saiba-mais:hover{
	text-decoration: none;
	color: var(--cor-1);
}





/* Home big Numbers */



.home-big-numbers{
	background: url(../img/home-big-numbers.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 100px;
	padding-top: 50px;
}


.home-big-numbers h5{
	width: 30%;
	text-align: right;
	margin-left: 50%;
	margin-top: 10px;
	font-size: var(--fs-h3);
	display: inline-block;
}

.home-big-numbers .cor-5{
	color: var(--cor-5);
}

.home-big-numbers .cor-6{
	color: var(--cor-6);
}
.home-big-numbers .cor-7{
	color: var(--cor-7);
}


.home-big-numbers .cor-5 span, .home-big-numbers .cor-6 span, .home-big-numbers .cor-7 span{
	color: var(--cor-1);
	font-size: var(--fs-p-s);
}








/* Home Catalogo */




.home-catalogo{
	background: var(--cor-bg-2);
	padding-top: 100px;
	padding-bottom: 100px;
	
}

.home-catalogo h4{
	color: var(--cor-txt-2);
	margin-left: 50px;
	width: calc(100% - 50px);
}

.home-catalogo h3{
	color: var(--cor-txt-1);
	width: 75%;
	margin-left: 50px;
	
}

.home-catalogo p{
	margin-left: 50px;
	width: calc(100% - 50px);
	
}

.home-catalogo .bt-saiba-mais{
margin: 0 0 30px 50px;
}


.container-catalogo{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.box-catalogo{
	width: 30%;
	height: auto;
	margin: 0 0 10px;
	padding: 10px 1.5% 0px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	border-radius: 10px;
	}

.box-catalogo:hover{
	background: var(--cor-1);
}


body .box-catalogo img{
	width: 70px;
	height: 80px;
	object-fit: contain;
	object-position: center;
	
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid var(--cor-txt-1);

}

body .box-catalogo p{
	color: var(--cor-txt-1);
	text-align: center;
	margin: 0 0 20px;
	font-size: var(--fs-p-ss);
	line-height: var(--lh-p-s);
	width: 100%;
}

.home-catalogo .carousel{
	width: 100%;
}

















/* Home Terracota */




.home-terracota{
	background: url(../img/home-terracota.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 100px;
	padding-top: 50px;
	
}


.home-terracota h2{
	width: 100%;
	height: 200px;
	margin: 0 0 50px;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/logo-terracota.png) center center no-repeat;
	background-size: contain;
}

.home-terracota h4{
	color: var(--cor-txt-2);
	margin-left: 50px;
	width: calc(100% - 50px);
}

.home-terracota h3{
	color: var(--cor-1);
	width: 75%;
	margin-left: 50px;
	
}


.home-terracota h3 span{
	color: var(--cor-4);
	}

.home-terracota p{
	margin-left: 50px;
	width: calc(100% - 50px);
	
}

.home-terracota .bt-saiba-mais{
margin: 0 0 30px 50px;
}

.home-terracota .container-catalogo .box-catalogo{
	width: 40%;
	
	}

.home-terracota .container-catalogo .box-catalogo:hover{
	background: var(--cor-4);
}

.home-terracota .container-catalogo .box-catalogo img{
	width: 90px;
	height: 90px;
	border: none;
	padding: 0;
}

.home-terracota .container-catalogo .box-catalogo p{
	color: var(--cor-1);
}


.home-terracota p.china-brasil{
	height: var(--lh-h4) ;
	width: calc(100% - 50px);
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	padding: 0;
	background: url(../img/ico_china-brasil.png) left center no-repeat;
	background-size: contain;
	margin: 30px 0 30px 50px;

}


.home-terracota .bt-saiba-mais{
	background: var(--cor-4);
}

























/* Home Diferenciais */




.home-diferenciais{
	background: var(--cor-bg-2);
	padding-top: 100px;
	padding-bottom: 100px;
	
}

.home-diferenciais h4{
	color: var(--cor-txt-1);
	margin-left: 50px;
	width: calc(100% - 50px);
}

.home-diferenciais h3{
	color: var(--cor-txt-1);
	width: 75%;
	margin-left: 50px;
	width: calc(100% - 50px);
}


.home-diferenciais h3 span{
	background: var(--cor-8) ;
	}

.home-diferenciais p{
	margin-left: 50px;
	width: calc(100% - 50px);
	
}

.home-diferenciais img{
	pointer-events: none;
}

.home-diferenciais .diferenciais-destaques{
	margin-top: 60px;
}


.home-diferenciais .diferenciais-destaques h5{
	color: var(--cor-txt-1);
	text-align: center;
	font-weight: 400;
	margin: 0 25% 20px;
	width: 50%;
}

.home-diferenciais .diferenciais-destaques h5 span{
	background: var(--cor-8);
	}


.home-diferenciais .diferenciais-destaques p{

	text-align: center;
	margin: 0 10% 20px;
	width: 80%;
}


















/* Home Contato */




.home-contato{
	background: url(../img/home-contato.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 0;
	padding-top: 50px;
	
}



.home-contato h3{
	color: var(--cor-1);
	width: 50%;
}

.box-formulario-enviado{
	display: flex;
	align-items: center;
}

.home-contato p.formulario-enviado{
	color: var(--cor-9);
	font-weight: 700;
	margin: 0 0 20px;
	display: none;
}

.home-contato .container-social{
	width: 100%;
	height: auto;
	margin: 30px 0 100px 0;
	padding: 0;
	display: flex;

	align-items: center;

}

.home-contato .container-social .bt-whatsapp{
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	padding: 0;
	background: url(../img/ico_whatsapp-branco.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}
.home-contato .container-social .bt-instagram{
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(../img/ico_instagram-branco.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}







.contato-imagem{
	display: flex;
	align-items: flex-end;
	pointer-events: none;
}

















/* Home CLientes */




.home-clientes{
	background: var(--cor-bg-4);
	padding-top: 100px;
	padding-bottom: 0;
	
}

.home-clientes h4{
	color: var(--cor-txt-1);
	margin-left: 50px;
	width: calc(100% - 50px);
}

.home-clientes h3{
	color: var(--cor-txt-1);
	width: 75%;
	margin-left: 50px;
	width: calc(100% - 50px);
}



.home-clientes p{
	width: calc(100% - 50px);
	margin-left: 50px;
	
}

.clientes-imagem{
	display: flex;
	align-items: flex-end;
}


.container-clientes-logos{
	width: calc(100% - 50px);
	height: auto;
	margin: 0 0 100px 50px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.container-clientes-logos img{
		width: 28%;
		height: auto;
		margin: 0 0 5px;
		padding: 0;
		pointer-events: none;
	}























/* footer */




.footer{
	background: var(--cor-bg-5);
	padding-top: 50px;
	padding-bottom: 50px;
	
}


.footer h1.logo{
	width: 90%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../img/logo-branco.png) left center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
}

.footer p{
	text-align: center;
	letter-spacing: 1px;
	color: var(--cor-1);
	margin: 0;
}




.footer .container-social{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;

	align-items: center;

}

.footer .container-social .bt-facebook{
	width: 30px;
	height: 30px;
	margin: 0 15px 0 0;
	padding: 0;
	background: url(../img/ico_facebook-branco.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}
.footer .container-social .bt-instagram{
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../img/ico_instagram-branco.png) center center no-repeat;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	display: flex;
	cursor: pointer;
}

.footer .col-lg-2, .footer .col-md-8{
	align-items: center;
	display: flex;
}








/* Quem Somos */

.quem-sosmos-banner{
	background: url(../img/banner-quem-somos.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 60px;
	padding-top: 60px;
	
}

.quem-sosmos-banner h3{
	text-align: center;
	margin: 0;
}



.quem-somos-video{
	padding-top: 100px;
	padding-bottom: 100px;
	background: var(--cor-bg-2);
}



.quem-somos-seja-bem-vindo{
		padding-top: 100px;
	padding-bottom: 100px;
 align-items: center;
}

.quem-somos-seja-bem-vindo h4{
	color: var(--cor-txt-1);
}

.quem-somos-seja-bem-vindo h1.logo{
	width: 300px;
	height: 130px;
	margin: 0 0 30px 0;

}





.quem-somos-qualidade{
	padding-top: 100px;
	padding-bottom: 100px;
	background: var(--cor-bg-2);
}


.quem-somos-qualidade h3{
	color: var(--cor-txt-1);
	text-align: center;
	margin: 0 0 50px 0;
}

.quem-somos-qualidade h6{
	color: var(--cor-txt-1);
	text-align: center;
	margin: 0;
	
}

.quem-somos-qualidade p{

	text-align: center;
	
}



.quem-somos-galeria{
	padding-top: 100px;
	padding-bottom: 100px;
}


.quem-somos-galeria img{
	width: 100%;
	height: 180px;
	object-fit: cover;
	object-position: center;
	cursor: pointer;
	margin: 0 0 30px;
}

body .quem-somos-galeria .bt-saiba-mais{
	color: var(--cor-1) !important;
	margin: 50px 0 0 0;
}







/* Produtos */

.produtos-header{
		padding-top: 60px;
	padding-bottom: 0;
	background: var(--cor-bg-2);
}

.produtos-header h3{
	color: var(--cor-txt-1);
	text-align: center;
	margin: 0 0 50px;
}

.produtos-header p{
	margin: 0 0 50px;
	text-align: center;
}





.busca{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 50px;
	display: flex;
}

.busca .input-busca{
	background: url(../img/busca.png) 20px center no-repeat, var(--cor-bg-1);
	background-size: 30px;
    border-radius: 7px;
    color: var(--cor-txt-2);
    font-weight: 700;
    padding: 15px 15px 15px 70px;
    border: 1px solid var(--cor-txt-2);
    margin: 0 0 30px;

}



.busca .input-busca::-webkit-input-placeholder {
	/* Edge */
	color: var(--cor-txt-2);
}

.busca .input-busca:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--cor-txt-2);
}

.busca .input-busca::placeholder {
	color: var(--cor-txt-2);
}



.busca .bt-busca{
	outline: none;
    border: none;
    border-radius: 7px;
    color: var(--cor-1);
    padding: 16px;
    font-family: var(--font);
    font-weight: 700;
    font-size: var(--fs-p);
    line-height: var(--lh-p);
    background: var(--cor-txt-1);
    position: absolute;
    width: auto;
    right: 0;
}






.produtos-header h4{
	color: var(--cor-txt-1);
	text-align: center;
	margin: 0 0 50px;
}

.filtro-produtos{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}



.filtro-produtos .box-catalogo{
	margin: 0;
	border-radius: 10px 10px 0 0;
}
.filtro-produtos .box-catalogo:hover, .filtro-produtos .box-catalogo-sel{
	background: var(--cor-1);
}


.produtos-lista {
	padding-top: 100px;
	padding-bottom: 100px;
}

.produtos-lista h3{
	text-align: center;
	color: var(--cor-txt-1);
	margin: 0 0 50px;
}


.produtos-lista .box-catalogo{
	width: 100%;
	padding: 30px;
	margin: 0;
}

.produtos-lista .box-catalogo:hover{
	background: var(--cor-bg-2);
	}

.produtos-lista .box-catalogo img{
	width: 60%;
	height: 180px;
	padding: 0 0 40px;
	margin: 0 0 40px;
}

.produtos-lista .box-catalogo h5{
	text-align: center;
	color: var(--cor-txt-1);
	margin: 0 0 10px;
}

.produtos-lista .box-catalogo p{
	text-align: center;
	margin: 0;
	color: var(--cor-txt-1);
	font-size: var(--fs-p-s);
	line-height: var(--fs-p-s);
}

.produtos-lista .box-catalogo h6{
	text-align: center;
	color: var(--cor-txt-1);
	margin: 10px 0 0 0;
}


.produtos-lista .bt-saiba-mais{
	margin: 50px 0 0 0;
}


.filtrar-categoria{
	background: var(--cor-bg-3);
	padding-bottom: 30px;
	padding-top: 50px;
}

.filtrar-categoria h4{
	text-align: center;
	color: var(--cor-txt-1);
}
















/*   Produtos Internas    */


.produto-interna{
	padding-top: 50px;
}

.produto-interna .bread{
	font-size: var(--fs-p-s);
	line-height: var(--lh-p-s);
	color: var(--cor-txt-1);

}
.produto-interna .bread a{
	color: var(--cor-txt-1);
}










@mixin aspect-ratio($width, $height) {
  position: relative;
    
  &:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: ($height / $width) * 100%;
  }
    
  > img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
  }
}

// Styling

section {
    background: #F4F4F4;
    padding: 50px 0;
}

.container {
    max-width: 1044px;
    margin: 0 auto;
    padding: 0 20px;
}

.carousel {
    display: block;
    text-align: left;
    position: relative;
    margin-bottom: 22px;
    
    > input {
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        
        &:nth-of-type(7):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -600%; }
        &:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -500%; }
        &:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -400%; }
        &:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -300%; }
        &:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -200%; }
        &:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -100%; }
        &:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: 0%; }
        
        &:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1) { border:3px solid var(--cor-txt-2); }
        &:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2) { border:3px solid var(--cor-txt-2); }
        &:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3) { border:3px solid var(--cor-txt-2); }
        &:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4) { border:3px solid var(--cor-txt-2); }
        &:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5) { border:3px solid var(--cor-txt-2); }
        &:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6) { border:3px solid var(--cor-txt-2); }
        &:nth-of-type(7):checked ~ .carousel__thumbnails li:nth-of-type(7) { border:3px solid var(--cor-txt-2); }
    }
}

.carousel__slides {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
}

.carousel__slide {
    position: relative;
    display: block;
    flex: 1 0 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 300ms ease-out;
    vertical-align: top;
    box-sizing: border-box;
    white-space: normal;
    
    figure {
        display: flex;
        margin: 0;
    }
    
    div {
        @include aspect-ratio(3, 2);
        width: 100%;
    }
    
    img {
        display: block;
        flex: 1 1 auto;
        object-fit: cover;
    }
    
    figcaption {
        align-self: flex-end;
        padding: 20px 20px 0 20px;
        flex: 0 0 auto;
        width: 25%;
        min-width: 150px;
    }
    
    .credit {
        margin-top: 1rem;
        color: rgba(0, 0, 0, 0.5);
        display: block;        
    }
    
    &.scrollable {
        overflow-y: scroll;
    }
}

.carousel__thumbnails {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    
    margin: 0 -10px;
    
    .carousel__slides + & {
        margin-top: 20px;
    }
    
    li {        
        flex: 1 1 auto;
        max-width: calc((100% / 6) - 20px);  
        margin: 0 10px;
        transition: all 300ms ease-in-out;
    }
    
    label {
        display: block;
        @include aspect-ratio(1,1);
        
                  
        &:hover,
        &:focus {
            cursor: pointer;
            
            img {
                box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
                transition: all 300ms ease-in-out;
            }
        }
    }
    
    img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}





.produto-interna label{
	margin: 0;
}





.produto-interna h4{
	color: var(--cor-txt-1);
}
.produto-interna h6{
	color: var(--cor-txt-1);
}



.box-quantidade{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}

.box-quantidade p{
	color: var(--cor-txt-1);
	font-weight: 700;
	width: auto;
	margin: 0 5px 0 0;
}


.box-quantidade .diminuir, .box-quantidade .aumentar{
	height: auto;
	border: none;
	background: transparent;
	color: var(--cor-txt-2);
} 

.quantity-selector{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px;
	display: flex;
	border: 1px solid var(--cor-bg-3);

}

.produto-interna input{
	color: var(--cor-txt-1);
	text-align: center;
	margin: 0;
	padding: 0;
}


.bt-ficha-tecnica{
	width: auto;
	height: auto;
	padding: 15px 20px 15px 50px;
	margin: 0 0 20px;
	border: 1px solid var(--cor-txt-1);
	font-weight: 700;
	display: inline-block;
	border-radius: 10px;
	background: url(../img/bt-ficha-tecnica.png) 20px center no-repeat;
	background-size: 20px;
	cursor: pointer;
	color: var(--cor-txt-1) !important;

}

.produto-interna .bt-cotar-whatsapp{
	width: auto;
	height: auto;
	padding: 15px 50px 15px 20px;
	margin: 0 0 20px;
	color: var(--cor-1) !important;
	font-weight: 700;
	display: inline-block;
	border-radius: 10px;
	background: url(../img/bt-cotar-whatsapp.png) right center no-repeat, var(--cor-10);
	background-size: 50px;
	cursor: pointer;

}

.box-compartilhar{
	width: 100%;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
	display: flex;
	align-items: center;
}

.box-compartilhar p{
		color: var(--cor-txt-1);
	font-weight: 700;
	width: auto;
	margin: 0 5px 0 0;
}

.box-compartilhar img{
	margin: 0 5px 0 0;
}




.terracotta-banner{
		background: url(../img/banner-terracotta.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 60px;
	padding-top: 60px;
}

.terracotta-banner h1{
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/logo_terracotta.png) center left no-repeat;
	background-size: contain;
	}



/*   Responsive    */



@media (max-width: 620px) {
	
	.vire-de-lado{display: flex;}
	

}


@media (max-width: 992px) {
	.sm-hide{display: none;}
	.md-hide{display: none;}
	.lg-hide{display: none;}
	.xl-hide{display: none;}

	
	body .mobile-show{display: flex !important;}
	body .mobile-hide{display: none !important;}

	.vh-100-desktop{height: auto;}


:root{

	--fs-h1: 50px;
	--fs-h2: 40px;
	--fs-h3: 32px;
	--fs-h4: 22px;
	--fs-h5: 20px;
	--fs-h6: 17px;
	--fs-p: 15px;
	--fs-p-s: 14px;
	--fs-p-ss: 12px;

	--lh-h1: 54px;
	--lh-h2: 44px;
	--lh-h3: 36px;
	--lh-h4: 24px;
	--lh-h5: 22px;
	--lh-h6: 19px;
	--lh-p: 21px;
	--lh-p-s: 16px;
	--lh-p-ss: 14px;

}

	body .container-menu{display: none;}
	body .header .col-md-1{display: none;}
	body .header h1.logo{margin: 20px 0}
	body .bt-mobile-menu{display: flex;}
	body .popup{width: 95%; padding: 15px;}
	body .footer h1.logo{width: 200%}
	body .footer .container-social {position: absolute; right: 15px}


	body .container-banner-home{padding: 100px 0 0 0; align-items: center;}
	body .container-banner-home h4{text-align: center; margin: 0 0 30px; position: relative; z-index: 1;}
	body .container-banner-home h2{text-align: center; margin: 0 0 50px; position: relative; z-index: 1;}
	body .container-banner-home .bt-banner{position: relative; z-index: 1;}
	body .banner-home-imagem{height: 300px; margin: 0; padding: 0; overflow: unset;}
	body .banner-home-imagem img{position: absolute; z-index: 0; left: -20%; width: 115%;}

	body .home-chamadas{padding-bottom: 50px;padding-top: 50px;}
	body .home-chamadas .box-home-chamadas{height: 380px; margin-bottom: 50px;}

	body .home-estrutura{padding-bottom: 50px;padding-top: 50px;}
	body .home-estrutura h4{margin: 0 0 30px 0; text-align: center;}
	body .home-estrutura h3{margin: 20px 0 20px 0; text-align: center; width: 100%}
	body .home-estrutura p{margin: 0 0 20px 0; width: 100%; padding: 0; border: none;}

	body .home-estrutura p.china-brasil{margin: 0 0 20px; padding: 0; width: 100%; background: url(../img/ico_china-brasil.png) center center no-repeat;
    background-size: contain;}
  body .home-estrutura .col-md-7{display: flex; flex-direction: column; align-items: center;}
  body .home-estrutura .bt-saiba-mais{margin: 0;}


  body .home-big-numbers {background: url(../img/home-big-numbers-mobile.jpg) bottom center no-repeat, #000000; background-size: 100%; padding-bottom: 50px; padding-top: 50px}
  body .home-big-numbers h4{text-align: center;}
  body .home-big-numbers h3{text-align: center;}
  body .home-big-numbers p{margin-bottom: 130px;}
  body .home-big-numbers h5{font-size: var(--fs-h1); margin: 20px 0 20px 35%; width: 50%;}



  body .home-catalogo h4{margin: 0 0 20px; text-align: center; width: 100%;}
  body .home-catalogo h3{margin: 0 0 20px; text-align: center; width: 100%;}
  body .home-catalogo p{margin: 0 0 20px; width: 100%;}
  body .home-catalogo .col-lg-8{display: flex; flex-direction: column; align-items: center;}
  body .home-catalogo .bt-saiba-mais{margin: 30px 0 0 0;}
  body .box-catalogo img{width: 50%; height: 120px;}
  body .box-catalogo{width: 100%; margin: 0 0 30px;}
  body .box-catalogo:hover{background: transparent;}




  body .home-terracota{    background: url(../img/home-terracota-mobile.jpg) bottom center no-repeat; background-size: cover;}
  body .home-terracota h4{margin: 0 0 20px; text-align: center; width: 100%;}
  body .home-terracota h3{margin: 0 0 20px; text-align: center; width: 100%;}
  body .home-terracota p{margin: 0 0 20px; width: 100%;}
  body .home-terracota .col-lg-8{display: flex; flex-direction: column; align-items: center;}
  body .home-terracota .bt-saiba-mais{margin: 0 0 100px;}
  body .home-terracota p.china-brasil{margin: 30px 0;background: url(../img/ico_china-brasil.png) center center no-repeat; background-size: contain;}


  body .home-diferenciais{padding-bottom: 0}
  body .diferenciais-destaques{height: 330px;}
  body .home-diferenciais img{ width:100%; margin:50px 0 0 0;}
  body .home-diferenciais h4{margin: 0 0 20px; text-align: center; width: 100%;}
  body .home-diferenciais h3{margin: 0 0 20px; text-align: center; width: 100%;}
  body .home-diferenciais p{margin: 0 0 20px; width: 100%;}



	body .home-contato .col-lg-4{display: flex; flex-direction: column; align-items: center;}
	body .home-contato .container-social{justify-content: center;}


	body .home-clientes{background: url(../img/home-clientes-mobile.png) bottom left no-repeat, var(--cor-bg-4); background-size: 140px;}
	body .home-clientes h4{margin: 0 0 20px; text-align: center; width: 100%;}
  body .home-clientes h3{margin: 0 0 20px; text-align: center; width: 100%;}
  body .home-clientes p{margin: 0 0 20px; width: 100%;}
  body .container-clientes-logos{height: auto; flex-direction: column; margin: 0 0 100px 50px; flex-wrap: nowrap;}
  body .container-clientes-logos img{width: 70%}
  body .home-clientes .carousel{ margin-bottom:60px; }







  body .quem-sosmos-banner{ background: url(../img/banner-quem-somos-mobile.jpg) center center no-repeat; background-size: cover;}





  body .busca .input-busca{padding: 15px 15px 15px 40px; background: url(../img/busca.png) 10px center no-repeat, var(--cor-bg-1);
    background-size: 20px; margin: 0 0 20px}
  body .busca{flex-direction: column; align-items: center;}
  body .busca .bt-busca{position: relative; display: inline-block;}





  body .terracotta-banner{background: url(../img/banner-terracotta-mobile.jpg) center bottom no-repeat;	background-size: cover;}
  body .terracotta-banner h3{text-align: center;}

}



@media (min-width: 768px) and (max-width: 992px) {
	.lg-hide{display: none;}
	.xl-hide{display: none;}
	
	

	
}


@media (min-width: 992px) and (max-width: 1200px) {
	
	.xl-hide{display: none;}






	
}

@media (min-width: 1201px) and (max-width: 1440px) {
	
		
	
}

@media (min-width: 1441px) and (max-width: 1920px) {

	
	
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1400px;}

}


@media (min-width: 1921px) {
	
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1700px;}
	
}