/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;  
  color: #5a5a5a;

}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 10px;
  max-width:100%;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  display: table-cell;
    vertical-align: middle; 
  bottom: 3rem;
  z-index: 10;
}


.intro {
  position: absolute;
	display:table;
	width:100%;
	height:100vh;
	padding:0 0 0 0;
	text-align:center;
	color:#fff;
	

	-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
}
.intro .intro-body {
	display:table-cell;
	vertical-align:middle;
}
.intro .intro-body .brand-heading {
	font-size:40px;
}
.intro .intro-body .intro-text {
	font-size:18px;
}
@media(min-width:768px) {
	.intro {
			height:100vh;
			padding:0;
	}
	
	.intro .intro-body .intro-text {
			font-size:20px;
				font-weight:300;
				letter-spacing:3px;
	}
}


#myCarousel .btncard {
 
	text-decoration: none;
	  color: #ffffff;
	  padding: 0.8rem;
	  font-size: 14px;
	  text-transform: uppercase;
	  border-radius: 4px;
	  font-weight: 600;
	  
	  max-width: 40%;
	  min-width: 20%;
	  cursor: pointer;
	  border: 1px solid rgba(255, 255, 255, 0.2);
	  background: transparent;
	}
	

#obrigado .btncard {
 
	text-decoration: none;
	  color: #ffffff;
	  padding: 0.8rem;
	  font-size: 14px;
	  text-transform: uppercase;
	  border-radius: 4px;
	  font-weight: 600;
	  
	  max-width: 40%;
	  min-width: 20%;
	  cursor: pointer;
	  border: 1px solid rgba(255, 255, 255, 0.2);
	  background: transparent;
	}
	
	#obrigado .btncard:hover {
	  background-color: rgba(207, 202, 202, 0.12);
	}

/* Declare heights because of positioning of img element */
.carousel-item {
  background-image: url(/Assts/Img/bner.avif);
  background-size: cover;
  background-position: center center;
  height: 100vh;
  max-width:100%;
  display: table;
  
}

.carousel-item:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: rgba(52, 58, 64, 0.9);
}

.carousel-item  img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing{
padding-bottom: 40px;

}
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 700;
  line-height: 72px;
color: #124265;
font-family: "Poppins", sans-serif;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
  text-align: justify;
  text-align-last: center;
}



/* rtl:end:ignore */





/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

#myCarousel h1{

  margin: 0;
font-size: 50px;
font-weight: 700;
line-height: 72px;
color: #ffffff;
font-family: "Poppins", sans-serif;
}
