/* Site Layout - Responsive Fluid 1140px Grid */

/* Clearfix */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img{
border:0px;
width:100%;
height:auto;	
display:block;
max-width:1600px;
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}



body{
	font-size:100%;
	line-height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

h1{	
font-size:1.6em;
line-height:1.4em;
color:#0F75BC;
padding:1.25rem 1rem;	
text-align:center;
	
}

h2{	
font-size:1.4em;
line-height:1.2em;
}

h3{
font-size:1.2em;
line-height:1em;	
}

p{
line-height:1.4em;
	font-size:1.1rem;
	font-weight:300;
}

form, input, select, textarea{
	font-family: 'Roboto', sans-serif;
	font-size:1rem;
	font-weight:300;
}
ul{
	font-size:1.1rem;
}

a:link, a:visited{
color:#000;
text-decoration: none;
}
a:hover{
color:#69F;	
}
.rounded-corners{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}

/* LAYOUT Styles */
#wrapper{
max-width:3840px;
margin:0 auto;
}

/* Header */
.header-container{
background-color:#e4e2e2;
width:100%;	
}
header{
max-width:3840px;
margin:0 auto;	
}
.header-top-bar{
min-height:30px;
line-height:30px;	
background-color:#0F75BC;
color:#fff;	
text-align:center;
font-size:1rem;
font-weight:300;
padding:0.25rem 1rem;	
}
.header-top-bar a{
	color:#fff;
}
.header-content{
display:flex;
align-items: center;
 justify-content: center; 	
padding:10px 0;
height:120px;
position:relative;
}
.logo-container{
width:25%;
padding:0 1rem;	
}
.logo-container .logo,
.logo-container .logo img{
display:block;	
width:105px;
height:100px;
}


/* New Flex Columns Replacment for old Floats */
.four-column-layout{
display:flex;
align-items:flex-start;
align-content: flex-start;
}
.two-column-layout{
display:flex;
}
.col-50{
width:50%;
}
.col-25{
width:25%;	
}




/* Content */
.content-container{
background-image:url(../images/bg-content.png);
background-repeat:repeat-x;

width:100%;	
}
.ip-bg{
background-image:url(../images/bg-content-ip.png);
background-repeat:repeat-x;
width:100%;	
}
.content{
max-width:1920px;
margin:0 auto;
padding:10px 0px 0px 0px;	
}
.hero{
	background-image:url("../images/hero-background-clouds.webp");
	background-size:cover;
	background-repeat:repeat-x;
	position:relative;
}

.hero-place-holder{
margin:0 auto;
	padding:0;
	max-width:100%;
}

.hero-image{
	margin:0 auto;
	max-width:1000px;
	height:auto;
	position:absolute;
	z-index:1;
	top:3vh;
	left:0;
	right:0;
}

.hero-txt{
	font-size: 3.5vw;
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:7vh;
	left:0;
	right:0;
	margin:auto;
	z-index:2;
}

.home-page-opening{
padding:0;
	max-width:1600px;
	margin: 0 auto;
}
.home-page-opening h1{
	margin:3rem auto;
	font-size:2rem;
}

.steps-layout-left{
display:flex;
align-content: center;
align-items: center
}

.steps-layout-right{
display:flex;
align-content: center;
align-items: center	
}

.steps-layout-left .photo,
.steps-layout-right .photo{
	width:50%;
}

.steps-layout-left .photo img,
.steps-layout-right .photo img{
	max-width:800px;
}

.steps-layout-left .text-content,
.steps-layout-right .text-content{
	width:50%;
}

.text-content p{
	padding:1rem;
	max-width:600px;
	margin:2rem auto;
}
.text-content strong{
	color:#0F75BC;
}
.steps-layout-right .photo{
-webkit-order:2;
 order:2;	
}
.steps-layout-right .text-content{
-webkit-order:1;
 order:1;	
}




/* Contact CTA call out */
.contact-cta{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:2rem;
	text-align:center;
	margin:2rem auto;
	font-size:1.2rem;
}
.contact-cta strong{
	display:block;
	margin-bottom:0.75rem;
	color:#0F75BC;
	line-height:1.4rem;
}

.contact-cta-phone{
	font-weight:700;
	font-size:1.2rem;
	margin-top:1rem;
}











/* Trainnig Page*/
.training-page p{
	text-align:center;
	padding-bottom:1rem;
}





