.headercontainer {
  position: relative;
  text-align: center;
  color: white;
  border: 0px;
}

.card-img-top {
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.div-top-header {
  background-image: url("images/top_background.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1.0;
}

.div-top-header-detail {
  background-image: url("images/top_background_detail.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1.0;
}

.propri-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  width: 140px;
}

.headercontainer-center-img {
  padding: 0px;
  background-image: url("images/blue-card-tab-top_product_hl.svg");
  background-repeat: no-repeat;
  background-position: center; /* Center the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  min-height: 45px;
  width: 100%;
  color: white;
  border: 0px;
}

.card-footer-img {
  padding: 0px;
  background-image: url("images/blue-card-footer_v1.svg");
  background-repeat: no-repeat;
  background-position: center; /* Center the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  min-height: 35px;
  width: 100%;
  color: white;
  border: 0px;
}

.card-body-img-carousel {
  background-image: url("images/card_body_backgroud_white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1.0;
  min-height: 400px;
  opacity: 0.9;
}

.card-body-saiba-mais {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  border: 0px;
}

.card-carousel-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  height: 400px;
}

.card {
  border: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.card-text {
  padding-left: 15px;
}

.div-apli-for {
  background-image: url("images/gateway_v3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1.0;
  min-height: 400px;
  opacity: 0.9;
}

.card-contact {
  background-color: #2a435eff;
}

.contact-text {
    color: white;
}

.card-contact-body {
  background-color: #2a435eff;
  padding: 1px 20% 1px 20%;
}

h1 {
    color: #ffffff;
    text-shadow: 2px 2px #2e2eb8;
    font-size: 3em;
    line-height: 1.2em;
    margin-bottom: .5em;
    font-weight: 300;
    font-family: Muli,Arial,Helvetica;
    text-align: center;
}

h2 {
    color: #ffffff;
    text-shadow: 2px 2px #2e2eb8;
    font-size: 1.5em;
    line-height: 1.5em;
    text-transform: none;
    text-align: center;
}

h3 {
    color: #f0a735ff;
    text-shadow: 1px 1px #2a435eff;
    font-size: 1.4em;
    line-height: 1.2em;
    text-transform: none;
    text-align: center;
    padding-top: 10px;
}

h4 {
    color: #4552a5ff;
    text-shadow: 1px 1px #666666ff;
    font-size: 1.4em;
    line-height: 1.2em;
    text-transform: none;
    text-align: center;
    padding-top: 10px;
}

input {
    min-width: 100%;
    width: 100% !important;
    display: block;
    height: calc(1.5em + 1.5rem + 2px);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(82, 87, 92);
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    padding: 0.75rem 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(206, 212, 218);
    border-image: initial;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
}

textarea{
    min-width: 100%;
    width: 100% !important;

    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    padding: 0.75rem 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(206, 212, 218);
    border-image: initial;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
}

select{
    min-width: 100%;
    width: 100% !important;

    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    padding: 0.75rem 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(206, 212, 218);
    border-image: initial;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
}

.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}

/* NAVBAR */
a, .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a {
  color: #aec251;
}

a:hover, .navbar-default .navbar-brand:hover, .navbar-default .navbar-nav>li>a:hover {
  color: #687430;
}