html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {list-style: none;}

.clear{clear:both;}

/***** TEXT/LINK FORMATTING *****/

/*

font-family: "montserrat", sans-serif;
font-weight: 700;
font-style: normal;

*/

::-moz-selection {
    background: #A7ADB5;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #A7ADB5;
    color: #fff;
    text-shadow: none;
}

strong {font-weight: 700; font-style: normal;}

h1 {font-weight: 700; font-style: normal; font-size: 30px; color:#0a3788; text-align:left;/* width:100%;*/ margin: 0 0 20px 0;}
h2 {font-weight: 700; font-style: normal; font-size: 23px; color:#000;}
h3 {font-weight: 700; font-style: normal; font-size: 20px; color:#fff; margin: 0 0 25px 0;}
h4 { font-weight: 700; font-style: normal; font-size: 14px; color:#000;}
h4 a{ font-weight: 700 !important; font-style: normal; font-size: 14px !important; color:#000;}
h5 {font-weight: 300; font-style: normal; font-size: 26px; color:#7190ca;}
h6 { font-weight: 700; font-style: normal; font-size: 16px; color:#000; margin: 25px 0;}
h7 {font-weight: 300; font-style: normal; font-size: 14px; color:#0a3788; text-align:left; }

h8 {
    font-weight: 700; font-style: normal;
    font-size: 16px;
    color: #00357b;
}


p { font-weight: 300; font-style: normal; font-size: 14px; line-height: 42px; color:#000;}

a{
	color:#000;
	text-decoration:none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
}

a:hover{
	color: #7190ca;
}



/***** SITE FRAMEWORK *****/

html, body{
	background: url(../siteart/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: "montserrat", sans-serif !important;
}

.header{
	padding: 15px 0;
	width:100%;
}

#header-wrap {
    background: #ddd;
    position: relative;
    z-index: 143;
	height: 210px;
	padding: 0 2%;
}

#top-header {
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    font-style: italic;
    text-align: center;
    color: #085BC7;
    float: right;
    width: 70%;
    position: relative;
    top: 22px;
}

.wrapper{
	max-width: 1300px;
	margin: 0 auto;
}
.container{
	/*max-width: 1180px;*/
	margin: 5% auto;
	/*width:100%;*/
}

.giant{width:100%;}
.giant img{width:100%;}


/*** BACKGROUND SLIDES ****/


.cycle-slideshow {
    width: 100%;
    position: relative;
    margin: 0 0;
}
.cycle-slideshow img{
	width:100%;
}



/***** NAV *****/


#menu-button{display:none;}
nav.mobile {display:none;}



#nav {
    margin: 1% 0 0 0;
    float: right;
    z-index: 99;
}
#nav ul
{
	list-style:none;
	position:relative;
	float:right;
	margin:0;
	padding:0;
	width: 100%;
	z-index: 9999;
}

#nav ul a {
    display: block;
    font-weight: 700; font-style: normal;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0px;
    padding: 20px 13px;
	border-top: 2px #ddd solid;
}

#nav ul a:hover
{
	border-top: 2px #000 solid;
    padding: 20px 13px;
}

#nav ul li
{
	position:relative;
	float:left;
	zoom: 1;
	*display: inline;
}

#nav ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
}

#nav ul ul li
{
	float:none;
	width:200px
}

#nav ul ul a {
    padding: 10px 30px 10px 25px;
    font-size: 12px;
    text-transform: uppercase;
    color: #00357b;
    background: #eee;
    border: 1px #c3cbd6 solid;
    width: 160px;
}
#nav ul ul a:hover {
    background: #ddd;
    padding: 10px 30px 10px 25px;
}

#nav ul li:hover > ul
{
	display:block
}

/***** STYLES *****/

#logo {
    float: left;
    position: relative;
    z-index: 99;
    margin: 0 0 0;
	bottom: 37px;
}
#logo img{
	width:100%;
	max-width:383px;
}
.at-logo{
	 width:250px;
	 float:right;
	 padding: 0 0 2% 0;
}
.at-logo img{
	 max-width:250px;
	 width:100%;
}



.column1 {width:100%;}
.column2 {width:50%; float:left; padding-right: 20px; box-sizing: border-box;}
.column2 iframe{width:90%; max-width:450px;}

.column3 {width:33.33333%; float:left; padding-right: 20px; box-sizing: border-box; margin-top: 3%;}
.column4 {width:25%; float:left; padding-right: 20px; box-sizing: border-box;}

.column5 {width:20%; float:left; padding-right: 20px; box-sizing: border-box;}
.column6 {width:16.66666%; float:left; padding-right: 20px; box-sizing: border-box;}

.column2 img{max-width:500px; width:100%;}

.contact-options a,
.fin-calc-mobile>a,
.detail-contact-bar .contact-bar-btn,
.compare-listings-container .compare-container .button {background:#00357b !important;}
.list-container-flexrow .view-listing-details-link {background:#00357b !important;}
.detail-additional-data .data-row .data-label {background:#00357b !important;}
.detail-wrapper .main-detail-pricing .detail-price {color:#00357b !important;}


.list-top-section .list-listings-count,
.detail__specs-heading{color:#1E1E1E !important;}

.detail-additional-data h3 {margin:25px 0 4px 0; color:#1E1E1E}

/***** ZOOM STYLES *****/

.zoom-container {
    float: left;
    width: 16.66%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #fff;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400; font-style: normal;
    line-height: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.zoom-container a{color: #bbbbbb;}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .82);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption h3 {
	display: block;
	text-align: center;
    font-weight: 700; font-style: normal;
	font-size: 14px;
	font-style: normal;
	margin: 20% 0 0;
	text-transform: uppercase;
	color: #fff;
}
.zoom-container:hover .zoom-caption {
	background: none;
}

.zoom-container2 {
    float: left;
    width: 25%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #fff;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400; font-style: normal;
    line-height: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.zoom-container2 a{color: #bbbbbb;}
.zoom-container2 img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container2 .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .82);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container2 .zoom-caption h3 {
	display: block;
	text-align: center;
    font-weight: 700; font-style: normal;
	font-size: 14px;
	font-style: normal;
	margin: 20% 0 0;
	text-transform: uppercase;
	color: #fff;
}
.zoom-container2:hover .zoom-caption {
	background: none;
}

/***** SLIDESHOW *****/

#slidehold {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    top: 0px;
    margin-bottom: 0;
    z-index: 1;
}
#slidehold img{
    width: 100%;
}



/*---------BUTTONS------------*/


.button-wrap {
    width: 100%;
    margin: 90px 0;
    text-align: center;
	display:inline-block;
}


#buttons {
	text-align:center;
	display:inline-block;
	margin:20px 40px 0 40px;
}

#buttons a h5 {
    color: #0a3788;
    border: solid 1px #0a3788;
	text-transform:uppercase;
    padding: 30px 0;
	width:200px;
	float:left;
	margin:0 2%;
	text-align:center;
    border-radius: 9px;
	font-size:17px;
}


#buttons a h5:hover{
	text-transform:uppercase;
    background: #0a3788;
	color:#fff;
    border: solid 1px #0a3788;
	cursor:pointer;
}


#ag-button {
    text-align: center;
    margin: 0 auto;
}
#ag-button a h5 {
    background: #0a3788;
    color: #fff;
    border: solid 1px #0a3788;
    text-transform: uppercase;
    padding: 15px 0;
    margin: 0 auto 2% auto;
    text-align: center;
    border-radius: 9px;
    font-size: 21px;
}

#ag-button a h5:hover{
	text-transform:uppercase;
    background: #65aee4;
	color:#0a3788;
    border: solid 1px #0a3788;
	cursor:pointer;
}



.newsletter-link {
	line-height:30px;
	text-align:center;	
	width:145px;
	margin-bottom: 3%;
}

.newsletter-link a {
	display:block;
	padding: 1% 2%;
	border-radius:5px;
}

.newsletter-link a:link, .newsletter-link a:visited {
	color:#262626;
	font-size:14px;
	background:#65aee4;
	-webkit-transition:.5s ease-in;  
	-moz-transition:.5s ease-in;  
	-o-transition:.5s ease-in;  
	transition:.5s ease-in;	
	font-weight: 300 !important;
}

.newsletter-link a:hover, .newsletter-link a:active {
	color:#111!important;
	text-decoration:none;
	background:#71bff9;
	font-weight: 300 !important;
}



/*---------ABOUT SECTION------------*/

.giant img{
	width:100%;
	margin: 0 auto;
	text-align: center;
}

.mid-section{
	width:100%;
    padding: 42px 0;
    background-image: url(../siteart/mid_bg.jpg);
    background-repeat: no-repeat;
    height: 413px; 
	background-size: cover;
	border-top: solid 2px #ddd;
}

.company-info {
    width: 100%;
    max-width: 1000px;
    text-align: left;
    margin: 150px auto;
}


/*---------contact ------------*/


.mid-section-contact{
	width:100%;
    padding: 100px 0 0;
}

.contact-info {
    width: 100%;
    max-width: 1000px;
    text-align: left;
    margin: 0 auto;
}

.break{
	height: 100px;	
}
.break-sm{
	height: 50px;	
}

.break-smaller{
	height: 10px;	
}


/*---------fleet hover effect------------*/

		.item {
			text-align:center;
			float:left;
			margin:5px;
			position:relative;			
		}
		
			.item,
			.item-hover,
			.item-hover .mask,
			.item-img,
			.item-info {

				    width: 345px;
					height: 126px;
			}

			.item-hover,
			.item-hover .mask,
			.item-img { 
				position:absolute;
				top:0;
				left:0;			
			}		
		
			.item-type-line .item-hover {	
				z-index:100;	
				-webkit-transition: all 300ms ease-out;
				-moz-transition: all 300ms ease-out;
				-o-transition: all 300ms ease-out;
				transition: all 300ms ease-out;	
				opacity:0;
				cursor:pointer;						
				display:block;
				text-decoration:none;
				text-align:center;
			}
			
				.item-type-line .item-info {
					z-index:10;
					color:#ffffff;
					display:table-cell;
					vertical-align:middle;
					position:relative;
					z-index:5;				 					
				}
			
				.item-type-line .item-info .headline {
					font-size:20px;
					font-weight: 700; font-style: normal;
					
				}
				
				.item-type-line .item-info .line {
					 height:1px;
					 width:0%;
					 margin:15px auto;
					 background-color:#ffffff;
					-webkit-transition: all 500ms ease-out;
					-moz-transition: all 500ms ease-out;
					-o-transition: all 500ms ease-out;
					transition: all 500ms ease-out;					 
				}
				
				.item-type-line .item-info .date {
					font-size:12px;
					font-weight: 300; font-style: normal;

				}
				
				.item-type-line .item-hover .mask {
					background-color:#0a3788;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);										
					opacity:1;
					z-index:0;
				}
				
				.item-type-line .item-hover:hover .line {
					width:40%;
				}
				
				.item-type-line .item-hover:hover {
					opacity:1;
				}				
			
			.item-img {			
				background-color: #fff;
				z-index:0;			
			}



/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	margin: 0 0 0;
}
 
