@charset "UTF-8";
/* TRANSFORM Studios, LLC - Hand Coded with Love

                                                                                       @@@&                                                            
                                                                                      @@@@@.                                                           
                                                                                     @@@@@(                                                            
                             .*.                                                    &@@@@&                         /@@@@&                              
                            @@@@@(         ,(&@@@@@@#                              %@@@@@                ,@@@@   *@@@@@@(                              
                           @@@@@&./&@@@@@@@@@@@/,.,                               ,@@@@@.      &@&,    &@@@@@@  @@@@@@@*                               
                        .*@@@@@@@@@@@&/.                                          @@@@@*      @@@@@.  @@@@@@@.,@%.@@@@&                                
           .,(%@@@@@@@@@@@@@@@@                                       *%#.       &@@@@&      #@@@@% /@.#@@@@,/@. @@@@@               #@@.              
   &@@@@@@@@@@@@@@&(,    @@@@@                                       @@@@@.     .@@@@@       @@@@@ &@. @@@@*,@, #@@@@*               &@@@#             
  @@@@@@@&(.            @@@@@*   /@(                      (@@@@     &@@@@(      @@@@@/  ./&@@@@@@/@@. @@@@@%@, *@@@@@                @@@@@             
 .(.                   %@@@@@   *@@@#          .#%*     #@@@@@@    /@@@@@,     &@@@@@@@@@/@@@@@@@  ,@@@@@@#  @@@@@,               *@@@@@             
                      ,@@@@@    (@@,           @@@@@  *@@@@@@@.    @@@@@@#    ,@@@@@,@(    @@@@@@@.  @@@@@@/  ,@@@@&               ,@@@@@.             
                      @@@@@.     &@@@/        &@@@@. #@ #@@@@%    @ &@@@@@    @@@@@/ @@   .@@@@@@/  *@@@@@&   &@@@@*               @@@@@%              
                     %@@@@%     ,& ,@@@(     ,@@@@% &@ /@@@@@    %( ,@@@@@   *@@@@@ ,@@   &@@@@@%   @@@@@@    @@@@@              .@@@@@*               
                     @@@@@     .@  #@@@@(    @@@@@ @@  @@@@@,   .@   @@@@@/  @@@@@* #@@   @@@@@&   %@@@@@,    @@@@@.            (@@@@@.                
                    @@@@@*     @,  @@@@@.   @@@@@#@@  %@@@@(   .@.   &@@@@& ,@@@@@  @@@  %@@@@@    @@@@@&     *@@@@&          &@@@@@(                  
                   #@@@@@     %/  &@@@@/   @@@@@@@@   @@@@@    @%    (@@@@@ &@@@@/ (@@&  @@@@@/    @@@@@.      .@@@@@*     #@@@@@@,                    
                   @@@@@.    (&  ,@@@@@   &@@@@@@@   #@@@@( *@@&     (@@@@&*@@@@@  @@@, .@@@@@                    .@@@@@@@@@@@%                        
                  %@@@@(    ,@   @@@@@.  /@@@@@@@/   @@@@@   %@@,    @@@@@(&@@@@% #@@@     ,,                           ..                             
                  @@@@@    #@,  ,@@@@%  *@(@@@@@%   .@@@@&  *@.%@@@@@@@@@@ @@@@@..@@@                                                                  
                 /@@@@(   /@%   &@@@@  (@#@@@@@&    (@@@@( (@/   ,@@@@@@/  @@@@@ @@@/                                                                  
                 @@@@@   (@(   ,@@@@& %@%.@@@@@     %@@@@*@@(              /@@@@@@@.                                                                   
                 @@@@%  /@&    *@@@@@@@/ #@@@@%     *@@@@@@.                  *,.                                                                      
                ,@@@@. @@%      &@@@@@      ..        @@@/                                       
                ,@@@@%@@%         **                                                            
                 @@@@@@                                                                                   
                  .(*/
                  
/* !FONT STYLES -------------------------------------------------- */
/* !Import Custom Web Fonts */
/* Adobe Jensen */


