/*
Theme Name: Portal Evolua
Author: Aurimar Miranda
Author URI: https://fecap.br
Description: Tema destinado Evolua
Version: 1.0
*/
body {
  overflow-x:hidden;
    font-family: 'Rajdhani', sans-serif;
}

section{
  padding: 2rem 0;
}

.no-padding {
  padding: 0 !important;
}

.no-margin{
  padding: 0 !important;
}

.btn-primary{
  background-color: transparent;
  border: 2px solid #19f29e;
  clip-path: polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));
  position: relative;
  border-radius: 0;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.btn-primary:hover{
  border: 2px solid #19f29e;
  background: #19f29e;
  color: #1f1f1f !important;
  clip-path: polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));
  position: relative;
  border-radius: 0;
}

.btn-primary:after, .btn-primary:before{
  content: "";
  position: absolute;
  background-color: #19f29e;
  width: 60px;
  height: 2px;
}

.btn-primary:before{
  top: 0;
  right: -14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-primary:after {
  bottom: 0;
  left: -14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#video {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	z-index: 1040;
	display: none
}

.linha-particao{
  width: 100%;
  height: 2px;
  background: #19f29e;
}

#controlButtons {
	position: absolute;
	top: 50px;
	left: 20px
}

#stopvideobt {
	cursor: pointer
}

header .mouse-down {
  position: absolute;
  bottom: 0;
  left: 48%;
}

#navMain{
  background: #1f1f1f;
}

#navMain .logo{
  width: 150px;
  padding: 10px 0;
}

#navMain a.nav-link{
  color: #1bc07f;
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0 1rem;
  text-transform: uppercase
}

header{
  background: url(img/bg-home.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  height: 100vh;
  color: #fff;
}

header .slogan{
  padding: 12rem 0;
}

header h2{
  color: #19f29e;
  margin-left: 3rem;
  margin-top: 1rem;
}

#interno header{
  height: 75vh;
}

#interno header h1{
  color: #19f29e;
  font-weight: 900;
  font-size: 5rem;
}

.section-info{
  background: #090f0c;
  color: #fff;
}

.section-info h2{
  font-weight: 800;
  font-size: 2.7rem;
  color: #fff;
  margin-left: 28px;
  margin-bottom: 1rem;
}

.section-info h3 {
  transform: rotate(270deg);
  position: absolute;
  font-size: 0.9rem;
  top: 40px;
  left: -30px;
  text-transform: uppercase;
  color: #19f29e;
  font-weight: 600;
}

.section-video{
  padding: 5rem 0 8rem 0;
  background: url(img/bg-subheader.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  color: #fff;
}

.section-video .carousel-indicators{
  bottom: -60px;
}

.section-video .carousel-indicators li{
  width: 10px;
  height: 10px;
  background-color: #139764;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: unset;
}

.section-video .alinhaTop{
  margin-top: 15px;
}

.section-fotos{
  padding: 8rem 0 8rem 0;
  
  color: #fff;
}

.section-fotos h2{
  font-weight: 800;
  font-size: 3.2rem;
  color: #19f29e;
}

.section-fotos .carousel-indicators{
  bottom: -60px;
}

.section-fotos .carousel-indicators li{
  width: 10px;
  height: 10px;
  background-color: #139764;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: unset;
}

.section-subheader{
  padding: 8rem 0 5rem 0;
  background: url(img/bg-subheader.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  color: #fff;
}

.section-subheader h2{
  font-weight: 800;
  font-size: 2.7rem;
  margin-left: 28px;
  margin-bottom: 1rem;
}

.section-subheader h3 {
  transform: rotate(270deg);
  position: absolute;
  font-size: 0.9rem;
  top: 40px;
  left: -30px;
  text-transform: uppercase;
  color: #19f29e;
  font-weight: 600;
}

.section-subheader h4{
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #19f29e;
}

.section-visite{
  padding: 8rem 0 8rem 0;
  background: url(img/bg-visite.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  color: #fff;
}

.section-visite h2{
  font-weight: 800;
  font-size: 3.2rem;
  color: #19f29e;
}

.section-visite p span{
  color: #19f29e;
  font-weight: bold;
}

.section-evolua {
    padding: 8rem 0 5rem 0;
    background: url(img/bg-experiencias.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    color: #fff;
}

.section-evolua .bloco-evolua{
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 3px solid #2bde9b;
  padding: 2.3rem;
  margin: 2rem;
  text-align: center;
}

.section-evolua .bloco-evolua .icone-evolua{
  width: 115px;
}

.section-evolua .bloco-evolua .icone2-evolua{
  width: 100px;
}

.section-evolua .bloco-evolua .icone3-evolua{
   width: 108px;
   height: 108px;
}

.section-evolua h2 {
    font-weight: 800;
    font-size: 3.2rem;
    color: #fff;
}

.section-evolua h3 {
    text-transform: uppercase;
    font-size: 2rem;
    color: #19f29e;
}

.section-evolua p{
    color: #19f29e;
    font-size: 1.4rem;
}


.section-experiencias{
  padding: 8rem 0 5rem 0;
  background: url(img/bg-experiencias.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  color: #fff;
}

.section-experiencias .linhaRow{
  padding-top: 5rem;
  padding-bottom: 2rem;
}

.section-experiencias.linha{
  padding: 8rem 0 1rem 0;
}

.section-experiencias h2{
  font-weight: 800;
  font-size: 3.2rem;
  color: #19f29e;
}

.section-experiencias .post .card{
  border: 0;
}

.section-experiencias .post .card .card-body {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.section-experiencias .post a .card-body {
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(11,97,67,1) 0%, rgba(255,255,255,0) 50%);
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 200ms;
}

.section-experiencias .post a .card-body h3{
  position: absolute;
  bottom: 5%;
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  text-shadow: 0 0 15px #000;
  margin-right: 5%;
  color:#fff;
  text-transform: uppercase;
  font-weight: 800;
}

.section-fale-conosco{
  padding: 8rem 0 5rem 0;
  background: #090f0c;
  color: #fff;
}

.section-fale-conosco h2{
  font-weight: 800;
  font-size: 5rem;
  color: #19f29e;
  text-transform: uppercase;
  line-height: 5rem;
}

footer{
  padding: 3rem 0 0 0;
  background: #090f0c;
  color: #fff;
}

footer .subfooter-right{
  color:#19f29e;
}

footer .subfooter-right .ico{
  background: #fff;
  color: #000;
  padding: 6px 10px 6px 6px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  width: 28px;
  height: 28px;
}

footer .rodape{
  margin-top: 2rem;
  background: #0faa75;
}

footer .rodape p{
  padding: 0.8rem 0;
  margin: 0;
  color: #080e0b;
  font-weight: 500;
}

.nf-form-content input.ninja-forms-field{
  background: unset !important;
  border-color: #0faa75 !important;
  border: 2px solid !important;
}

.nf-form-content textarea.ninja-forms-field{
  background: unset !important;
  border-color: #0faa75 !important;
  border: 2px solid !important;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{
  border: unset !important;
}

.nf-form-content textarea.ninja-forms-field {
  height: 100px !important;
}

.nf-form-content input[type=button]{
  height: unset !important;
  padding: 8px 0 0 0 !important;
}

/* media queries */
@media (max-width: 768px) {

}