﻿
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
    overflow-x: hidden!important;
    scroll-behavior: smooth;
	}

body.main {
	font-family: 'industry', sans-serif !important; 
    margin: 0;
	padding:0;
    overflow-x:hidden!important;
    letter-spacing:0px;
	}

svg:not(:root) {overflow: hidden;}
	
.clear {clear: both;}


/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* track */
::-webkit-scrollbar-track {
  background:#000
}

/* handle */
::-webkit-scrollbar-thumb {
  background:#262626;
  border-radius: 2px;
  transition:.3s ease
}

::-webkit-scrollbar-thumb:hover {
  background:#303030;
  border-radius: 1px;
}



/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {font-size:30px;color:#f55929;font-weight:700;line-height:70px}
	h2 {font-size:26px;font-weight:700;line-height:70px}
	h3 {font-size:17px;font-weight:600;line-height:40px}
	h4 {font-size:20px;}
	h5 {font-size:18px}
	h6 {font-weight:400;font-size:16px}

p {margin: 0;font-weight:400;font-size:16px}

a{text-decoration:none;font-weight:400}

strong{font-weight:600!important}

.row:after {
  content: "";
  display: table;
  clear: both;
}

hr{
    background:#DADADA!important;
    border-style:ridge!important;
    border-width:.5px!important
}

/*===================== 
	header styles 
=======================*/


.mobile-contact-wrap{display:none}

.mobile-contact-wrap{
    color:#fff;
    font-size:12px;
    text-align:right;
    font-style: italic;
    padding:5px 0px 2px 0px;
    border-bottom:2px solid #f55929
}

.mobile-contact-wrap a{
    color:#fff!important;
    font-style:normal!important;
    font-size: 12px;
    padding-left:5px;
    transition:.3s ease
}

.mobile-contact-wrap a:hover{color:#000!important}


.contact-wrap{
    color:#000;
    text-align:right;
    font-style: italic;
    padding:5px 30px 7px 0px;
    border-bottom:2px solid #f55929
}

.contact-wrap a{
    color:#000!important;
    font-style:normal!important;
    font-size: 16px;
    padding:0px 10px 0px 5px;
    transition:.3s ease
}

.logo {
	top: 12px !important;
}

.contact-wrap a:hover{color:#f55929!important}


.logo{
    width:290px;
    position:absolute;
    z-index:100;
    top:15px;
    left: 30px;
	background-color: #FFFFFF;
}

.logo-wrap{float:left}

.logo2-wrap{
/*    float:right;*/
    margin-right:30px;
    display:block
}

.logo2{
    padding:5px 10px;
    transition:.3s ease
}

.logo2-wrap.flex {
	display: flex; 
	justify-content: flex-end;
	align-items: center;
}

.idealease{width:100px}
.icbus{width:50px}
.viking{width:100px;margin-bottom:10px}
.globe{width:100px;}

.logo2:hover{opacity:.8}


.nav-wrap {
    text-align:center;
    background:#f55929;
    padding: 5px 0px;
	margin-top: 10px;
}

.default-logos{display:none}


/*===================== 
	nav styles 
=======================*/

#menu-button{display:none;}

nav.mobile {display:none;}

nav.primary ul li a .click{
    cursor:pointer;
    z-index: 12;
    top:0;
    right:0;
    width:auto;
    height:auto;
}

nav.primary {
	padding:0;
	display:block;
	width:100%;
	position:relative;
	background:transparent;
}

nav.primary ul {
    margin:0; 
    padding:0;
    
}

nav.primary ul li {
    display:inline-block;
    list-style-type:none; 
}

nav.primary ul li a {
    color:#fff!important;
    font-size:15px;
    text-decoration:none;
    display:block;
    margin:0;
    padding:10px 12px;
    letter-spacing: 0px;
    font-family:'industry', sans-serif;
    text-align:center;
    transition:.3s ease
}	

nav.primary ul li a:hover {color:#000!important}


/* sub-level links */

nav.primary ul.list {
    background: white;
    box-shadow: 1px 1px 10px -5px #A5A5AB;
    position: absolute; 
    z-index:99999999
}

nav.primary ul.list li {
    display:block;
    width:250px;
    background: white;
    list-style-type:none;
}

nav.primary ul li li a { 
    font-size:15px;
    line-height:16px;
    padding:10px 15px;
    color:#000 !important;
    display:list-item;
    text-align:left;
    border-right:none;
    border-left:none;
    border-bottom:#E7E7E7 solid 1px;
}

nav.primary ul li li :hover { 
    background: #000;
    color:#fff!important;
    box-shadow:none !important;
}


/* dropdown */

nav.primary ul ul {
    display: none;
    position: absolute; 
}

nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}

nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
}

nav.primary ul ul li {
    float: none; 
	width: 230px;
    position: relative;
}



/*===================== 
	default styles
=======================*/


/* welcome section */

.default-wrapper{margin:80px 30px}

.heading-section{margin:30px 10px}


/* category section */

.inv-section{padding-top:20px}

.inv-column{
    float:left;
    width:25%;
    position: relative;
    transition:.3s ease;
}

.inv-column .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,.5);
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    transition:.3s ease
}