/* !EXTERNAL ASSET STYLES -------------------------------------------------- */

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -25%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

body {
	font-family: futura-pt, Arial, Helvetica, sans-serif;
	color: #333333;
	position: relative;
	font-smoothing: antialiased;
	/*overflow: hidden;*/
}

.col-2_5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
	.col-2_5 {
	    box-flex: 0;
	    -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}

	@media (min-width:576px) {
		.col-sm-2_5 {
	        box-flex: 0;
	        -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	        max-width: 20%;
	    }
	}
	@media (min-width:768px) {
		.col-md-2_5 {
	        box-flex: 0;
	        -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	        max-width: 20%;
	    }
	}
	@media (min-width:992px) {
		.col-lg-2_5 {
	        box-flex: 0;
	        -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	        max-width: 20%;
	    }
	}
	@media (min-width:1200px) {
		.col-xl-2_5 {
	        box-flex: 0;
	        -ms-flex: 0 0 20%;
	        flex: 0 0 20%;
	        max-width: 20%;
	    }
	}

header {
	position: relative;
	background: rgb(41,122,213);
	background: -moz-linear-gradient(top, rgba(41,122,213,1) 0%, rgba(76,158,230,1) 100%);
	background: linear-gradient(top, rgba(41,122,213,1) 0%,rgba(76,158,230,1) 100%);
	background: linear-gradient(to bottom, rgba(41,122,213,1) 0%,rgba(76,158,230,1) 100%);
	color: white;
	padding: 11px 15px;
	height: 79px;
	line-height: 55px;
}
	
	.title {
		font-size: 1.875rem;
		text-transform: uppercase;
		position: relative;
		padding-left: 55px;
	}
		.timer {
			position: absolute;
			font-size: 1rem;
			left: 13px;
			top: 0;
		}
		
	#circleTimer {
		position: absolute;
		left: 0;
		top: 4px;
	}
	#circleTimer.t14, #circleTimer.t13, #circleTimer.t12, #circleTimer.t11, #circleTimer.t10, #circleTimer.t09, #circleTimer.t08, #circleTimer.t07, #circleTimer.t06, #circleTimer.t05, #circleTimer.t04, #circleTimer.t03, #circleTimer.t02, #circleTimer.t01 {
		clip: rect(0px, 23px, 46px, 0px); /* Hide half of the progress bar */
	}
	.st0,.st1 {
		transform: rotateZ(0deg);
		transform-origin: center center;
		transition: transform 1s linear 0s;
	}
	.t29 .st0 {transform: rotateZ(12deg);}
	.t28 .st0 {transform: rotateZ(24deg);}
	.t27 .st0 {transform: rotateZ(36deg);}
	.t26 .st0 {transform: rotateZ(48deg);}
	.t25 .st0 {transform: rotateZ(60deg);}
	.t24 .st0 {transform: rotateZ(72deg);}
	.t23 .st0 {transform: rotateZ(84deg);}
	.t22 .st0 {transform: rotateZ(96deg);}
	.t21 .st0 {transform: rotateZ(108deg);}
	.t20 .st0 {transform: rotateZ(120deg);}
	.t19 .st0 {transform: rotateZ(132deg);}
	.t18 .st0 {transform: rotateZ(144deg);}
	.t17 .st0 {transform: rotateZ(156deg);}
	.t16 .st0 {transform: rotateZ(168deg);}
	.t15 .st0 {transform: rotateZ(180deg);}
	.t14 .st0, .t13 .st0, .t12 .st0, .t11 .st0, .t10 .st0, .t09 .st0, .t08 .st0, .t07 .st0, .t06 .st0, .t05 .st0, .t04 .st0, .t03 .st0, .t02 .st0, .t01 .st0 {
		opacity: 0;
	}
	.t14 .st1 {transform: rotateZ(12deg);}
	.t13 .st1 {transform: rotateZ(24deg);}
	.t12 .st1 {transform: rotateZ(36deg);}
	.t11 .st1 {transform: rotateZ(48deg);}
	.t10 .st1 {transform: rotateZ(60deg);}
	.t09 .st1 {transform: rotateZ(72deg);}
	.t08 .st1 {transform: rotateZ(84deg);}
	.t07 .st1 {transform: rotateZ(96deg);}
	.t06 .st1 {transform: rotateZ(108deg);}
	.t05 .st1 {transform: rotateZ(120deg);}
	.t04 .st1 {transform: rotateZ(132deg);}
	.t03 .st1 {transform: rotateZ(144deg);}
	.t02 .st1 {transform: rotateZ(156deg);}
	.t01 .st1 {transform: rotateZ(168deg);}
	
	.t30 .st0,.t30 .st1 {
		transition: transform 0s linear 0s;
	}
	
	.current-datetime {
		position: absolute;
		right: 15px;
		top:  12px;
		text-align: right;
		font-size: 1.625rem;
	}
		.current-weekday {
			display: none;
		}
			@media(min-width:1920px) {
				.current-weekday {
					display: inline-block;
				}
			}
			@media(min-width:2160px) and (max-width:3839px) {
				.current-weekday {
					display: none;
				}
			}
		.current-date {
			display: inline-block;
		}
		.current-time {
			display: inline-block;
			background: transparent url('/images-css/kiosk/ico-clock.svg') no-repeat left center;
			padding-left: 40px;
			margin-left: 13px;
		}
	
	.logo {
		position: absolute;
		width: 100%;
		height: 134px;
		background: transparent url('/images-css/kiosk/logo-header.png') no-repeat center top;
		left: 0;
		top: 0;
	}
	
	@media(min-width:1080px) and (max-width:1919px) {
		header {
			height: 61px;
			padding-top: 3px;
		}
		.logo {
			background-size: 1362px;
		}
		.current-datetime {
			top:  3px;
		}
	}
	@media(min-width:2160px) {
		header {
			padding: 22px 30px;
			height: 158px;
			line-height: 110px;
		}
			.title {
				font-size: 3.75rem;
				padding-left: 110px;
			}
				.timer {
					font-size: 2rem;
					left: 26px;
				}
			#circleTimer {
				top: 8px;
				width: 92px;
				height: 92px;
			}
			#circleTimer.t14, #circleTimer.t13, #circleTimer.t12, #circleTimer.t11, #circleTimer.t10, #circleTimer.t09, #circleTimer.t08, #circleTimer.t07, #circleTimer.t06, #circleTimer.t05, #circleTimer.t04, #circleTimer.t03, #circleTimer.t02, #circleTimer.t01 {
				clip: rect(0px, 46px, 92px, 0px); /* Hide half of the progress bar */
			}
			
			.current-datetime {
				right: 30px;
				top: 24px;
				font-size: 3.25rem;
			}
				.current-time {
					display: inline-block;
					background-size: 58px 58px;
					padding-left: 80px;
					margin-left: 26px;
				}
			
			.logo {
				height: 268px;
				background: transparent url('/images-css/kiosk/logo-header.png') no-repeat center top;
				background-size: 4570px;
				left: 0;
				top: 0;
			}
		
		
	}
	@media(min-width:2160px) and (max-width:3839px) {
		header {
			height: 122px;
			padding-top: 6px;
		}
		.logo {
			background-size: 2724px;
		}
		.current-datetime {
			top:  6px;
		}
	}
	
		
