@charset "utf-8";
/* CSS Document


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

*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&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&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body{
	font-family: 'Nunito', sans-serif;
	color: #000000;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}


a{color:inherit;}

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

	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;}
	
	
.row{
	margin-left:0px;
	margin-right: 0px;
}


.h1{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.font24{
font-size: 24px;
}

.fontH1{
	font-family: 'Sarabun', sans-serif;
	font-weight: 900;
	font-size: 54px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding-top: 80px;
	margin: 0;
	padding-bottom: 0;
	line-height: 40px;
	background: url("../dados/layout/detalheh1.png") top center no-repeat;
}

.fontH1 small{font-weight: 300; font-size: 24px; margin: 0; }


.topoPage{
	width: 100%;
	padding: 70px 0;
	margin-top: 105px;
	background:url("../dados/layout/topoBg.png")no-repeat center;
	background-size:cover;
	color: #fff;
}

.topoNew{
	position: fixed;
	z-index: 1000;
	width: 100%;
	top: 0;
	background-color: #fff;
    transition: top 0.5s ease-in-out;

}


.nav-up {
    top: -150px;
	transition: all 0.5s ease;

	
}



.btLink{
font-size: 16px;
font-weight: 800;
color: #61b7b2!important;

padding: 0 25px 0 25px;
transition: all 0.5s ease;
background:url("../dados/layout/set.png")no-repeat left center;
}

.btLink:hover{
	background-position: 100% 0;
	padding: 0 25px 0 0px;
	}



.btSlide{
background-color: #61b7b2;
color: white;
font-size: 24px;
border-radius: 15px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;

padding: 8px 15px;

}

.sarabun30Bold{
	font-family: 'Sarabun', sans-serif;
	font-weight:900;
	font-size: 30px;
}






.mulher{
width: 504px;
height: 708px;

background:url("../dados/layout/mulher.png") bottom no-repeat;
background-size: 100%;
}

.mulher img {width: 100%;}


.padding-top{
	padding-top: 8%;
	}
	

.fundoHome{
	width: 100%;
	background: url('../dados/layout/fundo.png') no-repeat;
	background-size: cover;
	margin-top: 120px;
	height: auto;
}

.fundoHome2{
	width: 100%;
	background-color:#ccccd7;
	background-size: cover;
	margin-top:60px;
	height: auto;
}

.mulher2{
background:url("../dados/layout/mulher2.png") no-repeat bottom;
background-size: contain;
}
	

	.title2{
		font-family: 'Sarabun', sans-serif;
		font-weight:900;
		font-size: 60px;
	}

.border-bottom{
border-bottom: solid 1px #c8c8c8!important;
}


.whatsBt{
 width:67px;
 height:67px;
 position:fixed;
 bottom:0;
 right:0;
 margin:15px;
 z-index:400;

}



.alturaSlider font{ display: block; text-transform:none;} 

.topoNew{
border-bottom:solid 4px #61b7b2;
width: 100%;
}

.alturaSlider{
	height: 75vh;
	position: relative;
	padding: 0;
	margin-top: 40px;
}


.h2{
	font-family: 'Sarabun', sans-serif;
	font-size: 60px;
	color: #000;
	padding: 40px 0;
	font-weight: bolder;
	width: 100%; text-align: center;
}
.h2 font{color:#61b7b2;}



.itensHome{
	background-color:#f1f1f1;
	}
.itensHome img{width: 100%;}

.itensHome p{height: 120px;}

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

	}

#owl-demo4 .item4{
	width: 100%; display: block;
	padding: 0px 30px 0 30px ;
}


.h100{height: 80px;}


.paddingPc{
	width: 100%;
	padding: 30px 35px;
}


.teste {
    font-size:16px;
	vertical-align: middle;
}
.teste::before{
    display:inline-block;
    content: "";
	position: relative;
	background-color: #61b7b2;
    width:70px;
	height: 4px;
	margin:-5px 8px 0 0;
	vertical-align: middle;
}








.line{
	line-height: 15px!important;
}








.navbar-toggler-icon {
  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(0, 172, 132, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	
	outline:none!important;
}


.nav-link{
   color: #4c4c4c;
   font-weight: 300;
	font-size: 20px;
}




.active2 .nav-link{
	
	font-weight: bold;
	color: #61b7b2!important;
}




/*========= FONTES DO SLIDER ===========*/
.mobFont{
	text-transform: uppercase;
	font-size: 60px;
	color: #fff!important;
	position: absolute!important;
	font-weight: 500;
	white-space:normal;
	text-shadow: 0px 2px 0px #000000;
	font-family: 'Rubik', sans-serif;
	}

.mobFont a{
	display: inline;
	color: #fff;
	width: auto;
	border: solid 2px #fff;
	margin: 0 10px 0 0;
	padding:15px;
	font-size: 18px;
	}

.mobFont h3{
	font-size: 30px!important;
	font-weight: 300;
	text-transform:none!important;
	}

/*========= FONTES DO SLIDER ===========*/