.scrolling{
    width:100%;
    height:92px;
}


/************************* Search Stock Number FORM STYLES *************************/

#main-inventory{
	width:96%;
	padding:2%;	
	float:left;
}

.theform{
	font-size:13px;
	line-height:22px;
	color:#616161;
}

.theform input{
	padding:4px;
	border:1px #ccc solid;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	width:300px;
	margin:5px 0px 10px 0px;
	background:#fff;
}

.theform textarea{
	width:300px;
	height:100px;
	padding:4px;
	border:1px #ccc solid;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	margin:5px 0px 10px 0px;
}

.theform input.button-small, .myform input.button-small:focus{width:100px; border:0px; margin:10px 0px;  padding:5px 0px 5px 0px; background-color:#000; color:white; -webkit-appearance: none;}
.theform input.button-small:hover{background-color:#00357b; color:#fff; cursor:pointer;}



/*--------------------------***** SEND FORM *****-------------------------------*/

#form{
	max-width:1000px;
	width:100%;
	margin: 0 auto;
	padding: 2% 0;
	color: #736F72;
}

#form input {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #b1b2c9;
	margin: 5px 0 15px;
	height: 30px;
	box-sizing: border-box;
}

#form textarea {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #b1b2c9;
	margin: 5px 0 15px;
	height: 90px;
	box-sizing: border-box;
}

