/*================= TAG ================*/

.tag
{
  width:125px;
  height:250px;
  left:10px;
  z-index:1;
  top:-250px;
  background-size:cover;
  position:absolute;

  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in; /** Chrome & Safari **/
  -moz-transition: all 0.3s ease-in; /** Firefox **/
  -o-transition: all 0.3s ease-in; /** Opera **/
}
.ehover11:hover .tag
{
  transform: translate(0,240px);
  -webkit-transform: translate(0,240px);
  -o-transform: translate(0,240px);
  -moz-transform: translate(0,240px);
}

.tag .reloj
{
  width:125px;
  text-align: center;
}

.tag .textoT2
{
  color:#FFF;
  text-align: center;
  font-size: 12px;
  padding: 0px 10px 50px 10px;
  line-height: 1.1;
  margin-top:10px;
}

.tag .reloj img
{
  width:40px;
  margin: auto;
  margin-top:130px;
  opacity:1;
}

.tag .texto1
{
  color:#F50C59;
  text-align: center;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  line-height: 1.1;
  margin-top:126px;
}
.tag .texto2
{
  color:#F50C59;
  text-align: center;
  font-size: 70px;
  font-weight:800;
  font-style: italic;
  margin-top:0px;
}
.tag .texto3
{
  color:#F50C59;
  text-align: center;
  font-size: 12px;
  margin-top:-10px;
}

.overlay .t3-tit
{
  background-color: transparent;
  padding-left:0px;
  text-align: center;
  font-size: 22px;
  margin-top:50px;
}
.overlay .t3-des
{
  background-color: transparent;
  padding-left:0px;
  text-align: center;
  font-weight:lighter;
  font-size: 16px;
  color:#FFF;
}

.overlay .t3-res
{
  margin-left:115px !important;
}



/*============= TAG FINAL ===================*/

.tagFinal
{
  width:125px;
  height:230px;
  left:10px;
  z-index:1;
  top:0px;
  background-size:cover;
  background-position: center bottom;
  position:absolute;
}

.tagFinal .reloj
{
  width:125px;
  text-align: center;
}

.tagFinal .textoT2
{
  color:#FFF;
  text-align: center;
  font-size: 12px;
  padding: 0px 10px 50px 10px;
  line-height: 1.1;
  margin-top:8px;
}
.tagFinal .textoT3
{
  color:#FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  padding: 0px 10px 0px 10px;
  line-height: 1.1;
  margin-top:-70px;
  font-style: italic;
}

.tagFinal .reloj img
{
  width:40px;
  margin: auto;
  margin-top:100px; /* Altura del texto */
  opacity:1;
}

.tagFinal .texto1
{
  color:#F50C59;
  text-align: center;
  font-size: 12px;
  padding: 0px 10px 0px 10px;
  line-height: 1.1;
  margin-top:110px;
}
.tagFinal .texto2
{
  color: #000;
  text-align: center;
  font-size: 70px;
  font-weight:800;
  font-style: italic;
  margin-top:0px;
}
.tagFinal .texto3
{
  color:#f50c59;
  text-align: center;
  font-size: 12px;
  margin-top:-10px;
}



.card
{
  border-radius: 10px;
  overflow: hidden;
}
.card .card-title
{
  color:#f50c59;
  height:50px;
}

.card .card-text
{
  line-height: 1.4;
  height:70px;
}

.card .card-link
{
  background-color:#f50c59;
  color:#FFF;
  border-radius: 25px;

  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in; /** Chrome & Safari **/
  -moz-transition: all 0.3s ease-in; /** Firefox **/
  -o-transition: all 0.3s ease-in; /** Opera **/
}
.card .card-link:hover
{
  background-color:#999;
  color:#FFF;
  border-radius: 25px;
}
.card .precioOferta
{

  font-size:28px;
  font-weight:500;
}
.card .precioAnterior
{
  color:#f50c59;
  text-decoration:line-through;
  margin-bottom:10px;
}


/* detalles tarifa*/

.detallesTarifa h2
{
  font-size: 26px;
  color:#f50c59;
  font-weight:500;
  margin-bottom: 20px;
}
.detallesTarifa .precioOferta
{

  font-size:24px;
  font-weight:500;
}
.detallesTarifa .precioAnterior
{
  color:#f50c59;
  text-decoration:line-through;
  margin-bottom:10px;
}
.detallesTarifa .intro
{
  font-size: 18px;
  color:#000;
  font-weight: 500;
  line-height:1.2;
}
.detallesTarifa .descripcion
{
  font-size:50px;
  line-height:1.2;
}

.detallesTarifa .boton
{
  background-color:#f50c59;
  color:#FFF;
  border-radius: 25px;
  padding: 5px 10px;

  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in; /** Chrome & Safari **/
  -moz-transition: all 0.3s ease-in; /** Firefox **/
  -o-transition: all 0.3s ease-in; /** Opera **/
}
.detallesTarifa .boton:hover
{
  background-color:#999;
  color:#FFF;
}

.botonConsultar
{
  background-color:#f50C59;
  color:#FFF;
  border:none;
  border-radius: 25px;
  cursor:pointer;
  padding: 5px 10px;
  font-size:16px;
  font-weight:300;
}

.form-control2 {
  background-color: transparent;
  border: 1px solid #999;
  border-radius: 0;
  color: #999999;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 5px 10px;
}

.form-control2:focus {
  box-shadow: none;
  outline: 0 none;
}


#botonCotizar
{
  background-color:#f50C59;
  color:#FFF;
  border:none;
  cursor:pointer;
  height:50px;
}


#botonReservar
{
  background-color:#006699;
  color:#FFF;
  border:none;
  cursor:pointer;
  height:50px;
}

@media (max-width: 500px)
{
  .form-control-Cotiza {
    width:290px;
  }
}



/*=======================================================*/
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;

}