body {
    background: #f9f9f9;
    margin-top: 80px;
    background: #FFEEEE;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #DDEFBB, #FFEEEE);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #DDEFBB, #FFEEEE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    font-family: 'Dosis', sans-serif;
}

.logotipo {
    font-family: 'Oswald',sans-serif;
    font-weight: 300;
}

.navbar {
    background: #052335;
}

.navbar .container {
    margin-top: 25px;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.carousel-item {

    margin-top: 0px;
    padding: 50px;
    padding-top: 60px;
    background-image: url('../img/toppaquete3.jpg');
    background-size: cover;
    margin-bottom: 10px;
    height: 500px;
   
   
   

}

.carousel-item .row .contenido {

    padding: 25px;
    
     
  
  }
  

.carousel-item .row .image {

  padding: 25px;
  
   

}

 .item2{

    
    padding: 50px;
    padding-top: 70px;
    background-image: url('../img/toppaquete2.jpg');
    background-size: cover;
    margin-bottom: 10px;
   
   

}


.item3{

    
    padding: 50px;
    padding-top: 60px;
    background-image: url('../img/toppaquete4.jpg');
    background-size: cover;
    margin-bottom: 10px;
   
   

}


.carousel-item  h1 {
    font-family: 'Oswald',sans-serif;
    font-weight: 700;
}

.carousel-item  h1,.carousel-item  p, .carousel-item  hr {
    color: #fff;
    text-shadow: 1px 1px #666666;
}


.card {
    min-width: 250px;
    min-height: 600px;
    margin-bottom: 10px;
    
    
   
}

.precio {
    font-family: 'Oswald',sans-serif;
    font-weight: 700;
    font-size: 60px;
    color: #052335;
}



.card-header {
    font-family: 'Oswald',sans-serif;
    font-weight: 700;
    background: #fff;
    color: #052335;
}

.card-body {
    min-height: 350px;
    
}

.card-footer {
    font-size: 12px;
    min-height: 90px;
}

.piePagina {
    margin-top: 10px;
    padding: 20px;
    text-align: center;
    background: #f3f2f2d5;
    border-top: 1px solid #e5e5e5;

}

/* Titulo contacto */
.titulo-contacto {
    font-family: 'Oswald',sans-serif;
     text-align: center;
}
.parrafo-contacto {
    font-size: 16px;
    margin-top: 10px;
    padding: 20px;
    margin-bottom: 5px;
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
}

.imagen {
    width: 1170px;
    height: auto;
    overflow: hidden;
    margin-bottom: 5px;
}

.textarea-solicitud {
    max-height: 400px;
    min-height: 100px;
}

.formulario label, .formulario select {

    margin-top: 12px;
}

.formulario {
    border-top: 1px solid rgba(224, 228, 248, 0.52);
}
.titulo-formulario {
    font-family: 'Oswald',sans-serif;
    color: #5a5959;
}

.icon-twitter {
    font-size: 40px;
    color: #0084b4;

}

.icon-instagram-filled {
    font-size: 40px;
    color: #fb3958;
 

}

.input-email-incorrecto {
    border: 1px solid #df3b0a;
}

.mensaje h5 {
    font-family: 'Oswald',sans-serif;
    font-weight: 200;
    font-size: 25px;
    text-align: center;

}

.main-mensaje {
    background: #f9f9f9;
}

.toppaquete {
    background-image: url('../img/toppaq.jpg');
    
    padding: 20px;
    height: 200px;

    margin-top: 100px;
    margin-bottom: 12px;
    margin-right:  10px;

    
}
.toppaquete h2 {
    font-family: 'Oswald',sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 50px;
    text-shadow: 1px 1px #666666;
}
.toppaquete p {

    color: #fff;
    font-style: italic;
    margin-top: 15px;
    font-size: 30px;
    text-align: end;
    text-shadow: 1px 1px #666666;
}

/* Seccion Galeria */

.thumb .thumb-head {
    /* background: rgb(84, 238, 24); */
    color: rgb(92, 92, 92);
}

.thumb .thumb-head h4 {
    font-family: 'Oswald',sans-serif;
}



.thumb .thumb-body img {
    display: block;
    width: 100%;
   
}
.thumb .thumb-body  {
    padding: 5px;
    
   
}

.modal-content img {
    width: 100%;
}

.thumb .thumb-footer {
   
    color: rgb(92, 92, 92);
    padding: 5px;
    font-size: 14px;
    font-family: sans-serif;
}
.thumb a {
    cursor: pointer;
}

.thumb {
  
    min-height: 300px;
}


@media screen and (max-width: 576px) {
    .navbar {
        position: absolute;
    }

    .modal-content img {
        max-width: 380px;
    }

    .carousel-item {

        padding-top: 5px;

    }
    
     .item2{

        padding-top: 5px;

    }

    .item3{
    
          padding-top: 5px;

    }

    .carousel-item .row .image {

        display: none;
        
         
      
      }
    

}