#form select {
	width: 100%;
	padding: 5px 10px;
	border:1px solid #b1b2c9;
	margin: 5px 0 15px;
	height: 30px;
	box-sizing: border-box;
}

#form input[type="checkbox"] {
    margin:5px 10px 0 0;
    width:13px;
    height:13px;
    display:inline;
}
#form input[type="radio"] {
    margin:5px 10px 0 0;
    width:15px;
    height:15px;
    display:inline;
}
 
#form input.button,
#form input.button:focus {
    font-weight: 700; font-style: normal;
    width:400px; 
	color: #fff;
    background: #0a3788;
	border: solid 1px #0a3788;
    font-size:16px;
	line-height:14px;
	font-weight:bold;
	text-transform: uppercase;
	cursor: pointer;
	border-radius:6px;
	height: 40px;
}
#form input.button:hover {
	color: #0a3788;
    background: none;
	border: solid 1px #0a3788;
    cursor: pointer;
    font-weight: 700; font-style: normal;
}
 
/*CAPCHA*/

.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: left !important;
	line-height:normal !important;
}

.CaptchaAnswerPanel input {width: 200px !important;}

.CaptchaImagePanel {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.CaptchaMessagePanel {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	font-size:12px;
	line-height:14px;
	font-weight: 300; font-style: normal;

}

.CaptchaAnswerPanel {
	margin:0 0 0 0;
	padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:0 !important;
}
.CaptchaWhatsThisPanel a {
	color: #454545;
	font-size:12px;
	line-height:14px;
	font-weight: 300; font-style: normal;
}
.CaptchaWhatsThisPanel a:hover {
	text-decoration:none;	
	color: #454545;
	font-size:12px;
	font-weight: 300; font-style: normal;
} 




/***** FOOTER STYLES *****/

#border-line {
    width: 200px;
    border-top: 6px solid #0a3788;
    padding-bottom: 16px;
}

