:root{
	--azul-claro: rgb(228, 229, 231);
	--azul-escuro: rgb(144, 142, 141)
}

 @font-face {
	font-family: MyriadPro;
	src: url("../fontes/MYRIADPRO-REGULAR.OTF");
}
@font-face {
	font-family: MyriadProBold;
	font-weight: bolder;
	src: url("../fontes/HomepageBaukasten-Book.otf");
}

*{
	padding: 0;
	margin: 0;
	font-family: arial;
}

textarea:focus, input:focus, button:focus{
    outline: none;
}

body{
	scrollbar-width: none;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
}

.txt-sombra{
	text-shadow: rgb(155,155,155) 1px 1px 1px;
}

.alert-info{
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: transparent;
	/*display: none;*/
}

/* geral */
.fundo{
	background: rgba(0,0,0,0.95);
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 99;
}
.img-predio{
	position: absolute;
	width: 500px;
	top: 0px;
	left: 0px;
}
.img-logo{
	position: fixed;
	z-index: 99;
	width: 20vw;
	bottom: 0;
	left: 50%;
	margin-left: -10vw;
}
.rodape{
	position: absolute;
	z-index: 2;
	background: #fff;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 7.5vw;
	opacity: 0;
}
.botoes{
	position: absolute;
	z-index: 88;
	width: 28vw;
	text-align: center;
	padding: 1vw 0px;
	top: 2vh;
	border-radius: 10vw;
	text-transform: uppercase;
	font-size: 1.2vw;
	color: black;
	background: var(--azul-claro);
	border: 0.15vw solid var(--azul-escuro);
	cursor: pointer;
	/*background: var(--azul-escuro);
	color: #FFF;
	border: 1px solid var(--azul-claro);*/
}
.btn-visao1{
	left: 20vw;
}
.btn-visao2{
	left: 50vw;
}
.btn-selecionado{
	/*background: var(--azul-escuro);
	color: #FFF;
	border: 1px solid var(--azul-claro);*/
	font-weight: bold;
	color: white;
	background-color: #d10a10;
	border: 0.15vw solid white;
}

.txt-andar{
	position: absolute;
	font-family: arial;
	font-weight: 600;
	text-transform: uppercase;
	left: 554px;
	top: 100px;
	font-size: 64px;
	color: var(--azul-escuro);
}

.foto-simples{
	position: absolute;
	width: 418px;
	height: 232px;
	bottom: 160px;
	left: 82px;
}
.img-simples{
	width: 100%;
	height: 100%;
}

.img-lupa{
	position: absolute;
	width: 75px;
	top: 0px;
	left: 35px;
}

.visualizador-foto-simples{
	position: absolute;
	z-index: 10;
	width: 1920px;
	height: 1080px;
	top: 0px;
	left: 0px;
	background: rgb(0,0,0,0.9);
	display: none;
}
.img-visualizador{
	position: absolute;
	width: 1360px;
	left: 280px;
	bottom: 160px;
}
.img-vista{
	position: absolute;
	width: 200px;
	left: 330px;
	top: 155.2px;
	z-index: 10;
}
.icon-fechar{
	position: absolute;
	z-index: 99;
	width: 80px;
	top: 125px;
	right: 250px;
}

.foto-especial{
	position: absolute;
	z-index: 0;
	width: 100vw;
	height: 100vh;
	top: 0;
	right: 0px;
}
.img-especial{
	width: 100%;
	height: 100%;
}
.iframe-foto-especial{
	width: 100%;
	height: 100%;
	border: 0px;
}

.img-180{
	position: absolute;
	width: 6vw;
	top: 0px;
	left: 3vw;
}

