@font-face
{
   font-family: "nexaLight";
   src: url("../font/nexa/Nexa-Light.otf");

}
@font-face{
   font-family: "nexaBlack";
   src: url("../font/nexa/NexaBlack.otf");

}
*{
  padding: 0;
  margin: 0;

}
body{
  font-size: 12px;
  color: #666;
  background: #E6E6E6;
  font-family: nexaLight;
}
header{
  position: relative;
  z-index: 10;
  position: fixed;
  width: 100%;
}

/*************************/
/**** estilos globales****/
/*************************/
.tw-div-lineal-top{
  display: inline-block;
  vertical-align: top;
}
.tw-div-lineal-middle{
  display: inline-block;
  vertical-align: middle;
}
.tw-no-padding{
  padding-right: 2px;
  padding-left: 2px;
}
.tgNotPading{
  padding-right: 2px;
  padding-left: 2px;
}
/*************************/
/*estilo pagina principal*/
/*************************/
#tw-cont-img-fondo-principal{
  width: 100%;

}
#tw-cont-fondo-pricipal{
  height: 530px;
}
#tw-cont-img-fondo-principal img{
  display: block;
  width: 100%;
  height: 530px;
}
#tw-cont-infor-fondo-principal{
  margin-top: -470px;
}
#tw-title-pricipal{
  background: #065eab;
  position: relative;
  z-index: 1;
}
#tw-title-pricipal h2{
  text-align: center;
  font-size: 14px;
  color: #fff;
}
#tw-title-pricipal h2 label{
    color: #FECC00;
    font-weight: bold;
    font-size: 1.7em;
    line-height: 1.5;
}

#tg-text-ServOperadores{
  text-align: center;
  color: #0096ef;
  font-weight: bold;
}
.title-tk{
  color: #ffc200;
  font-size: 1.8em;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #d3d3d3;
  padding: 0;
  margin: 10px 0 15px 0;
  padding-bottom: 10px;
}
/**/
#tw-cont-web{
  top: 70px;
  position: relative;
  z-index: 5;
}
#tg-MetoPagos{
  padding: 10px 0;
  margin-top: 70px;
  background: #ffffff;
}
#tg-MetoPagos h3{
  text-align: center;
}
#tg-MetoPagos img{
  display: block;
  width: 100%;
  margin: 0 auto;
}
#tg-nosotros{
  background: #fff;
  margin: 0;

  padding: 20px 0;
}
#tg-nosotros h3{
  font-size:30px;
  color: #004f7a;
  text-align: center;
  font-weight: bold;
}
#tg-nosotros p{
  font-size:18px;
  text-align: center;
}
/*********************************/
/*modificando navbar de boostsrap*/
/*********************************/
.navbar-brand{
  padding: 0;
}
.navbar-default{
  background-color: #065EAB;
  border: none;
}
.navbar{
  border-radius: 0;
  min-height: 70px;
  margin-bottom: 0
}
.navbar-default .navbar-nav>li>a{
  color: #fff;
}
.navbar-nav>li>a {
    padding-top: 32px;
    padding-bottom: 0px;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #f1c917;
    font-weight: bolder;
}
/*end */

#logo-tw{
  display: block;
  width: 320px;
  margin-left: 50px;
  margin-top: 5px

}
.cont-tw{
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("../img/fondo.jpg");
  margin: 0;
  padding: 0;

}
#tg-cont-form-search-bloque{
  padding:  0;
  background: rgba(254, 204, 0,1);
  margin-bottom: 15px;
}

.tw-cont-form-search{
  margin-top: -30px;
  padding: 0px ;
  position: relative;
  width: 35%;
  z-index: 100;
  background: rgba(254, 204, 0,0.9);
  border-radius: 15px;
  /*box-shadow: 5px 5px 3px rgba(0, 0, 0,0.3);*/
  min-height: 100px;
  /*height: 470px;*/
}
#formSearch .form-group{
  margin: 0 0 0 -15px;
}
#tw-cont-form, #tw-btn-from-ocultar{
  width: 95%;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;

}
.tw-cont-form-search-2{
  width: 80%;
  height: 145px;
  margin: 0 auto;
  background: none;
}
#tw-btn-from-ocultar{
  width: 7%;
  /*height: 80px;*/
  margin: 0;
  right: 0;
  /*border-top: 40px solid  transparent;
  border-bottom: 40px solid transparent;
  border-right:20px solid #FFF;*/
  position: absolute;
  margin-top: 90px;
  cursor: pointer;
}
#tw-btn-from-ocultar img{
  display: block;
  width: 100%;
}
#tw-btn-from-mostrar{
  display: none;
  margin-top: 120px;
  width: 40px;
  cursor: pointer;
  margin-left: -10px;
  position: fixed;
  z-index: 10;
}
#tw-btn-from-mostrar img{
  display: block;
  width: 100%;
}
#tg_cont_btn_chat{
  width: 95%;
  margin: 0 auto;
  padding: 10px 20px;
  background: #fff;
}
#tg_cont_btn_chat p{
  font-size: 16px;
}
#tg_cont_btn_chat #tg_btn_titicacago{
  background: #f0b200;
  color: #fff;
  font-weight: bold;
  border: #906b00;
}
/*********************/
/*estilos formmulario*/
/*********************/
#tw-cont-form{
  color: #333;
}
#tw-titulo-form,
#tw-titulo-form-2{
  color: #fff;
  font-size: 2.3em;
  text-align: center;
  font-weight: bold;
  margin: 10px 0;
  font-family: nexaBlack;
  text-shadow: 0px 0px 2px #a88500;

}
#tw-titulo-form span{
  font-size: 1.1em;
}
#tw-titulo-form-2{
  font-size: 1.2em;
}
#tw-titulo-form.tg-title-form-search{
  color: #065eab;
  font-weight: normal;
  margin: 10px 0;
  font-family: nexaBlack;
  text-shadow: 1px 0px 0px #fff,0px 1px 0px #fff,-1px 0px 0px #fff,0px -1px 0px #fff;
}
#tw-cont-form .form-control{
  height: 35px;
  padding: 3px 4px;
  border: 1px #bd9c0a solid;
  border-radius: 7px;
  font-size: 1.4em;
}
#tw-cont-form .form-control[readonly]{
  background-color: #fff;
}
#tw-cont-form .form-group{
  margin-bottom: 10px;
}
#tw-cont-form .tg-form-group-search{
  margin: 5px 0;
}
#tw-cont-form .tg-radio-form-search{
  display: inline-block;
  vertical-align: middle;
  width: 48%;
}
#tw-cont-form .btn-default{
  color: #fff;
  font-weight: bold;
  background: #065EAB;
  margin: 0px 0;
  font-size: 2.3em;
  padding: 0px 30px;
  border: none;
  font-family: nexaBlack;
  width: 100%;
}
#tw-cont-form.tg-cont-form-search{
  width: 98%;
}
#tw-cont-form.tg-cont-form-search .btn-default{
  font-size: 14px;
  padding: 3px 6px;
  width: 80%;
}

.tw-div{
  padding-right: 0;
}
.tw-form-label{
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1.5em;
}
.tw-radio{
  display: none;
}
.tw-radio-label{
  padding-top: 0px;
  background: url('../img/radio.png') no-repeat top left;
  height: 20px;
  width: 50px;
  font-family: nexaBlack;
  font-size: 1.3em;
}
.tw-radio-label-search{
  background: #fff;
  color: #333;
  display: block;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 3px;
  margin-top: 4px;
}
input.tw-radio[type="radio"] + label.tw-radio-label {
   background-position: 26px 0px;
 }
input.tw-radio[type="radio"]:checked + label.tw-radio-label {
   background-position: 26px -20px;
 }

 input.tw-radio[type="radio"] + label.tw-radio-label-search  {
    background: #fff;
    color: #333;
  }
 input.tw-radio[type="radio"]:checked + label.tw-radio-label-search {
    background: #065EAB;
    color: #fff;
  }
