@font-face {
     font-family: Futura, "Trebuchet MS", Arial, sans-serif; 
    src: url("../fonts/futura/futur.ttf");
}

body{
  font-family: Futura, "Trebuchet MS", Arial, sans-serif;

}

.div-menuCross{
  width: 55%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menuCross{
    border-bottom: 1px solid #00000042;
    border-left: 1px solid #00000042;
    border-right: 1px solid #00000042;
    box-shadow: 0px 3px #8888886b;
    background-color: white;
    padding: 10px 20px;
}
.menuCross .breadcrumb-item::before {
    color: #BE1E2D;
    font-size: 30px;
    padding: 20px;
}

.titleMenuCross{
    color: black;
    font-weight: 900;
    margin-bottom: 0px;
}
.menuCross .breadcrumb-item {
    align-items: center;
    height: 30px;
}

.placaMenuCross{
  position: absolute;
  width: 100%;
  top: -8px;
}
.SeccionformularioH1{
  background-image: url('../imagenes/contenido/home_img_mapa.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 100px; 
  padding: 39px 0px 135px 0px;

}
.DivFomularioH1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
}

.WhatFormularioH1{
  position: absolute;
  right: -9%;
  top: -124px;
}

.DivFomularioH1 .titleFormH1Red{
  color: #BE1E2D;
  font-weight: 900;
  font-style: italic;
}
.DivFomularioH1 .smallFormH1Red{
  color: black;
  font-weight: 700;
  font-style: italic;
  font-size: 20px;
}

#FormularioH1 label{
  font-size: 22px;
  font-weight: 700;
  color: black;
  font-style: italic;
}

.headerContentFormh1{
  margin-bottom: 40px;
}
#FormularioH1 input{
  height: calc(1.5em + 1.75rem + 10px);
}

#FormularioH1 #btnSendFormH1{
  width: 190px;
  padding: 12px;
  border-radius: 30px 0px 30px 0px;
  background: #1B75BC;
}


/*Css About*/

.img-About{
  position: relative;
  z-index: 1;
}
.div-texto-about{
    width: 31%;
    position: absolute;
    left: 966px;
    top: 1212px;
    transform: translate(-50%, -50%);
}
.div-texto-about h1{
    color: #1B75BC;
    font-weight: 900;
    font-style: italic;
    font-size: 70px;
    margin-bottom: 30px;
    font-weight: 900;
}
.div-texto-about p{
    font-size: 24px;
    text-align: justify;
}

.imgMapaHome{width: 100%;}

.imgMapaHome2{
  width: 100%;
  left: 0px;
  top: 1300px;
}
.caja1Servicios{
  position: absolute;
  width: 300px;
  left: 16%;
  top: 226px;
}
.caja2Servicios{
  position: absolute;
  width: 300px;
  left: 43%;
  top: 226px;
}
.caja3Servicios{
    position: absolute;
    width: 300px;
    right: 15%;
    top: 226px;
}
.caja1Servicios p,.caja2Servicios p,.caja3Servicios p{
  font-size: 24px;
  font-weight: 500;
}

/*Fin de css About*/



/*Css Servicios*/

.tituloServiciosH{
  color: #1B75BC;
  font-weight: 900;
  font-style: italic;
  font-size: 70px;
  margin-bottom: 30px;  
  padding-left: 73px;
  margin-top: 501px;
  font-weight: 900;
}

.fotospeaker {
    width: 220px;
    height: 220px;
    margin: auto;
    border-radius: 220px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
.slick-current .fotospeaker {
  border: 4px solid #1B75BC;
  border-style: dashed;
}
.fotospeaker img {
    border-radius: 100px;
}

.speak h3 {
    font-size: 20px;
    color: black;
    text-align: center;
    margin-top: 1em;
    font-weight: 400 !important;
}
.speak p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0px !important;
    line-height: 18px;
}