.table {
	text-align: center;
	margin-bottom: 0;
}
.table tr:nth-child(even) {
	background: rgba(241,241,241,.6);
}
.table thead th {
	border-bottom: none;
	
}
.table td, .table th {
	border-top: none;
	border-left: 1px solid #ADADAD;
	vertical-align: middle;
}
	.table td:first-child, .table th:first-child {
		border-left: none;
	}
.table thead th {
	background: #2C3232;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 40px;
	height: 61px;
	vertical-align: middle;
}
.table td {
	font-size: 1.375rem;
	color: #666666;
	line-height: 40px;
	height: 78px;
	transition: transform .5s ease, opacity .25s ease;
	transform: rotate3d(0, 0, 0, 180deg);
	transform-origin: center center;
	opacity: 1;
	z-index: 1;
	position: relative;
}
	.table .loading td {
		transform: rotate3d(1, 0, 0, 180deg);
		opacity: .5;
	}
	.table td.status {
		color: #000;
	}
		.table td.status.red {
			color: #B11334;
		}
		.table td.status.green {
			color: #9BB741;
		}
	.table td.airline img {
		width: 172px;
		max-width: 100%;
	}
	
	@media(min-width:1080px) and (max-width:1919px) {
		.table td.flight,.table td.from,.table td.gate {
			/*width: 179px;*/
			width: 9.2592592592593%;
		}
		.table td.time {
			width: 12.8703703703704%;
		}
		.table td.airline {
			/*width: 420px;*/
			width: 23.7962962962963%;
		}
	}
	@media(min-width:1920px) {
		.table thead th {
			font-size: 1.5rem;
		}
		.table td {
			font-size: 1.625rem;
		}
		.table td.flight,.table td.from,.table td.time,.table td.gate {
			/*width: 179px;*/
			width: 9.322916666666667%;
		}
		.table td.airline {
			/*width: 420px;*/
			width: 22.03125%;
		}
	}
	@media(min-width:2160px) {
		.table thead th {
			font-size: 2.5rem;
			height: 122px;
		}
		.table td {
			font-size: 2.75rem;
			height: 156px;
			line-height: 80px;
		}
			.table td.airline img {
				width: 344px;
			}
	}
	@media(min-width:2160px) and (max-width:3839px) {
		.table td.flight,.table td.from,.table td.gate {
			/*width: 179px;*/
			width: 9.2592592592593%;
		}
		.table td.time {
			width: 12.8703703703704%;
		}
		.table td.airline {
			/*width: 420px;*/
			width: 23.7962962962963%;
		}
	}
	@media(min-width:3840px) {
		.table thead th {
			font-size: 3rem;
		}
		.table td {
			font-size: 3.25rem;
		}
	}
	