.listData{
    display: none;
    margin-top: 2px;
    background: #fff;
    width: 90%;
    height: 110px;
    overflow-y: scroll;
    position: absolute;
    z-index: 20;
  }
.listData ul{
    list-style: none;
}
.listData ul li{
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 5px;
}
.listData ul li:hover{
  background:#065EAB;
  color: #fecc00;
  font-weight: bold;
  cursor: pointer;
}
/************************************/
/** estilos formulario page ticket **/
/************************************/
#tg-cont-tk{
/*  background: #fff;*/
/*  margin-left: 10px;*/
}
#tg-form-tk{
  width: 100%;
  margin: 10px 0;
  padding: 10px 25px;
  background: #FECC00;
}
/***************/
/*estilo paypal*/
/***************/
.tw-cont-img-paypal{
  position: fixed;
  width: 20%;
  z-index: 100;
  margin-top: 400px;
}
.tw-cont-img-paypal .tw-cont-img{
  width: 70%;

}
.tw-cont-img-paypal .tw-cont-img img{
  display: block;
  width: 100%;
}
.tw-img-datepicker,
.tw-img-datepicker2,
.tw-img-datepicker3{
  position: absolute;
  margin-top: 21%;
  right: 0;
  width: 30px;
}
.tw-img-datepicker2{
  margin-top: 2%;
}
.tw-img-datepicker3{
  margin-top: 2%;
  right: 10%;
}
#tw-cont-datepicker.tg-cont-datapicker-search .tw-img-datepicker2{
  margin-top: 2%;
  right: 10%;
}
#tw-cont-form .tg-label-form-pri{
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 1.5em;
  font-weight: bold;
}

#listaOrigen,#listaDestino{
  display: none;
}
ul.lista{
    list-style: none;
    border: 1px solid #2bc;
    /*border-top: none;*/
    border-radius: 2px;
    padding: 0px;
    background: #fff;
    /*margin-top: 1px;*/
    text-align: left;
    height: 150px;
    position: absolute;
    z-index: 10;
    overflow-y: scroll;
    width: 94%;
}
ul.lista li{
    padding: 10px 2px;
    cursor: pointer;
    border-bottom: 1px solid #e4e4e4;
    background: url("../img/location-icon.png")no-repeat ;
    padding-left: 30px;
}
ul.lista li:last-child{
  border: none;
}
ul.lista li:hover{
  background-color: #E6E6E6;
  background-image: url("../img/location-icon-hover.png");
}
/*end paypal*/
/****************/
/*estilos tiempo*/
/****************/
#tw-cont-tiempo,
#tw-cont-email{
  position: relative;
  padding: 5px;
  margin-top:10px;
  z-index: 10;
  margin-right: -15px;

}
#tw-img-weather{
  width: 100%;
  height: 70px;
  background-size: 110%;
  background-position-x: -4px;
}
.tw-bg-time-1{
  background: rgba(232, 232, 232, 0.9);
}
.tw-bg-time-2{
  background: #FFFFFF;
}
#tw-cont-tiempo .tw-clima-info{
  padding-right: 5px;
  padding-left: 5px;
}
#tw-cont-tiempo #tw-clima,
#tw-cont-tiempo #tw-cont-hora{
  width: 100%;
  border-bottom: 1px solid #999;
  margin-bottom: 5px
}
#tw-cont-tiempo #tw-clima h3{
  font-size: 20px;
  text-align: right;
}
#tw-cont-tiempo #tw-clima label,
#tw-cont-tiempo #tw-clima span{
  font-size: 12px;
  display: block;
  font-weight: normal;
  color: #999;
  margin-bottom: 0;
  text-align: right;
}
#tw-cont-tiempo #tw-clima span{
  font-size: 24px;
}
#tw-cont-tiempo #tw-clima .tw-cont-img-clima{
  width: 100%;
  margin:16px 0;
  margin-left: -10px;
}
#tw-cont-tiempo #tw-clima .tw-cont-img-clima img{
  width: 100%;
  display: block;
}

#tw-cont-tiempo #tw-cont-hora .tw-text-hora{
  display: block;
  font-size:32px;
  color: #999;
  text-align: right;
  font-weight: normal ;
}
#tw-cont-tiempo #tw-cont-hora .tw-text-tipo,
#tw-cont-tiempo #tw-cont-hora span{
  display: block;
  color: #999;
  font-size: 18px;
  margin-bottom: 0;
}
#tw-cont-tiempo #tw-cont-hora .tw-hora{
  display: inline-block;
  vertical-align: middle;
  width: 45%;
}
#tw-cont-tiempo #tw-cont-hora span{
  font-size: 10px;
}
#tw-cont-email{
  background: rgba(254, 204, 0,0.8);
  margin-top: 236px;
  border-radius: 10px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#tw-cont-email #tw-email h3{
  font-size: 12px;
  color: #065EAB;
  text-align: center;
  margin: 8px 0;
}
#tw-img-email{
  width: 39%;
  display: block;
  margin: 0 auto;
  margin-top: -129px;
}
#tw-cont-email #tw-email .form-group{
  margin-bottom: 5px;
}
#tw-cont-email #tw-email .form-control{
  margin-bottom: 5px;
}
#tw-cont-email #tw-email .form-group .chat-lb{
  display: block;
}
#tw-cont-email #tw-email .form-group .chatRadio{
  padding: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: -2px;
}
#tw-cont-email #tw-email #Cont-Form-Chat-No{
  display: block;
}
#tw-cont-email #tw-email #Cont-Form-Chat-Si{
  display: block;
}

#tw-btn-send{
    color: #fff;
    font-weight: bold;
    background: #065EAB;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 0px 24px;

}
#tw-time-city label,#tw-time-city span{
  font-size: 10px;
  font-weight: normal;
  display: block;
  margin-bottom: 0px;

}
#tw-time-city  .tw-time{
  font-size: 18px;
}
#tw-time-city  .tw-cont-time{
  padding: 0 3px;
}
/*estilos chat principal*/
#chatPri #contChatPri{
  width: 98%;
  margin: 0 auto;
  height: 250px;
  background: #fff;
  padding: 2px;
  overflow: hidden;
  overflow-y: scroll;
  font-size:1.4em;
  display: none;
}
#chatPri #cont-text-chat{
  display: none;
}
#chatPri #contChatPri .img-chat img{
  display: block;
  width: 100%;
}
#chatPri #contChatPri .customer,
#chatPri #contChatPri .manager{
  margin-bottom: 8px;
}
#chatPri #contChatPri .customer div,
#chatPri #contChatPri .manager div{
  display: inline-block;
  vertical-align: top;
  width: 85%;
}
#chatPri #contChatPri div .img-chat{
  width: 20px;
  height: 20px;
  border-radius:20px;
  overflow: hidden;

}
#chatPri #contChatPri div.customer .text-chat{
  background: #e6e6e6;
  padding: 2px;
  position: relative;
  z-index: 10;
}
#chatPri #contChatPri div.manager .text-chat{
  position: relative;
  background: #006699;
  color: #fff;
  padding: 2px;
}
#chatPri #contChatPri .customer div.chatPrinflechaCus{
  position: absolute;
  border-top: 6px solid transparent;
  border-right: 8px solid #e6e6e6;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  margin-left: -15px;
  margin-top: -2px;
  width: 0px;
  z-index: 0;
}
#chatPri #contChatPri .manager div.chatPrinflechaMan{
  position: absolute;
  border-top: 6px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #006699;
  right: -15px;
  margin-top: -2px;
  width: 0px;
  z-index: 0;
}
#chatPri #cont-text-chat{
  margin:3px 0;

}
#chatPri #cont-text-chat textarea{
  width: 95%;
  margin: 0 auto;
  display: block;
  height: 23px;
  padding: 2px;
  border-radius: 5px;
  font-size: 1.3em;
}
/*end tiempo*/
/**********************************/
/*estilo titulo web:home.blade.php*/
/**********************************/

