#layout{
	position: relative;
	overflow: hidden;
}
.par1{
	height: 70px;
	background-color: #212121;
}
#btn-float{
	margin-top: 3%;
	display: inline-block;
	text-transform: uppercase;
	background-color: #ee730d;
	color: #e4e4e4;
	border: 1px solid #ee730d;
	font-size: 70%;
	letter-spacing: .05rem;
}

.slides_um{
	position: relative;
	background-color: #212121;
}
.bannerSup{
	width: 100%;
}
.bannerSup img{
	width: 100%;
}
.bannerSup .videoYoutuBe{
	width: 100%;
	height: 100%;
}
/* controles */
.controlEsquerda, .controlDireita{
	position: absolute;
	top: 10%;
	width: 50px;
	height: 50px;
	font-size: 170%;
	color: white;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #000;
	z-index: 99;
}
.controlDireita .seta-direita, .controlEsquerda .seta-esquerda{
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
.controlDireita .seta-direita{
	right: 0;
	text-align: right;
}
.controlEsquerda{
	left: 1%;
}
.controlDireita{
	right: 1%;
}
/* parte 2 */
.par2{
	background-color: #212121;
	padding-top: 4%;
	padding-bottom: 45%;
}
.par2 h1{
	
	font-size: 115%;
	letter-spacing: .15rem;
	line-height: 1.3rem;
}
.par2 p{
	margin-top: 3%;
	text-transform: uppercase;
	font-size: 70%;
	letter-spacing: .05rem;
}
#controle-textos{
	margin-top: 10%;
}
.par2_textos h3{
	font-size: 100%;
	text-transform: uppercase;
	font-family: swis721-bold;
	letter-spacing: .15rem;
}
.par2_textos p{
	letter-spacing: .08rem;
	line-height: 1rem;
}
.texto_direita{
	position: relative;
	top: -10px;
	margin-right: 4%;
}
.texto_esquerda{
	margin-left: 4%;
}
#ultimo_texto{
	position: relative;
	top: -25px;
}
/* parte 3 */
.par3{
	position: relative;
	background-color: #2a2a2a;
}
.imgs img{
	width: 47%;
	filter: brightness(20%);
}
.primeiro_relative{
	position: relative;
	top: -130px;
	margin-top: 0;
}
.core{
	display: inline;
	position: relative;

}
.encore .baseum{
	top: -100px;
	left: 5px;
}
.corejj .basedois{
	top: -100px;
	right: 5px;
}
.encore .basetres{
	top: -120px;
	left: 5px;
}
.corejj .basequatro{
	top: -100px;
	right: 6px;
}
.encore .basecinco{
	top: -100px;
	left: 5px;
}
.corejj .baseseis{
	top: -90px;
	right: 6px;
}
.texto-core{
	display: inline;
	position: absolute;
	top: -120px;
	width: 90%;
	text-transform: uppercase;
	font-family: swis721-bold;
	color: #ee730d;
	font-size: 70%;
	line-height: .9rem;
}
/* parte 4 */
.par4{
	position: relative;
	margin-top: -6rem;
	padding-bottom: 5%;
	background-color: #2a2a2a;
}
.par4 h1{
	font-size: 115%;
	letter-spacing: .15rem;
	line-height: 1.3rem;
}
.par4 p{
	margin-top: 3%;
	text-transform: uppercase;
	font-size: 70%;
	letter-spacing: .05rem;
	line-height: 1rem;
}
#slide-baixo{
	position: relative;
	margin-top: 5%;
}
#slide-baixo img{
	width: 100%;
}
/* Botões do banner de baixo */
.controlBotEsquerda, .controlBotDireita{
	position: absolute;
	top: 10%;
	width: 50px;
	height: 50px;
	font-size: 170%;
	color: white;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #000;
}
.controlBotDireita .seta-direita, .controlBotEsquerda .seta-esquerda{
	position: absolute;
	top: 55%;
	margin-top: -10px;
	z-index: 999;
}
.controlBotDireita .seta-direita{
	right: 0;
	text-align: right;
}
.controlBotEsquerda{
	left: 1%;
}
.controlBotDireita{
	right: 1%;
}
/* botão de agendamento */
#botao-agendar{
	margin-top: 5%;
}

/* parte 5 */
.par5{
	background-color: #212121;
	padding-top: 5%;
	padding-bottom: 5%;
}
.par5 h1{
	font-size: 115%;
	letter-spacing: .15rem;
	line-height: 1.3rem;

}
#instafeed{
	padding-top: 5%;
	margin-left: -.3rem;
}


