@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Shadows+Into+Light&display=swap');

html{
	scroll-behavior: smooth;
}
::-webkit-scrollbar-thumb {
	background-color: #ff7d00;
}
::-webkit-scrollbar {
	width: 8px;
}
body{
	font-family: 'Poppins', sans-serif;
	color:#000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	font-size: 16px;
}
/* Original
.topo{
	background: #F7F8FA;
	padding: 100px 0;
	text-align: center;
	background-image: url(images/hero1.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 100vh;
}*/

.topo{
	background: #F7F8FA;
	padding: 0; /* remova o padding se quer centralização real */
	text-align: center;
	background-image: url(images/hero1.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 100vh;

	display: flex;
	justify-content: center;  /* horizontal */
	align-items: center;      /* vertical */
}

a.logo{
	display: block;
	max-width: 260px;
	margin: 0 auto 40px auto
}
a.logo img{
	width: 100%;
	height: auto;
}
.topo h1{
	font-weight: 800;
	font-size: 68px;
	line-height: 38px;
	text-align: center;
	letter-spacing: -1px;
	/*color: #f9ba0d;*/
	color: #222;
	text-transform: uppercase;
}

.topo h1 span{
	color: #ffffff;
    font-size: 64px;
    letter-spacing: 1px;
	font-family: 'Shadows Into Light', cursive;
}
.topo p{
	margin: 40px 0 40px 0;
	font-weight: 400;
	font-size: 21px;
	line-height: 28px;
	text-align: center;
	color: #ffffff;
	max-width: 60%;
	left: 20%;
	position: relative;
	display: block;
}

.topo a.ctaPadrao{
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	border-radius: 5px;
	padding: 15px 25px;
	display: inline-block;
	box-shadow: 0 10px 25px rgba(0,0,0,0.25);

	background: transparent;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
}

.topo a.ctaPadrao:hover{
	background: rgba(255,255,255,0.7);
	border: 2px solid rgba(255,255,255,0.7);
	color: #8A3E18;
}

a.ctaPadrao{
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	background: #252121;
	border-radius: 5px;
	padding: 15px 25px;
	display: inline-block;
}
a.ctaPadrao:hover{
	background: #ffffff;
	color: #252121;
	text-decoration: none;
}
.sobre1{
	background: rgb(34, 34, 34);
	background: linear-gradient(90deg, rgb(34, 34, 34) 0%, rgb(34, 34, 34) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    padding: 130px 0 160px 0;
	position: relative;
}
.sobre2{
	background: rgb(29,41,63);
	background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 60%, rgb(255, 125, 0) 60%, rgb(255, 125, 0) 100%);
    padding: 90px 0 160px 0;
	position: relative;
}
.boxSobre{
	position: relative;
	padding: 0 40px;
}
.boxSobre h2{    
	color: #ffffff;
    font-size: 46px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 100px;
    margin-bottom: 30px;
	font-family: 'Shadows Into Light', cursive;
}
.boxSobre p{
	color: #ffffff;
}
video {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.swiperConteudo2{
	margin-top: 100px;
}
.forma1{
	position: absolute;
	width: 160px;
    bottom: 100px;
    left: 45px;
}
.forma2{
	position: absolute;
    width: 100px;
    top: -10px;
    right: 60px;
}
.forma3{
	position: absolute;
    width: 100px;
    bottom: 20px;
    left: 40px;
}
.forma img{
	width: 100%;
	height: auto;
}

/* Swiper */
.areaSwiper{
	width: 100%;
	position: relative;
    padding: 0px 0px;
}
.swiperControles{
	display: block;
	position: absolute;
	bottom: -60px;
	right: 50px;
	height: 30px;
	width: 100%;
}
.swiper-button-prev:after,
.swiper-button-next:after{
	display: none;
}
.swiper-button-prev1,
.swiper-button-prev2,
.swiper-button-prev3{
	left: auto;
	right: 60px;
}
.swiper-button-next1,
.swiper-button-next2,
.swiper-button-next3{
	right: 0px;
}
.swiper-pagination1,
.swiper-pagination2,
.swiper-pagination3{
	top: 2px !important;
	margin-right: 30px;
}
.swiper-pagination-bullet {
	background: #3A3A3C !important;
	border-radius: 75px;
	opacity: 1;
	transition: all 0.2s;
	height: 9px;
	width: 9px;
}
.swiper-pagination-bullet-active{
	width: 48px;
	height: 9px;
	background: #3A3A3C !important;
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
	width: auto !important;
	left: auto;
	right: 100px;
}
.swiperControles2{
	right: 100px;
}
.depoimentos{
	padding: 80px 0;
	margin: 30px 0 150px 0;
	position: relative;
	background: rgb(34, 34, 34);
	background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgb(34, 34, 34) 40%, rgb(34, 34, 34) 0%);
}
.depoimentos h2{
	text-align: center;
	color: #ffffff;
    font-size: 46px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 1px;
	font-family: 'Shadows Into Light', cursive;
}
.depoimentos p{
	color: #FFFFFF;
	text-align: center;
}
.areaSwiper{
	width: 100%;
	position: relative;
    padding: 0px 0px;
}
.fotoDepo{
	width: 65px;
	height: 65px;
	display: inline-block;
	position: relative;
}
.fotoDepo img{    
	border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.infoDepo{
	display: inline-block;
	align-items: center; 
	margin-left: 12px;
}
.infoDepo h4{
	font-size: 16px;
	color: #314266;
	display: block;
	margin-bottom: 0;
	font-weight: 600;
}
.infoDepo h4 span{
	font-size: 14px;
	color: #848484;
}
.infoDepo img{
	display: inline-block;
	width: 10px;
}
.boxDepo{
	background: #FFFFFF;
	border-radius: 19px;
	padding: 35px 40px 80px 40px;
	text-align: left;
	box-shadow: 0px 20px 12px -3px rgb(202 209 220 / 18%);
    position: relative;
    margin-top: 40px;
	margin-bottom: 50px;
}
.boxDepo p{
	font-size: 12px;
	line-height: 23px;
	color: #848484;
	margin-top: 25px;
}
.ctaHome{
	background: #fe7c00;
	border-radius: 36px;
	padding: 100px 100px;
	position: relative;
	margin: 100px 0 0 0;
}
.ctaHome h2{
	font-weight: 900;
	font-size: 40px;
	color: #222;
	max-width: 50%;
}
.ctaHome p{
	font-size: 16px;
	line-height: 25px;
	color: #FFFFFF;
	margin: 10px 0 20px 0;
	max-width: 50%;
}
.ctaHome a.ctaDefault{
	color: #FFFFFF;
	background: #314266;
}
.ctaHome a.ctaDefault:hover{
	background: #FFFFFF;
	color: #314266;
}
.imgcta{
	position: absolute;
	bottom: 0;
	right: 80px;
}
.imgcta img{
	width: auto;
	height: 125%;
}
.rodape{
    padding-top: 50px;
    margin-top: 70px;
    background: #f3eef2;
}
img.logorodape{
	width: 100%;
	height: auto;
	display: block;
	max-width: 190px;
}
.rodape h4{
	font-weight: 700;
	font-size: 16px;
	line-height: 40px;
	color: #222;
}
.menuFast{
	margin-bottom: 35px;
}
.menuFast a{
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 40px;
	color: #9097AB;
}
.menuFast a:hover{
	color: #fe7c00;
	text-decoration: none;
}
.contatoFoot{
	font-weight: 600;
	font-size: 14px;
	line-height: 36px;
	color: #9097AB;
	margin: 7px 0;
}
.contatoFoot img{
	margin-right: 12px;
}
.contatoFoot a{
	color: #9097AB;
}
.contatoFoot a:hover{
	text-decoration: none;
	color: #fe7c00;
}
.contatoFoot a:hover img{
	filter: brightness(0) saturate(100%) invert(43%) sepia(100%) saturate(1061%) hue-rotate(4deg) brightness(102%) contrast(103%);
}
.geralVideos{
	padding: 100px 0;
	text-align: center;
}
.geralVideos h2{
	text-align: center;
	color: #fe7c00;
    font-size: 46px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 1px;
	font-family: 'Shadows Into Light', cursive;
}
.geralVideos p{
	margin-bottom: 40px;
}

.galeriaVideo{
	margin-bottom: 30px;
}

.area-video{
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.area-video .capa-video{
	width: 100%;
	height: auto;
	display: block;
}

.area-video .btn-play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.area-video .btn-play svg{
	width: 30px;
	opacity: 0.8;
}

.area-video .btn-play svg path{
	fill: #fff;
}

.area-video.video-contain video {
	object-fit: contain;
}

.area-video video{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: none;
	object-fit: cover;
	border-radius: 0;
}

.obrigado{
	background: #fff8e7;
	text-align: center;
}
.obrigado img{
	margin-top: 50px
}
.obrigado h1{
	font-weight: 800;
	font-size: 36px;
	letter-spacing: -2px;
	line-height: 40px;
	text-align: center;
	margin-top: 60px;
}
.obrigado h2{
	font-weight: 500;
	margin-top: 0px;
	font-size: 28px;
	letter-spacing: -2px;
	line-height: 40px;
}
a.ctaTY{
	width: 100%;
    display: block;
    max-width: 250px;
    margin: 40px auto;
    border-radius: 20px;
    padding: 12px;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    position: relative;
	background-color: #7B0E2B;
	color: #fff;
	border:1px solid #7B0E2B;
}
a.ctaTY:hover{
	color: #7B0E2B;
	background-color: #fff;
}
.zap2{
	position: fixed;
	right:15px;
	bottom:15px;
	background-image:url(images/btnzap.png);
	background-repeat:no-repeat;
	background-color:#00ec67;
	background-position: 8px 9px;
	border-radius:40px;
	height:60px;
	display:block;
	z-index:10000;
	width:215px;
	cursor: pointer;
}
img.imgDepoimento {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}


/*		Responsive CSS 		*/

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.topo p {
		max-width: 100%;
		left: auto;
	}
	.sobre1 {
		background: linear-gradient(180deg, rgb(34, 34, 34) 0%, rgb(34, 34, 34) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
		padding: 130px 0 160px 0;
		position: relative;
	}
	.sobre2{
		background: rgb(255, 125, 0)
	}
	.swiperConteudo2 {
		margin-top: 0px;
	}
	.imgcta img {
		width: 100%;
		height: auto;
	}
	.ctaHome h2,
	.ctaHome p {
		max-width: 100%;
	}
	.ctaHome {
		background: #fe7c00;
		border-radius: 36px;
		padding: 40px 40px 0 40px;
		position: relative;
		margin: 40px 0 0 0;
	}
	.imgcta {
		position: relative;
		bottom: 0;
		right: auto;
	}
	.swiper-pagination-bullets.swiper-pagination-horizontal{
		display: none;
	}
	.swiperControles2{
		right: 50px;
	}
	.depoimentos{
		margin-bottom: 0;
	}
	.area-video .btn-play svg{
		width: 26px;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.topo p {
		max-width: 100%;
		left: auto;
	}
	.sobre1 {
		background: linear-gradient(180deg, rgb(34, 34, 34) 0%, rgb(34, 34, 34) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
		padding: 130px 0 160px 0;
		position: relative;
	}
	.sobre2{
		background: rgb(255, 125, 0)
	}
	.swiperConteudo2 {
		margin-top: 0px;
	}
	.ctaHome h2,
	.ctaHome p {
		max-width: 100%;
	}
	.ctaHome {
		background: #fe7c00;
		border-radius: 36px;
		padding: 40px 40px 0 40px;
		position: relative;
		margin: 40px 0 0 0;
	}
	.imgcta {
		position: relative;
		bottom: 0;
		right: auto;
	}
	.imgcta img {
		width: 100%;
		height: auto;
	}
	.swiper-pagination-bullets.swiper-pagination-horizontal{
		display: none;
	}
	.swiperControles2{
		right: 50px;
	}
	.depoimentos{
		margin-bottom: 0;
	}
	.area-video .btn-play svg{
		width: 26px;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.sobre1 {
		background: linear-gradient(180deg, rgb(34, 34, 34) 0%, rgb(34, 34, 34) 60%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
		padding: 130px 0 160px 0;
		position: relative;
	}
	.sobre2{
		background: rgb(255, 125, 0)
	}
	.imgcta {
		bottom: 0;
		right: 0px;
		width: 400px;
	}
	.imgcta img {
		width: 100%;
		height: auto;
	}
	.depoimentos{
		margin-bottom: 0;
	}
	
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.forma1 {
		position: absolute;
		width: 160px;
		bottom: -20px;
		left: 45px;
	}
	.imgcta {
		bottom: 0;
		right: 0px;
		width: 500px;
	}
	.imgcta img {
		width: 100%;
		height: auto;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 900px) { 
	.topo{
		padding: 70px 0;
		min-height: 100vh;
		height: auto;
	}

	.topo h1{
		font-weight: 700;
		font-size: 52px;
		line-height: 40px;
	}

	.topo h1 span{
		font-size: 58px;
	}
}