#tw-titulo-web{
  width: 60%;/*100%*/
}
#tw-cont-img-titulo-web, #tw-cont-text-titulo-web{
  width: 40%;
  margin: 0 auto;
}
#tw-cont-img-titulo-web-principal{
  width: 80%;/*40%*/
  margin: 0 auto;
  margin-top: 30px;
}
#tw-cont-img-titulo-web #tw-img-titulo-web,
#tw-cont-img-titulo-web-principal #tw-img-titulo-web{
  display: block;
  width: 100%;
}

#tw-cont-text-titulo-web{
  width: 64%;
  margin-top: 0px;
}
#tw-cont-text-titulo-web .tw-text-titulo-web{
  text-align: right;
  font-size: 3.7em;
  color: #FFFFFF;
  margin: 0;
  text-shadow: 1px 1px 7px #000;
  font-weight: bold;
}
#tw-cont-text-titulo-web .tw-text-titulo-dorado{
  color: #FECC00;
  font-size: 26px;
}
/*****************/
/*estilos tickets*/
/*****************/
.tw-titulo-cont-tk{

  font-size: 15px;
  font-family: nexaBlack;
  text-align: center;
}
.tw-titulo-cont-tk span{
  color: #065EAB;

}
#tw-lado-tk-publico{
  /*border-right: 1px solid #ffc600;*/
}
.tw-div-tk{
  padding: 0;
}
.tw-cont-tk{
  background: #FFFFFF;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  box-shadow: 7px 7px 4px #c0c0c0;
  margin-bottom: 15px;
}
.tw-cont-tk-search{
  width: 97%;
  margin-top: 25px;
box-shadow: 8px 8px 5px rgba(0,0,0,0.2);
}
.tw-titulo-tk{
  position: relative;
}
.tw-link-tk{
  position: absolute;
  right: -5px;
  top: -5px;
  width: 20px;
  z-index: 100;
  cursor: pointer;
}
.tw-link-tk img{
  width: 100%
}
.tw-titulo-tk ul{
  list-style: none;
  margin-left: 15px;
}
.tw-titulo-tk ul li{
  font-size: 14px;
}
.tw-titulo-tk ul li img{
  width: 40px;
  margin-right: 5px;
}
.tw-image-marco-tk{
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tw-image-marco-tk img{
  display: block;
  width: 100%;
}
.tw-titulo-tk .tw-li-viaje{
  margin: 0;
}
.tw-div-tk .tg-puntaje-pri{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #065eab;
  color: #f9d12e;
  font-size: 16px;
  text-align: center;
  border-radius: 50px;
  margin-top: 5px;
  margin-right: 5px;
  font-weight: bold;
  width: 30px;
  height: 30px;
  margin: 0 auto;
}
.tw-titulo-tk .tw-li-viaje li{
  display: block;
  width: 100%;
}
.tw-titulo-tk ul li p{
  text-align: center;
  margin: 0;
}
.tw-titulo-tk ul li span{
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  width: 45%;
  font-weight: bold;

}
.tw-titulo-tk ul li p span:first-child{
  border-right:2px solid #FECC00;
  text-align: right;
  padding-right: 3px;
}
.tw-titulo-tk ul li p span:last-child{
  padding-left: 3px;
  text-align: left;
}
.tw-titulo-tk ul li p span.tw-text-azul{
  color: #065EAB;
  font-family: nexaBlack;
}
.tw-titulo-tk ul li p span.tw-text-silver{
  color: #666666

}
/* estilos pi e pagina*/
.tw-footer-tk{
  margin-top: 10px;
}
.tw-footer-tk p{
  margin: 0;
}
.tw-footer-tk .tw-cant-paj, .tw-footer-tk .tw-precio{
  font-size: 14px;
}
.tw-footer-tk .tw-cant-paj{
  background: #e5f5fe;
}
.tw-footer-tk .tw-precio{
  text-align: right;
}
.tw-footer-tk .tw-precio span{
  font-size: 18px;
  color: #333;

}

#tg-ahorra {
  background: #065eab;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  font-size: 18px;
  margin: 0;
}
#tg-ahorra h3{
  font-weight: bolder;
}
#tg-Logos{
  padding: 15px 5px;
  background: #065eab;
}
#tg-Logos .row{
  width: 36%;
  margin: 0 auto;
}
#tg-Logos a img{
  display: block;
  margin:0 auto;
  width: 100%;
}
footer{
  background: #ffc000;
  color: #000;
  padding: 10px 0;
}
footer a{
  font-size: 14px;
  padding: 5px 0;
  display: block;
  color: #000;
  text-align: center;

}
footer p a{
  display: inline-block;

}
footer p a:hover{
  font-weight: bold;
}

footer label{
  display: block;
  text-align: center;
  padding: 5px 0;
  color:#043560;
}
/*************************************/
/*estilos barra navegacion en tickets*/
/*************************************/
#tw-cont-info-tk{
  padding-top: 15px;
  margin: 0 auto;
  width: 100%;
  background: #fff;
}
#tw-barra-nav-tk{
  width: 95%;

  margin: 0 auto;
}
#tw-barra-nav-tk ul,
#tw-barra-datos-tk ul{
  list-style: none;
  margin-bottom: 0;
}
#tw-barra-nav-tk ul li{
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: -13px;
}
#tw-barra-nav-tk ul #tw-btn-tk-1{
  z-index: 4;
}
#tw-barra-nav-tk ul #tw-btn-tk-2{
  z-index: 3;
}
#tw-barra-nav-tk ul #tw-btn-tk-3{
  z-index: 2;
}
#tw-barra-nav-tk ul #tw-btn-tk-4{
  z-index: 1;
}

#tw-barra-nav-tk ul li a{
  padding: 4px 20px;
  border: 1px solid #fff;
  border-radius: 0 14px 0 0;
  text-decoration: none;
  font-size: 14px;
}



#tw-barra-nav-tk .active{
  background: #0098ef;
  color:#fff;
  border-color: #f00;
  height: 40px;
  font-size: 20px;
}
#tw-barra-nav-tk .inactive{
  background: #d2bd00;
  color:#f00;
  font-weight: bold;
  border-color: #f00;
  height: 40px;
  font-size: 20px;
}


@media (max-width:600px) {
  #tw-barra-nav-tk ul li a{
    padding: 4px 12px;
    font-size: 12px;
  }
}
@media (max-width:350px) {
  #tw-barra-nav-tk ul li a{
    padding: 4px 6px;
    font-size: 10px;
  }
}
#tw-barra-nav-tk ul li a.on{
  background: #FFF;
  color: #065EAB;
}
#tw-barra-nav-tk ul li a.off{
  background: #d7e4f1;
  color: #999;
}

