@charset "UTF-8";



body{

    background-color:#f7f7f7 !important;

    padding:0;

    margin:0;

}



h1{

    font-family: 'Lato', sans-serif !important;

    font-weight: 400 !important;

    font-size:40px !important;

}



h2{

    font-family: 'Lato', sans-serif !important;

    font-weight: 300 !important;

    font-size:30px !important;

    color:#828282 !important;

}



.navbar-brand img{

    width:240px;

    height:58.01px;

}



.nav-link{

    font-family: 'Lato', sans-serif !important;

    font-weight: 300 !important;

    font-size:16px;

    color:#828282;

}



.titulo-slide{

    font-family: 'Lato', sans-serif !important;

    font-weight: 700 !important;

    font-size:52px;

}



.btn-amarillo{

    font-family: 'Lato', sans-serif !important;

    background-color: #fed03a;

    color:black;

    font-size: 32px;

    padding: 10px 30px;

    border: none;

}





.titulo-slide{

    color:white;

    font-size: 64px;

}



.pie-slider{

    background-color: black;

    padding: 10px 20px;

    position: absolute;

    left:0px; 

    bottom:10px; 

    width:100%;

}



.pie-slider p{

    font-family: 'Lato', sans-serif !important;

    font-weight:300;

    color: white;

    font-size:12px;

}



.pie-slider span{

    color:#fed03a;

    font-size:12px;

}



.horas{

    background-color: #fed03a; border-radius:5px; padding: 2px 5px;

    color: #000;

    font-weight: bold;

}



#texto-viaje{

    font-family: 'Lato', sans-serif !important;

    font-weight:400;

    font-size:14px !important;

}



#texto-descripcion{

    font-family: 'Lato', sans-serif !important;

    font-weight:300;

    font-size:18px;

    color:#828282;

}



.texto-mini{

    font-family: 'Lato', sans-serif !important;

    font-weight:300;

    font-size:13.5px;

}



#recorrido{

    max-width:980px !important;

}


.input{

    background-color:white;

    width:50%;

    border-radius:6px;

    margin: 0 auto;

    padding: 10px 20px;

    display:inline-block;

    margin-top:20px;

    position: relative;

    float:none;

}



@media (max-width:2000px){


    .input{

        background-color:white;
    
        width:380px;
    
        border-radius:6px;
    
        margin: 0 auto;
    
        padding: 10px 20px;
    
        display:inline-block;
    
        margin-top:20px;
    
        position: relative;
    
        float:none;
    
    }

    
}




.sombra{

    -webkit-box-shadow: 4px 4px 15px rgba(0,0,0,0.25);

    -moz-box-shadow: 4px 4px 15px rgba(0,0,0,0.25);

    box-shadow:4px 4px 15px rgba(0,0,0,0.25);

}

.input input,.input select,textarea{     width:80%;

    position: absolute;

    float: right;

    background: #fff;

    min-height: 78%;

    right: 20px;

    top: 5px;

border:0px;

}

.input select{ text-transform: capitalize;}

#btn-enviar{

    width:380px;

    height:57px;

    background-color:transparent;

    border:none;

    background-image:url('../img/fondo-boton.png');

    background-repeat:no-repeat;

    background-size: 100% 100%;

    margin-top:40px;

    color:white;

}



@media (max-width: 1200px) {

    #btn-enviar{

        width: 100%;

    }

}



.input > img{ width:18px; position: relative; float: left; margin-top: 5px;}

.input > span{ position: relative; float: left; margin-left: 10px; margin-top: 5px;}



#recorrido{ width:100%; height: 560px; }











.carouselMovil2 > .flickity-viewport > .flickity-slider > .carousel-cell {

    width: 80%;



   margin-right: 10px;

   /*  background: #8C8;*/

   border-radius: 5px;

   overflow: hidden;

    counter-increment: carousel-cell;

   

  }









  .carouselMovil2 > .flickity-viewport > .flickity-slider > .carousel-cell > img {

    height: auto;

    max-height: 100%;

  }







  @media (max-width: 1200px)  {

    .input {

        /*width: 95%;*/

        width: 100%;

        position: relative;

        float: left;

    }



  }



@media (max-width: 768px) {



    body{ background: #f7f9fc !important; }

    h1{        

        font-size:25px !important;

    }

    

    h2{        

        font-size:20px !important;        

    }



  



    .navbar-brand{

        float: left;

        text-align:center;

    }



    .navbar-brand img{

        width:180px;

        height:43.51px;

        text-align:center;

    }



    .my-5{

        margin-top:1.5rem !important;

    }





    .my-20-movil {

        margin-top:20px!important;

    }



    .input{ width: 100%; position: relative; float: left;}

.input input,.input select{ width:78%; }





    #btn-enviar{ height:50px; padding: 8px 0px; width:80%;  background-size: 100% auto;}



    



    #texto-descripcion{ font-size: 17px;}



    #recorrido{ height: 280px;}





      .carousel-cell {

        width: 80%;

 

       margin-right: 10px;

       /*  background: #8C8;*/

       border-radius: 5px;

       overflow: hidden;

        counter-increment: carousel-cell;

      }





      

      /* cell number */

     /*.carousel-cell:before {

        display: block;

        text-align: center;

        content: counter(carousel-cell);

        line-height: 200px;

        font-size: 80px;

        color: white;

      }

*/







} 



@media (max-width:414px){

    #btn-enviar{ height:45px; padding: 8px 0px; width:80%;  background-size: 100% auto;}

}



@media (max-width:360px){



    #btn-enviar{ height:38px; padding: 8px 0px; width:80%;  background-size: 100% auto;}





}