.bottom {
    width: 100%;
    background: #ddd;
}

.footer {
    width: 94%;
    padding: 45px 0 70px;
    font-weight: 300; font-style: normal;
    font-size: 11px;
    line-height: 24px;
    color: #000;
    margin: 0 0 0 6%;
}

.footer a{font-weight: 300; font-style: normal; color: #000; font-size: 11px; line-height: 24px;}
.footer a:hover{color: #0a3788; font-weight:bold;}

.bottom-footer{
	background: #fff;
	padding: 20px 0;
}

.footer-logo {
    float: right;
    max-width: 410px;
    text-align: center;
}

.footer-logo img {
    padding: 30px 0 0;
	width:100%;
	max-width:350px;
}

.copy-right{
	font-weight: 400; font-style: normal;
	color:#0a3788;
	font-size:12px;
	line-height: 16px;
	padding: 30px 0 0;
}
	.copy-right a{
		color:#0a3788;
		text-decoration:underline;
		font-size:12px;
	}
	.copy-right a:hover {
		text-decoration:none;
	}


.divfooter {
    float: left;
    line-height: 14px;
    width: 60%;
} 
.clear{clear:both;}	

/***** INVENTORY STYLES *****/

.container cf{
	margin: 1% auto!important;	
}


/***** RESPONSIVE STYLES *****/


@media screen and (max-width: 1366px) {
	
.company-info {
    margin: 115px auto 0;
}
}
@media screen and (max-width: 1295px) {

#logo img {
    width: 100%;
    max-width: 370px;
}

}
@media screen and (max-width: 1282px) {
	
#logo img {
    width: 90%;
    max-width: 360px;
}
#top-header{
	display:none;	
}


}
@media screen and (max-width: 1280px) and (min-width:1024px) {
.show-menu-for-mobile {display:none;}

.wrapper{
	padding: 0 10px;
}

}
@media screen and (max-width: 1265px) {
	
.show-menu-for-mobile {display: none;}
.hide-for-mobile {display:none;}
.hide {display:none;}
	
.divfooter {max-width:90%}

/*	
	#navicon {
    float: right;
    font-size: 32px;
    text-decoration: none;
    position: relative;
    z-index: 99999999999999999;
    margin: 2% 2% 0 0;
    color: #000;
}*/

	
	
	#menu-button{  float: right;
    font-size: 32px;
    text-decoration: none;
    position: relative; display: block;  position: relative; z-index:400; margin: 2% 2% 0 0;
    cursor:pointer;}
	#menu-button a{color:#000; text-decoration: none; font-weight:700;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:right;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #00357b solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
	
	