#tw-barra-datos-tk ul li{

  float: right;
}
#tw-barra-datos-tk ul li label{
  background: #FFF;
  display: block;
  padding: 2px 5px;
  color: #065EAB;
  text-align: center;
  font-size: 12px;
  border-radius: 5px;
  border: 1px solid #999;
}
#tw-slider-text-tk{
  background: #fff;
  margin: 0;
    padding: 10px 0;
}
#tw-cont-barra{
  margin-bottom:  -5px;
}
#tw-slider-text-tk .tw-titulo-tk{
  color: #065EAB;
  font-size: 20px;
  font-weight: bold;
}
#tw-cont-dynamic-tk{
  margin-top: 8px;
}
.tw-btn-1,
.tw-btn-2{
  display: block;
  background: #7AD202;
  color: #fff;
  font-weight: bold;
  margin: 10px auto;
  font-size: 20px;
  padding: 0px 40px;
  font-family: nexablack;
}
.tw-btn-2{
  font-size: 18px;
  padding: 2px 20px;
  margin-top: 30px;
}
/*******************/
/*Estilo itinerario*/
/*******************/
#tw-cont-der-tk h3{
  color: #333;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
}
#tw-cont-der-tk .tw-itinerario-tk{
  padding: 5px 0;
  border: 1px solid #FECC00;
  width: 100%;
  margin: 0 auto;
  border-radius: 5px;
  margin-bottom: 5px;
}
#tw-cont-der-tk .tw-itinerario-tk label{
  display: block;
  text-align: left;
  color: #333;
  font-size: 14px;
}
#tw-cont-der-tk .tw-itinerario-tk ul{
  list-style: none;
}
#tw-cont-der-tk .tw-itinerario-tk .tw-itinerario{
  padding: 0 5px;
}
.tg-cont-dataIti {
    position: relative;
    width: 180px;
    display: inline-block;

}
/********************/
/*estilo inclusiones*/
/********************/
#tw-title-iclusions-tk{
  margin: 0 5px;
}
.tw-include-tk h2,
#tw-info-der-iti-tk h3{
  font-size: 14px;
  color: #065EAB;
  font-weight: bold;
  text-align: left;
}
.tw-include-tk p{
  text-align: justify;
}
.tw-include-tk:first-child{
  border-bottom: 1px solid  #FECC00;
}
#tw-info-der-iti-tk .tw-img-servis-tk{
  width: 100%;
}
#tw-info-der-iti-tk .tw-img-servis-tk img{
  display: block;
  width: 100%;
}
#tw-info-der-iti-tk .tw-cont-img-iti-tk{
  padding: 0 5px;
}
#tw-info-der-iti-tk .tw-cont-img-iti-tk label{
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  float: left;
  font-weight: normal;
}
#tw-info-der-iti-tk .tw-cont-img-iti-tk label span{
  float: right;
  font-size: 12px;
}
#tw-aviso-iti-tk{
  text-align: center;
  margin: 10px 0;
}
/***************/
/*estilo reglas*/
/***************/
#tw-cont-rules-tk h2{
  color: #065EAB;
  font-size: 14px;
  font-weight: bold;
}
#tw-cont-rules-tk .tw-rules-tk{
  border-bottom: 1px solid  #FECC00;

}
#tw-cont-rules-tk .tw-rules-tk:last-child{
  border-bottom: none;
}
#tw-cont-rules-tk .tw-rules-tk h3{
  font-size: 14px;
  font-weight: bold;
}
/********************/
/*estilo comentarios*/
/********************/

.cont-coment{
  border-bottom: 1px solid #d2d2d2;
  width: 95%;
  margin: 5px auto;
  padding-top: 15px;
}
.cont-coment .tg-coment-puntaje{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.cont-coment .tg-coment-puntaje img{
  display: block;
  width: 100%;
}
.cont-coment .tg-coment-puntaje label{
  position: absolute;
  font-size: 1.7em;
  color: #004f7a;
  font-weight: bolder;
  margin:0;
}
.cont-coment .textCalif{
  color: #004f7a;
  display: block;
  text-align: center;
  font-size: 1.3em;

}
.cont-coment .cont-puntaje,
.cont-coment .cont-text{
  display: inline-block;
  vertical-align: top;
}
.cont-coment .cont-puntaje{
  width: 10%;
}
.cont-coment .cont-text{
  width: 85%;
  padding-left: 10px;
}
.cont-coment .datos_psj,
.cont-coment .datos_fecha{
  display: inline-block;
  vertical-align: bottom;
}
.cont-coment .datos_psj{
  width:75%;
}
.cont-coment .datos_fecha{
  width: 22%;
}
.cont-coment .datos_psj .psj{
  color: #004f7a;
  font-size: 1.5em;
  display: block;
  text-align: left;
  margin: 0;
}
.cont-coment .datos_psj .pais_psj{
  color: #333333;
  font-size: 1.2em;
  display: block;
  text-align: left;
  margin-top: -4px;
}
.cont-coment .txt_comentario{
  padding: 5px 0;
  min-height: 50px;
  font-size: 1.1em;
  color: #000;
}
.cont-coment .text_fecha_serv,
.cont-coment .text_fecha_calf{
  font-weight: normal;
  color: #868686;
}
/*****************************/
/*estilo paso 1 reseva ticket*/
/****************************/
#tw-cont-pasos-res{
  width: 100%;
  background: #fff;
  padding: 10px;
  position: relative;
  font-size: 12px;
}
#tw-cont-pasos-res > h3{
  color: #333;
  font-size: 18px;
  text-align: left;

  font-weight: bold;
}
#tw-cont-pasos-res .tw-cont-detalle-res{
  padding: 0px;
  border:1px solid #FECC00;
  border-radius: 10px;
  position: relative;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;

}
#tw-cont-pasos-res .tw-cont-detalle-res header{
  position: relative;

}
#tw-cont-pasos-res .tw-cont-detalle-res header h3{
  background: #065EAB;
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin: 0;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
}
#tw-cont-pasos-res .tw-cont-detalle-res header label{
  right: 0;
  position: absolute;
  display: block;
  padding: 0 7px;
  background: #fff;
  border-radius: 3px;
  margin-top: 8px;
  margin-right: 5px;
  text-align: center;
  width: 70px;
}
#tw-cont-pasos-res .tw-cont-detalle-res header label span{
  color: #065EAB;
  font-size: 14px;
}
#tw-cont-pasos-res .tw-cont-info-res{
  padding: 1px 10px;
}
#tw-cont-pasos-res .tw-cont-info-res label{
  display: block;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}
#tw-cont-pasos-res .tw-cont-info-res label span{
  color: #065EAB;


}
#tw-cont-pasos-res .tw-cont-info-res .tw-description-ruta-res .tw-description-res,
#tw-cont-pasos-res .tw-cont-info-res .tw-description-ruta-res .tw-precio-res,
#tw-cont-pasos-res .tw-cont-time-res,
#tw-cont-pasos-res .tw-precio-total-es{
  display: inline-block;
  vertical-align: middle;
  width: 72%;
}
#tw-cont-pasos-res .tw-cont-info-res .tw-description-ruta-res .tw-precio-res,
#tw-cont-pasos-res .tw-precio-total-es{
  width: 26%;
  font-size: 16px;
}
#tw-cont-pasos-res .tw-precio-total-es{
  border: 1px solid #FECC00;
  border-radius: 3px;
  text-align: center;
}
#tw-cont-pasos-res .tw-precio-total-es span{
  color: #065EAB;

}

#tw-cont-pasos-res .tw-cont-time-res .tw-time-res{
  display: inline-block;
  vertical-align: middle;
  width: 32%;
}
#tw-cont-pasos-res .tw-cont-time-res .tw-time-res label{
  display: block;
  text-align: center;
  font-size: 10px;
}
#tw-cont-pasos-res .tw-cont-time-res .tw-time-res div{
  text-align: center;
  padding: 2px;
  border-radius: 3px;
  border: 1px solid #999;
  width: 90%;
  margin: 0 auto;
  font-size: 11px;
  color:#065EAB;
  font-weight: bold;
}
#tw-cont-pasos-res .tw-cont-time-res .tw-time-res:last-child div{
  color: #333;

}
#tw-cont-pasos-res .tw-p1-precio-toral-res{
  border: 1px solid #FECC00;
  padding: 2px 0;
  width: 200px;
  text-align: center;
  margin: 0 auto;
}
#tw-cont-pasos-res .tw-p1-precio-toral-res p,
#tw-cont-pasos-res .tw-p1-precio-toral-res label,
#tw-cont-pasos-res .tw-p1-precio-toral-res span{
  display: inline-block;
  vertical-align: top;
  margin: 0;


}
#tw-cont-pasos-res .tw-p1-precio-toral-res p{
  font-weight: bold;
  font-size: 16px;
  margin-top: 8px;
}
#tw-cont-pasos-res .tw-p1-precio-toral-res label{
  font-size: 26px;
  font-weight: normal;
  margin-top: 0;
  margin-left: 20px;
}
#tw-cont-pasos-res .tw-p1-precio-toral-res span{
  margin-top: 4px;
}
/****************************/
/*estilos paso 2 fomrularios*/
/***************************/
.tw-cont-from-res{
  border-bottom: 1px solid #FECC00;
  position: relative;
}
.tw-p2-cont-precio-res{
  height: 180px;
}
.tw-check-res .tw-p2-precio-total-res{
  right: 0;
  bottom: 0;
  width: 100px;
  position: absolute;
  margin-right: 10px;

}
.tw-check-res label,
.tw-check-res span{
  display: inline-block;
  vertical-align: top;
}
.tw-check-res label{
  font-size: 20px;


}
.tw-check-res span{
  font-size: 12px;
  margin-top: 3px;
}
.tw_cont_formPsj{
  border-bottom: 1px solid #a2a2a2;
margin: 15px 10px;
box-shadow: 0px 1px 0px #dadada;
}
/*****************************************/
/**estilos serach.php resultados buscador*/
/*****************************************/

