/* COLORS:
  black: #26242e;
    red: #ff3f33;
   gray: #969696
  green: #22884b;
*/

/*
 * Header
 */

.site-header {
  background-color: #26242eda;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  transition: color .15s ease-in-out;
  color: #ffffff;
  text-decoration: none;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

/*
 * Footer
 */

footer {
   background-color: #26242a;
   color: white;
}

footer a {
  color: white;
  text-decoration: none;
}

footer img {
  padding-bottom: 0.5em;
}

footer small{
  color: rgb(148, 148, 148);
}

/*
* General
*/

html * {
  font-family: "Montserrat", "Open Sans" !important;
}

.navbar-nav .nav-link.active {
  color: white !important;
  text-decoration: underline !important;
  text-underline-offset: 8px;
}

.container {
  max-width: 960px;
}

h1 {
  font-size: 4rem;
}

 h5 {
   font-weight: 100;
 }

 .red {
  color: #ff3f33;
 }

 .red-highlight {
  color: white;
  background-color: #ff3f33;
 }


/*
 * Home
 */

 #homeBanner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: bottom;
  background-position-y: right;
 }

 #homePhrase {
  font-size: 4rem;
 }

.main {
  height: 90vh;
}

.login-container {
  background-color: #ff4133b5;
  border-radius: 2em;
  color: white;
  padding: 2em;
  margin: 5em;
  margin-right: 0;
  margin-bottom: 1em;
}

.login-icon {
  height: 25px;
  padding-right: 1em;
}

.login-icon-container {
  width: 45px;
}

.login-input {
  border-radius: 1em !important;
}

.login-input::placeholder {
  font-weight: lighter;
  opacity: 1;
  /* Firefox */
}

.login-input::-ms-input-placeholder {
  /* Edge 12 -18 */
  font-weight: lighter;
}

.login-button {
  text-transform: uppercase;
  background-color: #22884b;
  color: white;
  border-color: #22884b;
  padding-left: 2.2em;
  padding-right: 2.2em;
}

.login-button:hover {
  background-color: #1a6d3b;
  border-color: #1a6d3b;
}

.login-container>form>* {
  margin-bottom: 1em;
}

.homeServices {
  min-height: 400px;
  background: transparent;
  
}

.homeServices .service {
  background-color: white;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  border-color: #969696;
  border-style: solid;
  border-left-width: 3px;
  border-right-width: 3px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-radius: 8px;
  box-shadow: 0px 10px 25px -5px #969696;
  transition: transform 0.5s ease, box-shadow 0.5s, border-color 0.8s;
}

.homeServices .service:hover {
  border-color: #ff3f33;
  box-shadow: 0px 18px 25px -5px #969696;
  transform: translateY(-10px);
}

.service-icon-container{
  height: 53px;
}

.service-icon-container img {
  margin-bottom: 1em;
  height: 53px;
  width: auto;
}

.service, .service * {
  cursor:pointer !important;
}

.homeBenefits {
  height: 60vh;
  background-image: url('../images/home/beneficios_fade.png');
  background-size:cover;
  background-position: bottom center;
}

.homeVideo {
  /*background-color: #26242e;*/
  color: white;
  min-height: 400px;
  /*ackground: transparent;*/
}

.video{
  background-color: white;
  border: solid 2px #ff3f33;
  height: 240px;
  width: 440px;
  border-radius: 10px;
  margin-top: 4em;
  margin-bottom: 0.8em;
  align-self: center;
  display:flex;
}

.homeTestimonials {
  color: white;
  background-image: url('../images/home/testimoniales.png');
  background-position: center center;
  background-size: cover;
  min-height: 80vh;
}

.contact-container {
  background-color: #ff4133b5;
  border-radius: 0.2em;
  color: white;
  padding: 2em;
  padding-top: 1em;
}

.carousel-item  div {
  height: 220px;
}

.carousel-item > div > img {
  align-self: center;
}

/*
 * About Us
 */

.aboutUsBanner {
  background-color: rgba(0, 0, 0, 0.63) !important;
  background-blend-mode: color-dodge;
  color: white;
  height: 50vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../images/nosotros/banner.png');
  font-size: 3rem;
}

/*
 * Servicios
 */
 .customAccordion p, .customAccordion h2 {
  cursor: pointer;
  line-height: 2em;
 }

 .servicesArrow {
  height: 20px;
  width: 15px;
  transition: transform 0.2s;
 }


/*
 * FAQ
 */

 .customAccordion h2 {
    line-height: 2.5rem;
 }

 .faqBanner {
    background-color: rgba(0, 0, 0, 0.63) !important;
    background-image: url('../images/faq/banner.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: color-dodge;
    color: white;
 }

 /*
 * Nosotros
 */

 .iniciativa {
  /*background-color: #26242e;*/
  color: white;
 }

 /*
 * Vision
 */

 .visionBanner {
   background-color: rgba(0, 0, 0, 0.63) !important;
   background-image: url('../images/vision.jpeg');
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   background-blend-mode: color-dodge;
   color: white;
 }

/*
 * Aviso de privacidad
 */

 .privacidadBanner {
   background-color: rgba(0, 0, 0, 0.63) !important;
   background-image: url('../images/home/background.png');
   background-position: 0px -200px;
   background-size: cover;
   background-repeat: no-repeat;
   background-blend-mode: color-dodge;
   color: white;
 }

/*
 * Extra utilities
 */

.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }

  .homeBenefits {
    height: 80vh;
  }
}

@media (max-width: 768px) {
  .main {
      min-height: 70vh;
  }

  .login-container {
    margin-top: 2em;
  }
}

.navbar-toggler {
  border-color: white;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}