html, body{
	width: 100%;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.conteudo{
	max-width: 1920px;
	margin: auto;
	text-align: center;	
}

.meu-carousel{
	position: relative;
	z-index: 0;
}

.frase-box{
	text-align: left;
	position: absolute;
	z-index: 2;
	top: 35%;
	left: 20vw;
}

.frase-box-mobile{
	text-align: left;
	position: absolute;
	z-index: 2;
	position: absolute;
	top: 50%;  /* position the top  edge of the element at the middle of the parent */
	left: 50%; /* position the left edge of the element at the middle of the parent */
	transform: translate(-50%, -50%)
}

.frase-titulo{
	font-size: calc(8px + 2vw);
	color: #FFFFFF;
	font-weight: 700;
}

.frase-descricao{
	font-size: calc(8px + 1.5vw);
	color: #FFFFFF;
	font-weight: 300;
}

.menu{
	max-width: 1600px;
	width: 90%;
	border-radius: 0px 0px 25px 25px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	background-color: #3C3C3B;
	top: 50px;
	z-index: 1;
}

.menu ul li a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 700;
	font-size: calc(5.5px + .4vw);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 5px solid transparent;
}

.menu ul li a:active{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 700;
	font-size: calc(5.5px + .4vw);
	border-bottom: 5px solid red;
}

.menu-mobile ul li a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 700;
	font-size: calc(7px + .4vw);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.icone-menu{
	width: 3%;
	margin: 20px;
}

.middle{
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: flex;
	align-items: center;
}

.logo{
	width: 70%;
	margin: 20px 50px 20px 50px;	
	float: left;
	cursor: pointer;
}

.logo-menu{
	margin: 10px 10px 10px 10px;	
	width: 35%;
	cursor: pointer;
}

