@charset "utf-8";
/* CSS Document */
@-webkit-keyframes last_rotate {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		z-index: 1;
	}
	100% {
		-webkit-transform: rotateX(-180deg);
		transform: rotateX(-180deg);
		z-index: 0;
	}
}

@keyframes last_rotate {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		z-index: 1;
	}
	100% {
		-webkit-transform: rotateX(-180deg);
		transform: rotateX(-180deg);
		z-index: 0;
	}
}
@-webkit-keyframes new_rotate {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		z-index: 0;
	}
	100% {
		-webkit-transform: rotateX(-180deg);
		transform: rotateX(-180deg);
		z-index: 1;
	}
}
@keyframes new_rotate {
	0% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		z-index: 0;
	}
	100% {
		-webkit-transform: rotateX(-180deg);
		transform: rotateX(-180deg);
		z-index: 1;
	}
}
.flip-countdown {
	display: flex;
	justify-content: center;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.5em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.flip-countdown {
 font-size: 1em;
	}
 }


.interval_cont {
	display: flex;
	justify-content: space-around;
	width: auto;
	overflow: hidden;
}
.interval_cont:nth-child(n + 1):not(:last-child) {
	margin-right: 0.4em;
}

.description {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.5em;
	margin-right: 0.55em;
	font-size: 0.39em;
	font-weight: bold;
	text-transform: uppercase;
	color: #064464;
	overflow: hidden;
}

