/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*-----------------------------------------------------------*/


body{
    padding:0;
    margin:0;
    font-family: sans-serif;
 font-size:14pt;	
	

}
main{
    min-height: 100px;
    background: #eee;
	padding-bottom:3em;
}

main > section{
 q   margin-bottom:2em;
    padding: 0;
    overflow: hidden;
}
#main-content-section article .columns{
  display:flex;
	
}
p{
line-height:1.5em;	
}
h1{
font-family: Kelson;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
	font-smooth: always;
}
 h2, h3, h4, h5{
	 font-family: "Open Sans Condensed";
	 
}

@media 
(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	h2, h3, h4{
		font-family: Kelson;	
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: subpixel-antialiased;
		font-smooth: always;
	}
}

header{
    background: #ffffff;
    padding:0;
}

*{
    box-sizing: border-box;
}

h1{
    font-size: 2em;

}
h2{
    font-size: 1.8em;
    font-weight: bold;
}

h3{
    font-size: 1.45em;
    font-weight: bold;
    margin: 0;
}
h4{
    font-weight: bold;
	font-size: 1.25em;
	
}

.wide-title{
	letter-spacing:.1em;
	font-size:3em;
	margin-bottom:0;
}
.h1-container{
	float: left;
	clear:both;
	margin-bottom: 2em;
	margin-top: 1em;
q	position:absolute;
q	bottom:5em;
q	left:5em;
q	z-index:10;
	border-bottom: rgb(201, 49,71) 5px solid;
q	background-color: rgb(30,30,34,0.3);	
	padding: 1em;
}

.h1-container h1{
	font-size:4em;
	clear:both;

	q  :white;
   	text-transform: uppercase;
	margin:0;

}


#top-slider{
    min-height: 400px;
    background: #999999;
}



#img-top-logo{
	float:left;
	max-width:200px;
	margin-bottom:1.5em;
}



#breadcrumbs{
	padding:1em 0;
}

@media screen and (max-width: 700px){
#img-top-logo{
	max-width:80px;
}
}

.section-content{
	
}
#main-content-section{
 display:flex;
		 flex-direction:row;
}
#markup-right-aside{
	padding-left:3em;
q	flex-basis:200px;
}
#markup-right-aside .layout-4-3-2-1 > *{
q    width:25%;
	min-width:200px;
		flex-basis:25%;
	flex-grow:1;
}

@media screen and (max-width: 820px){
	#main-content-section{
	 flex-direction:column;
		
	}
	#markup-right-aside{
				padding-left:0em;

	}
}
.col-1-1{
	width:100%;
	min-width:100%;
	flex-grow:1;
	flex-shrink:0;
}
.col-2-3{
	width:66.66%;
			flex-grow:2;
}
.col-1-3{
	max-width:33.33%
			flex-grow:1;
}
.col-1-4{
	max-width:25%;
		flex-grow:1;
}
.col-1-2{
	width:50%;
		flex-grow:1;
}
.col-3-4{
width:75%;
		flex-grow:3;

}
nav#nav-side{
display:none;	
}
/*---------------------------*/
header{
		padding:1em 1em 0 1em;
q	margin-bottom:-143px;
q	transition-duration: 333ms;
q	transition-property: margin top;
}
main{
	margin-top:143px;	
q	transition-duration: 333ms;
q	transition-property: margin top;
}



header > section{
	position:relative;
    display: flex;
q	    text-align: right;

    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction:row;
    flex-flow:wrap;
	overflow: hidden;
}

header > .header-logo{
    flex-grow:0;
	flex-shrink:0;
}
header > .header-nav{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
 q   text-align: right;
	flex-grow:2;
	flex-shrink:0;
}


header.sticky{
		max-height:150px;
		position:fixed;
		width:100%;
		padding: 10px 10px 0px 10px !important;
		z-index:999;
		margin-bottom:0;
	top:0;

}

.ticker{
		display:block;
		border:none;
		width:260px;
		max-height:50px;
		height:auto;
		overflow:hidden;
		background-color:white;
		background-color: rgba(255,255,255,.5);
	}
header.sticky .ticker{
    display:none;	
}

header.sticky #img-top-logo{
	max-width:100px;
				margin-bottom:1em;

}
main.sticky{
q	margin-top:82px;	
}
main{
	margin-top: 0px;
}
main.sticky{
	margin-top: 143px;
}
	@media screen and (max-width:820px) {


	header .ticker{
		display:none;	
	}
		
	.header-nav{
	}
	#nav-main ul{
		z-index:99;
	}
	header > section{
		overflow:visible;
	}
}




/*---------------------------*/

footer{
    background: #151a20;
    color:white;
    min-height: 100px;
    padding: 2em;
	font-size: 10pt;
}
footer a:active, footer a:link,footer a:hover, footer a:visited{
    color: white;
    
}
footer > section{
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
}

footer > section > *{    
    flex: 1 1 auto;
}

footer .footer-links{
    display: flex;
    padding-right: 2em;
    padding-top:2em;
    flex-wrap: nowrap;    
}
footer .footer-links > div{
   flex: 1 1 10em;
		padding-bottom:1em;


}
footer ul.links-footer-social{
    
    border-right: solid 6px rgb(201, 49,71);
}
footer ul.links-footer-social a{
    display: block;
    padding:.4em;
    text-align: center;
}
footer ul.links-footer-quicklinks{
		
	flex:1 1 5em;
    font-size: 1em;
    padding-Left: 0em;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	height:100%;
}
footer > section > div{
	
}

footer ul.links-footer-quicklinks li{
    padding-bottom: 0em;
	text-align:left;
	
}
footer ul.links-footer-quicklinks li a{
	display:block;
    padding-left: 2em;
    padding-right: 0em;
	padding-top:1em;
	padding-bottom:1em;
	text-align:left;
	
}
footer .legal-lines{
    width: 100%;
    font-size: .75em;
}
footer .get-connected{
    font-size: 1em;
    text-align: right;
    padding-right: 1em;
}
footer .footer-logo{
    padding-bottom: 3em;
}
@media screen and (max-width: 870px){
footer > section > *{    
		width:100%;
	text-align:center;
	}
}
@media screen and (max-width: 600px){
	footer .footer-links{
		flex-wrap:wrap;
	}
footer .footer-links > div.get-connected{
    width:100%;
	flex-basis:100%;
	padding-bottom:1em;
	text-align:left;
}

}
.content-column, section#main-content-section{
	width:100%;
	max-width: 1200px;
	padding-left: .5em;
	padding-right: .5em;
	margin: auto;
	z-index:10;

}

.parallax-prgrams {
  /* The image used */
  background-image: url("~/media/1eb0f174-5356-4b51-b319-1792fb6dc5e2/h4bBRg/Images/Advanced-Technologies/ATLprograms.jpg");

  /* Set a specific height */
  min-height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-technology {
  /* The image used */
  background-image: url("~/media/decce01c-a19b-42cc-8f03-4b78db40a412/UL3pRg/Images/Advanced-Technologies/ATLtechnologies.jpg");

  /* Set a specific height */
  min-height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-concept {
  /* The image used */
  background-image: url("~/media/2aa8ad6f-90fc-4773-87c1-64691b504b35/lMHKRg/Images/Advanced-Technologies/ATLconceptreality.jpg");

  /* Set a specific height */
  min-height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}