.inv-column:hover .overlay {
    display: block;
    background: rgba(0,0,0,.3);
}

.arrow-span{transition:.3s ease}

.inv-column:hover .arrow-span {padding-left:5px}

.inv-column img{width:100%;margin-bottom:-5px}

.inv-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: 300;
}




/*===================== 
	page styles
=======================*/

.page-wrapper{margin:50px 30px 100px 30px}

.orange-link{
    color:#f55929;
    transition:.3s ease
}

.orange-link:hover{color:#000}

.btn-section{margin-top:40px}

.btn-section a{
    color:#fff;
    padding:10px 20px;
    background:#f55929;
    border-radius:2px;
    transition:.3s ease
}

.btn-section a:hover{background:#000}

.bus-series{display:block;overflow:auto;width:auto;max-width:1200px;margin:30px auto;padding:30px;border-bottom:1px solid #D8D8D8}
.bus-series img{float:left}
.bus-title{float:right;margin-top:30px}

.bee-line{display:block;overflow:auto;width:auto;max-width:1200px;margin:30px auto;padding:30px;background:#ECECEC}
.bee-line img{float:left;width:45%}
.bee-desc{float:right;width:50%}

.float-left{float:left;width:50%}
.float-right{float:right;width:50%}
.float-right img{width:100%;max-width:600px}


/*===================== 
	thankyou styles
=======================*/

.thankyou-wrapper{min-height:25vh;}

.thankyou-text{margin:180px 30px 0 30px}




/*===================== 
	form styles 
=======================*/

.form-wrapper{
    margin-top:-30px;
    background:#F9F9F9;
    padding:30px 30px 100px 30px;
    border-radius:2px
}

.form-row{
    float:left;
    width:33%;
    margin-right:2px
}

input {
	padding: 8px;
	border: 1px solid #ddd;
	color: #767676;
    background-color:#fff;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 2px;
	margin-bottom: 5px;
    font-family: 'industry', sans-serif; 
}

textarea {
	width: 100%;
	padding: 8px;
	color: #767676;
    border: 1px solid #ddd;
    background-color:#fff;
	font-size: 12px;
    font-weight:400!important;
	box-sizing: border-box;
	border-radius: 2px;
	height: 100px;
	margin-bottom: 5px;
    font-family: 'industry', sans-serif; 
}

textarea_comment {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	color: #767676;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 0px;
	height: 100px;
    font-weight:400!important;
	margin-bottom: 5px;
    font-family: 'industry', sans-serif; 
}

select {
	width: 100%;
	padding: 8px;
    background-color:#fff;
	border: 0px solid #ddd;
	color: #767676;
    border: 1px solid #ddd;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 2px;
	margin-bottom: 25px;
    font-family: 'industry', sans-serif;
    
}

input.button,
input.button:focus {
    border-color:#f55929!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:400!important;
    border-radius:2px!important;
    width:200px!important;
    margin-top:10px!important;
    margin-bottom:10px!important;
    background-color:#f55929!important;
    border:1px solid #f55929!important;
    padding:5px 30px!important;
    transition:.3s ease!important;
    cursor: pointer!important;
}

input.button:hover {
    background-color:#000 !important;
    color:#FFF!important;
    text-decoration:none!important;
    font-size:15px!important;
    width:200px!important;
    margin-top:10px!important;
    margin-bottom:10px!important;
    border:1px solid #000!important;
    padding:5px 30px!important;
    transition:.3s ease!important;
    cursor: pointer!important;
}


/* captcha */


.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: center;
	line-height:normal !important;
}

.CaptchaImagePanel {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.CaptchaImage {margin-top:10px!important}

.CaptchaMessagePanel {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	font-size:12px;
	line-height:14px;
	font-family: 'industry', sans-serif;
    font-weight:400!important
}

.CaptchaAnswerPanel {
	margin:10px auto;
	padding:2px 0px 2px 0px !important;
}

#CaptchaAnswer{width:100%!important}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 5px 0;
	padding:8px 0 8px 0 !important;
	font-family: 'industry', sans-serif;
}

.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}



/*===================== 
	inventory styles 
=======================*/
.list-content .listing-widgets .Currency a {
	background: #f55929!important;
}


/*===================== 
	footer styles 
=======================*/

.hidehours{display:none}

.footer-wrap{
    display:block;
    position:relative;
    overflow:auto;
    padding:60px 0px;
    width:100%;
    background-image: url("../siteart/footer.jpg");
    background-size: cover;
}

.footer-info{
    width:75%;
    margin:0 auto
}

.left-footer{
    float:left;
    color:#fff;
    margin-left:30px
}

.left-footer a{
    color:#fff!important;
    margin-left:5px;
    transition:.3s ease
}

.left-footer a:hover{color:#000!important}

.left-footer span{
    font-weight:600;
    margin-right:5px
}

.left-info{float:left}

.right-info{
    float:right;
    margin-left:30px
}

.right-footer{
    float:right;
    color:#fff;
    margin-right:30px
}

.right-footer a{
    color:#fff;
    display:block;
    transition:.3s ease
}

.right-footer a:hover{color:#000}


.bottom-footer{
    text-align:center;
    background:#E9E9E9;
    padding:30px;
}

.bottom-footer p{
    color:#000!important;
    font-size:13px;
    font-weight:400;
    text-transform: uppercase;
}

.bottom-footer a{
    color:#000;
    font-weight:400;
    text-decoration:none;
    transition:.4s ease;
    text-transform: uppercase;
}

.bottom-footer a:hover{color:#f55929}





/*========================== 
	  responsive styles 
============================*/

@media screen and (max-width: 1530px) {
nav.primary ul li a {
    font-size:13px;
    padding:10px 10px;
}
}

@media screen and (max-width: 1400px) {.footer-info{width:85%;}}
@media screen and (max-width: 1360px) {.inv-title {font-size: 20px;}}
    
@media screen and (max-width: 1300px) {  
nav.primary ul{display:none;} 
 
#menu-button{ 
    display: block;
    font-size: 22px;
    position: relative;
    z-index: 10;
    margin-top:5px;
    float:left
}
    
#menu-button a{
    color:#fff;
    text-decoration: none;
    font-weight:normal;
    transition:.3s ease;
}
    
nav.mobile {
    display:block;
    position: fixed;
    top: 0;
    left: -250px;
    width:250px;
    height: 100%;
    background:#f55929;
    z-index: 500;
    overflow:auto;
}

nav.mobile .mobile_top {
    position: relative;
    display:block;
    padding: 0;
    margin:15px 0px 10px 0px;
    color: #999;
    font-size: 18px;
    font-weight: 400;
}

/* menu 'x' button */
    
nav.mobile .menu-toggle {
    position: absolute;
    padding: 3px 8px 3px;
    font-family: Arial, sans-serif;
    font-size:25px;
    font-weight: thin;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    top:2px;
    z-index:9999;
    right:10px;
}
    

/* menu list */
    
nav.mobile ul {
    list-style: none;
    font-weight: 400;
    padding:0px !important;
    padding-inline-start: 0px !important;
}
    
.list{
    border-top:1px solid #F0410B;
    background:#f55929;
}
    
    
ul.list li{
    border-bottom:1px solid #F0410B!important;
}
    
ul.list li a{
    transition:.3s ease
}    
    
ul.list li a:hover{
    background:#000;
}
     
nav.mobile ul li {
    position:relative;
    padding:none !important;
    border-bottom:1px solid #F0410B;
    transition:.3s ease
}
    
nav.mobile ul li:hover{
     background:#000;
}

nav.mobile ul li a {
    position: relative;
    display: block;
    font-size:15px;
    color: #fff;
    text-decoration: none;
    font-family:'industry', sans-serif !important;
    font-weight:400;
    padding: 15px 10px;
    letter-spacing:0px
}

nav.mobile ul li .fa-chevron-down {
    color:#fff;
    font-size:12px;
    margin-top:-3px
} 
    
.contact-wrap{display:none} 
.logo2-wrap{display:none} 
.default-logos{display:block} 
  
.mobile-contact-wrap{
    display:block;
    float:right
}    
    
.nav-wrap{
    padding: 5px 15px;
    display:block;
    overflow:auto
}    
    
.bottom-header{
    display:block;
    overflow:auto;
    background:#fff;
    width:100%;
    height:80px;
/*    padding-top:20px;*/
    text-align:center
}
    
.logo-wrap{
    float:none;
    width:100%
}
	
	.mobile-hidden {
		display: none;
	}
    
.logo{
    width:50%;
    max-width:230px;
    position:relative;
    margin:0 auto;
    right:0;
    left:0;
    top:0
}
	
	.mobile-hide {
		display: none;
	}

.international{width:100%;max-width:50px}
.idealease{width:100%;max-width:100px}
.icbus{width:100%;max-width:50px}
.viking{width:100%;max-width:100px;margin-bottom:20px}
.globe{width:100%;max-width:100px;margin-bottom:25px}     
}   

@media screen and (max-width: 1250px)  {  
    
.footer-info{width:100%;}    
.bottom-footer p{font-size:11px}      
} 


@media screen and (max-width: 1220px) {
    
.left-info{float:none}
    
.right-info{
    float:none;
    margin-left:0px;
    margin-top:20px
}    
.showhours{display:none}    
.hidehours{display:block}    
}


@media screen and (max-width: 1150px) {.inv-column{width:50%;}}
@media screen and (max-width: 1130px) {.default-wrapper{margin:30px 15px}}

@media screen and (max-width: 900px) {
.bus-series{text-align:center}
.bus-series img{float:none}
.bus-title{float:none}
.bee-line img{float:none;width:100%;margin-bottom:30px}
.bee-desc{float:none;width:auto}    
}


@media screen and (max-width: 900px) {
.float-left{float:none;width:auto}
.float-right{float:none;width:auto;margin-top:30px}  
}

@media screen and (max-width: 750px) {
    
.left-footer{
    float:none;
    margin-right:15px
}
    
.right-footer{
    float:none;
    margin-left:30px;
    margin-top:40px;
    margin-right:30px
} 
      
}


@media screen and (max-width: 690px) {
  
.form-row{
    float:none;
    width:100%;
    margin-right:0px
}     
}


@media screen and (max-width: 650px) {
 
h1{font-size:20px;line-height:40px} 
h2{font-size:20px;line-height:40px}     
h3{font-size:13px} 
h6{font-size:13px}    
p{font-size:13px}
    
.form-wrapper{
    margin-top:0px;
    padding:15px 15px 50px 15px;
}
    
    
.right-footer a{font-size:13px}   
 
.page-wrapper{margin:10px 15px 30px 15px}   
.inv-title {font-size: 16px;}     

.btn-section{margin-top:20px}

.btn-section a{
    font-size:13px;
    display:block;
    margin:5px 0px;
    width:40%;
    text-align:center
}    
} 


@media screen and (max-width: 550px)  {    
    
.bottom-footer p{font-size:10px}         
.inv-title {font-size: 15px;}
    
}

    
    