.slideInfo {
    background-image: url(../imagenes/contenido/home_img_caja_vertical.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0px !important;
}

.contenidoSpeaker {
    width: 90%;
}

.DivInfoServiciosH1 {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.divCajasServicios{
  margin-bottom: 50px;
}
.divCajaSerDes1{
  margin-top: 80px;
  margin-bottom: 80px;
}
.divCajaSerDes1 .text-desc1{
   font-size: 22px;
    font-weight: 400;
}
.divAvioneta{margin-top: 100px;}
.bordeAvioneta{
  background-image: url('../imagenes/contenido/video.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    height: 700px;
    width: 100%;
    position: relative;
}
.bg-videoInt{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  visibility: visible;
  object-fit: cover;
}

.bordeHomeCross{
  background-image: url('../imagenes/contenido/banner-video.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    height: 900px;
    width: 100%;
    position: relative;
}

.bg-videoHome{
    z-index: -10;
    width: 99vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 49%;
    left: 49%;
    transform: translate(-49%, -50%);
}


            .vimeo-wrapper {
                    position: relative;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    pointer-events: none;
                    overflow: hidden;
                    margin: 0 auto;
                }
                .vimeo-wrapper iframe {
                    width: 100vw;
                    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
                    min-height: 100vh;
                    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }
                .backmed{
                    background: url("../imagenes/contenido/banner-video.png");
                    background-size: cover;
                    width: 100%;
                    height: 113vh;
                    position: relative;
                    z-index: 1000;
                }
                .next{
                    position: relative;
                    height: 300px;
                    background-color: #FFF;
                }

.DivInfoServiciosH1 h4{
  font-weight: 900!important;
}
/*Fin css Servicios*/


/*Css Reservaciones*/

.titleReservations{
  color: #1B75BC;
  font-weight: 900;
  font-style: italic;
  font-size: 70px;
  margin-bottom: 30px;
  margin-top: 70px;
  position: relative;
  left: -105px;
  font-weight: 900;
}
.divCarrouselReservaciones{
  margin-top: 150px;
}
#carouselExampleControls{z-index: 1;}
.imgMapaHome3 {
    width: 100%;
    bottom: -145px;
}
/*Fin Reservaciones*/

/*Css generales*/
#myBtn {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 999;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: center;
}
#myBtn2 {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: center;
}

.imgBtnWhat{
  position: fixed;right: 0px; bottom:70px;z-index: 999;
}
/*Fin css generales*/


.div-none{display: none;}
.botonRojoFooter{
  background: #be1e2d;padding: 20px; color: white;font-size: 25px;width: 240px;
}
.botonRojoFooter:hover{
  background: #1B75BC;
  color: white;
}
.caja_2,.caja_3,.caja_4,.caja_5{
  opacity: .5;
}
footer{
  background: #1B75BC;
  z-index: 1;
}
@media(min-width: 1860px){
  .caja1Servicios {
    left: 317px;
  }
  .caja2Servicios {
      left: 823px;
  }
  .caja3Servicios {
      right: 314px;
  }
  .tituloServiciosH{
    margin-top: 535px;
  }

}
@media(max-width: 1366px){

  .div-texto-about {
    width: 43%;
    left: 70%;
    top: 1167px;
  }
  .conFormHH1{width: 100%;}
  .caja1Servicios {
    left: 40px;
  }
  .caja2Servicios {
    left: 550px;
  }
  .caja3Servicios {
    right: 45px;
  }
  .imgFondoServiciosInfo{
    width: 100%;
  }
  .DivInfoServiciosH1 {
      top: 45%;
      left: 50%;
      width: 80%;
  }
  .divCajasServicios {
      margin-bottom: 30px;
  }
  .divCajaSerDes1{
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .tituloServiciosH {
      margin-top: 300px;
  }


  .bordeHomeCross{
      height: 804px;
  }
}


@media(max-width: 1024px){
  .WhatFormularioH1 {
      right: 0%;
      top: -186px;
  }
  .DivFomularioH1 {
      top: 44%;
  }
  .headerContentFormh1{
    margin-bottom: 0px;
  }
  .img-About{width: 48%;}
  .div-texto-about {
      width: 40%;

    left: 770px;
      top: 983px;
  }
  .imgServiciosH1{
    width: 85%;
  }
  .caja1Servicios {
    left: 25px;
    width: 250px;
    top: 174px;
  }
  .caja2Servicios {
left: 400px;
    width: 250px;
    top: 174px
  }
  .caja3Servicios {
    left: 72%;
    width: 250px;
    top: 174px;
  }

  .DivInfoServiciosH1 {
      top: 55%;
  }
  .divCajasServicios {
      margin-bottom: 10px;
  }
  .divCajaSerDes1{
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .titleReservations {
      left: 0px;
  }

  .backmed {
    height: 42vh;
  }
}
.sticky {
position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}
@media(max-width: 812px){
  .div-menuCross {
      width: 80%;
  }
  .menuCross .breadcrumb-item::before {
      font-size: 30px;
      padding: 0px 6px 0px 0px;
  }
  .WhatFormularioH1 {
    right: 0%;
    top: -219px;
  }
  .img-About{
    position: absolute;
    top: 678px;
  }
  .conFormHH1{display: none;}
  .conFormVH1{display: block!important;    width: 100%;}
  .caja1Servicios {
      left: 12px;
      width: 200px;
      top: 130px;
  }
  .caja2Servicios {
      left: 286px;
      width: 200px;
      top: 130px;
  }
  .caja3Servicios {
        left: 544px;
      width: 200px;
      top: 130px;
  }
  .caja1Servicios p, .caja2Servicios p, .caja3Servicios p {
      font-size: 16px;
      font-weight: 400;
  }
  .fotospeaker img {
      width: 100px;
  }
  .fotospeaker {
      width: 140px;
      height: 140px;
      border-radius: 140px;
  }
  .DivInfoServiciosH1 .divCajasServicios img{
    width: 100%;
  }
  .imgFondoServiciosInfo{display: none!important;}
  .imgFondoServiciosInfo_res{display: block!important; width: 100%;}
.div-texto-about {
    left: 546px;
}

  .slick-prev, .slick-next {
      top: 32%!important;
  }
  .slick-prev:before, .slick-next:before {
      color: black!important;
  }

.DivInfoServiciosH1 {
    top: 45%;
}
}

@media(max-width: 512px){
  .navbar{
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0px;
    text-align: right;
  }
  .SeccionSliderCross{
    margin-top: 56px;
  }
  .WhatFormularioH1 {
    right: 0%;
    top: -80px;
    width: 58px;
  }

  .div-menuCross {
      width: 100%;
  }

  .DivFomularioH1 .titleFormH1Red {
      font-size: 25px;
  }
  #FormularioH1 input {
      height: calc(1.5em + 0.75rem + 5px);
  }
  #FormularioH1 label {
      font-size: 18px;
  }
  .DivFomularioH1 .headerContentFormh1{
    margin-bottom: 30px;
  }

  .div-texto-about {
    top: -84px;
    position: relative;
    left: 275px;
  }
  .img-About {
    top: 40px;
    position: relative;
  }
  .div-texto-about h1 {
    font-size: 30px;
  }
  .div-texto-about p {
    display: none;
  }
 .SeccionMenuCross{
    display: none;
   }

  .imgServiciosH1 {
      width: auto;
      position: relative;
      left: 45px;
  }
  .caja1Servicios {
      left: 35%;
      width: 200px;
      top: -2px;
  }
  .caja2Servicios {
      left: 35%;
      width: 200px;
      top: 175px;
  }
  .caja3Servicios {
      left: 35%;
      width: 200px;
      top: 354px;
  }

  .caja1Servicios p, .caja2Servicios p, .caja3Servicios p {
      font-size: 16px;
      font-weight: 500;
  }
  .tituloServiciosH {
      font-size: 35px;
      padding-left: 0px;
      margin-top: 105px;
      text-align: center;
  }
  .DivInfoServiciosH1 .divCajasServicios img {
      width:auto;
  }
  
  .imgFondoServiciosInfo_res{display: none!important;}
  .DivInfoServiciosH1{
    position: relative;width: 100%;
    top: 0px;
    left: 0px;transform: none;
  }
  .DivInfoServiciosH1 .divCajasServicios h5, p{text-align: center;font-size: 16px;}
  .titleReservations {
      font-size: 35px;
      text-align: center;

  }
  .divCajaSerDes1 h5,.divCajaSerDes1 p{
    font-size: 16px!important;
  }

  .divCajaSerDes2 h4,.divCajaSerDes2 h5{
    font-size: 16px;
  }
  .slick-prev, .slick-next {
      top: 32%!important;
  }
  .slick-prev:before, .slick-next:before {
      color: black!important;
  }
  .backmed{
      background: none;
      height: 54vh;
  }
  .bordeAvionetaBannerRes {
    background-image: none!important;
  }

.caja_2,.caja_3,.caja_4,.caja_5{
  opacity: 1;
}
#cover-spin{display: none!important;}
.bordeAvioneta {
    background-image: none;
    height: 300px;

}
.bg-videoInt {
    object-fit: contain;
}

}