/********************** MEDIA QUERIES **********************/

/* Small mobile version (iPhone 4, iPhone 5) */
@media screen and (max-width: 340px){
	.row{  
		margin: 0;
	}

	.at-col{  
		padding: 0;
	}

	.main-img{
		padding: 0;
	}

	.at-content{
		padding:0;
	}

	.panel{
		border:0;
		margin-bottom: 2px;
	}

	#at-header-title{
		width: 100%;
		height: 11%;
		background-color: rgba(0, 113, 179, 0.75);
		font-size: 100%;
		position: absolute;
		left: 0;
		bottom: 0%;
	}

	#at-header-title-text{
		position: absolute;
		margin-top: 1.5%;
	}

	.at-panel .at-panel-heading{
		font-size: 90%;
	}

	.at-panel .at-panel-body{
		font-size: 95%;
		padding: 0;
	}

	.phone-line{
		margin-top: 3%;
	}

	.link{
		padding: 3%;
	}
	
	footer{
		font-size: 75%;
	}
}

/* Mobile version */
@media screen and (min-width: 341px) and (max-width: 767px){
	.row{
		margin: 0;
	}

	.main-img{
		padding: 0;
	}

	.at-col{
		padding:0;
	}

	#at-header-title{
		font-size: 4.25vw;
		width: 100%;
		height: 9%;
		padding: 0;
		bottom: 0;
		background-color: rgba(0, 113, 179, 0.75);
	}

	#at-header-title-text{
		position:absolute;
		padding-left: 4%;
		width: 100%;
		margin-top: 0.5%;
	}

	.panel{
		border: 0;
		margin-bottom: 2px;
	}

	.at-content{
		padding: 0;
	}

	.at-panel .at-panel-body{
		font-size: 115%;
		padding: 0;
	}

	.at-panel .at-panel-heading{
		font-size: 110%;
	}

	.phone-line{
		margin-top: 3%;
	}

	.link{
		text-indent: -6%;
		padding: 3% 3% 3% 10%;
	}

	footer{
		font-size: 75%;
	}
}

/* Tablet version */
@media screen and (min-width: 768px) and (max-width: 991px){ 

	#at-header-title{
		padding:0 ;
		position: absolute;
	  	height:9%;
	  	background-color: rgba(0, 113, 179, 0.75);
	  	margin-left: 1.5%	;
	  	bottom: 0;
	  	font-size: 140%;
	  }

	#at-header-title-text{
		position: absolute;
		left: 3%;
		top:15%;
	}

	.at-content{
		padding: 0;
	}

	.panel{
		border:0;
		margin-bottom:2px;
	}

	.at-panel .at-panel-body{
		font-size: 100%;
		padding:0;
	}

	.phone-line{
		margin-top: 3%;
	}

	.link{
		padding: 2%;
	}

	footer{
		font-size: 85%;
	}
}

/* Desktop version */
@media (min-width: 992px) and (max-width: 1199px){ 
	#at-header-title{
		font-size: 135%;
		bottom: 0;
		left:0;
		height:9%;
		background-color: rgba(0, 113, 179, 0.75);
	}

	#at-header-title-text{
		position: absolute;
		left: 2%;
		top:15%;
	}

	.at-content{
		padding: 0;
	}

	.at-panel .at-panel-heading{
		font-size:100%;
	}

	.at-panel .at-panel-body{
		font-size: 100%;
		padding: 0;
	}

	.link{
		text-indent: -6%;
		padding: 3% 3% 3% 10%;
	}
}

/* Large desktop version */
@media (min-width: 1200px) {

	#at-header-title{
		width: 100%;
		height: 9%;
		background-color: rgba(0, 113, 179, 0.75);
		font-size: 140%;
		position: absolute;
		left: 0;
		bottom: 0%;
	}

	#at-header-title-text{
		position: absolute;
		bottom: 0%;
	}

	.at-panel .at-panel-body{
		font-size: 100%;
		padding: 0;
	}

	.at-content{
		padding: 0;
	}

	.link{
		padding: 3%;
	}

	footer{
		font-size:75%;
	}
}

/******************* END MEDIA QUERIES **********************/

/***** GLOBAL *****/

.at-container{
	background-color: white;
	padding: 0;
}

body{
	background-color: #E3EAF2;
	font-family: Verdana;
}


/********************  HEADER  ********************/
#logo{
	z-index: 99;
	position:absolute;
	width: 20%;
	top: 11%;
	left: 9%;
}

#logo_color{
	width: 50%;
	margin-top: 8%;
	margin-bottom: 3%;
	margin-left: 22.5%;
	padding: 0;
}

.main-img{
	width: 100%;
}

#at-header{
	position: relative;
}

#at-header-title{
	position:absolute;
	color: white;
}

/******************* END HEADER *******************/

/****************** MAIN CONTENT ******************/

/*-------------------PLUS/MINUS------------------*/

.at-collapse-button.collapsed:before{
	content:url("../img/open.png");
	float: right;
}

.at-collapse-button:before{
	content:url("../img/close.png");
	float: right;
}

.at-collapse-button{
	font-size:15px; 
}

/*-----------------CONTENT BODY-------------------*/

.at-content{
	margin-top:3%;
}

.line{
	border-bottom: dotted 2px #0071b3;
	margin-bottom: 3%;
	margin-top: 1%;
}

/*-------------------PANELS----------------------*/

.at-panel{
	border-radius: 0px;
	border-color: #0071b3;
}

.at-panel .at-panel-heading{
	border-radius: 0px;
	background-color: #0071b3;
	color: white;
}

.panel-heading-text{
	margin-left:1%;
}

.clickable{
	cursor:pointer;
}

.panel{
	border: 0;
}

/*------------------LINKS------------------------*/


.country-image{
	margin-right: 3%;
	
}

.travel-anchor{
	margin-left: 3%;
}

a.at-cargo-link{
	color:white;
}

a.at-cargo-link:hover{
	text-decoration: none;
}

.link{
	margin: 2px 0;
	background-color: #EEEEEE;
	color: #0f254a;
	width: 100%;
	font-size: 11px;
}

.link a{
	color: #0071b3;
	font-size: 14px;
}

.nowrap {
	white-space: nowrap;
}

/*---------------FOOTER-----------------------*/

.footer-link{
	color: #0071b3;
}

footer{
	text-align: center;
}

/**************** END MAIN CONTENT *****************/