/* index.php */
.info {
	padding: 4% 5%;
	background-color: #F4C142; 
    text-transform: uppercase;
    height: 100%;
	white-space: nowrap;
    margin-right: 10px;
	border-radius: 13px;
  min-width: 123px;
  box-sizing: border-box;
  padding: .2rem .8rem;
  height: 26px;
  font-size: 18px;
  line-height: 0;
  font-family: 'Gotham Book', sans-serif;
}

.video-container {
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px; 
	height: 0; 
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} 

/* single-produtos.php */

.video-wrap{
	width: 100%;
	margin-top: 20px;
}
.video-wrap h2{
	display: flex;
	align-items: center;
	color: #2b5189;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}
.video-wrap h2 img{
	margin-right: 10px;
}

.video-wrapper{
	width: 100%;
	margin: 20px 0 0 0;
}
.video-wrapper-text{
	color: #fe5000!important;
    margin: 30px 0 30px 0!important;
    font-size: 23px!important;
    font-weight: 801!important;

}

.video-wrapper-da-obra{
	width: 80%;
	margin: -5rem auto 25px;
}
.video-wrapper-text-da-obra{
	font-size: 1.3rem!important;
	margin: 0 0 2rem 0!important;
	font-family: "Montserrat", sans-serif!important;
	font-weight: 900!important;
	color: #fd5001!important;
	text-align: center!important;

}

.selectedGal{
	background-color: #ff4f00!important;
}    

@media(min-width: 1024px){
	.video-wrap{
		width: 33%;
		margin-top: 0px;
	}

	.video-wrapper{
    width: 75%;
    margin: 20px auto;
	}

	.video-wrapper-da-obra{
		width: 60%;
		margin: 20px auto;
	}

	.video-wrapper-text-da-obra{
		font-family: "Montserrat", sans-serif!important;
		font-weight: 900!important;
		font-size: 3rem!important;
		justify-content: center;
		color: #fd5001!important;
		position: relative;
		margin: 0 0 4rem 0!important;
		text-transform: uppercase;
		text-align: center;
	
	}
}

/* Banner gerador de LP */
.banner-landing-page{
	position: relative;
	width: 100%;
}

.banner-landing-page .banner-wrap{
}

.banner-landing-page .item{
	position: relative;
	height: 100%;
	width: 100%;
}

.banner-landing-page .item img {
	object-fit: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.banner-landing-page img.imagem-desk{
	display: none;
}

.banner-landing-page .conteudo{
	position: absolute;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
}

.banner-landing-page .conteudo .ponto-de-referencia {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 44px;
    font-weight: bold;
    text-shadow: 1px 1px 8px#171717;
}

@media (min-width: 768px){
	.banner-landing-page img.imagem-mobile {
		display: none;
	}
	.banner-landing-page img.imagem-desk{
		display: block;
	}
	.banner-landing-page .conteudo{
		position: absolute;
		bottom: 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 40px;
		padding-left: 10%;
		padding-right: 10%;
		box-sizing: border-box;
	}
	.banner-landing-page .conteudo .ponto-de-referencia {
	    font-size: 52px;
	}
}

/* Section fale com corretor */
.fale-com-corretor{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.fale-com-corretor h3, .fale-com-corretor h4, .fale-com-corretor h5, .fale-com-corretor h6{
	font-size: 35px;
	margin-bottom: 15px;
	color: #ff4e00;
	text-transform: uppercase;
}

.fale-com-corretor .chamada{
	padding: 10px 15px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 7px;
    font-weight: 600;
	background-color: #ff4e00;
	text-decoration: none;
	cursor: pointer;
}

@media(min-width: 1024px){
	.fale-com-corretor .chamada{
		background-image: url(../images/botao-bg.png);
	    background-repeat: no-repeat;
	    background-position: right center;
	}

}

/*tamanho do banner*/

@media(max-width: 767px){
	/* .banner .banner-wrap{
		height: 310px;
	} */

	/* .banner .item{
		height: 310px;
	} */

	.banner .item .conteudo .ponto-de-referencia{
		font-size: 36px;
		line-height: 1.3;
	}
}

/* botao banner principal */
.banner .item .conteudo .botao {
  display: inline-block;
  color: #FFF;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  /* padding: 10px 15px; */
  border-radius: 25px;
  background-color: #ea5c2a;
  border: 1px solid #ea5c2a;
  cursor: pointer;
  padding: 0;
  min-width: 160px;
  height: 40px;
  font-size: 20px;
  line-height: 0;
  font-family: 'Gotham Black', sans-serif;
  transition: background-color .35s, color .15s;
  box-sizing: border-box;
  padding-bottom: 1.5px;
}

.banner .item .conteudo .botao{
	display: none !important;
  }

.banner .item .conteudo .botao:hover, .banner .item .conteudo .botao:hover {
  color: #ea5c2a;
  background-color: #FFF;
}


/* Produtos Home */
section.produtos .itens .produto .informacoes p.endereco{
	min-height: auto;
	/*margin-top: 0;*/
}


/* Cor do header */
header{
	background-color: #fe5000;
	z-index: 100;
}

header .header-wrap .menus a{
	color: #fff;
	text-transform: lowercase;
}

header .header-wrap .menus .links a{
	color: #fff;
}

header .header-wrap .menus a:hover{
	color: #ffb99a;
}

header .header-wrap .menus .links{
	color: #fff
}

header .header-wrap #mobIcon span{
	background-color: #fff
}

/*estagio da obra*/
.estagio-da-obra{
	margin: 50px 0;
	display: block;
    box-sizing: border-box;
}

.estagio-da-obra .titulo{
	display: flex;
    align-items: center;
    color: #2b5189;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.estagio-da-obra .titulo img{
	margin-right: 10px;
}

.estagio-da-obra img{
	max-width: 100%;
}

.estagio-da-obra .status{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
}

.estagio-da-obra .status .geral .circle{
	position: relative;
    text-align: center;
    width: 206px;
    height: 206px;
    border-radius: 100%;
    margin-bottom: 30px;
    background-color:#ccc;
    background-image:
        linear-gradient(91deg, transparent 50%, #ccc 50%),
        linear-gradient(90deg, #ccc 50%, transparent 50%);
}

.estagio-da-obra .status .geral .circle .content{
	position: relative;
    top: 8px;
    left: 8px;
    text-align: center;
    width: 190px;
    height: 190px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.estagio-da-obra .status .geral .circle .content .valor{
	font-size: 55px;
	font-weight: bold;
}

.estagio-da-obra .status .geral .circle .content p{
	text-transform: uppercase;
}

.estagio-da-obra .status .list{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.estagio-da-obra .status .list .item{
	margin-bottom: 15px;
}

.estagio-da-obra .status .list .item-info{
	font-size: 1.05rem;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

.estagio-da-obra .status .list .bar{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.estagio-da-obra .status .list .bar .bar-total{
	margin-left: 10px;
	display: block;
	height: 10px;
	width: 135px;
	border-radius: 10px;
	background-color: #acacac;
	position: relative;
	overflow: auto;
}

.estagio-da-obra .status .list .bar .bar-total .bar-progress{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	max-width: 100%;
	border-radius: 10px;
	background-color: #ff4f00;
}

.estagio-da-obra .galeria .itens{
	height: 380px;
}

.estagio-da-obra .galeria .itens .item .area-imagem{
	background-color: #e8e8e8;
	height: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.estagio-da-obra .galeria .itens .item .legenda{
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}

.estagio-da-obra .galeria-arrow {
	position: absolute;
	width: 90%;
	height: 1px;
	top: calc(50%);
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 50;
}

.estagio-da-obra .galeria-arrow .slick-arrow {
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background 0.7s;
	outline: none;
}
.estagio-da-obra .galeria-arrow .slick-arrow svg {
	width: 50px;
	height: 50px;
	fill: #fff;
	transition: 0.7s;
	background-color: #fff;
	border-radius: 50%;
}

.estagio-da-obra .galeria-arrow .slick-arrow svg path:last-child {
	fill: #ff4e00;
}

.estagio-da-obra .galeria-arrow .slick-arrow i {
	font-size: 25px;
}

.estagio-da-obra .galeria-arrow .galeria-left {
	float: left;
}

.estagio-da-obra .galeria-arrow .galeria-right {
	float: right;
}

@media(min-width: 768px){
	.estagio-da-obra{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.estagio-da-obra .titulo{
		width: 100%;
	}

	.estagio-da-obra .status{
		width: 100%;
	}

	.estagio-da-obra .galeria{
		width: 100%;
	}
	.estagio-da-obra .status{
		flex-direction: row;
		justify-content: space-around;
		margin-bottom: 30px;
	}
	.estagio-da-obra .status .list .item{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.estagio-da-obra .status .list .item-info{
		margin-right: 15px;
	}
}

@media(min-width: 1024px){
	.estagio-da-obra .status{
		width: 58%;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.estagio-da-obra .galeria{
		width: 40%;
	}
	.estagio-da-obra .status .geral{
		margin-right: 30px;
	}
}

#gallery .galeria-de-fotos .fotos .item .area-imagem {
	height: unset;
}