/* Layout */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body {
	position: relative;
	overflow: scroll;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;
	overflow-x: hidden;
	font-family: 'Rubik', sans-serif;
	background-color:#003e5b;
}
fieldset {
	position: relative;
}
button:hover, button.btn:hover , a, a:hover {
	text-decoration: none;
}
#nav {
	background-color: #003e5d;
}
#nav .navbar-brand img{
	display: inline;
	width: 180px;
}
#nav .navbar-brand a, #fim .social a{
	font-size: 1em;
	margin: 0 5px;
	color:#fff;
	bottom: 0;
	transition: all 0.5s;
	cursor: pointer;
}
#nav .navbar-brand .left{
	margin-left:30px;
}
#nav .navbar-brand a:hover, #fim .social a:hover{
	color: #dd5833;
	transition: all 0.5s;
}
.dropdown-item{
	color:rgba(255,255,255,0.5)
}
.dropdown-item:hover{
	color:rgba(255,255,255,0.9);
	background:none;
	transition: all 0.5s;
}
.nav-item{
	margin-left:15px;
}
.nav-item a.friila{
	width:150px;
}
h1{
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	font-size: 2em;
	color: #fff;
}
p{
	font-family: 'robot', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #dddddd;
}
a.friila{
	background-color:#dd5833;
	border-radius: 30px;
	color: #fff;
	font-weight:700;
	padding: 10px 20px;
}
a.friila:hover{
	background-color:#fff;
	color:#dd5833;
	transition: all 0.5s;
}
a.friila.i{
	margin-left:30px;
}
.video {
position: relative;
 padding-bottom: 56.25%;
 overflow: hidden;
 max-width: 100%;
 height: auto;
}
.video iframe{
	 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;

}
#livre{
	padding-bottom:50px;
	min-height:750px;
	height:100%;
	background-color:#003e5b;
	background-image: url("../img/fundop1.jpg");
	background-position-y:90px;
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment:fixed;
	z-index: -1;
}
#livre .container{
	background: none;
	padding:70px 0 0 0;
	margin:0 0 0 5%;
	width:80%;
}
#rend .container{
	background: none;
	padding:330px 0 0 0;
	margin:0 0 0 5%;
	width:80%;
}
.text{
	background-color:#003e5b;
	margin-top:280px;
	border-radius:30px;
	padding: 15px 40px 40px 40px;
	width:500px;
}
#livre .text{
	position:absolute;
	display:block;
	justify-content:flex-end;
	right:6%;
}
#rend .text{
	margin-right:0;
	margin-top:-30px;

}
#func,#nos{
	padding:90px 0;
}
#func p,#nos p,#ret p,#pato p{
	margin-bottom:50px;
}
#rend{
	padding-bottom: 60px;
	height:100%;
	background-color:#003e5b;
	background-image: url("../img/fundo2.jpg");
	background-position-y:90px;
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment:fixed;
}
#nos{
	background-color:#003e5b;
}
#nos .text{
	margin-left:0;
	background:none;
	padding: 15px 40px 40px 40px;
}
#nos .sm, #func .sm{
	padding:0;
	margin:0;
	width:0;
	height:0;
	visibility: hidden;
}
#pq{
	margin-top:-22px;
	background-color:#dd5833;
	background-image: url("../img/fundo3.jpg");
	background-position:center;
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment:fixed;
}
#pq .pq{
	padding:130px 0;
}
#pq .item{
	background-color: #f5f5f6;
	box-shadow: 0px 30px 20px -15px rgba(103, 103, 103, 0.2);
	border-radius: 16px;
	padding-top:4%;
	margin: 30px;
	height: 300px;
}
#pq .item img{
	display: block;
	justify-content:center;
	margin:0 auto;
	width: 50%;
	padding: 0;
}
#pq .item h4{
	text-align:center;
	font-family: 'Rubik', sans-serif;
	font-size:1.5em;
	font-weight:500;
	margin:0;
	color: #003e5b;
}
#pq .item.last h4{
	margin-top: 45px;
	margin-bottom: 24px;
	font-size: 32px;
}
#pq .item p{
	color: #003e5b;
	font-family: 'Roboto';
	font-size: 18px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
