/*import*/
@import url("global.css");
@import url("header-footer.css");

a[href*="sobre.html"] {
	color: var(--new-orange)!important;
}

/* --- banner --- */
	#banner{
		overflow: hidden;
		padding-bottom: 15px;
	}
	#banner .imagem{
		width: 50%;
	}
	#banner .imagem img{
		position: relative;
		left: 0%;
		box-shadow: 5px 10px 0 var(--new-orange);
		border-bottom-left-radius: 152px;
		border-bottom-right-radius: 152px;
	}
	#banner .desc{
		width: 50%;
		background-color: var(--new-blue);
		height: 367px;
		border-bottom-right-radius: 152px;
	}
	#banner .desc h1{
		font-size: 55px;
		line-height: 50px;
		margin-left: -180px;
	}

/* --- sobre --- */
	#sobre{
		margin-top: 110px;
		padding-bottom: 20px;
	}
	#sobre h2{
		font-size: 55px;
		line-height: 50px;
		margin-bottom: 65px;
	}
	#sobre p{
		font-size: 16px;
	}
	#sobre img{
		height: 384px;
		border-radius: 20px;
		object-fit: cover;
	}
	
/* --- missao --- */
	#missao{
		padding-top: 36px;
	}
	#missao .d-flex{
		overflow: hidden;
	}
	#missao .imagem{
		max-width: 45%;
		width: 100%;
		overflow: hidden;
		border-top-right-radius: 46px;
		border-bottom-right-radius: 46px;
		z-index: 1;
	}
	#missao .imagem img{
		margin-left: 2px;
		height: 652px;
		object-fit: cover;
	}
	#missao .desc{
		max-width: 55%;
		width: 100%;
		padding-top: 20px;
		padding-left: 50px;
	}
	#missao .desc .conteudo{
		max-width: 600px;
	}
	#missao .desc .media{
		margin-bottom: 42px;
		margin-top: 200px;
	}
	#missao .desc img{
		margin-right: 33px;
	}
	#missao .desc h3{
		font-size: 22px;
		margin-bottom: 15px;
	}
	#missao .desc p{
		font-size: 16px;
	}
	
/* --- historia --- */
	#historia{
		background-color: #E9EEF7;
		margin-top: -118px;
		padding-top: 73px;
		padding-bottom: 22px;
	}
	#historia h2{
		font-size: 55px;
		margin-right: 92px;
	}
	#historia .linha{
		text-align: center;
		position: relative;
		top: 88px;
	}
	#historia .slick-track{
		padding-top: 9px;
		padding-bottom: 55px;
	}
	#historia .slider-nav .ano p{
		width: 112px;
		height: 112px;
		border-radius: 35px;
		font-size: 22px;
		margin-bottom: 0;
		padding-top: 40px;
		text-align: center;
		font-family: "Montserrat-Bold";
		margin-left: auto;
		margin-right: auto;
		color: #161615;
		background-color: white;
		transition: .3s;
	}
	#historia .slider-nav .slick-current.slick-active .ano p{
		color: white;
		/*background-color: #FF3600;*/
		background: url(../imagens/bg/bg-ano-sobre.png)no-repeat center center;
		transition: .3s;
	}
	#historia .slider-nav .slick-current.slick-active .ano{
		position: relative;
	}

	#historia .carousel-fotos-descricao .row{
		/*max-width: 800px;*/
		max-width: 1140px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#historia .carousel-fotos-descricao .row .text-left p{
		font-size: 16px;
		color: #707070;
	}
	#historia .carousel-fotos-descricao .row .imagens img{
		max-width: 181px;
		height: 186px;
		object-fit: cover;
		border-radius: 20px;

		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	#historia .btn-slick-carousel-left,
	#historia .btn-slick-carousel-right{
		position: absolute;
		z-index: 999;
		top: 50px;
		cursor: pointer;
	}
	#historia .btn-slick-carousel-left{
		left: 2%;
	}
	#historia .btn-slick-carousel-right{
		right: 2%;
	}

	#historia .slider-nav .ano.slick-current p{
		color: #fff;
		background: rgb(255,54,0);
		background: radial-gradient(circle, rgba(255,54,0,1) 53%, rgba(246,125,96,1) 100%);
	}

@media screen and (max-width: 1660px) {
	/* --- banner --- */
		#banner .imagem img{
			left: -18%;
		}
		#banner .desc h1{
			margin-left: -60px;
		}

	/* --- missao --- */
		#missao .imagem img{
			margin-left: -230px;
		}
}