/* Footer */
.footer-container{
width:100%;	
background:#eaeaea;		
}
footer{
display:flex;
align-content: center;
align-items: center;
max-width:1920px;
margin:0 auto;
min-height:60px;
}
.ft-left-col{
width:50%;	
}
.ft-right-col{
width:50%;	
}

.company-info{
margin:20px auto;
text-align:center;
font-size:.9em;	
}
.company-info strong{
display:block;
margin-bottom:0.5rem;
font-weight:700;
font-size:1.1rem;	
}

.sl-icon-container{
	display:flex;
	max-width:110px;
	margin:0 auto 2rem auto;
}
.social-share{
margin: 0 auto;
line-height:35px;
text-align:center;
margin-top:1rem;	
font-size:1.1rem;
}
.social-share a{
width:45px;
height:45px;
display:block;	
}
.social-share a:first-child{
	margin-right:20px;
}

.social-share img{
width:45px;
height:45px;	
}
.social-share span{
display:block;	
margin-bottom:0.5rem;
font-weight:700;
}



ul{
margin:0px;	
}

.content-container ul li{
line-height:1.2em;	
padding-bottom:15px;
}

.inner-page{
padding: .8em 1.6em 1.6em 1.6em;
background-color:#fff;
border:solid 1px #DBDBDB;
max-width:1600px;
margin:0 auto;
}

.inner-page .grid{
padding-bottom:40px;
padding-top:5px;	
}
.inner-page ul{
list-style:disc;	
}
.inner-page ul li{
padding-left:5px;	
}

.inner-page h2{
display:block;
color:#4294da;
font-size:1.2rem;
font-weight:700;
text-align:center;
}


.ip-hero{
max-height:292px;	
}
.ip-hero img{
	display:block;
	width:100%;
	max-width:1600px;
	height:auto;
	margin:0 auto;
}



/* Innner Page Graphics */


.highlight{
color: #003b6d;	
}


.form-error-message{
margin-top:50px; 
margin-bottom:150px;	
}

.form-error-message a{
text-decoration:underline;	
}

.form-error-message a:hover{
color:#0F75BC;
}

.video-iframe{
width:600px; 
height:338px;	
}



/* Contact Page */

#contact-form label{
display:block;	
margin-bottom:4px;
margin-top:10px;
}

#contact-form #Inquiry{
width:100%;	
}
#contact-form select{
font-size:1em;	
}
#contact-form label{
font-weight:700;
}
#contact-form .form-button{
margin-top:5px;
padding:4px 10px;
font-size:1.1em;	
}

ul.contact-info{
line-height:1.4em!important;	
list-style: none!important;
display:block;
margin:2rem auto;
padding:0;	
}
ul.contact-info strong {
    display: block;
	float:left;
    margin-right: 5px;
    text-align: right;
    width: 90px;
	font-weight:700;
}
a.get-directions{
	color:#4294da;
	display:block;
	width:180px;
	height:45px;
	padding:5px 10px 5px 50px;
	background-image: url("../images/icon-location.svg");
	background-size: 40px 40px;
	background-repeat:no-repeat;
	border:1px solid #4294da;
	background-position: 10px center;
	line-height:35px;
	font-weight:700;
	font-size:1.1rem;
	margin:0 auto 3rem auto;
	border-radius: 6px;
}

#contact-form .two-column-layout{
	display:flex;
}
#contact-form .col-50{
	width:50%;
}
#contact-form .col-50:first-child{
	padding:0 1rem 0 0;
	}

.submit-form-button-wrap{
	text-align:right;
}
.submit-button{
	height:45px;
	margin-top:1.5rem;
	padding:0.5rem 1rem;
	background:none;
	color:#4294da;
	font-weight:700;
	cursor:pointer;
	border:1px solid #4294da;
	border-radius: 6px;
}


.form-responce{
	text-align:center;
}



@media only screen and (max-width : 1650px) {
		
.hero-image {
	max-width: 800px;
	top: 0vh;	
}
		
}


@media only screen and (max-width : 1200px) {
.hero {
min-height:500px;
}
	
}