#pq .item a:hover{
	opacity:0.5;
	transition: all 0.5s;
}
#depoi{
	background-color:#003e5b;
	padding-top:60px;
	padding-bottom:30px;
}
#depoi h1{
	margin-bottom: 80px;
}
#depoi .item{
	height:300px;
	width:350px;
}
#depoi img{
		position: relative;
		display: block;
		margin-left:auto;
		margin-right:auto;
		width:90%;
		height:90%;
		max-width:270px;
		max-height:270px;
}
.flickity-page-dots .dot{
	background:#dd5833 !important;
}
.flickity-button{
	visibility: hidden !important;
}
#fim{
	margin-top:60px;
}
#fim img{
	width: 200px;
	margin-bottom: 30px;
}
#fim .social{
	margin-top: 25px;
}
a.rodape{
	text-decoration:none;
	font-size:0.8em;
	color:#fff;
}
a.rodape:hover{
	color:#dd5833;
	transition: all 0.5s;
}
#fim .menu{
	margin-top: 105px;
}
#fim .menu a{
	color: rgba(255,255,255,0.6);
}
#fim .menu a:hover{
	color: rgba(255,255,255,1.0);
}
#fim .menu a.active{
	color: rgba(255,255,255,1.0);
}
#fim img.fim{
	position: absolute;
	bottom:-7px;
	margin-bottom:0;
	width:80px;
	margin-left: 60px;
}
#fim div.fim{
	margin-bottom:110px;
}
#whats img{
	max-width:80px;
	position:fixed;
	right:30px;
	bottom:0px;
}
#whats img:hover{
	opacity:0.9;
	transition: all 0.5s;
}
/* ------------------------------------- Configurações de Telas ----------------------------------- */
/* --------MENU CONFIG----------- */
@media screen and (max-width: 991.98px) {
	#nav .navbar-brand img{
		padding:0;
		margin:0;
		width: 100px;
	}
	#rend .rend{
		margin-bottom: 80px;
	}
	#encontre{
		margin-top: 0;
		padding-bottom: 50px;
		height: 100%;
	}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	#nav .navbar-brand a{
		font-size: 1em;
	}
	#nav .navbar-brand .left{
		margin-left:20px;
	}
	h1{
		text-align:center;
		font-size: 20px;
	}
	p{
		font-size:1.02em;
	}
	#livre{
		background-image: url("../img/fundop4.jpg");
		background-size: cover;
		background-position-y:20px;
		z-index: -1;
		padding-bottom:100%;
		height:100vh;
	}
	.text{
        position: absolute;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
		width:90%;
		padding-bottom:10px;
	}
	#livre .text{
		margin-top:450px;
	}
	#livre a,#func a, #rend a,#nos a{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 270px;
		font-size: 18px;
		text-align: center;
		margin-bottom:20px;
	}
	#func,#nos,#depoi{
		margin:0;
		padding:30px 0;
	}
	#rend{
		height:590px;
		background-image: url("../img/fundo4.jpg");
		background-position-y:50px;
		background-position-x:-220px;
		background-size:auto 540px;
	}
	#rend .text{
		margin-top:150px;
	}
	#nos .hg,#func .hg{
	padding:0;
	margin:0;
	width:0;
	height:0;
	visibility: hidden;
}
	#nos .sm, #func .sm{
	padding:0;
	margin:0;
	width:100%;
	height:auto;
	visibility:visible;
}
	#pq .item{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin:20px;
		width:90%;
	}
	#depoi .item{
		height:460px;
		width:100%;
	}
	#depoi img{
		position: relative;
		display: block;
		margin-left:auto;
		margin-right:auto;
		width:90%;
		height:90%;
		max-width:360px;
		max-height:360px;
	}
	#depoi .item{
		height:auto;
		width:100%;
	}
	#depoi img{
		position: relative;
		display: block;
		margin-left:auto;
		margin-right:auto;
		width:250px;
		height:250px;
	}
	#fim{
		padding-bottom:0px;
	}
	#fim img.fim{
		display:none;
		margin:0;
		padding:0;
	}
	#fim div.col-md-7{
		margin-bottom: 20px;
	}
	#fim div.fim{
		margin-bottom:0px;
	}
}
/* Small devices (landscape phones, 576px and 767.98) */
@media (min-width: 576px) and (max-width: 767.98px) {
	p{
		font-size: 17px;
	}
	#livre{
		background-image: url("../img/fundop3.jpg");
		background-position-y:20px;
		background-size:cover;
		padding-bottom:100%;
		height:100vh;
	}
	.text{
        position: absolute;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
	}
	#livre .text{
		margin-top: 620px;
	}
	#livre .text p,#rend .text p{
		margin-bottom:50px;
	}
	#livre h1,#depoi h1,#encontre h1, p.d{
		text-align: center;
	}
	#func a, #rend a,#func a,#nos a{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 270px;
		font-size: 18px;
		text-align: center;
		margin-bottom: 30px;
	}
	#func,#nos,#depoi,#fim{
		margin:0;
		padding:60px 0;
	}
	#rend{
		height:800px;
		background-image: url("../img/fundo4.jpg");
		background-position-y:0;
		background-position-x:-300px;
		background-size:auto 700px;
	}
	#rend .text{
		margin-top:300px !important;
	}
	#nos .text{
		margin-top:-3px;
	}
	#nos .hg,#func .hg{
	padding:0;
	margin:0;
	width:0;
	height:0;
	visibility: hidden;
}
	#nos .sm, #func .sm{
	padding:0;
	margin:0;
	width:100%;
	height:auto;
	visibility:visible;
}
	#pq .item{
		margin:20px;
		width:90%;
	}
	#depoi .item{
		height:auto;
		width:50%;
	}
	#depoi img{
		position: relative;
		display: block;
		margin-left:auto;
		margin-right:auto;
		width:250px;
		height:250px;
	}
	#fim{
		padding-bottom:0px;
	}
	#fim img.fim{
		display:none;
		margin:0;
		padding:0;
	}
	#fim div.col-md-7{
		margin-bottom: 20px;
	}
	#fim div.fim{
		margin-bottom:0px;
	}
}
/* Medium devices (tablets, 768px and 991.98) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.text{
		width:500px;
		padding: 10px 15px 30px 15px;
	}
	#livre{
		background-image: url("../img/fundop2.jpg");
		background-position-y:20px;
		background-size:cover;
		z-index: -1;
		padding-bottom:100vh;
		height:100%;
	}
	#rend{
		background-image: url("../img/fundo4.jpg");
		background-size: cover;
		background-position-y:0;
		background-position-x:-450px;
		padding-bottom:100vh;
		height:100%;
	}
	#rend .text{
		
		margin-right:0;
	}
	#nos .text{
		width:100%;
		margin-left:0;
		background:none;
		padding: 15px 40px 40px 40px;
	}	
	#nos .hg,#func .hg{
		padding:0;
		margin:0;
		width:0;
		height:0;
		visibility: hidden;
	}
	#nos .sm, #func .sm{
		padding:0;
		margin:0;
		width:100%;
		height:auto;
		visibility:visible;
	}
	#pq .item{
		padding-left: 40px;
	}
	#pq .item p{
		font-size: 1em;
	}
	#fim div.fim{
		margin-bottom:100px;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	#nav .navbar-brand a.left{
		margin-left:20px;
	}
	#livre{
		background-image: url("../img/fundop.jpg");
		background-position-y:120px;
		background-size:contain;
		z-index: -1;
		height:560px;
	}
	#rend{
		background-size:contain;
	}
	#depoi .dep{
		padding: 64px 30px 0 30px;
	}
	#nos .text{
		padding:0;
		margin:0;
	}
	#nos .sm{
		visibility: hidden;
		margin: 0;
		padding: 0;
		width: 0;
		height: 0;
	}
	#nos .hg{
		padding: 0;
		margin: 0;
	}
}
/* Extra large devices (large desktops, 1200px and up) */