.tar-form{ background: rgba(0, 0, 0, 0.5); padding: 50px 100px; text-align: center; position: relative; }

.tar-nav{ position: absolute; top: 0; left: 50%; transform: translate(-50%,-100%); }
.tar-nav span{ background: rgba(217,127,1,0.85); color: rgba(255,255,255,0.5); line-height: 1; display: inline-block; padding: 5px 0 2px; width: 25px; text-align: center; margin: 0 2px; cursor: not-allowed; }
.tar-nav span.activo{ color: #FFF; cursor: pointer; }
.tar-nav span.activo.current{ background: rgba(0,0,0,0.5); }

.tar-pseudo-h2{ font-family: 'Montserrat'; font-size: 50px; line-height: 1.2; margin: 30px 0 20px; font-weight: 600; color: #FFF; }
.tar-pseudo-h3{ text-transform: uppercase; font-size: 16px; font-weight: 500; letter-spacing: 5px; margin: 0 0 20px; line-height: 1.2; color: #FFF; }
.tar-pseudo-h4{ text-transform: uppercase; font-size: 13px; font-weight: 500; letter-spacing: 2px; margin: 0; line-height: 1.2; color: #FFF; position: relative; margin-bottom: 15px; }
.tar-pseudo-h4::after{ content: ' '; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #FFF; }
.tar-pseudo-h4 span{ display: inline-block; background: #FFF; padding: 5px 5px 2px 8px; color: #000 !important; position: relative; left: 5px; z-index: 2; }
.tar-pseudo-h4 span::before{ content: ' '; width: 0; height: 0; border-style: solid; border-width: 0 0 22px 5px; border-color: transparent transparent #FFF transparent; position: absolute; top: 0; right: 100%; }
.tar-pseudo-h4 span::after{ content: ' '; width: 0; height: 0; border-style: solid; border-width: 22px 5px 0 0; border-color: #FFF transparent transparent transparent; position: absolute; top: 0; left: 100%; }


/* Origen y Destino */
.tar-zona-origen-destino{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.tar-zona-origen-destino > div{ flex-basis: 47.5%; text-align: left; }

.tar-form input[type=text], .tar-form select{ font-family: 'Mukta'; font-size: 18px; display: block; width: 100%; box-sizing: border-box; padding: 2px 50px 2px 15px; margin: 10px 0 15px !important; border: 1px solid #DCDCDC; border-radius: 3px; outline: none; transition: all .35s ease-in; }
.tar-form select{ background: #FFF url(../images/pais.png) no-repeat left 15px center !important; padding: 2px 15px 2px 50px; }
.tar-form input[name=tar-origen-direccion], .tar-form input[name=tar-destino-direccion]{ background: #FFF url(../images/direccion.png) no-repeat left 15px center !important; padding: 2px 15px 2px 54px; }
.tar-form input[name=tar-origen-ciudad], .tar-form input[name=tar-destino-ciudad]{ background: #FFF url(../images/ciudad.png) no-repeat left 15px center !important; padding: 2px 15px 2px 54px; }
.tar-form input[name=tar-origen-cp], .tar-form input[name=tar-destino-cp]{ background: #FFF url(../images/cp.png) no-repeat left 15px center !important; padding: 2px 15px 2px 54px; }
.tar-form input[type=button]{ position: relative; font-family: 'Mukta'; display: block; margin: 20px auto 0; padding: 10px 100px; border: none; border-radius: 30px; background: #D97F01; cursor: pointer; outline: none; font-size: 20px; color: #FFF; transition: all .35s ease-in; }
.tar-form input[type=button]:hover{ background: #000; }

.tar-form input[type=text].errores, .tar-form select.errores{ background-color: #F7CECE !important; }

.tar-zona-paquetes > span{ display: flex; justify-content: space-between; width: 100%; padding: 5px 0 0; box-sizing: border-box; color: #FFF; text-align: left; font-size: 16px; text-transform: uppercase; }
.tar-zona-paquetes > span i{ margin-left: 10px; cursor: pointer; transition: all .35s ease-in; }
.tar-zona-paquetes > span i:hover{ color: #D97F01; }
.tar-form .tar-separacion-cuartos{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.tar-form .tar-separacion-cuartos > input{ flex-basis: 23.5%; width: 23.5%; padding: 2px 50px 2px 15px !important; margin: 5px 0 !important; background: #FFF url(../images/cm.png) no-repeat right 15px center !important; }
.tar-form .tar-separacion-cuartos > input.tar-peso{ background-image: url(../images/kg.png)  !important; }
.tar-form .tar-separacion-cuartos > input:focus{ background-color: #F1F1F1 !important; }

.tar-zona-datos input[type=text]{ padding: 2px 15px 2px 50px; }
.tar-zona-datos input[name=nombre]{ background: #FFF url(../images/nombre.png) no-repeat left 12px center !important; }
.tar-zona-datos input[name=email]{ background: #FFF url(../images/email.png) no-repeat left 12px center !important; }
.tar-zona-datos input[name=telefono]{ background: #FFF url(../images/telefono.png) no-repeat left 12px center !important; }

div.tar-pseudo-checkbox{ margin: 10px 0 0 auto; text-align: left; line-height: normal; font-size: 16px; color: #FFF; }
div.tar-pseudo-checkbox.errores{ color: #F00; }
div.tar-pseudo-checkbox.errores > *{ color: #F00; }
div.tar-pseudo-checkbox.errores a{ color: #F00; text-decoration-color: #F00; }
div.tar-pseudo-checkbox{ display: inline-block; }
div.tar-pseudo-checkbox input[type=checkbox]{ display: none; }
div.tar-pseudo-checkbox .fa{ display: inline-block; text-align: left; width: 20px; cursor: pointer; position: relative; top: 5px; float: left; }
div.tar-pseudo-checkbox .fa-square-o, div.tar-pseudo-checkbox.activo .fa-check-square-o{ display: inline-block; }
div.tar-pseudo-checkbox .fa-check-square-o, div.tar-pseudo-checkbox.activo .fa-square-o{ display: none; }
div.tar-pseudo-checkbox .tar-contenido-pseudo-checkbox{ padding-left: 25px; text-align: justify; line-height: normal; }
div.tar-pseudo-checkbox a{ text-decoration: underline; transition: all .35s ease-in; color: #FFF; text-decoration: underline; text-decoration-color: #D97F01; }
div.tar-pseudo-checkbox a:hover{ color: #D97F01; }

.lds-roller { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; }
.lds-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #fff; margin: -4px 0 0 -4px; }
.lds-roller div:nth-child(1) { animation-delay: -0.036s; }
.lds-roller div:nth-child(1):after { top: 63px; left: 63px; }
.lds-roller div:nth-child(2) { animation-delay: -0.072s; }
.lds-roller div:nth-child(2):after { top: 68px; left: 56px; }
.lds-roller div:nth-child(3) { animation-delay: -0.108s; }
.lds-roller div:nth-child(3):after { top: 71px; left: 48px; }
.lds-roller div:nth-child(4) { animation-delay: -0.144s; }
.lds-roller div:nth-child(4):after { top: 72px; left: 40px; }
.lds-roller div:nth-child(5) { animation-delay: -0.18s; }
.lds-roller div:nth-child(5):after { top: 71px; left: 32px; }
.lds-roller div:nth-child(6) { animation-delay: -0.216s; }
.lds-roller div:nth-child(6):after { top: 68px; left: 24px; }
.lds-roller div:nth-child(7) { animation-delay: -0.252s; }
.lds-roller div:nth-child(7):after { top: 63px; left: 17px; }
.lds-roller div:nth-child(8) { animation-delay: -0.288s; }
.lds-roller div:nth-child(8):after { top: 56px; left: 12px; }
@keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.tar-precio{ font-size: 50px; color: #FFF; }
.tar-precio span{ font-size: 100px; font-weight: bold; }
.tar-precio + p{ font-size: 20px; color: #FFF; }

/*
.tar-origen-destino, .tar-definir-paquetes, .tar-datos-personales{ display: none; }*/

#pruebaMapa input{ font-family: 'Mukta'; font-size: 18px; display: block; width: 100%; box-sizing: border-box; padding: 2px 50px 2px 15px; margin: 10px 0 15px !important; border: 1px solid #DCDCDC; border-radius: 3px; outline: none; transition: all .35s ease-in; }
#mapaOrigen{ width: 100%; height: 500px; }

/* Nueva zona mapa */
.tar-mapa{ width: 100%; height: 200px; border-radius: 5px; overflow: hidden; }
.tar-info{ text-align: center; display: block; color: #FFF; font-size: 14px; padding-top: 10px; line-height: 1.25; }


/* Arreglos CPS */
.ui-autocomplete { max-height: 200px; overflow-y: scroll; overflow-x: hidden;}

.tar-contenedor-cp-ciudad{ height: 36px; display: flex; justify-content: flex-start; align-items: center; margin: 10px 0 15px; }
.tar-contenedor-cp-ciudad input[type=text]{ margin: 0 !important; background: #FFF url(../images/cp.png) no-repeat left 15px center !important; padding: 2px 15px 2px 54px; }
.tar-contenedor-cp-ciudad span{ padding-left: 5px; color: #FFF; }

.lds-dual-ring { display: inline-block; width: 36px; height: 36px; }
.lds-dual-ring:after { content: " "; display: block; width: 20px; height: 20px; margin: 4px; border-radius: 50%; border: 4px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

/* RESPONSIVE */