#nav  {display:none;}
	
	
	
#logo{margin:2% 0;bottom: 0px;}	
#logo img {
    width: 100%;
    max-width: 400px;
}

#top-header {
    display:none;
}

}
@media screen and (max-width: 1256px) {

#buttons {
    text-align: center;
    display: inline-block;
    margin:2% 1% 0 1%;
	
    width: 21%;
}


}
@media screen and (max-width: 1124px) {

.mid-section {
    width: 94%;
    padding: 42px 3%;
    background-image: url(../siteart/mid_bg.jpg);
    background-repeat: no-repeat;
    height: 413px;
    background-size: cover;
}

.mid-section-contact {
    width: 93%;
    padding: 50px 3%;
}

.fleet-info {
    width: 100%;
    max-width: 1000px;
    text-align: left;
    margin: 35px auto;
}

#slidehold {
    height: 371px;
}




}
@media screen and (max-width: 1070px) {

.divfooter {
    float: none;
    width: 100%;
}

.footer-logo {
    float: none;
    width: 100%;
    margin: 2% 0;
}
.footer-logo img {
    padding: 30px 0 0;
    width: 100%;
    text-align: left;
}
.copy-right {
    font-size: 10px;
    line-height: 18px;
    padding: 0px 0 0 10px;
}

#slidehold {
    height: 345px;
}


}
@media screen and (max-width: 1023px) and (min-width:911px) {

.wrapper{
	padding: 0 10px;
}

#buttons {
	width:20%;
    text-align: center;
    display: inline-block;
    margin: 20px 20px 0 20px;
}

.column2 {
    width: 100%;
    float: left;
    padding-right: 0;
    padding-bottom: 4%;
}

#buttons a h5 {
    padding: 20px 0;
    width: 180px;
    float: left;
    margin: 0 1%;
    font-size: 17px;
}



}
@media screen and (max-width: 910px) {

#buttons a h5 {
    padding: 20px 0;
    width: 180px;
    float: left;
    margin: 0 1%;
    font-size: 17px;
}
#buttons {
    width: 20%;
    margin:3% 2% 0 2%;
}

}
@media screen and (max-width: 985px) {
	
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
.divfooter {max-width:90%}

#navicon {
    float: right;
    font-size: 32px;
    text-decoration: none;
    position: relative;
    z-index: 99999999999999999;
    margin: 12% 2% 0 0;
    color: #000;
}