/*Styles for screen 1024px and lower*/
@media only screen and (max-width : 1040px) {	
	
.hero{
	background-size:cover;
}

	.hero-txt{
		font-weight:700;
		font-size:1.5rem;
		line-height:1.8rem;
	}	
	.hero-txt span{
		display:block;
	}
	
.hero-image {
	max-width: 600px;
		top: 5vh;	
}
.animation-container{
width:714px; 
}
.cta-services{
width:290px;
}
.cta-services .maintenance,
.cta-services  .training{
width:290px;
background-repeat:no-repeat;
}
	
.plane{
background-size:80% ;
top:100px;	
}
	
.two-column-layout{
display:block;
}
.col-50,
.col-25{
width:100%;	
}	

	
.four-column-layout{
flex-wrap: wrap;	
}
.col-25{
width:50%;	
}
	
	

}


@media only screen and (max-width : 845px) {
.hero{
	height:500px;
	background-size:cover;
}
	
	
}



/*Styles for screen 768px and lower*/
@media only screen and (max-width : 768px) {	

	
	.hero{
		padding:0 3rem;	
	}
	
.steps-layout-left .photo,
.steps-layout-right .photo{
	width:100%;
}	

	
.steps-layout-left,
.steps-layout-right{
	display:block;
}
.steps-layout-left .text-content, 
.steps-layout-right .text-content {
	width: 100%;
	padding:0 1rem;
}	
.steps-layout-left .photo,	
.steps-layout-right .photo {
	padding:1rem;
}
		
	
.logo-container strong{
font-size:1.4em;
line-height:1.4em;	
}
.logo-container span{
font-size:.8em;
display:block;
text-align:center;	
}
.header-top-right{
width:150px;	
}
.animation-container{
width:536px; 
}
.plane{
background-size:80% ;
top:170px;	
}
.cta-services .maintenance{
border-top:solid 2px #fff;	
}
.cta-services .training{
background-position:-70px 0px;	
border-top:solid 2px #fff ;
border-left:solid 2px #fff;
}

.home-page-opening .col-9-12{
padding-right:0px;	
}

.home-page-opening .col-9-12 input{
width:70%;	
}

.inner-page .grid{
min-width:100%!important;
width:100%!important;
}

.ip-image-left{
background-position:-150px 0px;	
}

.ip-image-right{
background-position:-150px 0px;	
border-left:solid 2px #fff;	
}
.animation-container{
width:100%; 
float:none!important;
}



.home-page-opening input{
width:90%;	
}

.cta-services .maintenance{
background-size: 110% auto;	
width:50%;
float:left;
}
.cta-services .training{
background-size: 120% auto;	
width:50%;
float:left;
height: 200px;
}
.cta-services{
float:none!important;
width:100%;	
}


	
	
#contact-form .two-column-layout{
	display:block;
}
#contact-form .col-50{
	width:100%;
}
#contact-form .col-50:first-child{
	padding:0;
	}	
	
	
}

@media only screen and (max-width : 685px) {
	

	
	
.animation-container{
width:100%; 
float:none!important;
}
.cta-services .maintenance{
background-size: 110% auto;	
width:50%;
float:left;
}
.cta-services .training{
background-size: 120% auto;	
width:50%;
float:left;
height: 200px;
}
.cta-services{
float:none!important;
width:100%;	
}
.home-page-opening input{
width:241px;	
}



.ip-image-left{
background-position:0px 0px;
background-size: 686px auto;
border-bottom:solid 2px #fff;	
}

.ip-image-right{
background-position:0px 0px;
background-size: 686px auto;	
border-left:solid 2px #fff;	
}



.header-top-left{
float:none!important;	
}
.header-top-right {
  padding-top: 10px!important;
  width:100%;
}

.ip-image-right,
.ip-image-right-2,
.ip-image-right-3,
.ip-image-right-4{
height:342px;	
}
	
	
	
	
}


/* 480 Size Screen -  Small Tablet   */
@media only screen and (max-width : 640px) {


	
	

.animation-container{
width:478px; 
float:none!important;
}
.plane{
background-size:80% ;
top:120px;
left:50px;	
}

.cta-services{
float:none!important;
width:100%;
}
.cta-services .maintenance{
background-image:url(../images/splash-maintenance.jpg);
background-size: 100% auto;	
height:202px;
border-bottom:solid 2px #fff;
border-top:solid 2px #fff;
width:100%;
}

.cta-services .training{
background-image:url(../images/splash-training.jpg);
background-size: 100% auto;
background-position: 0px 0px;
height:197px;	
width:100%;
}

.graphic-header .col-1-2{
    margin: 0px 0;
    padding-left:0px;	
}

.ip-image-left{
background-position:0px 0px;	
}
.ip-image-right{
background-position:0px 0px;	
border-left:solid 2px #fff;	
}
	
	
	

.text-content p {
	padding: 1rem;
	margin: 0 auto 2rem auto;
}
	
footer{
display:block;
padding:2rem 0;	
}
.ft-left-col,
.ft-right-col{
	width:100%;	
}
	
	
.four-column-layout{
flex-wrap:nowrap;
display:block;	
}
.col-25{
width:100%;	
}	
	
	
}