/*====PARALLAZ===*/
.parallax {
	text-align: center;
  /* The image used */
  background-image:url(../dados/layout/parallax.jpg);
	
	padding: 110px 0 110px 0;
	
	margin: 50px 0 50px 0;
	
	color: #fff;
	
  /* Set a specific height */
  height: auto;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


footer{
	background-color: #509a95;
	color: #fff;
	padding: 60px 0 30px 0;
	margin-top: 60px;
}





   /*SLIDER DOS LOGOS CLIENTES



   @keyframes scroll {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(calc(-250px * 7));
	}
  }
  
  .slider {
	margin: auto;
	overflow: hidden;
	position: relative;
	width: auto;
	padding-bottom: 0;
  
	
  }
  
	.slide-track {
	  animation: scroll 40s linear infinite;
	  display: flex;
	  width: calc(302px * 18);
	}
	.slide {
	  width: 302px;
	  height: auto;
	  margin: 0;
	 
	}
	.slide img{
	width: 90%;
  }

*/

.slider {
	height: auto;
	position: relative;
	width: 100%;
  
	display: grid;
	place-items: center;
	overflow: hidden;
  }
  .slider::before,
  .slider::after{
	position:absolute;
	background-image:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	content:'';
	height:100%;width:25%;
	z-index:2;pointer-events:none;
  }
  .slider::before{
	left:0;
	top:0;
  }
  .slider::after{
	right:0;
	top:0;
	transform:rotateZ(180deg);
  }
  
  /*  IMPORTANT CODE BELOW */
  
  .slide-track {
	width: calc(-302px * 50);
	display: flex;
	animation: scroll 30s linear infinite;
	justify-content: space-between;
  }
  

  
  .slide {
	
	  height: auto;
	display: grid;
	place-items: center;
	transition:0.5s;
	cursor:pointer;
	padding: 0 50px;
  }

  
  @keyframes scroll {
	0% {
	  transform: translateX(0px);
	}
	100% {
	  transform: translateX(calc(-150px * 10));
	}
  }
  

  
  @media screen and (max-width: 768px) {

  
	.slide-track2 {
	  width: calc(-150px * 15);
	}
  
	
  
	@keyframes scroll {
	  0% {
		transform: translateX(0px);
	  }
	  100% {
		transform: translateX(calc(-150px * 20));
	  }
	}
  

  }
  



  /*COLL DROPDOWN MENU*/

  .menu {
	
  }
  
  .toggle {
	
  }
  

  .list {
	list-style: none;
	display: grid;
	grid-template-rows: repeat(14, 50px);
	border-radius: 0px;

	height: 0;
	transition:all  0.4s ease;
  }

  .list a{margin: 15px 0; display: block; font-weight: bold; height: 20px; position: relative; z-index: 90;}

.list a:hover{
background:url("../dados/layout/set.png")left no-repeat;
padding-left:25px;
}


.list-item {
	display: flex;
	align-items: center;
	margin: 0; padding: 0;
	transition: 0.4s, transform 0.4s var(--delay);
	transform: translateX(-100%);
	user-select: none;
	cursor: pointer;
  }
  /*
  .list-item:hover {
	background-color: #509a95;
	color: #fff;
  }
  */
  
  .toggle:focus::after {
	transform: rotate(300deg);
  }
  
  .toggle:focus ~ .list {
	height: 200px;
  }
  
  .toggle:focus ~ .list .list-item {
	transform: translateX(0);
  }
  




/*========ACORDION CURSOS====*/



#main {
	margin: 50px 0;
  }
  
  #main #faq .card {
	margin-bottom: 30px;
	border: 0;
	
  }
  
  #main #faq .card .card-header {
  }
  
  #main #faq .card .card-header .btn-header-link {
	color: #fff;
	display: block;
	text-align: left;
outline: none;

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

  }
  
  #main #faq .card .card-header .btn-header-link:after {
	content: "\f107";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: right;
  }
  
  #main #faq .card .card-header .btn-header-link.collapsed {
	color: #fff;
  }
  
  #main #faq .card .card-header .btn-header-link.collapsed:after {
	content: "\f106";
  }
  
  #main #faq .card .collapsing {
  }
  
  #main #faq .card .collapse {
	border: 0;
  }
  
  #main #faq .card .collapse.show {

  }


  .card-header {
	padding: 10px;
	margin-bottom: 0;
	background-color:#0091a9;
	border-bottom: none;

	color:#fff!important;
  }


/*========ACORDION CURSOSR====*/	






.logoMarqueeSection {
	padding-top: 0vh;
	padding-bottom: 0vh;
	overflow: hidden;
  }


 
  
  #logoMarqueeSection {
	/*max-width: 1920px!important;*/
	
	max-width: 100%;
  }
  
  .default-content-container {
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 0;
	  margin-bottom: 0;
	  padding-left: 5rem;
	  padding-right: 5rem;
	  padding-top: 4.5rem;
	  padding-bottom: 4.5rem;
	  width: 100%;
	  min-height: 100vh;
  }
  
  div.marquee>a>img {
	height: 120px;
  }
  
  .logoMarqueeSection>div>div {
	  padding-top: 0;
	  padding-bottom: 0;
	  min-height: 0;
  }
  
  .marquee-wrapper {
	display:  inline-block;
	white-space: nowrap;
  }
  
  .marquee {
	  display:  inline-block;
	  white-space: nowrap;
	  position: relative;
	  transform: translate3d(0%, 0, 0);
	  animation-name: marquee;
	  animation-timing-function: linear;
	  animation-iteration-count: infinite;
  }
  
  .marquee a {
	  display:  inline-block;
	  white-space: nowrap;
	  padding-right: 5.4rem;
  }
  
  .marquee-wrapper:hover .marquee {
	  animation-play-state: paused !important;
  }
  
  @keyframes marquee {
	  0% {
		  transform: translate3d(0%, 0, 0);
	  }
  
	  100% {
		  transform: translate3d(-100%, 0, 0);
	  }
  }