#nav  {display:none;}

}
@media screen and (max-width: 940px) {
	
.column4{ float: left; width: 50%; margin-bottom: 25px;}

.zoom-container {
    float: left;
    width: 50%;
}


}
@media screen and (max-width: 910px) and (min-width:796px) {
.show-menu-for-mobile {display: none;}

.wrapper{
	padding: 0 10px;
}

.column2 {
    width: 100%;
    float: left;
    padding-right: 0;
    padding-bottom: 4%;
}

.at-logo {float: left;}
.at-logo img{width:100%; max-width:169px;}

}
@media screen and (max-width: 845px) {
	
#buttons {
    width: 30%;
    margin: 2% 2%;
}	

#slidehold {
    height: 275px;
}

.mid-section {
	width: 100%;
    padding: 0;
    height: 413px;
}
.company-info {
	width:94%;
    padding: 0 3%;
}

	
}
@media screen and (max-width: 795px) and (min-width:321px) {

.wrapper{
	padding: 0 15px;
}

h1{font-size:26px;}

.column2 {
    width: 100%;
    float: left;
    padding-right: 0;
    padding-bottom: 4%;
}

.at-logo {float: left;}
.at-logo img{width:100%; max-width:169px;}



}
@media screen and (max-width: 717px) {

.company-info {
    margin: 40px auto 0;
}

.column2 {width: 100%; float: none; padding-right: 0px;}

#slidehold {
    height: 233px;
}


}
@media screen and (max-width: 650px) {

.button-wrap {
    width: 100%;
    margin: 4% auto;
    text-align: center;
    display: inline-block;
}
#buttons a h5 {
    padding: 20px 0;
    max-width: 520px;
    float: none;
    margin: 5% 1%;
    font-size: 16px;
    width: 100%;
}
#buttons {
    width: 90%;
    margin: 0 auto;
    display: block;
    float: none;
}

#slidehold {
    height: 210px;
}


}
@media screen and (max-width: 550px) {

.column2 iframe{
	width:100%;
	max-width:450px;
	height:200px;
	margin-bottom:5%;
}

#slidehold {
    height: 175px;
}

h2{font-size:20px;}

	
}
@media screen and (max-width: 535px) {
	
.column4 { float: none; width: 100%; margin-bottom: 25px; }

#logo {margin: 5% 1% 0;width:88% !important;}
#logo img {
    width: 100%;
    max-width: 380px;
}

.company-info {
	margin: 0 auto 0;
	padding: 10% 3%;
}

.mid-section {
    width: 100%;
    padding: 0;
    background-image: url(../siteart/mid_bg.jpg);
    background-repeat: no-repeat;
    height: auto;
}
p {line-height: 30px;}



}
@media screen and (max-width: 443px){

#form input.button, #form input.button:focus {width: 100%;}

.CaptchaPanel {text-align: center !important;}

#top-header{
	display:none;	
}

#slidehold {
    height: 141px;
}

.zoom-container {
    float: none;
    width: 100%;
}

}
@media screen and (max-width: 400px){
	
#logo {
    margin: 0 0 0;
	width:100%;
}
#navicon {
    float: right;
    font-size: 32px;
    text-decoration: none;
    position: relative;
    z-index: 99999999999999999;
    margin: 2% 2% 0 0;
    color: #000;
}

#slidehold {height: 127px;}

	
}
@media screen and (max-width: 320px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
.divfooter {max-width:90%}

#navicon {
	float: right;
	font-size: 32px;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}

#nav  {display:none;}

.wrapper{padding: 0 15px;}

h1{font-size:26px;}	
h2 { font-size: 19px;}


.column2 {
    width: 100%;
    float: left;
    padding-right: 0;
    padding-bottom: 4%;
}

#logo {
    margin: 4% 0 0;
    width: 100%;
}

.at-logo {float: left;}
.at-logo img{width:100%; max-width:169px;}

#slidehold {height: 100px;}

}