/*** CUSTOM STYLES ***/

html, body {
  overflow-x:hidden;
}

@font-face {
  font-family: 'SairaSemiCondensed-SemiBold';
  src: url('../fonts/SairaSemiCondensed-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SairaSemiCondensed-Regular';
  src: url('../fonts/SairaSemiCondensed-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SairaSemiCondensed-Medium';
  src: url('../fonts/SairaSemiCondensed-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SairaSemiCondensed-Bold';
  src: url('../fonts/SairaSemiCondensed-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SairaSemiCondensed-Thin';
  src: url('../fonts/SairaSemiCondensed-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SairaSemiCondensed-ExtraLight';
  src: url('../fonts/SairaSemiCondensed-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



html,body‚* {margin:0px;padding:0px;clear:both;}

a {text-decoration:none;transition:.6s;}
a:hover, a:focus {outline:none;transition:.6s;}


header .menu {
  background: rgb(255 255 255 / 85%);
  padding: 15px 10px;
  text-align: center;
  border-radius: 30px;
  width: auto;
  display:inline-block;
}

.content-menu-fixed {
  position:fixed;
  left:0;
  right:0;
  top:50px;
  text-align:center;
  z-index:99;
}

header .menu a {
  display: inline-block;
  font-family: 'SairaSemiCondensed-SemiBold';
  color: #041443;
  text-decoration: none;
  margin: 0 15px;
  font-size: 14px;
}
@media (max-width:767px){
.content-menu-fixed {top:105px;max-width: 80%;margin:0 auto;transition:.6s;}
.content-menu-fixed.scrolled {top:30px;transition:.6s;}
}



.hero {
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background-size:cover;
  background-position:center;
}

.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Hace que el video se adapte como un background */
  z-index: -1;
  max-height:100vh;
}

.background03 .hero-video {
  max-height:40%;
}

.hero h3 {
  color: #fff;
  font-family: 'SairaSemiCondensed-Thin';
  font-size: 6em;
  line-height: 1;
}
.hero p {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  line-height: normal;
  margin: 15px 0 30px;
  max-width: 45%;
  font-weight: 300;
}
.hero a {
  background: #001348;
  margin: 30px 0px 0px;
  font-size: 16px;
  border-radius: 50px;
  padding: 8px 70px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border: 2px #001348 solid;
  transition: .6s;
}

.hero a:hover {
  background: #fff;
  border: 2px #fff solid;
  color: #001348;
  transition: .6s;
}

header {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  right: 0;
}

header img {max-width:150px !important}



.video {position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;}

.full-modal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 20 71 / 32%);
    z-index:-999;
    opacity:0;
    transition:.6s;
}

.full-modal.active {
  opacity:1;
  z-index:0;
  transition:.6s;
}

.full-modal .content-video {
  display: block;
  padding: 10px;
  background: #fff;
  position:relative;
}

.close-modal {
      position: absolute;
      right: -15px;
      top: -15px;
      background: #001447;
      color: #fff;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 31px;
      height: 31px;
      font-family: 'SairaSemiCondensed-SemiBold';
      font-weight: normal;
      line-height: 0;
      border: 1px #fff solid;
      font-size: 15px;
      padding: 0px 0px 2px;
      cursor:pointer;
      transition:.6s;
}

.play-video-full {
  opacity:1;
  cursor:pointer;
  transition:.6s;
}

.play-video-full:hover {
  opacity:.7;
  transition:.6s;
}

.full-modal .content-video video {
  width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  line-height: 0;
}

.video h3 {
  color: #fff;
  font-family: 'SairaSemiCondensed-Thin';
  font-size: 5em;
  line-height: 1;
  text-align:center;
}
.video p {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 23px;
  line-height: normal;
  margin: 25px auto 30px;
  max-width: 70%;
  font-weight: 300;
  text-align: center;
}

.video img {max-width:65px !important}


.background02 {min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;}

.background02 h3 {
  color: #fff;
  font-family: 'SairaSemiCondensed-Thin';
  font-size: 4em;
  line-height: 1;
  text-align:center;
  margin-bottom: 140px;
}

.box-info {
    flex: 0 0 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto auto;
}

.box-info .icon {
  background: rgb(1 21 71 / 52%);
  border-radius: 35px 0px 35px 0px;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px;
}

.box-info h2 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-family: 'SairaSemiCondensed-SemiBold';
  margin: 25px 0 0;
}

.box-info hr {
  border-color: #fff;
  border-width: 1px;
  width: 100%;
  opacity: 1;
}

.box-info p {
  color: #fff;
  text-align: center;
  line-height: normal;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 17px;
}

.background03 {
      display: flex;
      align-items: center;
      justify-content: center;
      background-size: contain;
      background-position: top;
      background-repeat: no-repeat;
      padding-bottom:100px;
      position:relative;
}

.background03 .container {
  margin-top:25%;
}

.background03 .carousel-wrap {margin-bottom:60px}

.background03 h3 {
  color: #011547;
  font-family: 'SairaSemiCondensed-Thin';
  font-size: 4.4em;
  line-height: 1;
  text-align: center;
  margin: 40px 0 30px;
}

.background03 .cust-img {
  margin: 25px 0px -100px 55px;
}

.background03 .cust-img-02 {
  margin:0px 0px -60px -90px;
}

.background03 p {
  color: #011547;
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  line-height: normal;
  font-weight: 300;
  max-width: 65%;
  margin: 0px auto 80px;
}


.info-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #011547;
      border-radius: 50px 0px 50px 0px;
      padding: 60px 0px;
}

.info-slide .img {
  flex: 0 0 65%;
}

.info-slide .texts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 0 0 35%;
  margin-right: auto;
}

.info-slide .texts img {
  max-width: 80px;
  margin: 0 20px;
}

.info-slide .imgs {
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
  align-items: flex-end;
  text-align: right;
  flex: 0 0 40%;
}

.info-slide .imgs p {
  margin: 0;
  color: #fff;
  max-width: 100%;
  font-size: 20px;
  font-family: 'SairaSemiCondensed-SemiBold';
  line-height: 1;
}

.info-slide .imgs img {
  margin-left: auto;
  margin-right: 0;
  margin-top: 15px;
}


.info-slide .texts .tx {
  text-align:left;
  flex: 0 0 60%;
}
.info-slide .texts .tx h5 {
  color: #fff;
  font-family: 'SairaSemiCondensed-SemiBold';
  margin: 0 8px -3px;
  font-size: 21px;
}
.info-slide .texts .tx h4 {
  color: #fff;
  font-family: 'SairaSemiCondensed-SemiBold';
  margin: 0;
  font-size: 8em;
  line-height: 0.9;
}
.info-slide .texts .tx h3 {
  color: #fff;
  font-family: 'SairaSemiCondensed-SemiBold';
  margin: 0;
  font-size: 20px;
  text-align: left;
}

.background03 a {
  background: #fff;
  margin: 30px 0px 0px;
  font-size: 14px;
  border-radius: 50px;
  padding: 8px 70px;
  color: #001348;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border: 2px #fff solid;
  transition: .6s;
  display: inline-block;
}

.background03 a:hover {
  background: #001348;
  border: 2px #fff solid;
  color: #fff;
  transition: .6s;
}


.video .btn-play {
  background: #fff;
  margin: 30px 0px 0px;
  font-size: 14px;
  border-radius: 50px;
  padding: 8px 70px;
  color: #001348;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border: 2px #fff solid;
  transition: .6s;
  display: inline-block;
  cursor:pointer;
}

.video .btn-play:hover {
  background: #001348;
  border: 2px #fff solid;
  color: #fff;
  transition: .6s;
}

.background03 .custom-new-txt {
  padding: 0 50px;
  flex:1 !important;
}

.background03 .custom-new-txt h2 {
  color: #fff;
  font-family: 'SairaSemiCondensed-Regular';
  font-size: 39px;
  line-height: 1;
  margin: 0 0 15px;
}
.background03 .custom-new-txt p {
  max-width: 100%;
  color: #fff;
  margin: 0;
  font-size: 17px;
}

.background04 {
      display: flex;
      align-items: center;
      justify-content: center;
      background-size: cover;
      background-position:center;
      background-repeat: no-repeat;
      min-height:100vh;
}

.background04 h3 {
  font-family: 'SairaSemiCondensed-ExtraLight';
  color: #fff;
  font-size: 50px;
  margin: 0;
  font-weight:normal;
}

.background04 h3 strong {
  font-weight:normal;
  font-family: 'SairaSemiCondensed-SemiBold';
}


.contacto {
  padding:100px 0px;
}

.contacto h3 {
  font-family: 'SairaSemiCondensed-Medium';
  color: #000839;
  font-size: 54px;
  margin: 0;
}
.contacto p {
  margin: 10px 0 0;
  color: #000839;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  line-height: normal;
}

.contacto .legales p {
  text-align: center;
  margin-top: 2%;
  font-size: 17px;
}

.contacto iframe {}

.owl-nav {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.owl-carousel .owl-stage-outer {
  z-index:2;
}

.owl-nav .owl-prev {
  position:relative;
  left:-5%;
}
.owl-nav .owl-next {
  position:relative;
  right:-5%;
  transform:rotate(180deg);
}

.owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.owl-dot {
  width: 13px;
  height: 13px;
  background: #cccfd6;
  border-radius: 100%;
  margin: 0 5px;
}

.owl-dot.active {
  background: #011547;
}


@media (max-width: 1180px) {

  .background03 .hero-video {
    max-height: 35%;
  }

  .hero p {
    max-width:55%;
  }

  .background02 {
    background-position:right;
  }

  .info-slide .texts .tx h4 {
    font-size:6em;
  }

  .background03 .custom-new-txt p {
    font-size:14px;
  }

  .background03 .custom-new-txt h2 {
    font-size:27px;
  }

  .info-slide .imgs p {
    font-size:12px;
  }

  .background04 h3 {
    font-size:43px;
  }

  .contacto h3 {
    font-size:45px;
  }


}


@media (max-width: 768px) {
  header {
    top:30px;
    padding:0px 30px;
  }

  .video {
    padding:0px 30px;
  }

  .hero {
    padding: 0px 0px;
    min-height: inherit;
    flex-direction: column;
  }

  .hero .hero-video {
    max-height: inherit;
    position: relative;
    height: auto;
  }

  .hero .col-12.col-md-8 {
    padding: 40px 30px;
  }

  .hero h3 {
    font-size:5em;
    color: #011447;
  }

  .hero p {
    max-width:100%;
    font-size: 26px;
    color: #011447;
  }

  .hero a {
    font-size:15px;
  }

  .video h3 {
    font-size:3em;
  }

  .video p {
    font-size:21px;
    max-width:100%;
  }

  .background02 {
    padding:50px 30px;
  }

  .background02 h3 {
    font-size:3em;
    margin-bottom: 40px;
  }

  .box-info {
    flex: 0 0 100%;
    margin: 0 auto 30px;
  }

  .info-slide {
    flex-direction:column;
  }

  .background03 h3 {
    font-size:2em;
  }
  .background03 p {
    max-width:100%;
    font-size:19px;
  }

  .background03 {
    padding:0px 30px 100px;
  }

  .info-slide .img, .info-slide .texts, .info-slide .texts .tx {
    flex: 0 0 100%;
  }

  .info-slide .texts {
    margin-right: 0;
    flex-direction: column;
    padding: 15px 0px 0px;
    min-height: 350px;
    align-items: center;
    justify-content: center;
  }

  .info-slide .texts .tx {
    margin-top: 30px;
  }

  .background03 .cust-img {
    margin: 5px 0px -50px 15px;
  }

  .background03 .custom-new-txt h2 {
    font-size:29px;
    margin-top:20px;
  }

  .owl-nav .owl-next {
    right:-7%;
  }

  .owl-nav .owl-prev {
    left:-7%;
  }


  .info-slide .texts .tx h3 {
    border:none !important;
    text-align:center;
  }

  .info-slide .imgs p {
    text-align:center;
  }

  .info-slide .imgs img {
    margin:0 auto;
  }

  .background03 .cust-img-02 {
    margin: 0px 0px -10px -20px;
  }

  .background04 {
    background-position: 35% 100%;
  }

  .background04 h3 {
    font-size:31px;
  }

  .background03 .hero-video {
    max-height: 25%;
  }


}

@media (max-width: 400px) {


  .imgs.custom-responsive-icon {
    flex-direction: column-reverse;
  }

  .imgs.custom-responsive-icon p {
    font-size: 17px;
    padding: 0px 50px;
    margin-bottom: 9px;
  }
  .imgs.custom-responsive-icon img {
    margin-bottom: 15px;
  }

  .hero h3 {
    font-size: 3em;
    margin-top: 0px;
  }

  .video h3, .background02 h3 {
    font-size: 2em;
  }
  .video p {
    font-size: 16px;
  }

  .info-slide {
    padding: 60px 0px 0px;
  }

  .info-slide .texts {
    padding: 0px 0px 0px;
  }

  .info-slide .texts .tx {
    margin-top:10px;
    padding: 0 30px;
  }

  .background03 .hero-video {
    max-height: 25vh;
  }

  .background03 {
    padding: 0px 0px 100px;
  }

}