@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,800,900');

* {
    font-family: 'Raleway';
}

.margin-top-8 { margin-top: 8rem !important; }
.margin-top-4 { margin-top: 4rem !important; }
.margin-top-2 { margin-top: 2rem !important; }
.margin-top-1 { margin-top: 1rem !important; }
.margin-right-1 { margin-right: 1rem !important; }
.margin-top-auto { margin-top: auto !important; }
.margin-bottom-1 { margin-bottom: 1rem !important;}
.margin-bottom-2 { margin-bottom: 2rem !important;}
.margin-bottom-4 { margin-bottom: 4rem !important;}
.margin-bottom-8 { margin-bottom: 8rem !important;}
.padding-bottom-2 { padding-bottom: 2rem !important; }
.padding-bottom-4 { padding-bottom: 4rem !important; }
.padding-sides-1 { padding-left: 1rem; padding-right: 1rem; }
.center-title { text-align: center; }
.has-image-centered { margin-left: auto; margin-right: auto; }

.main-section {
    /*background: url('../images/fondo-01.png') no-repeat center bottom;*/
    background: url('../images/fondo-2019.jpg') no-repeat center bottom;
    background-size: cover;
    transition: all .3s ease-in;
}

.navbar {
    background: transparent;
    transition: all .3 ease-out;
}

.logo > img {
    width: 10rem;
}

.navbar-item {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-weight: 800;
    font-size: .8rem;
    transition: all .3s ease-in;
}

.navbar-item:hover,
.navbar-item:active {
    color: #002a66 !important;
    border-bottom: solid 3px #fff;
    background: transparent !important;
}

@media(max-width: 1087px) {
  .navbar.is-active {
    background: #202f56;
  }

  .main-section.is-active {
      background: #202f56;
  }

  .navbar-divider {
      display: block;
  }

  .navbar-burger {
    background: #202f56;
    border-radius: 8px;
    color: #fff;
  }

  .navbar-burger.is-active {
    background: #fff;
    color: #202f56;
  }

  .navbar-menu {
    background: #202f56;
  }

  .navbar-item:hover,
  .navbar-item:active {
      color: #002a66 !important;
      border-bottom: none !important;
      background: #fff !important;
}
}

.main-title {
    background: #e73d62;
    color: #fff;
    display: inline-block;
    padding: .2rem 1.2rem;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-weight: 900;
    font-size: 1.7rem;
}

.main-subtitle {
    color: #fff;
    font-family: 'Raleway';
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.4rem;
}

.strong-subtitle {
    color: #fff;
    font-weight: 900;
    font-size: 1.4rem;
}

.main-p {
    color: #fff;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 1.2rem;
}

.m-title {
    color: #fff;
    font-weight: 800;
}

.m-p {
    color: #fff;
    font-size: 1.2rem;
}

.video-section {
    background: url('../images/fondo-02.png') no-repeat center bottom;
    background-size: cover;
    padding-bottom: 15rem;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media(min-width: 1024px) {
    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
	top: 50%;
	left: 50%;
	width: 800px;
	height: 480px;
	transform: translate(-50%, -50%);
    }
}

.cert-section {
    background: url('../images/Fondo-03.png') no-repeat center bottom;
    background-size: cover;
}

.btn-primary {
    background: #002856;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 1.2rem 1.8rem;
    border: none;
    transition: all .3s ease-out;
}

.btn-primary:hover {
    background: #0080b0 !important;
    color: #fff !important;
}

.gallery-section {
    background: url('../images/fondo-01.png') no-repeat center center;
    background-size: cover;
}

.modal-content {
    width: 90vw;
}

.swiper-slide {
    position: relative;
}

.image-name {
    background: rgba(255, 255, 255, .6);
    color: black;
    font-weight: 600;
    position: absolute;
    bottom: .5rem;
    left: 50%;
    padding: 0 .5rem;
    transform: translateX(-50%);
}

.search-input {
    background: transparent;
    border: solid 2px white;
    border-radius: 8px;
    font-family: 'Raleway';
    color: #fff;
}

.search-input:hover, search-input:focus {
  border: solid #e73d62;
}

.search-input::placeholder {
    color: #ccc;
}

.how-section {
    background: url('../images/fondo-05-b.png') no-repeat center bottom;
    background-size: cover;
}

.red-title {
    font-weight: 900;
    color: #e73d62;
    font-size: 2.8rem;
}

.how-p {
    color: #002856;
    font-size: 1.5rem;
}

.blue-subtitle {
    color: #002856;
    font-weight: 800;
}

.ed-image {
    width: 70%;
}

.contact-section {
    background: url('../images/Fondo-03.png') no-repeat center top;
    background-size: cover;
}

@media(max-width: 767px) {
  .custom-order {
    flex-direction: column-reverse;
    display: flex;
  }
}

.form-input {
    background: transparent;
    border: solid 2px white;
    border-radius: 8px;
    color: #fff;
}

.form-input::placeholder {
    color: #fff;
}

.btn-form {
    background: #002856;
    color: #fff;
    border: none;
    padding: 0 2rem;
    font-weight: 600;
    transition: all .3s ease-in;
}

.btn-form:hover {
    background: #0080b0;
    color: #fff;
}

.form-p {
    font-weight: 400;
    font-size: .8rem;
    color: #fff;
}

.logo-section {
    background: url('../images/fondo-07.png') no-repeat right bottom;
    background-size: cover;
}

.logo-image {
    width: 60%;
}

@media(max-width: 767px) {
    .logo-section {
	background-position: 80% 80%;
    }
}

.est-image {
    width: 20%;
}

.flex-align-center {
    justify-content: center !important;
    align-items: center !important;
}

.footer-section {
    background: #a8c722;

}

.copyright {
    color: #eee;
}

.modal-img {
    height: 85%;
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
}

@media screen and (min-width:0\0) {
    /* Tus estilos CSS para IE9, IE10, IE11  */
    .hero{
      display: none;
      display: block;
    }
}