.digit_cont {
	position: relative;
	width: 1.2em;
	height: 1.5em;
	font-weight: 900;
	line-height: 1.5em;
	border-radius: 0.25em;
	color: #fff;
	border-bottom: 0.01em solid rgba(76, 99, 119, 0.1);
	box-shadow: 0 0.2em 0.3em -0.1em rgba(76, 99, 119, 0.1);
	-webkit-perspective: 3em;
	perspective: 3em;
	box-sizing: border-box;
	overflow: hidden;
}
.digit_cont:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 100%;
	height: 0.015em;
	background: rgba(141, 163, 182, 0.25);
	box-shadow: 0 0.01em 0.02em 0 rgba(255, 255, 255, 0.1);
	z-index: 1;
}
.digit_cont:nth-child(n + 1):not(:last-child) {
	margin-right: 0.05em;
}
.digit_cont span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 50%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.digit_cont .last_placeholder,
.digit_cont .new_placeholder,
.digit_cont .last_rotate,
.digit_cont .new_rotate {
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}
.digit_cont .last_placeholder {
	bottom: 0;
	border-radius: 0 0 0.25em 0.25em;
	background: linear-gradient(to bottom, #000 -90%, #03779a 100%), #000;
}
.digit_cont .new_placeholder {
	box-shadow: inset 0 0.01em 0 0 rgba(255, 255, 255, 0.5);
}
.digit_cont .new_placeholder,
.digit_cont .last_rotate,
.digit_cont .new_rotate {
	top: 0;
	border-radius: 0.25em 0.25em 0 0;
	background: linear-gradient(to bottom, #064464 10%, #064464 200%), #064464;
}
.digit_cont .last_rotate {
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-animation: last_rotate 0.5s linear forwards;
	animation: last_rotate 0.5s linear forwards;
}
.digit_cont .new_rotate {
	border-top: 0.01em solid rgba(76, 99, 119, 0.3);
	background: linear-gradient(to top, #000 -90%, #03779a 100%), #03779a;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	-webkit-animation: new_rotate 0.5s linear forwards;
	animation: new_rotate 0.5s linear forwards;
}
.digit_cont .new_rotate .rotated {
	width: 100%;
	height: 100%;
	border-radius: 0 0 0.25em 0.25em;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	overflow: hidden;
}

.button-azul:hover {
  background-color: transparent;
  color: #064464;
}

.button-azul {
  background-color: #064464; 
  color: #fff; 
  border: 2px solid #064464;
}
	   
.bg-azul {
  background: #03779a !important;
}
	   	   
.bg-azul-fuerte {
  background: #064464 !important;
}
	   	   	   
.bg-azul-light {
  background: #99c9dc !important;
}
	   	   	   
.text-azul {
  color: #03779a !important;
}
	   	   
.text-azul-fuerte {
  color: #064464 !important;
}

.roboto-font {
  font-family: 'amsterdam-four', sans-serif !important;
  line-height: 1.9em;
}	

.roboto-condensed-font {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.travel-border {
  display: inline-flex;
  margin: 20px;
  border: 8px solid #03779a;
  border-image: repeating-linear-gradient(
      45deg,
      #03779a,
      #03779a 8px,
      white 8px,
      white 16px
    )
    8;
}
	   
.ticket {
  width: 100%;
  color: #b3b3b3;
  font-size: 12px;
}
	   
.ticket h1 {
  margin: 5px 0;
  font-size: 29px;
  color: #666;
  font-family: "Roboto Condensed", sans-serif !important;
  font-weight: 600
}
.ticket span {
  font-family: "Roboto Condensed", sans-serif !important;
}

.ticket h2 {
  margin: 3px 0 0;
  font-size: 18px;
  color: #064464;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif !important;
}
.ticket h3 {
  font-size: 3.0rem;
}
@media screen and (max-width: 768px) {
.ticket h3{
  font-size: 2.4rem;
 }
}

.ticket-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 15px;
  border-radius: 10px 10px 0 0;
  color: white;
  background-color: #064464;
}

.head-logo {
  font-size: 14px;
  font-weight:400;
  letter-spacing: .35em;
 }
 @media screen and (max-width: 768px) {
    .head-logo  {
      font-size: 12px; } }
	   
.head-flight {
  font-size: 11px;
  text-align: right;
  text-transform: uppercase;
}

.ticket-body {
  position: relative;
  border-bottom: 1px dashed #d9d9d9;
  background-color: #F5F2EF;
}
.ticket-body:before, .ticket-body:after {
  content: "";
  position: absolute;
  top: 100%;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #fff;
}
.ticket-body:before {
  right: 100%;
  transform: translate(8px, -8px);
}
.ticket-body:after {
  left: 100%;
  transform: translate(-8px, -8px);
}

.locations,
.info,
.flight {
  display: flex;
  align-items: center;
}

.body-info {
  padding: 12px 15px;
}

.locations {
  padding: 12px 15px;
  border-bottom: 1px solid #d9d9d9;
}

.loc-depart,
.loc-direction,
.loc-arrive {
  flex-grow: 1;
  flex-shrink: 0;
  text-transform: uppercase;
  text-align: center;
}
.loc-depart {
	width: 60px
}   
	   
.arrow {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #03779a;
}
.arrow:before, .arrow:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #03779a;
}
.arrow:before {
  transform: rotate(45deg);
  transform-origin: 12px -5px;
}
.arrow:after {
  transform: rotate(-45deg);
  transform-origin: 12px 7px;
}

.info {
  margin-bottom: 30px;
  justify-content: space-between;
  display:block !important;
}
.info-name, .info-seat {
  text-transform: uppercase;
	
}
.info-name h2, .info-seat h2 {
  text-transform: none;
}
.info-seat {
  text-align: right;
}

.flight {
  justify-content: space-between;
  text-transform: uppercase;
}
.flight-info h2, .flight-depart-date h2, .flight-depart-time h2 {
  text-transform: none;
}

.ticket-bottom {
  border-radius: 0 0 10px 10px;
  background-color: #F5F2EF;
}

.bottom-info {
  padding: 20px 35px;
}

.depart {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.depart h2 {
  text-transform: none;
}
.depart-barcode {
  width: 100%;
  height: 25px;
  background: linear-gradient(to right, #000 0%, #000 20%, #fff 20%, #fff 40%, #000 40%, #000 50%, #fff 50%, #fff 70%, #000 70%, #000 90%, #fff 90%, #fff 100%);
  background-size: 7.5% 100%;
}
	   
.dud  {
  color: #929292;
}
.text-random {
line-height:inherit
}