.tw-cont-izq,
.tw-cont-der{
  background: #fff;
  padding: 0;
  min-height: 575px;
}
.tw-cont-der{
  padding: 0 15px;
}
.tw-titulo-cont-tk-search{
  text-align: center;
  font-family: nexaBlack;
}

/******************************************/
/******* estilos de resumen de reserva *****/
/******************************************/
.tw-cont-resumen-res{
  margin-top: 10px;
  width: 100%;
  padding: 10px 2px;
}
.tw-cont-resumen-res h3{
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin: 0;
}
.tw-cont-resumen-res a{
  display: block;
  text-align: right;
  margin: -5px auto;

}
.tw-cont-resumen-res ul{
  list-style: none;
  margin-top:30px;
}
.tw-cont-resumen-res ul li{
  width: 100%;
  padding: 5px 2px;
  border-bottom: 1px solid #FECC00;
}
.tw-cont-resumen-res ul li.tg-li-res-date{
  border-bottom: none;
}

.tw-cont-resumen-res ul li:last-child{
  border-bottom: none;
}
.tw-cont-resumen-res div span{
  width: 10%;
}
.tw-cont-resumen-res div label{
  width: 85%;
  margin-bottom: 0;
  padding-left: 3px;
}
.tw-cont-resumen-res div span img{
  width: 100%;
  display: block;
}
.tw-cont-resumen-res .tw-ico-res-bostcar{
  display: block;
  margin: 10px auto;
  width: 70%;
}
.tw-cont-resumen-res #tw-precio-resumen-res label{
  font-size: 45px;
  width: 80%;
  text-align: right;
}
.tw-cont-resumen-res #tw-precio-resumen-res span{
  font-size: 14px;
  width: 15%;
  text-align: left;
  margin-top: 10px;
}
.tw-cont-resumen-res .tw-ele-res-on{
  display: inline;
}
.tw-cont-resumen-res .tw-ele-res-off{
  display: none;
}
/**********************************/
/*** estilos barra de progreso*****/
/**********************************/
.tw-proceso-res {
  margin: 20px 0;
}
.tw-proceso-res .pasosReserv .imgPaso div{
  display: flex;
  width: 45px;
  height: 45px;
  background-image: url('../img/iconos/chacana-cris.png');
  background-size: 100%;
  justify-content: center;
  align-items: center;
}
.tw-proceso-res .pasosReserv.on .imgPaso div{
  background-image: url('../img/iconos/chacana.png');
}
.tw-proceso-res .pasosReserv .imgPaso label{
  margin-bottom: 0;
  font-size: 1.9em;
}
.tw-proceso-res .pasosReserv .imgPaso,
.tw-proceso-res .pasosReserv .textPaso,
.tw-proceso-res .pasosReserv .imgFlecha{
  display: inline-block;
  vertical-align: middle;
  width: 30%;
}
.tw-proceso-res .pasosReserv .textPaso{
  width: 55%;
  font-size: 1.3em;
}
.tw-proceso-res .pasosReserv .imgFlecha{

  background-image: url('../img/iconos/flecha.png');
  background-size: 100%;
  width: 8%;
  height: 30px;
  background-repeat: no-repeat;
}

@media (max-width: 728px){
  .tw-proceso-res .pasosReserv .imgPaso div{
    display: flex;
    width: 40px;
    height: 40px;
    background-image: url('../img/iconos/chacana-cris.png');
    background-size: 100%;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  .tw-proceso-res .pasosReserv .imgPaso,
  .tw-proceso-res .pasosReserv .textPaso,
  .tw-proceso-res .pasosReserv .imgFlecha{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
  .tw-proceso-res .pasosReserv .textPaso{
    width: 100%;
    font-size: .9em;
    text-align: center;
  }
  .tw-proceso-res .pasosReserv .imgFlecha{
    background-image: none;
    background-size: 100%;
    width: 0;
    height: 0;

  }
  .tw-proceso-res .pasosReserv .imgPaso label{

    margin-bottom: -2px;
    font-size: 1.5em;

  }

}
/***************************/
/** estilos itinerario ****/
/***************************/
.tw-titulo-tk-iti{
  color: #065EAB;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#tw-logo-iti{
  margin-top: -20px;
}
#tw-logo-iti .tw-iti-text{
  width:77%;

}
#tw-logo-iti .tw-iti-text h2{
  font-size: 24px;
  color: #065EAB;
  margin-top: 16px;

}
#tw-logo-iti .tw-iti-img{
  width: 20%;
}
#tw-logo-iti .tw-iti-img img{
  width:100%;
}
.tw-ocultar{
  display: none;
}
.tg-cont-timeTK{
  padding: 0;
}
.tw-cont-iti{
  border: 2px solid #00437e; /*color borde itinerario ida*/
  /*border-radius: 10px;*/
  padding: 12px 2px;
  margin-bottom: 20px;
  background: #ecf6ff;
  color:#5f5f5f;
}
.tw-cont-iti2{
  border: 2px solid #ad8100; /*color borde itinerario vuelta*/
  background: #fff9e6; /*fondo contenedor vuelta*/
  color: #5f5f5f;
}
.tw-cont-iti h3{
  color: #00437e; /*color titulo itinerario ida*/
  font-weight: bold;
  margin-top: 5px;
}

.tw-cont-iti2 h3{

  color:#ad8100;  /*color titulo itinerario vuelta*/
}
.tw-cont-iti p{
  font-size: 16px;
}
.tw-con-iti-ida{
  padding: 2px;
  border-top: 3px solid #00437e; /*color linea interna itinerario ida*/
  font-size: 1.5em;
  font-weight: bold;
  /*border-bottom: 2px solid #065eab;*/  /*color linea interna itinerario ida*/
}
.tw-con-iti-ida .tw-partida{
  width: 44%;
  /*border-right: 3px solid #00437e; *//*color linea vertical itinerario ida*/

}

.tw-con-iti-ida .tw-llegada{
  padding-left: 0px;
  margin-left: -4px;
  width: 40%;
}
.tw-con-iti-ida .tw-dispo{
  padding-left: 0px;
  margin-left: -4px;
  width: 14%;
}
.tw-con-iti-ida ul{
  list-style: none;
  margin-left: 0px;
}
.tw-con-iti-ida > div > label{
  font-size: 16px;
  font-weight: bold;
  color: #00437e; /*color subtitle itinerario ida*/
  display: block;
  text-align: center;
}
.tw-con-iti-vuelta{
  border-top: 3px solid  #b88300;
  /*border-bottom: 2px solid  #ffbf00;*/
}
.tw-con-iti-vuelta > div > label{
  color: #b88300; /*color subtitle itinerario vuelta*/
}
.tw-con-iti-vuelta .tw-partida{
  width: 44%;
  /*border-right: 3px solid #b88300; *//*color linea vertical itinerario vuelta*/

}

