@charset "utf-8";

/* CSS Document



font-family: 'Josefin Sans', sans-serif;

font-family: 'Kaushan Script', cursive;

font-family: 'Roboto', sans-serif;



*/





@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,600;1,700&family=Kaushan+Script&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');









a{text-decoration:none; color:inherit;}

a:hover{text-decoration:none; color:inherit;}

a:link{text-decoration:none; color:inherit;}

a:visited{text-decoration:none; color:inherit;}



body{

	color: #000;

	font-family: 'Roboto', sans-serif;

	font-size: 18px;

	font-weight: 400;

	background-color: #fff;



}



.roteiros{
}

.roteiros p{
	font-size: 23px;
}

p{line-height: 35px;}



.cinza{

	background-color: #ededed; width: 100%;

}



.row{

	margin-left: 0;

	margin-right: 0;

}





h1{

	font-family: 'Kaushan Script', cursive;

	font-size: 60px;

	color: #fff;

	text-align: center!important;

	line-height: 70px;

}

h1 small{

	font-family: 'Josefin Sans', sans-serif;

	font-size: 24px;

	color: #fff;

	font-weight: 300;

	text-transform: uppercase;

}









h2{

  color: #000;

	font-family: 'Kaushan Script', cursive;

	font-size: 48px;

	background: url("../dados/layout/linha2.png") bottom left no-repeat;

	padding-bottom: 20px;

}



h3{

	color: #000;

	font-family: 'Kaushan Script', cursive;

	font-size: 48px;

	background: url("../dados/layout/linha2.png")center bottom no-repeat;

	padding-bottom: 30px;

	margin-bottom: 40px;

	width: 100%; text-align: center;

}





h4{

	

	font-size: 48px;

}



.modal h3{

	background-position: bottom;

	padding-bottom: 20px;

}



.texto1{

	position: absolute;

	z-index: 2000;

	width: 100%;

	height: 100%;

	

		

  display: flex;

  justify-content: space-around;

  align-items: center;

}







.whatsBt{

	width:215px;

	height:69px;

	position:fixed;

	bottom:0;

	left:0;

	margin:15px;

	z-index:400;

}





































.positionMenu{

	height: 100%;

    display: block;

    text-align: center;

	padding-top: 10px;

}





.marginTop{padding-top: 0px!important;}

.dark{background-color: #000!important;}

.loguinho{float: left!important;}

.loguinho img{width: 150px;}

.floater{float: left!important; padding-top: 20px;}

.social{padding-top: 45px; float: right;}







.btCard{

	height:auto;

	padding: 10px;

	font-weight: bold;

	border:solid 2px #FFFBD6!important;

	display:inline-block;

	align-items: center;

}













/*contato*/



.contato{

	text-align: center; 

	padding: 30px 0;

	font-weight: 600;

	font-size: 18px;

	width: 100%;

}



.contato a{

	display: inline-block;

	margin: 0 25px;

}























html {

  scroll-behavior: smooth;

}











.alturaSlider{

	height:85vh;

	margin: 0px 0 0px 0;

	position: relative;

	z-index: 4;

}









/*TOPO MENIU*/

.black{

	color: #fff!important;

	

	transition: all 0.5s ease;

}







.navbar-toggler-icon {

	

	position: relative;

	border: none;

right: 0;

	

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(225, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;

	

	outline:none!important;

}





.padding{padding-top: 120px;}





.nav-link{color: #fff!important;  font-weight: 300; font-size: 18px; padding: 0; margin: 0; font-family: 'Josefin Sans', sans-serif; }

.nav-link:hover {

  background:url("../dados/layout/bgMenu.png")center bottom no-repeat!important}



.active{background-image:url("../dados/layout/bgMenu.png")center bottom no-repeat!important}

.active2{background:url("../dados/layout/bgMenu.png")center bottom no-repeat!important;}



.nav-link{

	background-size: 100%;

	background-repeat: no-repeat;

	background-position: bottom;

	padding-bottom: 20px;

}









































/* EFEITO MAQUINA DE ESCREVER */

.typewriter h1 {

  overflow: hidden; /* Ensures the content is not revealed until the animation */

  

  white-space: nowrap; /* Keeps the content on a single line */

  margin: 0 auto; /* Gives that scrolling effect as the typing happens */

 

  animation: 

    typing 3.5s steps(40, end),

    blink-caret .75s step-end infinite;

}



/* The typing effect */

@keyframes typing {

  from { width: 0 }

  to { width: 100% }

}



/* The typewriter cursor effect 

@keyframes blink-caret {

  from, to { border-color: transparent }

  50% { border-color: orange; }

}

*/

















/*===================*/

/* PULSE GROW

/*===================*/



@-webkit-keyframes pulse-grow-on-hover {

  to {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

}

@keyframes pulse-grow-on-hover {

  to {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

}

.pulse-grow-on-hover {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}

.pulse-grow-on-hover:hover, .pulse-grow-on-hover:focus, .pulse-grow-on-hover:active {

  -webkit-animation-name: pulse-grow-on-hover;

  animation-name: pulse-grow-on-hover;

  -webkit-animation-duration: 0.3s;

  animation-duration: 0.3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  animation-direction: alternate;

}











.owl-controls{

	position: absolute; width: 100%;

}



/*=====carousel====*/

#owl-demo4{

	width: 100%!important; float: left;

}



#owl-demo4 .item4{
	margin:0;

}



#owl-demo4 .item4 img{
 width: 100%;
 padding: 0.5px;
}







#owl-demo5{
	width: 100%!important; float: left;

}



#owl-demo5 .item5{
	margin:0;


}