.slider {
	position: absolute;
	right: -200px;
	/*right: -12.6vw;*/
	top: 265px;
	/*top: 47vh;*/
    -webkit-appearance: none;
    width: 480px;
    /*width: 29.2vw;*/
    /*height: 5px;*/
    height: 10px;
    /*height: 1vh;*/
    border-radius: 10px;
    background: rgba(0,0,0,0.9);
    outline: none;
    transform: rotate(-90deg);
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 50px;
	height: 50px;
	border: 0;
	background: url('../img/range.png?v=4');
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 35px;
	height: 35px;
	border: 0;	background: url('../img/range.png?v=4');
	cursor: pointer;
}
.div-slider{
	position: absolute;
	width: auto;
	height: 400px;
	right: 100px;
	top: 106.5px;
}
.div-sinalizador{
	position: absolute;
	bottom: 0vh;
	left: 0px;
	z-index: 99;
}
.img-sinalizador{
	position: absolute;
	bottom: 2.5px;
	left: -20px;
	width: 60px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.txt-sinalizador{
	position: absolute;
	font-family: arial;
	color: white;
	font-size: 20px;
	left: -5px;
	bottom: 10px;
	cursor: default;
}

.apresentacao{
	position: fixed;
	z-index: 999;
	width: 50vw;
	left: 25vw;
	top: 10vh;
	/*height: 26.5vw;*/
	background-color: #d10a10;
	font-family: MyriadProBold;
	/*top: 50%;*/
	/*transform: translateY(-50%);*/
}

.fachada{
	width: 18vw;
	height: 26vw;
	margin: 0.5vw;
	float: left;
}
.apresentacao-branco{
	width: 30.5vw;
	background-color: white;
	margin-left: 19vw;
	margin-top: 0.5vw;
	text-align: center;
	padding: 2vw 0;
}
.titulo{
	color: #d10a10;
    font-size: 1.6vw;
    font-weight: 700;
    box-sizing: border-box;
}
.subtitulo{
	color: #777;
    font-size: 1.0vw;
    letter-spacing: 0.5vw;
    font-weight: 700;
    box-sizing: border-box;	
}
.cidade{
	width: 30.5vw;
	text-align: center;
	margin-left: 19vw;
    font-size: 1.6vw;
    font-weight: 700;
	color: #fff;
	padding: 2.7vw 0 0 0;
}
.endereco{
	width: 30.5vw;
	text-align: center;
	margin-left: 19vw;
    font-size: 1vw;
    font-weight: 700;
	color: #fff;
	padding: 1vw 0 0 0;
}
.dados{
	width: 30.5vw;
	text-align: center;
	margin-left: 19vw;
    font-size: 0.8vw;
    font-weight: 300;
	color: #fff;
	padding: 2.7vw 0 0 0;
	padding-left: 3.5vw;
}
.dados-bloco{
	float: left;
	width: 8vw;
}
.dados-bloco img{
	height: 2	vw;
}

.info-toque{
	position: absolute;
	z-index: 100;
	color: #fff;
	text-align: center;
	font-family: MyriadProBold;
    font-weight: 700;
    font-size: 1vw;
    width: 100%;
    bottom: 2vw;
}
.info-toque img{
	width: 2.5vw;
	padding-bottom: 0.5vw;
}
/*.texto-info-desktop{

}*/
.texto-info-celular{
	display: none;
}
.logo-glide{
	position: absolute;
	z-index: 999;
	bottom: 2vw;
	right: 2vw;
	width: 8vw;
	opacity: 0.8;
	cursor: pointer;
}
.logo-glide:hover{
	opacity: 1;
}
.fundo-180-graus{
	width: 5vw;
	margin-left: 2vw;
	margin-top: 2vw;
}
.btn-info{
	position: absolute;
	z-index: 97;
	width: 6vw;
	top: 30vh;
	background-color: #d10a10;
	border-top-right-radius: 1vw;
	border-bottom-right-radius: 1vw;
	cursor: pointer;
	display: none;
}
.btn-info img{
	width: 4vw;
	margin: 1vw;
}
.info-toque-swipe{
	display: none;
}
.fundo-celular-horizontal{
	display: none;
}
.infografico{
	position: absolute;
	bottom: 6.5vw;
	left: 3.5vw;
	z-index: 0;
	width: 100px;
	opacity: 0.8;
	/*max-height: 130px;*/
}
/*----------------------------------------------------DESIGN RESPONSIVO--------------------------------------------------------------*/

/*@media only screen and (max-width: 1080px) {
	.img-logo{
		width: 30vw;
		margin-left: -15vw;
	}
	.botoes{
		display: inline-block;
		width: 42vw;
		top: 10vh;
		border-radius: 15vw;
		font-size: 2vw;
		border: 0.5vw solid var(--azul-claro);
	}
	.btn-visao1{
		left: 3vw;
	}
	.btn-visao2{
		left: 3vw;
		top: 23vw;
	}
	.btn-selecionado{
		border: 0.5vw solid var(--azul-escuro);
	}
	.img-180{
		width: 18vw;
	}
	.slider {
		right: -180px;
		top: 240px;
	}
	.div-slider{
		height: 404px;
		right: 80px;
		top: 35px;
	}
	.apresentacao{
		position: fixed;
		z-index: 999;
		width: 94vw;
		height: 48vw;
		left: 3vw;
		top: 20vw;
	}
	.fachada{
		width: 30vw;
		margin: 2vw;
		height: 90%;
		float: left;
	}
	.apresentacao-branco{
		width: 58vw;
		margin-left: 34vw;
		margin-top: 2vw;
		padding: 4vw 0;
	}
	.titulo{
	    font-size: 5vw;
	    font-weight: 700;
	    box-sizing: border-box;
	}
	.subtitulo{
		color: #777;
	    font-size: 2.5vw;
	    letter-spacing: 0.7vw;
	}
	.cidade{
		width: 58vw;
		margin-left: 34vw;
	    font-size: 3.5vw;
		padding: 1.5vw 0 0 0;
	}
	.endereco{
		width: 58vw;
		margin-left: 34vw;
	    font-size: 3vw;
		padding: 1.5vw 0 0 0;
	}
	.dados{
		width: 100%;
		text-align: center;
		margin-top: 5vw;
	    font-size: 2vw;
		padding: 0;
		padding-left: 1vw;
	}
	.dados-bloco{
		float: left;
		width: 19vw;
	}
	.dados-bloco img{
		height: 5vw;
	}
	.info-toque{
		font-size: 3vw;
	    bottom: 10px;
	}
	.info-toque img{
		width: 10vw;
		padding-bottom: 2vw;
	}
	.texto-info-desktop{
		display: none;
	}
	.texto-info-celular{
		display: block;
	}
	.logo-glide{
		bottom: 4vw;
		right: 4vw;
		width: 20vw;
	}
	.fundo-180-graus{
		width: 15vw;
		margin-left: 42.5vw;
		margin-top: 5vw;
	}
	.btn-info{
		width: 12vw;
		height: 12vw;
		top: 30vh;
		border-top-right-radius: 3vw;
		border-bottom-right-radius: 3vw;
		display: none;
	}
	.btn-info img{
		width: 8vw;
		margin: 2vw;
	}

	.info-toque-mouse{
		display: none;
	}
	.info-toque-swipe{
		display: inline;
	}
	.demo-titulo{
		width: 70%;
		left: 15%;
		color: #d10a10;
	    font-size: 5vw;
	    font-weight: 700;
	    box-sizing: border-box;
	    top: 30vh;
	}
	.demo-texto{
		font-size: 3vw;

	}
}*/

/*@media only screen and (orientation: landscape) and (max-width: 1080px) {
    .img-logo{
		
	}
	.botoes{
		display: none;
	}
	.img-180{
		display: none;
	}
	.slider {
		display: none;
	}
	.div-slider{
		display: none;
	}
	.apresentacao{
		display: none;
	}

	.info-toque{
		display: none;
	}
	.texto-info-desktop{
		display: none;
	}
	.texto-info-celular{
		display: none;
	}
	.btn-info{
		display: none;
	}
	.info-toque-mouse{
		display: none;
	}
	.info-toque-swipe{
		display: none;
	}
	.logo-glide{
		bottom: 2vw;
		right: 2vw;
		width: 10vw;
	}
	.fundo{
		display: none;
	}
	.fundo-celular-horizontal{
		display: block;
		background: rgba(0,0,0,0.95);
		width: 100%;
		height: 100vh;
		left: 0;
		top: 0;
		position: absolute;
		z-index: 98;
		text-align: center;
		color: #fff;
		font-family: MyriadProBold;
		font-size: 3vw;
	}
	.fundo-celular-horizontal img{
		width: 10vw;
		margin-bottom: 3vh;
		margin-top: 20vh;
	}
}*/
@media only screen and (max-width: 1144px) and (min-width: 651px) {
	.slider {
		zoom: 0.6;
	}
	.div-slider{
		zoom: 0.6;
	}
	.infografico{
		left: 4.6vw;
	    bottom: 3.5vw;
	    width: 80px;

	}
}

@media only screen and (orientation: landscape) and (min-width:1100px ){
	.infografico{
	    bottom: 2.5vw;
	    left: 4.5vw;
	    width: 90px;
	}
}
@media only screen and (orientation: landscape) and (min-width:1250px ){
	.infografico{
		bottom: 3.5vw;
	    left: 4.5vw;
	    width: 100px;
	}
}
@media only screen and (orientation: landscape) and (max-width:670px ){
	.div-slider {
    	zoom: 0.4;
	}
 	.slider {
    	zoom: 0.4;
	}
}
@media only screen and (max-width: 650px) {
	.img-logo{
		width: 30vw;
		margin-left: -15vw;
	}
	.rodape{
		height: calc(7.5vw + 3.75vw);
	}

	.img-180{
		width: 15vw;
	}
	.botoes{
		display: inline-block;
		width: 66vw;
		left: 22vw;
		border-radius: 15vw;
		font-size: 1.7vw;
		border: 0.4vw solid var(--azul-escuro);
	}
	.slider {
		zoom: 0.6;
	}
	.div-slider{
		zoom: 0.6;
	}
	.infografico{
		/*transform: scale(0.7);*/
		/*bottom: calc(2% + 10px);
		left: 1%;*/
		left: 4.8vw;
	    bottom: 6vw;
	    width: 80px;
	}
	.btn-visao1{
		top: 2vw;
	}
	.btn-visao2{
		top: 8vw;
	}
	.btn-selecionado{
		border: 0.4vw solid white;
	}
	.btn-info{
		width: 8vw;
		height: 8vw;
		top: 26vW;
		border-top-right-radius: 1.5vw;
		border-bottom-right-radius: 1.5vw;
		display: none;
	}
	.btn-info img{
		width: 5vw;
		margin: 1.5vw;
	}
	.fundo-180-graus{
		width: 10vw;
		margin-left: 45vw;
		margin-top: 1.5vw;
	}

	.apresentacao{
		position: fixed;
		z-index: 999;
		width: 94vw;
		height: 46vw;
		left: 3vw;
		/*top: 9.5vw;*/
	}
	.fachada{
		width: 30vw;
		margin: 2vw;
		height: 90%;
		float: left;
	}
	.apresentacao-branco{
		width: 58vw;
		margin-left: 34vw;
		margin-top: 2vw;
		padding: 4vw 0;
	}
	.titulo{
	    font-size: 3vw;
	    font-weight: 700;
	    box-sizing: border-box;
	}
	.subtitulo{
		color: #777;
	    font-size: 2vw;
	    letter-spacing: 0.7vw;
	}
	.cidade{
		width: 58vw;
		margin-left: 34vw;
	    font-size: 3vw;
		padding: 1.5vw 0 0 0;
	}
	.endereco{
		width: 58vw;
		margin-left: 34vw;
	    font-size: 3vw;
		padding: 1.5vw 0 0 0;
	}
	.dados{
		width: 100%;
		text-align: center;
		margin-top: 5vw;
	    font-size: 1.8vw;
		padding: 0;
		padding-left: 1vw;
	}
	.dados-bloco{
		float: left;
		width: 19vw;
	}
	.dados-bloco img{
		height: 5vw;
	}

	.info-toque{
		font-size: 2.2vw;
	    bottom: 0vw;
	}
	.info-toque img{
		width: 8vw;
		padding-bottom: 1.5vw;
	}
	.texto-info-desktop{
		display: none;
	}
	.texto-info-celular{
		display: block;
	}
	.logo-glide{
		bottom: 2vw;
		right: 2vw;
		width: 16vw;
	}
	.info-toque-mouse{
		display: none;
	}
	.info-toque-swipe{
		display: inline;
	}
}
@media only screen and (orientation: landscape) and (max-width: 650px){
	.logo-glide{
		display:none;
	}
	.infografico{
		left: 3.8vw;
   	 	width: 80px;
    	bottom: 3vw;
	}
	}
}
@media only screen and (max-width: 550px) {
	.slider {
		zoom: 0.7;
		top: 337px;
	}
	.div-slider{
		zoom: 0.7;
		top: 178.5px;
	}
	.logo-glide{
		width: 14vh;
	}
	.infografico{
		/*transform: scale(0.6);*/
		width: 80px;
		bottom: 9.5vw;
		left: 5.6vw;
	}
}
@media only screen and (max-width: 300px) {
	.slider {
		zoom: 0.5;
	}
	.div-slider{
		zoom: 0.5;
	}
	.logo-glide{
		width: 12vh;
	}
	.infografico{
		/*transform: scale(0.6);*/
		width: 80px;
		bottom: 9.5vw;
		left: 5.6vw;
	}
}