* {
	touch-action: manipulation;
}

html {
	overflow-x: hidden;
}


/*tudo que pertence ao menu*/
.navbar {
	height: 80px;
	background: #ffffff;
	color: white;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
	font-family: var(--fontPrincipal), sans-serif;
}

.nav-link {
	font-size: clamp(0.5em, 1em + 1vw, 1.5em);
	color: white !important;

}

.img-logo {
	height: 80%;
	width: 70%;
	image-rendering: -webkit-optimize-contrast;
}



/*------------------*/

/*tudo que pertence ao container-1*/
.container-1 {
	position: relative;
	min-height: 100vh;

}

.triangle {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	/* filter: drop-shadow(4px 4px 10px rgba(0,0,0,0.5));*/
	/*background: white;*/
	background: #da8f07;
	/*background: rgb(39 35 255 / 12%);*/
	background-image: url('../../img/bg-chuva-onr-2.png'), url('../../img/bg-3.png'), url('../../img/bg-chuva-onr.png');
	animation: stars 40s infinite linear;
}

@keyframes stars {
	0% {
		background-position: 0 0, 0 0, 0 0;
		opacity: 1;
	}

	50% {
		background-position: 1000px 1000px, 500px 500px, -250px -250px;
		opacity: 1;
	}

	100% {
		background-position: 2000px 2000px, 1000px 1000px, -500px -500px;
		opacity: 1;
	}
}


.triangle:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 48%;
	width: 0;
	height: 0;
	/*border-top: 1500px solid transparent;*/
	border-bottom: 2550px solid transparent;
	border-right: 5300px solid #ff5200;
	border-right: 5300px solid #707bff;


	margin-top: -2000px;
	/*margin-top: -2300px;*/
	filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5));


}

.cont-barra-endereco {
	border-radius: 25px;
	width: 35%;
	margin-top: 15px;
}

.barra-endereco {
	border-color: black;
	height: 45px;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	border-right: none;

}

.btn-barra-pesquisa {
	height: 45px;
	border-color: black;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	border-left: none;
}

.navbar-nav {
	float: right;
}

.nav-link {
	color: black !important;
}

.sec-cont-1 {

	margin-top: 12%;

}

.celular {
	height: 100%;
	width: 80%;
	left: 0;
	float: left;
	margin-left: 10%;

}


.bg-cel {
	position: absolute;
	height: 98%;
	width: 98%;
	border-radius: 45px;
	background: #ff5200;
}

.bg-cel-cont {
	position: absolute;
	top: 10%;
	height: 79%;
	width: 82%;
	left: 10%;
	/*background: yellow;*/
	z-index: 20;
}


.img-wrapper-olho-no-rango {
	position: absolute;
}

.cont-1 {
	font-family: var(--fontPrincipal), sans-serif;
	font-size: 3rem;
	color: white;
	height: 450px;
	margin: 18% 5%;
}

.txt-cont-1 {
	margin-left: 5%;
	font-family: var(--fontPrincipal), sans-serif;
}

.txt-onr {
	font-family: 'Alex Brush', sans-serif;
}


h1 {
	font-size: 4rem;
}

.sec-cont-1 {
	margin-top: 22%;
	padding-left: 7%;

}

.logo-google {
	width: 280px;
}

.txt-busca {
	font-size: 2.3rem;
	font-family: var(--fontPrincipal), sans-serif;
	/*color: black;*/
}

.input-pesquisa {
	/*margin-top: 20px;*/
	height: 49px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.btn-pesquisa-estab {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	height: 98%;
	background: white;
}

.card {
	background: #ffffff4d;
}

/*----------*/

/*banner*/

article>h4, h6 {
	font-family: var(--fontPrincipal), sans-serif !important;
}

article>h6 {
	font-size: 1.8rem;
}

.borda-baixo {
	padding: 0 70px;
	font-family: var(--fontPrincipal), sans-serif;
}

/*------------*/

/*segunda parte da pagina*/

.container-2 {
	position: relative;
	float: left;
	min-height: 70vh;
	width: 100%;
	padding: 150px 100px;
	background: url('../../img/bg-3.png');
	background-size: cover;
	background: #707bff;
	font-size: 1.3rem;
	font-family: var(--fontPrincipal), sans-serif;
	color: white;
	text-align: justify;
	animation: sec-stars 40s infinite linear;
}

.titulo-parte-2 {
	text-align: center;
}

.cont-img-sofa {
	max-width: 500px;
	height: 300px;
	position: absolute;
	top: 0;
	transform: rotate(20deg);
	transform: skewY(5deg);
}

.cont-img-tv {
	max-width: 650px;
	max-height: 300px;
	position: relative;
}

.img-tv {
	position: absolute;
	top: 0;
	width: 100%;
}

.cont-vid {
	height: 300px;
	margin: auto;
	margin-top: 5%;
	height: 65%;
}

.video-onr {
	top: 0;
	object-fit: fill;
	width: 98%;
	height: auto;
	margin-left: 1%;
	position: absolute;
}

.bg-tv {
	top: 0;
	object-fit: fill;
	width: 98%;
	top: 11px;
	/* height: auto; */
	margin-left: 1%;
	position: absolute;
	background: black;
}

#input-fantasma {
	width: 0px;
	flex: 0px;
	height: 0;
	padding: 0px;
	border: transparent;
}

/*----------------*/

/*footer*/

.font-siclop {
	font-style: italic;
	font-family: 'Libre Baskerville', serif;
}

footer {
	position: relative;
	float: left;
	height: 20%;
	width: 100%;
	font-size: calc(16px + (8/1200) * 100 * 0.5vw);
}

.info-footer {
	color: white;
	font-size: 1.4rem;
}

/*----------------*/

@keyframes sec-stars {
	0% {
		background-position: 0 0, 0 0;
		opacity: 1;
	}

	50% {
		background-position: 1000px 1000px, 0px 0px;
		opacity: 1;
	}

	100% {
		background-position: 2000px 2000px, 0px 0px;
		opacity: 1;
	}
}


@media only screen and (max-width:1602px) {
	.txt-busca {
		font-size: 1.7rem;
	}

	.triangle:after {
		margin-top: -1990px;

		top: 20%;
	}

	.celular {
		width: 90%;
	}

	.cont-vid {
		height: 55%;

	}

	.cont-1 {
		margin: 15% 5%;
	}

	article>h6 {
		font-size: 1.3rem;
	}

}

@media only screen and (max-width:1302px) {
	.triangle:after {
		top: 20%;
	}

	.cont-vid {
		height: 50%;
	}

}



@media only screen and (max-width:992px) {
	.triangle:after {
		top: -20%;
	}

	.sec-cont-1 {
		display: none;
	}

	.container-2 {

		min-height: 900px;
		padding: 25px;
	}


	/*.video-onr-sec{
		display: none;
	}*/

}