/*
===============================
==========OBSERVAÇÕES==========
===============================

------------FONTES-------------

font-family: 'FrutigerBQBlack';

-------------CORES-------------

*/


*{
	padding: 0;
	margin: 0;
}
html{
	height: -webkit-fill-available;
}
body{
	margin: 0;
	padding: 0;
	outline: none;
	-o-user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: none;
	cursor: default;
	min-height: 100vh;
	min-height: -webkit-fill-available;
	min-width: 100%;
	font-family: Cafeta;
	-webkit-backface-visibility: hidden;
	background-color: #000;
	overflow: hidden;
}

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

a{
	text-decoration: none !important;
	color: unset;
}

.container{
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: white;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100.1vw;
	max-width: 177.78vh;
	height: calc(100vw * 9 / 16);
	max-height: 100%;
	transform: translate(-50%,-50%) scale(1);
}

.container-conteudo{
	position: absolute;
	top: 0%;
	left: 12%;
	width:calc(100% - 11.9%);
	height: 100%;
}
.container-conteudo-morada{
	width: calc(100% - 16.1%);
	left: 16.2%;
}
.container-home{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
}
.bg{
	width: 100%;
	height: 99.5%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.bg-morada{
	background: url("../img/fundo-conceito.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0%;
	left: 0%;
}
.btn-fullsize{
	position: absolute;
	width: 3vw;
	height: 3vw;
	border-radius: 100%;
	background-color: rgba(37,53,59,1);
	border: 0.2vw solid white;
	z-index: 999;
	top: 72.5%;
  	right: 5%; 
  	cursor: pointer;
}
.icon-fullsize{
	max-width: 1.75vw;
	max-height: 1.75vw;
	width: auto;
	height: auto; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.btn-interativo{
	position: absolute;
	right: 7.5%;
	top: 87.5%;
	width: 3vw;
	height: 3vw;
	border-radius: 100%;
	background-color: rgba(37,53,59,1);
	border: 0.2vw solid white;
}
.icon-interativo{
	max-width: 2.2vw;
	max-height: 2.2vw;
	width: auto;
	height: auto; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.btn-fechar{
	display: none;
	position: absolute;
	right: 2.5%;
	top: 5%;
	width: 3vw;
	height: 3vw;
	border-radius: 100%;
	background-color: rgba(37,53,59,1);
	border: 0.2vw solid white;
	z-index: 999;
	cursor: pointer;
}
.icon-fechar{
	max-width: 1.75vw;
	max-height: 1.75vw;
	width: auto;
	height: auto; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal-fotos{
	display: none;
	position: absolute;
	width: 100.5%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: rgb(0,0,0,1);
}
.imagem-modal-fotos{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.centro{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}