@media screen and (max-width: 1440px) {
	/* --- banner --- */
		#banner .imagem img{
			left: -42%;
		}
		#banner .desc h1{
			margin-left: 80px;
		}
		#banner .desc{
			border-bottom-right-radius: 0;
		}

	/* --- missao --- */
		#missao .imagem img{
			margin-left: -200px;
		}
}

@media screen and (max-width: 1280px){
	.container2 {
    	max-width: 1000px!important;
	}
	#missao .desc .conteudo {
    	max-width: 80%;
	}
}

@media screen and (max-width: 1200px) {
	/* --- banner --- */
		#banner .imagem img{
			left: -110%;
		}
		#banner .desc h1{
			margin-left: 0px;
		}

	/* --- historia --- */
		#historia{
			margin-top: -80px;
			padding-top: 60px;
		}
		#historia .linha img{
			max-width: 720px;
		}
}

@media screen and (max-width: 1024px){
	.container2 {
    	max-width: 950px!important;
	}
}

@media screen and (max-width: 992px) {
	/* --- banner --- */
		#banner .desc{
			width: 100%;
			height: 205px;
		}
		#banner .desc h1{
			text-align: center;
		}
		#banner .imagem img{
			left: -80%;
			height: 391px;
		}

	/* --- sobre --- */
		#sobre{
			margin-top: 80px;
		}
		#sobre h2{
			margin-bottom: 45px;
		}
		#sobre p{
			margin-bottom: 30px;
		}
		#sobre img{
			width: 100%;
		}

	/* --- missao --- */
		#missao .imagem img{
			margin-left: -450px;
		}
		#missao .desc{
			padding-left: 20px;
		}
		#missao .desc img{
			margin-right: 20px;
		}

	/* --- historia --- */
		#historia{
			margin-top: -50px;
			padding-top: 100px;
			padding-bottom: 70px;
		}
		#historia h2{
			font-size: 55px;
			margin-right: 0px;
		}
		#historia .linha{
			overflow: hidden;
			top: 88px;
		}
		#historia .linha img{
			margin-left: 100px;
		}
		
		#historia .carousel-fotos-descricao .row .imagens img{
			margin-top: 30px;
		}

		#historia .btn-slick-carousel-left,
		#historia .btn-slick-carousel-right{
			top: initial;
			bottom: -10px;
		}
		#historia .btn-slick-carousel-left{
			left: 42%;
		}
		#historia .btn-slick-carousel-right{
			right: 42%;
		}
}

@media screen and (max-width: 480px) {
	/* --- banner --- */
		#banner .desc h1{
			font-size: 43px;
			line-height: 40px;
		}
		#banner .imagem img{
			left: initial;
			right: 95%;
		}

	/* --- sobre --- */
		#sobre{
			margin-top: 70px;
			padding-bottom: 20px;
		}
		#sobre h2{
			font-size: 45px;
			line-height: 40px;
			margin-bottom: 40px;
		}
		#sobre p{
			margin-bottom: 30px;
		}
		
	/* --- missao --- */
		#missao{
			padding-top: 0;
		}
		#missao .d-flex{
			display: block!important;
			padding-left: 15px;
			padding-right: 15px;
		}
		#missao .desc{
			max-width: 100%;
			padding-left: 0px;
		}
		#missao .desc .conteudo {
    		max-width: 100%;
		}
		#missao .desc .media{
			margin-bottom: 48px;
			margin-top: 40px;
		}
		#missao .desc h3{
			margin-bottom: 15px;
		}
		#missao .desc img{
			margin-right: 33px;
		}
		#missao .imagem{
			margin-top: 42px;
			max-width: 100%;
			border-radius: 46px;
		}
		#missao .imagem img{
			max-width: 100%;
			margin-left: 0px;
			height: 384px;
		}
		
	/* --- historia --- */
		#historia{
			margin-top: -58px;
			padding-top: 200px;
			padding-bottom: 70px;
		}
		#historia h2{
			font-size: 45px;
		}
		#historia .linha img{
			margin-left: 80px;
		}

		#historia .btn-slick-carousel-left{
			left: 37%;
		}
		#historia .btn-slick-carousel-right{
			right: 37%;
		}	
}

@media screen and (max-width: 375px) {
	/* --- banner --- */
		#banner .imagem img{
			right: 120%;
		}

	
}