.tw-input-iti-departure,
.tw-input-iti-return{
  padding: 5px 5px;
}
.tw-input-iti-departure input,
.tw-input-iti-return input{
  margin: 0 0 0;
}
.tg-lbl-precio{
  color: #008c02;
  /*text-shadow: 1px 1px 1px #2c9b39;*/
}
.tw-timego,
.tw-timere{
  display: none;
}
.tw-radio-iti,
.tw-radio-iti-re{
  background:url('../img/radioIti.png') no-repeat;
  padding-left: 35px;
  cursor: pointer;
}
.tg-itine-items-time{
  display: inline-block;
  vertical-align: middle;
  width: 30%;
}
.tg-itine-items-input{
  width: 10%;
}
.tg-itine-items-precio{
  width: 20%;
  border-right: 1px solid #9F9F9F;
}
.tg-itine-items-dia{
  width: 65%;
}
/********************************/
/*** estilo paginaa formulario **/
/********************************/
#form_select_country{
  font-weight: bold;
}
#form-whatsapp{
  font-weight: bold;
  font-size: 16px;
}
/*****************************/
/*** estilos pagina pagos ****/
/*****************************/
#tw-cont-pasos-res #tw-titulo-pago{
  text-align: center;
}
#tw-cont-pasos-res #tw-metopago{
  width: 30%;
  margin: 0 auto;
}
#tw-cont-pasos-res #tw-metopago img{
  display: block;
  width: 100%;
}
/***********************************/
/*** Estilo Itienerario privado ****/
/***********************************/

#tw-acordion .tw-cabecera-tk-priv button{
  border: none;
  background: none;
  width: 20px;
  margin-left: 15px;
}
#tw-acordion .tw-cabecera-tk-priv button img{
  width: 100%;
}

#tw-acordion h3{
  font-weight: bold;
  font-size: 16px;
  background: #fecc00;
  border: none;
  color:#065EAB;
  height: 38px;
  padding: 10px 0px;
}
#tw-acordion .tw-cabecera-tk-priv  .tw-btn-right{
  float: right;
  z-index: 10000;
}
#tw-acordion .tw-cabecera-tk-priv .tw-btn-right label{
  font-size: 12px;
  color: #000;
}
#tw-acordion .tw-cabecera-tk-priv .tw-btn-right span{
  font-size: 12px;
  color: #999;
}
/************/
/*sin plugin*/
/************/
#tw-tk-priv,
#tw-res{
  list-style: none;
}
#tw-res{
  margin-top: 0;
}
#tw-res ul{
  margin-top: 5px;
  font-size: 1.25em;
  font-weight: bold;
  /*font-family: arial;*/
}
#tw-res > li{
  border-bottom: none;
}
#tw-res > li .tg-text-azul{
  color: #00437e;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 24px;
}
#tw-res > li .tg-text-azul span{
  font-size: 0.85em;
}
#tw-res  li.tg-li-res-date .tg-text-azul{
  font-size: 1.25em;
}
#tw-res  li.tg-li-res-time .tg-text-azul{
  font-size: 1.25em;
}

#tw-tk-priv section,
#tw-res section{
  padding: 20px;

}
#tw-tk-priv li{
  margin-bottom: 10px;
}
#tw-tk-priv li.on section,
#tw-res li.on section{
  display: block;
  padding: 10px 0;
}
#tw-tk-priv li.off section,
#tw-res li.off section{
  display: none;
}
#tw-tk-priv header,
#tw-res header{
  position: relative;
  font-weight: bolder;
  font-size: 1.7em;
  background: #fecc00;
  border: none;
  color: #00437E;
  height: 38px;
  padding: 5px 20px;

}
#tw-tk-priv header{
  border-radius: 3px;

}
#tw-res header{
  background: #e6e6e6;
  font-size: 12px;
  height: 30px;
  color: #8a8a8a;
  font-family: nexablack;
  padding: 10px;
}
#tw-tk-priv header button,
#tw-res header button{
  border: none;
  background: none;
  width: 20px;
  margin-left: 15px;

}
#tw-tk-priv header button img,
#tw-res header button img{
  width: 100%;
}
#tw-tk-priv header .tw-btn-right{
  float: right;
}
#tw-res header .tw-res-btn-right{
  position: absolute;
  right: 5px;
}
#tw-res header .tw-res-btn-right{
  margin:-5px 0;
}
#tw-tk-priv  header .tw-btn-right label{
  font-size: 16px;
  color: #ab0606;
}
#tw-tk-priv header .tw-btn-right span{
  font-size: 16px;
  color: #4f4f4f;
}
.tw-btn-right .tg-iti-radio{
  margin-left: 5px;
  -ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari y Chrome */
  -o-transform: scale(1.2); /* Opera */

}

.tw-op-iti p{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.tw-op-iti input{
  border-radius: 4px;
  background: #FECC00;
  border:none;
  font-size: 14px;
  padding:5px 3px;
  width:  100%;
}
.tw-departure{
  margin-bottom: 20px;
}
.tw-departure p{
  color: #7AD202;
  font-family: nexablack;
}
.tw-return p{
  color: #b80404;
  font-family: nexablack;
}
.tw-op-iti .tw-date-iti{
  position: relative;
  text-align: center;
  width: 390px;
  margin: 0 auto;
}
.tw-op-iti .tw-date-iti .tw-img-iti{
  width: 30px;
  position: absolute;
  right:0;

}

.tw-msj-iti{
    display: none;
    position: absolute;
    background: #FECC00;
    padding: 5px;
    width: 160px;
    color: #a7033a;
    font-size: 14px;
    text-align: center;
    margin-top: -110px;
    margin-left: 170px;
    border-radius: 10px;
    box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
}
.tw-msj-iti-complet{
    display: none;
    position: absolute;
    background: #7AD202;
    padding: 5px;
    width: 226px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 18px;
    margin-left: -22px;
    border-radius: 5px;
    box-shadow: 3px 3px 1px rgba(0,0,0,0.2);
}
.tw-fecha-iti{

  position: absolute;
  width: 15px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #fecc00;
  margin-left: 9px;
}
.tw-fecha-iti-complet{

  position: absolute;
  width: 15px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #7AD202;
  margin-left: 120px;
  margin-top: -70px;
}
/************************/
/* estilos resumen res***/
/************************/


/*** estlos de politicas ***/

.tg-margen-top{
  margin-top: 100px;
}
.tg-margen-top h2{
  text-align: center;
}


/***************************/
/*** medias queris **********/
/***************************/
@media (max-width: 728px) {
  #tw-cont-img-fondo-principal img {
    height: 380px;
  }
  #tw-cont-infor-fondo-principal{
    /*margin-top: -380px;*/
  }
  .tw-cont-form-search{
    width: 40%;
  }
  #tw-cont-form, #tw-btn-from-ocultar{
    width: 88%;
  }
  #tw-titulo-web{
    width: 58%;
  }
  #tw-cont-img-titulo-web-principal{
    width: 90%;
  }
  #tw-cont-text-titulo-web{
    width: 83%;
  }
}
@media (max-width:767px){
  #tw-cont-tiempo{
    display: none;
  }
}
@media (max-width:580px){
  .tw-cont-form-search,
  #tw-titulo-web{
    width: 100%;
  }
  #tw-cont-img-fondo-principal img {
    height: 650px;
  }
  #tw-cont-infor-fondo-principal img{
    top:0;
  }
  .tw-cont-form-search{
    margin-top: -48px;
  }
  .tg-tk-cont-img{
    width: 100%;
  }
}
/*******************************/
/*** estilos de descriptio tk **/
/*******************************/
#tw-desc-tk h2{
  font-size: 16px;
}
#tw-desc-tk p{
  text-align: justify;
}
/*********************************************/
/*** Estilos de mesanje de campo necesario ***/
/*********************************************/
#tg-cont-msj {
    position: absolute;
    background: #ffcece;
    margin: 10px;
    z-index: 10;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f97272;
    width: 230px;
}
#tg-cont-msj .tg-fecha-msj {
  border-bottom: 10px solid #ffcece;
  position: absolute;
  z-index: 5;
  width: 10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin: -19px 4px;

}
#tg-cont-msj .tg-fecha-msj-border{
  border-bottom: 11px solid #f97272;
  position: absolute;
  z-index: 4;
  width: 12px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin: -21px 4px;
}
#tg-cont-msj p{
  padding: 0;
  margin: 0;
}