@media only screen and (max-width : 600px) {
	
.hero-image {
	max-width: 400px;
	top: 12vh;	
}	
	
.animation-container{
width:100%; 
float:none!important;
}

.cta-services .maintenance{
background-size: 110% auto;	
width:50%;;
float:left;
}
.cta-services .training{
background-size: 112% auto;	
width:50%;
float:left;
border-top:solid #fff 2px;
border-left:solid #fff 2px;
}
.cta-services{
float:none!important;
width:100%;	
}
.home-page-opening input{
width:241px;	
}

.graphic-header .col-1-2{
    margin: 0px 0;
    padding-left:0px;	
}

.ip-image-left{
background-position:0px 0px;	
}

.ip-image-right{
background-position:0px 0px;	
border-left:solid 2px #fff;	
}
.ip-image-right,
.ip-image-right-2,
.ip-image-right-3,
.ip-image-right-4{
height:342px;	
}

}

@media only screen and (max-width : 568px) {
	

	
.animation-container{
width:100%; 
float:none!important;
}
.graphic-header .col-1-2{
    margin: 0px 0;
    padding-left:0px;	
}

.ip-image-left{
background-position:0px 0px;	
}

.ip-image-right{
background-position:0px 0px;	
border-left:solid 2px #fff;	
}
.cta-services .maintenance {
    height: 170px;
}
.cta-services .training {
    height: 170px;
}
.ip-image-right,
.ip-image-right-2,
.ip-image-right-3,
.ip-image-right-4{
height:342px;	
}

.video-iframe{
width:400px; 
height:225px;	
}

}



@media only screen and (max-width : 480px) {
	.hero{
		padding:0 1rem;
	}
.hero-image {
	top: 14vh;	
}	
	.home-page-opening h1 {
	margin: 1.75rem auto;
	font-size: 1.4rem;
		padding:0 3rem;
}
	
	
.animation-container{
width:100%; 
float:none!important;
}
.cta-services .maintenance {
    height: 100px;
}
.cta-services .training {
    height: 100px;
}
.ip-image-left,
.ip-image-right{
background-position:-200px 0px;		
}
.ip-image-right,
.ip-image-right-2,
.ip-image-right-3,
.ip-image-right-4{
height:342px;	
}
.video-iframe{
width:320px; 
height:180px;	
}
	
ul.contact-info li{
text-align:center;
	line-height:1rem;
}	
ul.contact-info strong{
	display:block;
	text-align:center;
	width:100%;
	margin:1rem auto 0.25rem auto;
}
	
.address-info br{
	display:none;
	}	
	.conact-phone{
		line-height:1rem;
	}
	
	
}

@media only screen and (max-width : 430px) {
.hero-image {
	max-width: 350px;
	top: 16vh;	
}		
}

@media only screen and (max-width : 370px) {
.hero-image {
	max-width: 300px;
	top: 16vh;	
}		
}

@media only screen and (max-width : 320px) {
	
.logo-container strong{
font-size:1em;
line-height:1em;	
}
.logo-container span{
font-size:.8em;
display:block;
text-align:center;	
}
.logo{
float:none!important;
margin:0 auto;	
}


	
.header-top {
height:280px;
background:#e4f4ff;	
}
.header-top-left{
  width:100%;	
}
.header-top-right {
  padding-top: 10px!important;
  width:100%;
}

.contact-info strong {
    display: inline;
    float:none!important;;
}

.animation-container{
width:320px; 
float:none!important;
}
.plane{
background-size:80%;
top:120px;
left:25px;	
}

.cta-services .maintenance {
    height: 100px;
}
.cta-services .training {
    height: 100px;
}

.ip-image-left{
background-position:-250px 0px;	
}

.ip-image-right{
background-position:-250px 0px;	
border-left:solid 2px #fff;	
}

.ip-image-right,
.ip-image-right-2,
.ip-image-right-3,
.ip-image-right-4{
height:342px;	
}

.video-iframe{
width:250px; 
height:141px;	
}

}


body.grid{
	
width:100%!important;	
}