/*hola*/
/*!* Start Bootstrap - Landing Page v5.0.8 (https://startbootstrap.com/themes/landing-page)* Copyright 2013-2020 Start Bootstrap* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)*/

@font-face {
  font-family: "Bebas Neue";
  src: url("fonts/BebasNeueBold.woff2") format("woff2"),
    url("fonts/BebasNeueBold.woff") format("woff"),
    url("fonts/BebasNeueBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Regular.woff2") format("woff2"),
    url("fonts/Montserrat-Regular.woff") format("woff"),
    url("fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Bebas Neue";
  background-color: #ffffff;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

a:hover {
  color: #eaa733 !important;
}

.btn:hover {
  color: rgb(41, 116, 128) !important;
}

h1,
h2,
h3,
h4,
h h6 {
  font-family: "Bebas Neue";
}

.logo-menu {
  padding-right: 20% !important;
}

.flag-text {
  font-size: 0.9rem;
  color: #000000 !important;
  padding-top: 0px !important;
  margin-top: 0px;
}

.dark-color {
  color: #000622;
}

a {
  color: #66a8b2 !important;
}

a:active {
  color: #eaa733 !important;
}

.menu-activo {
  -webkit-text-decoration-color: #eaa733;
  text-decoration-color: #eaa733;
  border-bottom: 2px solid #eaa733;
  color: #eaa733 !important;
  padding-bottom: 0px !important;
}

.titulo-menu {
  font-size: 1.2rem;
  letter-spacing: 0rem;
}

.padding-menu {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.btn-naranja {
  background-color: #eaa733 !important;
  color: #ffffff !important;
}

.boton-naranja {
  background-color: #eaa733 !important;
  color: #ffffff !important;
  border-radius: 25px;
  font-size: 0.8rem;
  margin-left: 1rem;
  margin-right: 1rem;
  letter-spacing: 0.3rem;
  border-color: #eaa733 !important;
  border-style: none !important;
}

.titulos {
  font-family: "Bebas Neue";
  font-size: 2.2rem;
  letter-spacing: 1rem;
  font-weight: lighter !important;
}

.subtitulos {
  font-size: 1.4rem;
  font-family: "Montserrat";
  font-weight: bold;
}

.precio {
  color: #eaa733 !important;
}

.subrayado {
  -webkit-text-decoration-color: #eaa733;
  text-decoration-color: #eaa733;
  border-bottom: 2px solid #eaa733;
  padding-bottom: 0px !important;
  margin-top: 70px !important;
  padding-top: 0px !important;
}

.subtitulo-servicio {
  font-family: "Montserrat";
  font-size: 1.4rem;
}

header.masthead h1 {
  font-size: 2rem;
}

#servicios {
  background-image: url(../img/fondo-servicios.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

/*slider y form*/

.label-contacto {
  font-size: 1rem;
  margin-top: 0.5rem !important;
}

.boton-formulario {
  margin-top: 1rem;
  font-size: 1.3rem;
}

.label-contacto .boton-naranja {
  margin-left: 0px !important;
}

/*
.search-sec {
    padding: 2rem;
    width: 500px;
    height: 700px;
    margin-left: 1200px;
    float: left;
    margin-top: -750px;
}

.background-form {
    background: rgba(232, 233, 235, 0.7) !important;
    background-color: #000000;
    z-index: 1;
}
*/

/* fin slider y form*/

/*section*/

.padding-section {
  margin-top: 20px !important;
  padding-top: 20px !important;
  /*fin section*/
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

/*contacto*/

#contacto {
  font-size: 0.8rem;
  font-family: "Montserrat";
}

.form-rounded {
  border-radius: 1rem;
  /*border: 0px;*/
}

/*Slider*/

.wrapper {
  max-width: 1920px;
  max-height: 856px;
}

.carousel-item-prev,
.carousel-item.active {
  display: block !important;
}

.carousel-item img {
  padding-top: 0px;
}

.selectWrapper {
  border-radius: 36px;
  overflow: hidden;
  background: #cccccc;
  border: 1px solid #cccccc;
}

.selectBox {
  border: 0px;
  outline: none;
}

/*footer*/
.footer {
  padding-top: 10px;
}

.bg-verde {
  background-color: rgb(41, 116, 128);
}

.texto-footer a {
  font-size: 1rem;
  font-family: "Montserrat";
  color: #ffffff !important;
}

.facebook {
  width: 8px;
}

/*ribbon imagen*/

/*Sombra*/

.sombra {
  -webkit-box-shadow: 0px 2px 5px 1px rgba(110, 110, 110, 0.66);
  -moz-box-shadow: 0px 2px 5px 1px rgba(110, 110, 110, 0.66);
  box-shadow: 0px 2px 5px 1px rgba(110, 110, 110, 0.66);
}

/*unidades*/

#unidades img {
  margin-bottom: 20px !important;
}

/*faqs*/

/*titulos faqs*/

.space {
  margin-top: 160px;
}

.titulo-faqs {
  color: #eaa733 !important;
  font-size: 1.6rem;
  font-weight: lighter !important;
}

.parrafo-faqs {
  font-family: "Montserrat";
  font-size: 1.4rem;
}

.parrafo {
  margin-bottom: 30px;
}

/*search box css start here*/
/*
.search-sec {
  padding-top: 1.5rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
*/
.search-slt {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  height: calc(3rem + 2px) !important;
  border-radius: 0;
}

.wrn-btn {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  height: calc(3rem + 2px) !important;
  border-radius: 0;
}

.search-sec .form-control {
  font-size: 0.8rem;
}

/*
Bootstrap 4 breakpoints
*/

/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 300px) and (max-width: 575.98px) {
  .form-control {
    display: inline !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .flag {
    /* padding-left: 20px;*/
    padding-top: 10px;
  }

  .logo-menu {
    padding-right: 0px;
  }

  .nav-link {
    text-align: center;
  }

  .boton-nav {
    text-align: center;
  }

  .menu-activo {
    border-bottom: 0px;
  }

  .form-control .mes {
    display: inline !important;
  }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) and (max-width: 991.98px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  header.masthead h1 {
    font-size: 3rem;
  }

  .showcase .showcase-text {
    padding: 7rem;
  }

  footer.footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-sec {
    position: absolute;
    top: 70px;
    background: rgba(232, 233, 235, 0.7);
    width: 700px;
    margin-left: 400px;
  }

  .titulo-form-slider {
    margin-top: 0px;
    padding-top: 0px;
  }

  .form-group.col-sm-6 {
    display: flex;
    align-items: center;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1279.98px) {
  .search-sec {
    position: absolute;
    top: 123px;
    background: rgba(232, 233, 235, 0.7);
    width: 700px;
    margin-left: 550px;
  }
}

@media (min-width: 1280px) and (max-width: 1899.98px) {
  .search-sec {
    position: absolute;
    top: 23%;
    background: rgba(232, 233, 235, 0.7);
    width: 700px;
    margin-left: 45%;
    padding: 1%;
  }
}

@media (min-width: 1900px) and (max-width: 2559.98px) {
  .search-sec {
    position: absolute;
    top: 18%;
    background: rgba(232, 233, 235, 0.7);
    width: 700px;
    margin-left: 1100px;
    padding: 2%;
  }
}

@media (min-width: 2560px) {
  .search-sec {
    position: absolute;
    top: 12.5%;
    background: rgba(232, 233, 235, 0.7);
    width: 700px;
    margin-left: 1600px;
    padding: 2%;
  }
}

/*modal*/
.modal-header {
  display: block !important;
}

button.close {
  padding: 0px !important;
  margin: 0 !important;
}

/*formulario de pago*/
#pago {
  width: 400px;
  height: auto;
  margin: 0 auto;
  padding-top: 20px;
}

#formbe {
  background-color: #eaeaea;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  -webkit-box-shadow: 6px 7px 5px -4px rgba(161, 161, 161, 0.75);
  -moz-box-shadow: 6px 7px 5px -4px rgba(161, 161, 161, 0.75);
  box-shadow: 6px 7px 5px -4px rgba(161, 161, 161, 0.75);
}

.form-control .mes {
  display: inline !important;
}

.asigna-select {
  font-size: 100px;
}

.colorGris {
  color: #55595c !important;
}