#owl-demo5 .item5 img{
width: 100%;
padding: 0.5px;
}





#owl-demo6{

	width: 100%!important; float: left;

}



#owl-demo6 .item6{



	

}



.item6 img{
	width: 100%;
padding: 0.5px;

}









#owl-demo7{

	width: 100%!important; float: left;

	margin-top:0;

}



#owl-demo7 .item7{

	text-align: center;

	width: 100%; display: block;

}

#owl-demo7 .item7 img{margin-bottom: 10px;}















#owl-demo9{

	width: 100%!important; float: left;

	margin-top:0;

}



#owl-demo9 .item9{

	text-align: center;

	width: 100%; display: block;

}

#owl-demo9 .item9 img{margin-bottom: 10px;}











/* OWL ACTIVE DOTS */

.owl-carousel .active::before{

background-image:none!important;

content: none!important;

}





.owl-carousel span {

    width:10px;

    height:10px;

    margin:5px 7px;

    background: #000000 !important;

    display:block;

    -webkit-backface-visibility:visible;

    -webkit-transition:opacity 200ms ease;

    -moz-transition:opacity 200ms ease;

    -ms-transition:opacity 200ms ease;

    -o-transition:opacity 200ms ease;

    transition:opacity 200ms ease;

    -webkit-border-radius:30px;

    -moz-border-radius:30px;

    border-radius:30px;

}



.owl-carousel .active span {

 width:10px;

 height:10px;

 border-bottom: none!important;

 margin:5px 7px;

    background:#f36c21 !important;

    display:block;

    -webkit-backface-visibility:visible;

    -webkit-transition:opacity 200ms ease;

    -moz-transition:opacity 200ms ease;

    -ms-transition:opacity 200ms ease;

    -o-transition:opacity 200ms ease;

    transition:opacity 200ms ease;

    -webkit-border-radius:30px;

    -moz-border-radius:30px;

    border-radius:30px;

}



.owl-carousel .active{

	border-bottom: none!important;

}































/*BT PIX COMEÇO*/



.pixBt{

	background-color: #f36c21;

	border-radius: 20px;

	padding: 10px;

	width: 370px;

	

	

	 display: flex;

  justify-content: space-around;

  align-items: center;

	

	

}

.pixBt span{

	float: left;

}

.pixBt span p.fino{

	font-weight: 200; font-size: 22px; color: #fff; padding: 0; margin: 0; text-align: right;

}



.pixBt article.teste{

	float: right; font-weight: bold;

	color: #fff;

	width: 40%;

	line-height: 20px;

	text-align: left!important;

}

.fina{

	font-size: 14px!important; color:#fdd21a!important; 

}



.borda{

	width: 3px;

	height: 80px;

	background-color: #fdd21a;

}



/*BT PIX FIM*/





















/*BT WHATS COMEÇO*/



.betona{

	background-color: #009045;

	color: #fff!important;

	border-radius: 13px;

	padding: 25px;

	font-weight: bold; text-transform: uppercase;

}











.googleBetona{

	background-color: #f36c21;

	color: #fff!important;

	border-radius: 13px;

	padding: 25px;

	font-weight: bold;
	text-transform: uppercase;
	display: ruby-text;
}

.tripAdBetona {
	background-color: #00a568;
	color: #fff!important;
	border-radius: 13px;
	padding: 25px;
	font-weight: bold;
	text-transform: uppercase;
	display: ruby-text;
}

.evaluate-container {
	display: flex;
	justify-content: center;
	gap: 16px;
}

.roteiros-container-evaluate {
	display: flex;
	justify-content: center;
}

.roteiros-container-evaluate a {
	margin-right: 10px;
}























/* footer */

footer{

	width: 100%;

	float: left;

	color: #fff;

	position: relative;

	height: 360px;

	background: url("../dados/layout/footerbg.png")center no-repeat;

}





footer .box1{position: absolute; bottom: 0; font-size: 16px;}

footer p strong{color: #fdd21a; font-weight: 700;}

footer p{line-height: normal; font-weight:300; }





.logoBaixo3{

	padding: 70px 50px 0 0;

}