/****************************/
/*** ESTILOS FOTTER ADMIN ***/
/****************************/

.bg-dark-light {
    background: #ffc000  !important;
    margin-top: 30px;
}
.bg-theme, .bg-dark, .bg-dark-light, .bg-secondary {
    color: #ffffff;
    margin-top: 80px;
}
.widgets.footer-widgets .widget-title {
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 15px;
}

.widgets.footer-widgets .widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 145px;
    background: #ffc000;
}
.widgets.footer-widgets .widget-quick-links ul {
    margin-top: -4px;
}
.widgets.footer-widgets .single-widget ul {
    padding-left: 0;
    margin-bottom: 0;
}

.widgets.footer-widgets .widget-quick-links ul li {
    display: block;
}
.widgets.footer-widgets .widget-quick-links ul li a {
    display: block;
    font-size: 13px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 9px 0;
}

.widgets.footer-widgets .single-widget ul li {
    list-style: none;
    font-family: "Raleway", sans-serif;
}
.widgets.footer-widgets .widget-contact ul li {
    color: #000;
    font-size: 13px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.widgets.footer-widgets .widget-contact ul li span {
    font-size: 14px;
    color: #ffffff;
    border: 2px solid #cccccc;
    border-radius: 3px;
    height: 32px;
    width: 32px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    margin-right: 20px;
}
.widgets.footer-widgets .widget-contact ul li.phone, .widgets.footer-widgets .widget-contact ul li.fax {
    font-size: 15px;
}

.widgets.footer-widgets .widget-contact ul li + li {
    margin-top: 20px;
}
#tg-cont-logo-footer{
  width: 200px;
}
#tg-cont-logo-footer img{
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
/*** estilo carucel pagina page_principal***/
/****************/
/*estilo carusel*/
/****************/
.slider {
		width: 100%;
		margin: 40px 0;
}
.slider a{
  display: block;
  position: relative;
  height: 100%;
}
.slider a .tg-carusel-text{
  width: 100%;
  background: rgba(255,255,255,0.8);
  color: #414141;
  position: absolute;
  bottom: 0;
  height: 45px;
  padding: 2px 10px;
  font-weight: bold;
}
.slider a .tg-carusel-text span{
  font-size: 18px;
  margin-bottom: 0;
}
.slider a .tg-carusel-text p{
  font-size: 12px;
}

.slick-slide {
	margin: 0px 5px;
}

.slick-slide img {
	width: 100%;
  height: 100%;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}


.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}

.slick-active {
	opacity: 1;
}

.slick-current {
	opacity: 1;
}
/*** estilos nuevo diseño ticket ***/
.tg-cont-ticket-pri{
  min-height: 240px;
  background: #fff;
  margin: 5px 0;
  padding: 10px;
  /*border-radius: 5px;*/
  position: relative;
  border:1px solid #9b9b9b;
  cursor: pointer;
}
.tg-cont-ticket-pri:hover{
  border:2px solid #f9d12e;

}
.tg-cont-tk-privado{
  /*display: none;*/
}
.tg-tk-cont-img-primario{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 300px;
    border-radius: 3px;
    width: 100%;
}
.tg-tk-cont-text{
  margin-left: 10px;
}
.tg-tk-cont-text .tg-tk-title ul{
  list-style: none;
  font-size: 1.5em;
  color: #065eab;
  font-weight: bold;
}
.tg-tk-cont-text .tg-tk-title ul li img,
.tg-tk-cont-text .tg-tk-title ul li p,
.tg-tk-cont-text .tg-tk-title ul li span{
  display: inline-block;
  vertical-align: top;
  width: 8%;
}

.tg-tk-cont-text .tg-tk-title ul li span{
  width: 12%;
}
.tg-tk-cont-text .tg-tk-title ul li p{
  width: 77%;
  margin: 0;
  /*font-size: 1em;**/
}
.tg-tk-cont-text .tg-tk-title ul li p label{
  display: block;
  margin: 0;
  font-style: italic;
  color: #686868;
  margin-top: -5px;
  font-size: 14px;

}
.tg-tk-cont{
  display: inline-block;
  vertical-align: top;
  width: 58%;
  position: flex;

}
.tg-tk-cont-seach{
  width: 68%;
}
.tg-tk-cont-img{
  width: 38%;
}
.tg-tk-cont-img-search{
  width: 28%;
}

.tg-tk-cont-img img{
  display: block;
  width: 100%;
  min-height: 210px;
}
.tg-tk-cont-img img.tg-tk-img-seach{
  width: 135%;
}
.tg-tk-cont-desc{
  list-style: none;
  margin: 0;
  margin-top: 14px;
  font-weight: normal;
}
.tg-tk-cont-desc li{
  display: block;
  margin: 1px 0;
  font-size: 1.3em;
}
.tg-tk-cont-desc li label{
  font-weight: bolder;
  color: #065eab;
}
.tg-tk-cont-calif div{
  display: flex;
  justify-content: center;
  align-items: center;

}
.tg-tk-cont-calif div span{
  position: absolute;
  font-size: 1.7em;
  color: #004f7a;
  font-weight: bolder;
  margin-left: 2px;
}
.tg-tk-cont-calif label{
  display: block;
  width: 100%;
  text-align: center;
}
.tg-tk-cont-Precio label,
.tg-tk-cont-Precio span{
  display: block;

}
.tg-tk-cont-Precio label{
  font-size: 1.9em;
  color: #166c00;
  font-family: arial;
  text-align: center;
  margin: 0;
}
.tg-tk-cont-Precio span{
  text-align: center;
  font-size: 1em;

}
/* estilos de la pagina province*/
.tg-cont-province{
  width: 98%;
  background: #ffffff;
  padding: 5px;
  margin-top: 10px;
  box-shadow: 1px 1px 2px #5c5c5c;
  border: 1px solid transparent;
}
.tg-cont-province .tg-cont-province-img{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tg-cont-province .tg-cont-province-img img{
  display: block;
  width: 100%;
  height: 130px;
}
.tg-cont-province .tg-cont-province-text span{
  position: absolute;
  display: block;
  padding: 3px 14px;
  color: #f9d12e;
  text-shadow: 3px 3px 2px #000;
  margin-top: -40px;
  font-size: 1.2em;
  font-weight: bold;
  background: #004f7a;
}
.tg-cont-province .tg-cont-province-text label{
  font-size: 1.56em;
  color: #065eab;
  margin: 0;
}
.tg-cont-province .tg-cont-province-text p{
  font-size: 1.2em;
  color: #494949;
  margin: 0;
}

.tg-cont-province:hover{
  box-shadow: 1px 1px 2px #f9d12e;
  border: 1px solid #f9d12e;
}
/********************************/
/** estilo titulos tipo ticket **/
/********* pagina search ********/
/********************************/
.titulo-tipo-serv{
  background: #004f7a;
  color: #fff;
  margin: 10px 0;
}
.titulo-tipo-serv h3{
  margin: 0;
  text-align: center;
   padding: 10px 0;
}
.titulo-tipo-serv h4{
  text-align: center;
  margin: 0;
  padding-bottom: 10px;
}
/********************************/
/** estilo botones tipo ticket **/
/********************************/
#tg-cont-tipo-tk{
  padding-right: 0;
}
#tg-btn-tipo-tk{
  list-style: none;
  display: block;
  margin: 10px auto;
}
#tg-btn-tipo-tk li{
  display: inline-block;
  width: 49%;
  vertical-align: middle;

}
#tg-btn-tipo-tk li a{
  display: block;
  width: 100%;
  text-align: center;
  border: 1px solid #004f7a;
  padding: 6px 0;
  background: #fff;
  font-size: 1.4em;
  text-decoration: none;
  color: #004f7a;
  cursor: pointer;
}
#tg-btn-tipo-tk li a label{
  font-size: 1.2em
}
#tg-btn-tipo-tk li a.btn-hover,
#tg-btn-tipo-tk li a.btn-hover:hover{
  background: #004f7a;
  color: #fff;
}
#tg-btn-tipo-tk li a:hover{
  background: #e8e8e8;
  color: #004f7a;
}
/*** estilo lista de pagos ***/
#tgListPago{
  list-style: none;
}
#tgFormCulqi{
  margin: 0 auto;
  width: 90%;
}
#btnPaypal{
  margin: 0 auto;
  width: 30%;
}
/****************************/
/*** estilo poput WARNING ***/
/****************************/


