/* HOJA DE ESTILO PARA TORNABE */
 	/*
    font-family: 'Merriweather', serif;
    font-family: 'Rubik', sans-serif;
    */
    :root{ --oscuro: #444444; --fondo:  #F4F4F4; --rojo: #CA3912; --rojoo: #9C2B0E; --azul:  #004C66; --azulo: #003242; --amarillo: #FFFB00; --apalido: #FFFC91; --blanco: #FFFFFF; --gris: #EEEEEE;}
    *{margin: 0;padding: 0;box-sizing: border-box;}
    .r{margin-bottom: 0px;}
    body{background: var(--fondo);font-family: 'Rubik', sans-serif;font-weight: 300;color: var(--oscuro);}
    .contenedor{width: 90%;margin: 0 auto;}
     header{position: fixed;z-index: 12;width: 100%;}
    .headerr{background-color: var(--rojo); color: var(--blanco); padding: 5px; box-sizing: border-box; width: 80%;}
    .headerb{background-color: var(--azul); color: var(--blanco); padding: 5px; box-sizing: border-box; width: 20%;}
    .hicon{float: right; margin-right: 30px;}
    .r{margin-bottom: 0px;}

    #toast-container{ top: 67px !important; right: 40px !important; }
  .toastS{ background-color: #5CB85C; color: #ffffff; }
  .toastE{ background-color: #c62828; color: #ffffff; }
  .toastA{ background-color: orange; color: #ffffff; }
  .toastI{ background-color: #0277bd;  color: #ffffff; }

    /* NAVEGACION */
    nav{background-color: rgba(0, 76, 102, .3);position: absolute;z-index: 1; margin-top: 30px;}
    .nnav{background-color: rgba(0, 76, 102, 0.95)}

    /* CAROUSEL  */
    .martxt{ margin-left: 50px; }
    .marmargin{margin-top: 150px; font-family: 'Merriweather', serif;font-weight: 800 !important;color: var(--blanco);font-size: 60px !important;text-shadow: 2px 2px 2px #333333;}
    .txtlugar{font-family: 'Rubik', serif;font-weight: 300;color: var(--blanco);font-size: 30px !important;text-shadow: 2px 2px 2px #333333;}
    .barraa{background-color: var(--amarillo); width:3px; height:3px;text-shadow: 0px 0px 0px var(--amarillo);}
    .btnsldr{background-color: rgba( 0, 76, 102, .5); color: var(--blanco); display: block; width: 200px; height: 40px; text-align: center; font-size: 20px; line-height: 39px; border: 1px solid #EEEEEE; margin-top: 15px;-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}
    .carousel .indicators {bottom: 20px !important;}
    .bgslider{height: 800px;}
    .backr{background: url('../img/bg1.webp') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}
    .backa{background: url('../img/bg2.webp') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}
    .backg{background: url('../img/bg3.webp') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}
    .backb{background: url('../img/bg4.webp') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}


    /* INFORMACION DE RUTAS */
    .t_routes{font-family: 'Merriweather', serif;font-weight: 400;color: var(--oscuro);font-size: 30px;text-align: center;}
    .d_routes{font-family: 'Rubik', sans-serif;font-weight: 300;text-align: center;font-size: 20px;}
    .h_paises{font-family: 'Merriweather', serif;font-weight: 900;color: var(--oscuro);font-size: 25px;text-align: center;padding-top: 30px;padding-bottom: 10px;}
    .b_centrar{text-align: center;display: flex;justify-content: center;align-items: center;bottom: -40px !important;left: unset !important;padding: unset !important;width: 100%;}
    .t_paises{font-family: 'Rubik', sans-serif;font-weight: 300;text-align: center;}
    .seeroute{font-family: 'Rubik', sans-serif;font-weight: 400;text-align: center;}
    .seeroute a{color: var(--rojo) !important;}
    .card{border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; border: 0px solid #000000; background-color: unset;}
    .card .card-image img{border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border: 0px solid #000000;}
    .card-content{background-color: var(--blanco);}
    .card-titlef{background-color: rgba(0, 0, 0, 0.25) !important;}


    /* INFORMACION DE CONTACTO */
    .t_get{font-family: 'Merriweather', serif;font-weight: 900;font-size: 25px;}
    #contacto {width: 100% ;}
    #contenido {display: flex;} 
    #formulario{padding: 25px 40px;box-sizing: border-box;}
    #direccion {}
    .selstyle{background-color: rgba(255,255,255,0.9);width: 100%;padding: 5px;border: 1px solid #ECECEC;border-radius: 2px;height: 3rem; }
    textarea{background-color: rgba(255,255,255,0.9);width: 100%;padding: 5px;border: 1px solid #ECECEC;border-radius: 2px;resize: none;overflow-y: hidden;height: unset;}
   	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--oscuro); opacity: 1; /* Firefox */ }
	:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--oscuro);}
	::-ms-input-placeholder { /* Microsoft Edge */ color: var(--oscuro); }
  .contact{border-radius: 50px 0px 0px 50px;
-moz-border-radius: 50px 0px 0px 50px;
-webkit-border-radius: 50px 0px 0px 50px;
border: 0px solid #000000;}

	/* INFORMACION DE DIRECCIONES Y TELEFONOS */
	a.h_items:hover{font-weight: bold;}
    .con_tornabe{text-align: center; padding-top: 20px;}
    .con_separador{border-bottom: 1px dotted #FFF;}
    .rup{margin-top: 20px;}
    .h_contact{font-family: 'Merriweather', serif;font-weight: 900;color: var(--blanco);font-size: 15px;}
    .con_img{width: 100%; height: auto; max-width: 70px;}
    .round{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
    .informa{
      border-radius: 0px 50px 50px 0px;
-moz-border-radius: 0px 50px 50px 0px;
-webkit-border-radius: 0px 50px 50px 0px;
border: 0px solid #000000;
    }

	/* INFORMACION PIE DE PAGINA */
    #footer{  }
    #ends{padding: 20px 0px;box-sizing: border-box;width: 100%; height: auto; background-color: var(--azulo); color: var(--blanco);}
    .copyright{position: relative;top: 12px;}
    .chat{background-color: var(--amarillo); color: var(--oscuro);}
    .chat:hover{background-color: var(--apalido); }
    .fijo{ z-index: 99999;}
    .redondo{  font-family: 'Rubik', sans-serif;font-weight: 300; font-style: normal;font-size: 14px;color: #444444;text-align: justify;  border-radius: 200px 200px 200px 200px;  -moz-border-radius: 200px 200px 200px 200px;  -webkit-border-radius: 200px 200px 200px 200px;  border: 0px solid #000000;  padding: 5px;  box-sizing: border-box;  background-color: #E4E4E4;  padding-right: 15px;}
    .wp{width: 25px;  height: auto;  margin-left: 10px; margin-top: 5px;}
    .pwp{text-align: left;}
    .pto{text-align: right; height:45px;}
    .wp_btn{background-color: var(--amarillo);color: var(--oscuro); padding: 10px;box-sizing: border-box; height: 45px; width: 260px; -webkit-border-radius: 200px;-moz-border-radius: 200px; border-radius: 200px;}
    .wp_img{width: 25px; height: auto;}
    .wp_text{display: inline-block; position: relative;top: -7px; margin-left: 5px; font-size: 15px !important;}
    .btn_top{padding: 5px 5px 5px 5px; box-sizing: border-box;background-color: rgba(0, 50, 66, 0.8); bottom: 42px;right: 10px; position: fixed;}
    .a_top{ color: var(--rojo);text-decoration: none;  background-color: var(--amarillo);}
    .a_top:visited{color: var(--rojo);text-decoration: none;  background-color: var(--amarillo);}
    .a_top:link{color: var(--rojo);text-decoration: none;  background-color: var(--amarillo);}
    .a_top:hover{color: var(--rojo);text-decoration: none;  background-color: var(--amarillo);}
    .a_top:active{color: var(--rojo);text-decoration: none;  background-color: var(--amarillo);}
    .go_top{color: #FFF; font-size: 12px; display: block; margin-top: 2px;}
    .fotter{width: 100%;height: auto; background-color: var(--azul);}
    .f_barra{width: 5px; height: 5px; background-color: var(--amarillo); color: var(--amarillo); margin-right: 5px;}
    .h_items{color: var(--blanco); text-decoration: none;}


    /* SEARCH PANEL */
    .search_pad{padding: 0px !important;}

    
    .r_inicio, .r_medio{ height: 60px;

    background-color: var(--gris);
    width: 90% !important;
    padding: 5px;
    border: 1px solid;
    border-color: var(--azul);
    /*border-radius: 2px;*/
    -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
    .r_final{width:100%; background-color: var(--rojo);  height: 60px; margin-top:23px;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
    }

    .r_final:visited{background-color: var(--rojo);}
    .r_final:link{background-color: var(--rojo);}
    .r_final:hover{background-color: var(--azul);}
    .r_final:active{background-color: var(--rojo);}


    /* VIAJES */
    .inp{width: 100%;
    height: 3rem;
    background-color: #FFF;
    border: 1px solid #EEE;
    font-weight: 400;
    font-size: 2rem;
    text-align: center;
    font-family: 'Merriweather', serif !important;
  }
  .inp2{width: 100%;
    height: 3rem;
    background-color: #FFF;
    border: 1px solid #EEE;
    font-size: 20px;
    text-align: center;
  }
  .datepicker-date-display{
    background-color: var(--azul) !important;
  }
  .datepicker-table td.is-selected {
  background-color: var(--azul) !important;
  color: #fff;
}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
  color: var(--azulo !important);
  padding: 0 1rem;
}
.btpagar{
  padding: 0px 20px;}
  .btnpagar{ background-color: var(--rojo); color: var(--blanco); -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
  .btnpagar:visited{background-color: var(--rojo);}
    .btnpagar:link{background-color: var(--rojo);}
    .btnpagar:hover{background-color: var(--rojoo); color: var(--blanco);}
    .btnpagar:active{background-color: var(--rojo);}

    .btnviaje{ background-color: var(--azulo); color: var(--blanco); -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
  .btnviaje:visited{background-color: var(--azulo);}
    .btnviaje:link{background-color: var(--azulo);}
    .btnviaje:hover{background-color: var(--azul); color: var(--blanco);}
    .btnviaje:active{background-color: var(--azulo);}


    /* WHY */

    .btnway{width: 100px !important; height: 100px !important; background-color: var(--rojo);}
    .btnway i{line-height: 98px !important; font-size: 4rem;}
    .way_u{background-color: var(--blanco) !important;padding: 50px;box-sizing: border-box;}
    .way_n{padding: 50px;box-sizing: border-box;}
   	/* ###################################################################### */
    /* MEDIAS QUERYS */
    @media only screen and (max-width : 1150px) {
    }
    @media only screen and (max-width : 992px) {
      #contenido{display: unset;}
      .contact, .informa{border-radius: 50px 50px 50px 50px;
      -moz-border-radius: 50px 50px 50px 50px;
      -webkit-border-radius: 50px 50px 50px 50px;
      border: 0px solid #000000;}
      .contact{margin-bottom: 30px;}
    }
    
    @media only screen and (max-width : 720px) { 
      .martxt{ margin-left: 20px; }
      .marmargin{font-size: 40px !important;}
      .txtlugar{font-size: 25px !important;}
      .barraa{width:2px; height:3px;}
      .btnsldr{font-size: 20px; line-height: 39px; margin-top: 15px;}

      .bgslider{height: 500px;}
      .hicon{margin-right: 10px;}
      .pwp{text-align: center;}
      .pto{text-align:  center; margin-top: 10px;}
      .wp_btn{width: 85%; min-width: 260px;}
      #ends{padding: 20px 0px 0px 0px;}*/
      .tornabe_logo{width: 50% !important;}*/
      .con_tornabe{padding-top: 20px !important;}
      nav {height: 64px;line-height: 64px;}
      
      .r_inicio{
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        width: 100% !important;
      }
      .r_medio{
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        width: 100% !important;
      }
      .r_final{
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
      }
    }
    @media only screen and (max-width : 566px) {
    	.fmargin{margin-bottom: 20px;}
   	   .martxt{ margin-left: 20px; }
       .marmargin{font-size: 30px !important;}
       .txtlugar{font-size: 25px !important;}
       .barraa{width:2px; height:3px;}
       .btnsldr{font-size: 20px; line-height: 39px; margin-top: 15px;}
    
      .bgslider{height: 400px;}
      .hicon{margin-right: 10px;}
      .hcr{width: 45% !important;}
      .hca{width: 55% !important;}

      .lateral{transform: translateX(-105%);}
      .cuerpo{width: 100% !important;}

      #pagar{width: 100%;}
      .btpagar {
        padding: 0px 20px;
      }


    }