#instafeed img{
	display: inline;
	width: 46%;
	margin-left: .3rem;
}

/* botão na foto */
.posBtn{
	overflow: hidden;
}
.sp_aviso{
	position: absolute;
	background-color: rgba(33, 33, 33, .6);
	z-index: 828;
	right: 2px;
	top: -55px;
	color: white;
	padding: 5px 5px;
}
.sp_aviso span{
	margin-bottom: 2px;
	color: #ee730d;
}
.fa-hand-point-up{
	margin-top: 5px;
	font-size: 2rem;
	color: #ee730d;
}

@media(min-width: 360px){
	.sp_aviso{
		right: 1px;
	}
}

@media (min-width: 370px){
	.par2{
		padding-bottom: 35%;
	}
	.par1{
		height: 80px;
	}
	.encore .baseum{
		top: -120px;
	}
	.corejj .basedois{
		top: -130px;
	}
	.encore .basetres{
		top: -140px;
	}
	.corejj .basequatro{
		top: -120px;
	}
	.encore .basecinco{
		top: -120px;
	}
	.corejj .baseseis{
		top: -110px;
	}
}

@media(min-width: 375px){
	.sp_aviso{
		right: 6px;
	}
}

@media(min-width: 411px){
	.sp_aviso{
		right: 5.5%;
		top: -70px;
	}
}

@media (min-width: 550px){
	.par1{
		height: 100px;
	}
	
	.bannerSup .videoYoutuBe{
		height: 230px;
	}
	.controlEsquerda, .controlDireita, .controlBotDireita .controlBotEsquerda{
		width: 80px;
		height: 150px;
	}
	.sp_aviso{
		right: 22%;
		top: -70px;
	}
}

@media (min-width: 660px){
	.seta-direita, .seta-esquerda{
		font-size: 180%;
	}
	.par2 h1, .par4 h1, .par5 h1{
		font-size: 200%;
		line-height: 2.3rem;
	}
	.par2_textos h3{
		font-size: 150%;
	}
	.par2_textos p, .par4 p,.par2 p{
		font-size: 100%;
		line-height: 1.4rem;
	}
	#btn-float{
		font-size: 100%;
	}
	.par2{
		padding-bottom: 30%;
	}
	.texto-core{
		width: 80%;
		font-size: 100%;
	}
	.encore .baseum{
		top: -170px;
		left: 10%;
		line-height: 1.3rem;
	}
	.corejj .basedois{
		top: -170px;
		right: 10%;
		line-height: 1.3rem;
	}
	.encore .basetres{
		top: -190px;
		left: 10%;
		line-height: 1.3rem;
	}
	.corejj .basequatro{
		top: -170px;
		right: 10.5%;
		line-height: 1.3rem;
	}
	.encore .basecinco{
		top: -170px;
		left: 10%;
		line-height: 1.3rem;
	}
	.corejj .baseseis{
		top: -170px;
		right: 10%;
	}
	.sp_aviso{
		right: 23%;
	}

}

@media (min-width:  731px){
	.sp_aviso{
		right: 26%;
	}
}
@media (min-width: 760px){
	.controlEsquerda, .controlDireita, .controlBotDireita .controlBotEsquerda{
		width: 80px;
		height: 150px;
	}
	.seta-direita, .seta-esquerda{
		z-index: 9;
	}
	.seta-direita, .seta-esquerda{
		font-size: 200%;
	}
	.par2 h1, .par4 h1, .par5 h1{
		font-size: 260%;
		line-height: 2.3rem;
	}
	.par2_textos h3{
		font-size: 180%;
	}
	.par2_textos p, .par4 p,.par2 p{
		font-size: 130%;
		line-height: 1.6rem;
	}
	#btn-float{
		font-size: 130%;
	}
	.par2{
		padding-bottom: 30%;
	}
	.texto-core{
		width: 80%;
		font-size: 130%;
		line-height: 1.5rem!important;
	}
	.encore .baseum{
		top: -200px;
		left: 10%;
	}
	.corejj .basedois{
		top: -220px;
		right: 10%;
	}
	.encore .basetres{
		top: -240px;
		left: 10%;
	}
	.corejj .basequatro{
		top: -220px;
		right: 10.5%;
	}
	.encore .basecinco{
		top: -200px;
		left: 10%;
	}
	.corejj .baseseis{
		top: -200px;
		right: 10%;
	}
	.par1{
		height: 115px;
	}
	.slides_um{
		height: 340px;
	}
	.bannerSup .videoYoutuBe{
		position: relative;
		height: 290px;
	}
	.sp_aviso{
		top: -90px;
	}
}