#tg-poput-warning,
#tg-poput-option,
#tg-cont-modelo{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0,0.5);
  z-index: 20;
  justify-content: center;
  align-items: center;
  display: none;
}
#tg-poput-warning #tg-poput-warning-contMsj,
#tg-poput-option #tg-poput-option-contMsj{
  width: 50%;
  min-height: 100px;
  border: 1px solid #004f7a;
  background: #ffffff;
  padding: 10px;
  padding-top: 0;

}
#tg-poput-warning #tg-poput-warning-contMsj h2,
#tg-poput-option #tg-poput-option-contMsj h2{
  text-align: center;
  color: #004f7a;
  font-size: 18px;
}
#tg-poput-warning #tg-poput-warning-contMsj button,
#tg-poput-option #tg-poput-option-contMsj button{
  display: block;
  margin: 0 auto;
  padding: 5px;

}
#tg-poput-option #tg-poput-option-contMsj .tg-poput-option-btns{
  width: 20%;
  margin: 0 auto;
}
#tg-poput-option #tg-poput-option-contMsj .tg-poput-option-btns button{
  display: inline-block;
  vertical-align: middle;
  width: 47%;
}

/***estilo libro de reclmaciones ***/
#tgCountClaim{
  padding: 20px;
  background:  #fff;
  border: 1px solid  #dbdbdb;
  border-radius: 10px;
  margin: 10px auto;
  min-height: 550px;
}

#tgCountClaim h3{
  color:#065eab;
  font-size: 30px;
  font-weight: bold;
}

#tgCountClaim button{
  display: block;
  margin: 30px auto;
  background: #004f7a;
  padding: 5px 30px;
  font-size: 16px;
}

/*estilos chat nuevo*/
#tg-Cont-Chat{
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 94px;
/*  border: 1px solid #065eab;
  box-shadow: 0px 0px 3px #535353;
  background: #fff;*/
  z-index: 10;

}
#tg-Cont-Chat div a img{
  display: block;
  width: 100%;
}
#tg-Cont-Chat div{
  margin:0;
}
#tg-Cont-Chat div div p{
  font-size: 1.2em;

}
#tg-Cont-Chat div div{
  padding: 0;
  height: 90px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #065eab;
  margin: 0 auto;

}
#tg-Cont-Chat div div a{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#tg-Cont-Chat div div a:hover{
  background: #065eab;
  color:#fff;
}

/*** estilos selecionar hora en reservas itinerario ***/
.tg-Time-container{
    width: 385px;
    position: relative;
    background: #e9e9e9;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 5px;
}
.tg-Time-container .tg-time{
  display: inline-block;
  vertical-align: middle;
  width: 40%;
}
.tg-Time-container .time-space{
  width: 15%;
  font-size: 3em;
}
.tg-Time-container .hour-content{
  width: 100%;
  background: #fff;
  height: 50px;
  overflow: hidden;
}
.tg-Time-container .hour-content div{
  transition: margin-top 0.5s ease;
}
.tg-Time-container .hour-content div div{
  height: 50px;
  font-size: 3em;
}
.tg-Time-container .btn-goup div{
  width: 5px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #002b32;
  margin:0 auto;
  margin-bottom:5px;
  cursor: pointer;
}
.tg-Time-container .btn-godown div{
  width: 5px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #002b32;
  margin:0 auto;
  margin-top:5px;
  cursor: pointer;
}
/*** paginacion tickets ***/
.tg-paginacion{
  position: relative;
  height: 40px;
}
.tg-paginacion .pagination {
    margin: 0 0;
    position: absolute;
    right: 20px;
}

#tw-slider-text-tk P{
  font-size: 16px;
}

.dropdown-menu{
  min-width:120px;  
}
/******************************/
/** hoja de estilos telefonos */
/******************************/
@media (max-width:580px){


  #tw-cont-fondo-pricipal {
    height: auto;
  }
  #tw-title-pricipal h2 {
    padding: 10px 0;
  }
  .tg-tk-cont-img,
  .tg-tk-cont{
    width: 100%;
  }
  .tg-tk-cont{
    padding-top: 10px;
  }
  #tw-cont-email{
    margin: 0 auto;
    margin-top: 186px;
    width: 93%;
  }
  #tw-img-email{
    width: 48%;
  }
  .tw-cont-form-search-2{
    min-height: 310px;
    height: auto;
  }

  #tw-cont-form.tg-cont-form-search .btn-default {

    font-size: 14px;
    padding: 8px 6px;
    width: 80%;
    margin: 0 auto;
    margin-top: 0px;
    display: block;
    margin-top: 10px;

  }
  .tg-tk-cont-text .tg-tk-title ul li span {
    margin-right: 12px;
  }
  .tg-tk-cont-text .tg-tk-title ul {
    font-size: 1.2em;
  }
  .tg-tk-cont-text .tg-tk-title ul li p {
    margin-left: 29px;
  }

  .tg-tk-cont-desc li {
    margin: 4px 0;
    font-size: 1.2em;
  }
  #tw-barra-nav-tk ul li {
    margin-right: -20px;
  }
  .tw-div{
    margin-top: 7px;
  }
  .tw-cont-izq, .tw-cont-der {
    height: auto;
    margin-bottom: 10px;
    min-height: 10px;
  }
  #tw-logo-iti .tw-iti-img {
    width: 10%;
  }
  #tw-tk-priv header .tw-btn-right {
    float: left;
  }
  #tw-tk-priv header, #tw-res header {
    height: 70px;
  }
  .tw-cont-iti h3 {
    font-size: 1.4em;
  }
  .tw-con-iti-ida {
    overflow-x: scroll;
  }
  .tw-cont-cel{
    position: relative;
    width: 765px;
  }
  .tw-con-iti-ida .tw-partida {
    width: 46%;
    font-size: 0.9em;
  }

  .tw-con-iti-ida .tw-llegada {
    width: 38%;
    font-size: 0.9em;
  }
  .tg-itine-items-dia {
    width: 95%;
  }
  .tg-itine-items-dia-cel{
    width: 65%;
  }

  .tw-con-iti-ida .tw-dispo {
    width: 14%;
    font-size: 0.9em;
  }
  .tw-radio-iti, .tw-radio-iti-re {
    height: 27px;
  }
  .tg-Time-container {
    width: 370px;
    margin-left: -10px;
  }
  .tg-Time-container .btn-goup div{

    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #002b32;

  }
  .tg-Time-container .btn-godown div{
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #002b32;

  }
  .tw-btn-1{
    width: 100%;
    padding: 7px;
  }

  #tw-barra-nav-tk button{
    margin-bottom: 5px;
  }
  #tw-cont-text-titulo-web .tw-text-titulo-web{

    font-size: 2.2em;

  }
  #tg-btn-tipo-tk li{
    width: 95%;
    margin-bottom: 5px;

  }
  #tg-Logos .row{
    width: 100%;
    margin: 0 auto;
  }
  #tg-MetoPagos img{

    width:90%;

  }
}

/** hoja de estilos tables */
@media (max-width:768px){
  #logo-tw{
    display: block;
    width: 290px;
    margin-left: 10px;
    margin-top: 8px;
  }
  .tw-cont-izq, .tw-cont-der {
    height: auto;
    margin-bottom: 10px;
    min-height: 10px;
  }
  .tw-div{
    margin-top: 7px;
  }



  #tw-cont-fondo-pricipal {
    height: auto;
  }

}