.gate {
	line-height: 40px;
}
	.gate-letter {
		display: inline-block;
		width: 40px;
		height: 40px;
		overflow: hidden;
		text-indent: -9999px;
		margin-right: 5px;
		vertical-align: top;
	}
		.gate-letter.terminalA {
			background: transparent url('/images-css/kiosk/ico-a.svg') no-repeat left top;
		}
		.gate-letter.terminalB {
			background: transparent url('/images-css/kiosk/ico-b.svg') no-repeat left top;
		}
		@media(min-width:2160px) {
			.table td.gate {
				line-height: 80px;
			}
			.gate-letter {
				width: 80px;
				height: 80px;
				margin-right: 10px;				
			}
		}

.alert-container {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #2C3232;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1.25;
	min-height: 78px;
	display: none;
	z-index: 999;
	transform: translate3d(0,0,100px); /* allows the alert to be above transform3d animation */
}
	.alert-heading {
		font-size: 1.875rem;
		text-transform: uppercase;
		background: transparent url('/images-css/kiosk/alert-back.svg') no-repeat right center;
		background-size: 632px;
		padding: 12px 30px;
		width: 280px;
		text-align: right;
		line-height: 1.875;
	}
	.alert {
		padding: 12px 30px;
		margin-bottom: 0;
	}
		.alert-title {
			text-transform: uppercase;
		}
		.alert-desc {
			color: rgba(255,255,255,.5);
			text-transform: none;
		}
	
	@media(min-width:2160px) {
		.alert-container {
			font-size: 2.5rem;
			min-height: 156px;
		}
		.alert-heading {
			font-size: 3.75rem;
			padding: 24px 60px;
			background-size: 1264px;
			width: 560px;
		}
		.alert {
			padding: 24px 60px;
		}
	}