.trapezoid{
	width: 100%;
	height: 0;
	border: 0 solid #FFFFFF;
	border-left-width: 30vw;
	border-right-width: 30vw;
	border-top: 15vh solid transparent;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

.servico-box{
	width: 75%;
	background-color: #E4032B;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index:2;
	bottom: 0;
	border-radius: 25px;	
}

.servico-text-box{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.servico-icone img{
	width: calc(3em + 2.5vw);
	height: calc(3em + 2.5vw);
	margin: 20px;
}

.item{
	padding-top: 20px;
}

.item-titulo{
	color: #E4032B;
	font-weight: 700;
	font-size: 1.1em;
}

.item-descricao{
	color: #707070;
	font-weight: 700;
	font-size: 0.9em;
}

.historia{
	margin: 60px 0px 60px 0px;
}

.historia-carousel{
	border-bottom-right-radius: 4em;
	overflow: hidden;
	height: 90%;
	z-index: 1
}

.historia-carousel p{
	font-size: calc(5px + 2vw);
	vertical-align:middle;
	display: table-cell;
}

.titulo{
	color: #E4032B;
	font-size: calc(12px + 1vw);
	font-weight: 800;
}

.titulo-dark{
	color: #212529;
	font-size: calc(12px + 1vw);
	font-weight: 800;
}

.historia-texto{
	text-align: left;
}

.historia-descricao{
	width: 100%;
	color: #3C3C3B;
	font-size: calc(10px + .6vw);
	font-weight: 400;
}

.historia-carousel-col{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	position: relative;
}

.historia-carousel-rodape{
	background-color: #3C3C3B;
	width: 80%;
	height: 20%;
	position: absolute;
	z-index: 2;
	bottom: 0;
	border-radius: 0em 4em 4em 0em;
}

.historia-carousel-rodape-texto{
	position: relative;
	width: 100%;
	height: 100%;
}

.historia-carousel-rodape-texto p{
	height: 100%;
	float: right;
	margin-right: 2em;
	margin-left: 12em;
	padding: 5px;
	font-size: calc(5px + .6vw);	
	color: #FFFFFF;
	text-align: left; 	
}

.hitoria-carousel-left-buttom{
	position: absolute;
	background-color: #E4032B;
	width: calc(20px + 2vw);
	height: calc(20px + 2vw);
	z-index: 3;
	border-radius: 50%;
	top: 50%;
	right: -0.8em;
	transform: translateY(-50%);
	font-size: calc(15px + 2vw);
	background-image: url("../img/icone/anterior.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
}

.hitoria-carousel-right-buttom{
	position: absolute;
	background-color: #AB0F1F;
	width: calc(20px + 2vw);
	height: calc(20px + 2vw);
	z-index: 4;
	border-radius: 50%;
	right: -1.8em;
	top: 50%;
	transform: translateY(-50%);
	font-size: calc(15px + 2vw);
	background-image: url("../img/icone/proximo.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
}

.linha-do-tempo{
	padding: 40px;
	background-image: url("../img/linhadotempo/bg.jpg");
	min-height: 500px; 
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.linha-do-tempo-descricao{
	color: #FFFFFF;
	padding-left: 15%;
	padding-right: 15%;
	text-align: center;
}

.linha-do-tempo img{
	padding-top: 5em;
	width: 78%;
}

.linha-do-tempo-mobile-titulo{
	color: #FFFFFF;
	text-align: center;
	margin: 15px;
}

.linha-do-tempo-mobile-titulo h1{
	font-size: calc(10px + 2vw);
	border: 3px solid #FFFFFF;
	border-radius: 50px;
	padding: 15px;
}

.linha-do-tempo .item-descricao{
	color: #FFFFFF;
	font-size: 1em;
}

.diferenciais{
	margin: 60px;
	text-align: center;
}

.diferenciais .descricao{
	margin-bottom: 60px;
}

.diferenciais img{
	width: calc(8em + 2vw);
	height: calc(8em + 2vw);
	padding: 25px;
}

.descricao{	
	color: #3C3C3B;
	font-size: calc(10px + .6vw);
	font-weight: 400;
}

/*ACCORDION*/
.accordion-box ul {
	display: flex;
	min-height: 100vh;
	max-height: 100vh;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
}

.accordion-box li {
	flex: 1;
	display: flex;
	align-items: stretch;
	padding: 20px;	
	cursor: pointer;
	transition: all .1s ease;
}

.accordion-li-1{
	background-image: url("../img/accordion/img1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.accordion-li-2{
	background-color: #E8E8E8;
}

.accordion-li-3{
	background-color: #3C3C3B;
}

.accordion-li-4{
	background-color: #E4032B;
}

.accordion-box li.accordion-li-2.active, .accordion-box li.accordion-li-3.active, .accordion-box li.accordion-li-4.active {
	flex: 5;
	background: #fff;
	cursor: default;
}

.accordion-box li.accordion-li-1.active {
	flex: 5;
	background-image: url("../img/accordion/img2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: default;
}

.accordion-box li.active .section-content {
	flex: 4;
	opacity: 1;
	transform: scaleX(1);
	color: #3C3C3B;
	display: block;
	padding: 3em;
}

.accordion-box li .section-content {
	flex: 1;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	opacity: 0;
	display: none;
	transition: all .1s .1s ease-out;
}

.section-item{
	width: 100%;
	text-align: center;
}

.section-item.active{
	display: none;
}

.section-title{	
	bottom: 0;
	font-weight: 700;
}

.section-title-vermelho{	
	bottom: 0;
	color: #E4032B;
	font-weight: 700;
}
/*ACCORDION*/

.accordion-box-mobile .row{
	padding: 2em;
}

.accordion-mobile-col-1{
	min-height: 15em;
	background-image: url("../img/accordion/img2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin: 0;
	padding: 25px;
	height: 100%;
	display: table;
}

.accordion-mobile-col-1 .titulo, .accordion-mobile-col-1 p{
	visibility: hidden;
}

.accordion-mobile-col-2{
	min-height: 15em;
	background-color: #e8e8e8;
	margin: 0;
	padding: 25px;
	height: 100%;
	display: table;
}

.accordion-mobile-col-3{
	min-height: 15em;
	background-color: #3c3c3b;
	margin: 0;
	padding: 25px;
	height: 100%;
	display: table;
}

.accordion-mobile-col-4{
	min-height: 15em;
	background-color: #e4032b;
	margin: 0;
	padding: 25px;
	height: 100%;
	display: table;
}

.accordion-mobile-col-1 p, .accordion-mobile-col-3 p, .accordion-mobile-col-4 p{
	color: #FFFFFF;
}

.table-middle{	
	vertical-align:middle;
	display: table-cell;
}

.acompanhamento{
	margin: 40px;
	text-align: center;
}

.acompanhamento-titulo{
	color: #E4032B;
	font-size: calc(12px + 1vw);
	font-weight: 800;
	margin-bottom: 15px;
}

.acompanhamento-descricao{
	text-align: left;
	color: #3C3C3B;
	font-size: calc(10px + .4vw);
	font-weight: 400;
	padding: 25px;
}

.relative-middle{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.btn-vermelho{
	background-color: #E4032B;
	color: #FFFFFF;
}

.lugares-atendido{
	position: relative;
	background-color: #474747;	
}

.lugares-atendido .row{
	margin: 0;
}

.lugares-atendido .titulo{
	padding-top: 40px;
	padding-bottom: 40px;
}

.lugares-atendido form{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 40px;
}

.lugares-atendido img{
	width: calc(20em + 8vw);
	padding: 40px;
}

.rodape{
	min-height: 250px;
	background-color: #E4032B;
	padding: 60px;
	color: #FFFFFF;
	text-align: left;
}

.rodape h5{
	margin-top: 15px;
}

.div-mais{
	width: 5em;
	height: 5em;
	border-radius: 50%;
	background-color: #FFFFFF;
	position: relative;
	background-image: url("../img/icone/mais.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
}

.rede-social a img{
	width: 2em;
	height: 2em;
	margin: 1em;
}

.voltar-topo{
	position: fixed;
	background-color: #3c3c3b;
	width: calc(25px + 2vw);
	height: calc(25px + 2vw);
	border: 2px solid #FFFFFF;
	border-radius: 50%;
	z-index: 3;
	bottom: 25px;
	right: 25px;
	background-image: url("../img/icone/top.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
}

#resultado_orcamento {
	color: #fff;
    padding: 0 0 25px;
    font-weight: bold;
}

#loading{
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.spinner {
	width: 60px;
	height: 60px;

	position: relative;
	margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #cc0000;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;

	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.double-text{
	position: absolute;
	bottom: -30px;
	left: -10px;
	color: #cc0000;
}

@-webkit-keyframes sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/* upload */
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.btn-upload {
      border: 2px solid gray;
    color: gray;
    background-color: white;
    padding: 5px 20px;
    border-radius: 8px;
    font-size: 16px;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.aviso-upload {
	color: #fff;
}

#result-upload {
	color: #fff;
}