﻿
em {opacity:1;}
.vid-box {border: solid 2px white;}
.vid-text {text-align: center;background: rgba(166,16,21,1);
background: -moz-linear-gradient(-45deg, rgba(166,16,21,1) 0%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(166,16,21,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(-45deg, rgba(166,16,21,1) 0%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(-45deg, rgba(166,16,21,1) 0%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(166,16,21,1) 0%, rgba(231,56,39,1) 100%);
background: linear-gradient(135deg, rgba(166,16,21,1) 0%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61015', endColorstr='#e73827', GradientType=1 );; height: 100%;
border: solid 1px white;}
.vid-text-inner {padding-top: 50%;}
.vid-head {font-size: 3em; font-weight: 700; color: white;}
.btn-cont {padding: 5px 20%; margin-top: 20px;}
.new-btn {padding: 10px; border: solid 1px white;}
.paralax {padding-top: 50px; border-top: solid 50px white; margin-top: 50px;}
.showme {display: none;}
body > .container-fluid {padding-left: 0px; padding-right: 0px; overflow: hidden;}

/***New Styles***/
.header-address {display: inline-flex; margin-top: 0; margin-bottom: 0; float: right; line-height: 1;}
.address-list-item {text-align: right; padding: 0 1vw;}
.address-list-link {font-weight: 300; font-size: 14px;}
.social-wrap {position: relative; float: right; top:7px; display: inline-flex;}
.nav-item {float: left; padding-left: 10px; padding-right: 10px; font-size: 16px; font-weight: 400; 
    height: 87px;
    line-height: 87px; position: relative;}
.nav-item:hover {background-color: rgba(243, 22, 26); color: #fff;}
.navbar {padding: 0 !important; height: 87px;}
.nav-control {text-align: right;}
a.nav-link {position: relative;}

.nav-item > ul{
	top: 100%;
	left: 0;
	display: none;
	background: #000;
	color: #fff;
	position: absolute;
    width: 230px;
	text-align: left;
	list-style: none;
	z-index: 100;
}
.nav-item:hover > ul{
	display: block;
}
.nav-item > ul li{
	line-height: 1;
}

.nav-item > ul li a{
	padding: 14px;
	display: block;
	font-size: 14px;
}
.nav-item > ul li a:hover{
	background: #333;
}

.foot-box p {font-size: 15px; line-height: .5;margin-top: 0 !important; margin-bottom: 1rem !important;}
.foot-box {text-align: center; padding-bottom: 30px;}

.foot-loc {padding-top: 35px; padding-bottom: 35px;}
.foot-ql {padding-top: 0px; padding-bottom: 75px; background-color: #000; line-height: 4;}
.nav-item-foot {float: left; padding-left: 15px; font-size: 15px; font-weight: 100; margin-top: -6px; letter-spacing: 3px;}
.nav-item-foot a{    position: relative;
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    letter-spacing: .2em;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Montserrat', 'Roboto Condensed', Helvetica, Arial, sans-serif;}

.navbar-expand-md .navbar-nav .nav-link{
	padding: 0 !important;
}




    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: Arial, Helvetica, sans-serif;
      background: #000;
      color: #f5f5f5;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    /* Full-page background image */
    .hero-bg {
      min-height: 100vh;
      background-image: url("FLEET Equipment_files/fleetequip-welcome-bg-2025.jpg");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed; /* okay if Truck Paper supports, otherwise can remove */
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 40px 20px;
      gap: 40px;
    }
.red-panel {
      width: 100%;
      background:#c1010e ;          
      -webkit-backdrop-filter: blur(12px);
      padding: 32px 36px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
		text-align: center;
	color: #fff;
    }

.red-panel h2 {
      font-size: 30px;
      margin-bottom: 8px;
      text-align: center;
    }

    /* Shared frosted panels */
    .panel {
      width: 100%;
      max-width: 1400px;
      background: rgba(15, 23, 42, 0.68);           /* dark translucent */
      -webkit-backdrop-filter: blur(12px);
      border-radius: 16px;
      padding: 32px 36px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);
    }
	
	.panel-bottom {
      background: transparent;      /* removes the big dark slab */
      border: none;                 /* optional – gets rid of the outer border */
      box-shadow: none;             /* optional – removes the big panel shadow */
    }

    .panel h1,
    .panel h2 {
      color: #ffffff;
      letter-spacing: 0.02em;
    }

    .panel h1 {
      font-size: 30px;
      margin-bottom: 8px;
      text-align: center;
    }

    .panel p.subtitle {
      color: #d1d5db;
      text-align: center;
      font-size: 15px;
      margin-bottom: 26px;
    }

    /* Category list */
    ul.columns {
      display: grid;
      grid-template-columns: repeat(5, minmax(160px, 1fr));
      gap: 12px 34px;
      list-style-type: square;
      list-style-position: outside;
      padding-left: 26px;
      font-size: 15px;
    }

    ul.columns li {
      color: #f9fafb;
    }

    /* Bottom section */
    .panel-bottom-title {
      text-align: center;
      margin: 0 0 6px;
      font-size: 26px;
    }

    .panel-bottom-subtitle {
      text-align: center;
      margin: 0 0 22px;
      font-size: 15px;
      color: #d1d5db;
    }

    .card-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(260px, 1fr));
      gap: 24px;
    }

    .card {
      background: rgba(15, 23, 42, 0.85);
      border-radius: 14px;
      padding: 20px 22px;
      border: 1px solid rgba(148, 163, 184, 0.45);
      color: #e5e7eb;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
    }

    .card h3 {
      margin: 0 0 10px;
      font-size: 18px;
      color: #ffffff;
    }

    .card p {
      font-size: 14px;
      margin-bottom: 10px;
      color: #e5e7eb;
      line-height: 1.7;
    }

    .card p:last-child {
      margin-bottom: 0;
    }

    /* Responsive adjustments */
    @media (max-width: 1200px) {
      ul.columns {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
        gap: 10px 24px;
      }
      .card-grid {
        grid-template-columns: repeat(2, minmax(260px, 1fr));
      }
    }

    @media (max-width: 800px) {
      .hero-bg {
        padding: 28px 14px;
        background-attachment: scroll; /* safer on mobile */
      }
      .panel {
        padding: 24px 20px;
      }
      ul.columns {
        grid-template-columns: 1fr;
        padding-left: 20px;
      }
      .card-grid {
        grid-template-columns: 1fr;
      }
      .panel h1 {
        font-size: 24px;
      }
      .panel-bottom-title {
        font-size: 22px;
      }
    }

    @media (max-width: 480px) {
      ul.columns {
        padding-left: 18px;
      }
    }
  







.foot-box h5 {color:#c1010e; font-weight: 900; margin-bottom: 20px !important;
    letter-spacing: .2em;}
.img-responsive {max-width: 100%;}
/*header*/

.head-fix {position: fixed; left: 0; right: 0; top: 0; z-index: 1001; background-color: #1e1f20;}
.head-fix * {box-sizing: border-box;}
.head-fix .container {padding: 0 5px !important; max-width: 1300px;}

.carousel-indicators li {border-bottom: 0 !important; border-top: 0 !important; width: 15px !important; height: 15px !important; border-radius:10px !important;}

header{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	background:#e8a822;}

.head-fix a{
	color: #fff !important;}

.headerwrap{
	max-width: 1250px;
    margin: 0 auto;}
	
.logo{
	float: left;
	max-width:240px;
	padding: 12px 0;
	}
	
.logo img {
    margin: 0 auto; max-width: 240px;}
	
.header-right{ float: right;  }

/**/
img {
    display: inline-block !important;
}

body{
	margin:0; 
	padding:0; 
	background-color:#fff !important; 
	min-width:auto;
	font-family:Roboto !important;
	color:#001b3a;
	overflow-x:hidden;
}

* {
  box-sizing: border-box;
}

.text-styling a{text-decoration:none;}
.text-styling a, img {
    border:none;
    outline:none;
}
.text-styling a:hover {
    text-decoration:none;
}

.text-styling .h1 {
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    color: #c0030e;
    margin: 0 auto;
}
	
.text-styling .h2 {
    text-align: center;
    background-color: #f3161a;
    font-family: Roboto;
    font-weight: 700;
    color: white;
    margin: 0 auto;
    padding: 5px 0;
    text-shadow: 2px 2px 0px rgba(0,0,0,.5);
	border: solid 10px #f3161a;
}

.text-styling .h3 {     
	position: inherit;
    text-align: center;
    background-color: rgba(243, 22, 26, 0.6);
    font-family: Roboto;
    font-weight: 700;
    color: white;
    margin: 0 auto;
    padding: 12px 45px;
    top: 40%;
    text-shadow: 5px 5px 6px rgba(0,0,0,1);
}


.text-styling .h4 {    
	text-transform: uppercase;
    font-weight: 500;
    font-family: Roboto;
    margin-block-start: 1.33em !important;
    margin-block-end: 1.33em !important;
    margin: 1.33em 0 !important;
    color: #c0030e;
}

.text-styling .h5 {     
	position: inherit;
    text-align: center;
    background-color: #000;
    font-family: Roboto;
    font-weight: 700;
    color: white;
    margin: 0 auto;
    padding: 12px 45px;
    top: 40%;
}

.heading-light{
	font-size: 30px;
	font-weight: 500; letter-spacing: 0.50; text-transform: unset;
}
.heading{
	font-size: 30px;
    letter-spacing: .1em;
    font-weight: 800;
    text-transform: uppercase;
}
.heading-sm{
	font-size: 18px;
    letter-spacing: .1em;
    font-weight: 800;
    text-transform: uppercase;
}
.heading-lg{
	font-size: 48px;
    letter-spacing: .1em;
    font-weight: 800;
    text-transform: uppercase;
}

.red{
	
    color: #c1010e;
}

.blue {
	color: #003469;
}

.lblue {
	color: #027DA6;
}

.text-styling p {     
	margin: 15px auto;
    font-size: 15px;
    line-height: 22px;
}
.text-styling ul {     
    font-size: 14px;
}
.column {
  float: left;
  width: 50%;
	padding: 10px;
}
.row:after {
  content: "";
  display: table;
	clear: both;
}

.row {justify-content: center;}
.foot-loc .col-md-3 {max-width: 16.2%;}

.clear{clear:both;}	

.topbanner {
    width: 100%;
    background: #000000;
	color: #fff;
    display: table;
	padding-top: 7px;
	padding-bottom: 7px;
}

.bannerleft {
    float: left;}
.bannerright {
    font-weight: 500;
    font-size: 0.83em;
    padding-top:10px;
	padding-bottom:10px;
    float: right;}
.bannerright a:hover {
    color: #c0030e !important;}
.bannerright.mobile {
    display: none;}	
.header{
	margin:0px auto;
	height:auto;
	width:100%;
}

.wrap{
	max-width: 86%;
	width:100%;
	margin: 0 auto;
}

.wrap2{
	padding: 12px 0;
	max-width: 1250px;
	width:100%;
	margin: 0 auto;
}

.wrap2-new{
/*	background-image: url("../siteart/background-texture.jpg");*/
	background-size: cover;
	background-position: center;
}

.white-overlay {
	background: rgba(255,255,255,0.35);
	padding-bottom: 100px;
}

.wrap-address{
	max-width: 1250px;
	width:100%;
	margin: 0 auto;
}


.inv_wrapper {width: 100%;
    align-items: center;
    justify-content: center;
	margin-top: 150px;
    padding-top: 25px;
}
	
	/*background-color: #1d1e1f;padding-bottom: 27px;
    width: 100%;*/ 
.cf {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
	padding: 10px 0;}

/*home page*/
.hero-image {
    width: 100%;
    align-items: center;
    justify-content: center;
	margin-top: 130px;
	background-color: white;
}
.hero-image img {
    width: 100%;
}
.hero-text {
    position: absolute;
	top:0;
	left: 27.5%;
	right: 0;
	bottom: 0;
}


.big_image {
    margin: 0px auto;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}


.big_image_caption{
	position: absolute;
    width: 100%;
    text-align: center;
}

.big_image img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}
.home_boxes{
	display: flex;
	max-width: 1440px;
	margin: 40px auto;
	justify-content: center;
}
.home_box{
	width:100%;
	position:relative;
	display:inline-block;
	border: 2px solid  white;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	overflow:hidden;
	background: #1d1e1f;
	font-size:0px;
}
.home_box  span{
	position: absolute;
    z-index: 10;
    text-align: center;
	top: 50%;
	transform: translateY(-50%);
        width: 90%;
	left: 5%;
	right: 5%;
	padding: 20px 10px;
	color: #fff;
	background: #c1010e;
	transition: ease all 0.2s;
}
.home_box:hover  span{
	
	color: #fff;
	background: #000;
}
.home_box span h2, .home_box span h3{
	margin: 0;
    letter-spacing: .15em;
	font-weight: 900;
	position: relative;
    text-shadow: 1px 2px #000000;
	text-align: center;
}
.home_box span h2:after, .home_box span h3:after{
	content: 'VIEW HERE';
	font-weight: 300;
	position: relative;
	text-align: center;
	font-size: 12px;
	display: block;
	letter-spacing: 0.15em;
    color: #ffffff;
	line-height: 1;
	margin-bottom: 5px;
}

.col-md-9 { max-width: 100%!important; flex: unset;}
.home_box > a {margin: 0 auto;}

.home_box img {
	width:100%;	
}



.information {margin-top: 75px; margin-bottom: 75px; padding: 30px;}

/* LOCATIONS */

.loc-box{
	position: relative;
	display: block;
	margin-bottom: 30px;
}
.loc-box .titles{
	    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    display: block;
    padding: 5px;
    background: rgba(243, 18, 33, 0.75);
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    z-index: 1;
	font-weight: 900;
    width: 100%;
}
.loc-box:hover .titles {
    background: rgba(193, 1, 14, 0.3);
    font-size: 2em;
}
/* INVENTORY SEARCH */


.mv-search{
	display: flex;
	margin: 10px 0 0;
	position: relative;
	border-bottom: 3px solid #c1010e;
	width: 100%;
}
.mv-search ::placeholder{
	color: #fff;
	letter-spacing: 0.1em;
}
.mv-search input{
	-webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    width: calc(100% - 20px);
    height: 48px !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 48px !important;
    color: #fff;
	background: transparent;
    text-transform: none;
    letter-spacing: 0em;
    padding-right: 10px;
    border: none;
    border-radius: 0;
    padding-left: 10px;
	outline: none !important;
	letter-spacing: 0.1em;
}
.mv-search button{
    position: absolute;
    width: 48px !important;
    height: 48px !important;
    text-align: center;
    border: none;
    padding: 0;
    font-size: 14px;
	appearance: none;
	outline: none;
	right: 0;
	top: 0;
	background: #c1010e;
	color: #fff;
	cursor: pointer;
}



.REQUEST {
    float: left;}
		
.buttonfare {
    float: right;}
.searchButton {text-transform: uppercase;
    color: white;
    text-align: center;
    font-size: 1.3em;
    font-weight: 500;
    background-color: #c0030e;
    padding: 8px 40px;}
.searchButton:hover {
    background: #1d1e1f;}
.scrolling-wrap {
width: 100%;
    height: 90px;
    overflow: hidden !important;}
.scrolling {
    width: 100%;
    height: 90px;
    overflow: hidden !important;}

.box_4 {
    text-align: left;
    float: left;
    width: 25%;}
.box_4 p {
    font-size: 1em ;
    line-height: 0.9em;    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;}

				
.btn-white{
	transition: ease all 0.2s;
	display: inline-block;
	margin: 0 auto;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 0.025em;
	font-size: 16px;
	background: transparent;
	color: #fff !important;
	border: solid 3px #fff !important;
	text-align: center;
	padding: 12px 30px;
	outline: none;
	appearance: none;
	cursor: pointer;
	min-width: 200px;
	border-radius: 90px;
}				
.btn-red{
	transition: ease all 0.2s;
	display: inline-block;
	margin: 0 auto;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 0.025em;
	font-size: 16px;
	background: #c1010e;
	color: #fff !important;
	text-align: center;
	padding: 18px 30px;
	outline: none;
	border: none;
	appearance: none;
	cursor: pointer;
	min-width: 200px;
}		
.btn-red:hover{
	background: #000;
	color: #fff;
	text-decoration: none;
}
/******inventory box******/

.equip-thumb .home_box {
    width: 100% !important;
}
.equip-thumb {
	width:25%; 
	float:left; 
	position:relative;
	overflow:hidden;
	text-align:center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*background:url(../siteart/CatSkidSteer.jpg) center no-repeat;
	background-size:cover !important;*/
}

.equip-thumb img {
	width:100%;
}

.equip-links {
	width:100%;
	z-index:999;
	display:block;
	position:absolute;
	bottom:-8px;
	left:0px;
	background:#001c3ac7;
	padding:25px 0;
	-webkit-transform:translateY(140px);
	-moz-transform:translateY(140px);
	-ms-transform:translateY(140px);
	-o-transform:translateY(140px);
	transform:translateY(140px);
	-webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

.equip-thumb:hover > .equip-links {
	text-transform: uppercase;
    font-family: Roboto;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
}

.equip-links a {color:#fff; font-size:20px; line-height:32px;}
.equip-links a:hover {color:#1d1e1f}

.equip-links p.no-margin {line-height:22px;}

/*****aboutus section****/

.aboutus.all {
	width: 100%;
    align-items: center;
    background-image: url("/siteart/sub-page-bkgrd.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	margin-top: 150px;
	padding-top:25px;
}
.aboutus {
    margin: 0 auto;
    display: flex;
}

.new_parallax {
	background-color: #000;
	background-image: url("../siteart/fleetequip-welcome-bg-2025.jpg");
	height: auto;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.box_3 iframe{width: 100%;    padding-top: 24px;}
.box_3 {PADDING-BOTTOM: 17px;
    text-align: left;
    float: left;
    width: 33.3%;}

	
/**search button***/
.form-holder {
    width: 100%;
    margin: 26px auto;
}


input#keywords {
    width: 70%;
    margin: 0px 2% 0 0;
    padding: 15px;
    font-size: .9em;
    background-color: #f9f9f9;
    border: 2px solid #bebebe;
    -webkit-border-radius: 0;
    border-radius: 0;
}

button.searchButton {
    width: 25%;
    padding: 10px 0;
    font-size: 1.4em;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid white;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #8d887f;
}
	 
button.searchButton:hover {color: white;border: 2px solid white;background-color: #152d49;}


.thankyou{padding: 23.2vh 0;}


/*----FORM------*/

.formtext a {
    color: black;
    font-weight: bold;
}

.formtext a:hover {
	text-decoration:underline;
}

.form {
	text-align: left;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 1em;
    color: #fff;}

.form input[type="text"] {font-size: 1.0em;
    width: 96%;
    margin: 9px 0;
    padding: 10px 2%;
    background-color: #f9f9f9;
    border: 1px solid grey;
    border-radius: 0;
}

.form input[type="text"]:focus {;}
select {
    max-width: 100%;
    margin: 2px 0;
    padding: 4px 8px;
    font-size: .9em;
    background-color: #fff;
    box-shadow:0 0 1px #363636;
    -webkit-border-radius: 0;
    border-radius: 0;
    border:none;
}
select:focus {outline: 3px solid grey;}

textarea {font-family: Roboto;
    width: 96%;
    min-height: 80px;
    margin: 10px 0;
    padding: 10px 2%;
    font-size: 1em;
    background-color: #f9f9f9;
    border: 1px solid grey;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.cap-sub-group {
    margin: 0 auto;
    text-align: center;
}


.form input[type="submit"] {    width: 30%;
    border: 0;
    cursor: pointer;
    margin: 21px auto;
    text-transform: uppercase;
    color: white;
    text-align: center;
    font-size: 1.3em;
    font-weight: 700;
    background-color: #c0030e;
    padding: 8px 58px;
}

.form input[type="submit"]:hover {    border: 1px solid white;
    background: #1d1e1f;
    color: white;
    outline: none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -webkit-appearance: none;
}
.who h1, .who h2, .who h3 {text-align: center; font-weight: 700}
.who h3 {text-transform: uppercase; font-weight: 500; font-size: 20px; letter-spacing: 1.5px;}
.who p {color: #1D1E1F;}
.who span {color:#000}

/*control the 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;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
color: #1D1E1F;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
        	
/*meet the team*/
.team { 
    WIDTH: 100%;
    font-family: Roboto;
    font-size: 1em;
    color: white;
    text-align: left;}
.team a:hover {
    color: #c0030e !important;}
	
.box_6 {text-align: left;
    float: left;
    width: 50%;
	    padding: 10px;}
.box_6 p {
    font-size: 1em;}
.box_6 > h4 {margin-bottom: 5px !important;}
ul.ticklist-5row {
	margin-inline-start: 33px;
    margin-inline-end: 33px;
display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	text-align:left;
	column-gap:70px;
	row-gap:45px;
    -ms-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    list-style: circle;
    padding: 0;
	margin-bottom:-10px;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-justify-content: left;
    justify-content: left;}
.ticklist-5row li{

	padding-right:24px;
    font-size: 1.0em;
	line-height: 1.5em;}
	
/*parts*/
ul.ticklist {
	margin-inline-start: 33px;
    margin-inline-end: 33px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -ms-justify-content: center;
    list-style: circle;
    padding: 0;
    -webkit-box-pack: left;
    -ms-justify-content: left;
    justify-content: left;}

.ticklist li {
	padding-right: 24px;
    width: 25%;
    color: #1D1E1F;
    font-size: 1.0em;
    line-height: 1.5em;

}	

.partsimage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    list-style: none;
    padding: 0;}
.dsImageContainer {
    width: 25%;}
.dsImageContainer img {
    padding: 10px;
    width: 100%;}	
	
.serviceImageContainer {
    width: 50%;}
.serviceImageContainer img {
    padding: 10px;
    width: 100%;}

.blue-para {
	color: #2cbeee!important;
	font-weight: 500;
}
	
/*leasing*/
.leasing li {list-style: none; font-size: 18px; line-height: 30px;}
.leasing li i {color: #c0030e;}
.leasing h5 {text-align: left !important; color: #c0030e !important; padding: 12px 45px 12px 0px !important; background-color: transparent!important;}
.leasing-tabs button {border: solid 1px #dddddd !important; background: none; font-weight: bold; padding: 12px 20px; background: #dddddd; color: #c0030e;text-transform: uppercase; font-size:15px; letter-spacing: 0.50;}
.leasing-tabs {margin-top: 45px; display: flex; gap: 10px; flex-wrap: wrap;}
.leasing-tabs button:hover {background: #c0030e; color: #dddddd;}
.leasing hr {margin-top: 5px !important;}
.leasingselect {background: #c0030e!important ;  color: #F4F4F4 !important;}
.leasing-tabs button:active {border: none !important;}
 .leasing-tabs button:focus{outline:none!important;background-color: #c0030e;}


.leasing-tabs button {border: solid 1px #dddddd !important; background: none; font-weight: bold; padding: 12px 20px; background: #dddddd; color: #c0030e;text-transform: uppercase; font-size:15px; letter-spacing: 0.50;}


.leasingselect2  {background: #003469!important;  color: #F4F4F4 !important;}	
.blue-leasing button:hover {background: #003469!important;  color: #F4F4F4 !important;}
.blue-leasing button {color: #003469;}
	
/* FOOTER CSS */
.footer {
	 padding: 0;
    text-align: center;
    background-color:#000;
	color: #fff;
}
.footer *{
	box-sizing: border-box !important;
}

.info {
    margin: 0 auto;
    list-style-type: none;
    color: white;
    font-size: 13.5px;
    letter-spacing: 1px;
}
.info a {
    color: white !important;
}
.info a:hover {
    text-decoration: underline;
color:#d0d0d0;}

.address {
    float: left;
    text-align: left;
    padding-right: 12%;
}

.address p, .contact p {
    line-height: 0.5em;
    letter-spacing: 1px;
    font-size: 1em;
	margin:1em 0;
}

.contact {
    float: left;
    text-align: left;
}

.links {
    float: right;
	margin-top: 19px;
}

.copyrights {    font-size: 0.8em;
    padding: 25px 25px 50px;
    color: white;
    text-align: center;
    font-weight: 500;
	background-color: #000;
    }

.leftfot {
    float: left;
    width: 50%;
    text-align: left;
}
.rightfot {
    text-align: right;
    width: 49%;
    float: right;
}

.nav-item-foot a {font-weight: 600;}

.foot-box p, .leftfot, .rightfot {color: #fff;}
.foot-box a {color: #fff; font-weight: 700;}

/***********inventory**************/

.hosted-content #listings-title {font-size: 2.7em !important;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    color: #c0030e;
    margin: 0 auto;
    text-transform: uppercase;}
.container.cf:not(#inv) a {
    color: black !important;}	
.cf.border-bottom.m-bottom-10 h1 {
margin-top: 0 !important;}
.hosted-content .btn {
    background-color: #c0030e !important;
}
.widgets.widgets-trk {
    font-size: 0.6em;}
	.listings-wrapper .listing-smallcard .listing-smallcard-detail {
    margin: 0;
    padding: 0;}
.hosted-content .mobile-calculator {margin: 0;}
.hosted-content .btn:hover, .hosted-content .button:hover {
    	background-color: rgba(192, 3, 14, 0.48) !important;
	}
.listings-wrapper .hosted-theme .btn {
    color: #1d1e1f !important;}
.hosted-content .listings-detail-wrapper .information-box .row:nth-child(even) {
    background-color: rgba(192, 3, 14, 0.26) !important;
}

.hosted-content .listings-wrapper .listings-list {
    font-size: 1.4em !important;
}

.hosted-content .listings-wrapper .listings-list .category-banner h3, .hosted-content h3{    text-shadow: none;font-size: 1.2em;     color: #1d1e1f;}

.listing-smallcard.column3.left, .hosted-content #main-search, .information-box, .divider.cf.contact-info-section {
    background: #1d1e1f;}
.cf.border-bottom, .listing-details h3, .cf.m-top-25 {
    color: #1d1e1f;}	
.hosted-content .options li a, ._DetailListingPrice h3  {    color: #1d1e1f !important;}	
.sort-box.cf, div#main-search p, h3.m-bottom-10 {
    color: black;}
.no-print.m-bottom-10 {
    line-height: 0 !important;}
.category-banner.border-bottom.m-top-20.dealer-black-text {
    margin-top: 0;}
.hosted-content .options li a:hover {
    text-decoration: underline;
    color: #1d1e1f!important;}

.faceted-section-box .option-name, .faceted-header, .selected-header {color: #1d1e1f !important;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn, .faceted-search-content .faceted-section-box .faceted-search, .list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .apply-button, .Manufacturer-button {color: #fff !important;}

.detail__title, .detail-wrapper :not([class*="Mui"], [class*="Mui"] *, .detail-shipping, .detail-shipping *, .detail__specs-label, .detail__specs-label *, .inspection__spec-label, .inspection__spec-label *, .detail__beta-site-warning, .detail__beta-site-warning * ), .fleetequipmemphiscomhdev-2i0vj5, .fleetequipmemphiscomhdev-1rny5q9 { color: #1d1e1f !important;}

.template-branded-button{
	
    background: rgba(243, 22, 26) !important;
    color: #fff !important;
}

.list-top-section .listing-option-bar-content .list-listings-count {display: contents !important;}

/***************slider styles*******************/

	.wrapper {
	width: 100%;
	overflow: hidden;
	background-color:white;
	padding: 20px 0px;
}
.photobanner {
	position: relative;
	gap: 40px;
}
.photobanner-track {
    display: flex;
    gap: 40px; 
    align-items: center;
	width: max-content;
    animation: scrollBanner 100s linear infinite;
}

.photobanner-track > a {
    display: flex;
    align-items: center;
}
.photobanner img {
  	height:60px;
}
.photobanner > a {
    height: 60px;
  margin-top:auto;
  margin-bottom:auto;
	transition: ease all 0.2s;
}
.photobanner > a:hover {
	transform: translateY(-7px);
}
.photobanner {
  animation: bannermove 35s linear infinite;
  animation-iteration-count:infinite;
}
@keyframes scrollBanner {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}    
/* FORMS */


.custom-form input{
	padding: 10px;
	font-weight: 400;
	font-size: 14px;
	color: #454a49;
	line-height: 24px;
	resize: none;
	outline: none;
	border: none;
	background: #fff;
	border: solid 1px #ccc;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
}
.custom-form input[type="radio"], .custom-form input[type="checkbox"]{
	width: 14px;
}
.custom-form label{
	font-size: 14px;
}
.custom-form .flex{
	gap: 10px;
	display: flex;
}
.custom-form textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	font-weight: 400;
	font-size: 14px;
	color: #454a49;
	line-height: 24px;
	resize: none;
	margin-bottom: 10px;
	outline: none;
	border: none;
	background: #fff;
	border: solid 1px #ccc;
}

.CaptchaPanel{
	text-align: left !important;
}
.CaptchaPanel, .CaptchaAnswerPanel, .CaptchaImagePanel, .CaptchaMessagePanel{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.CaptchaWhatsThisPanel a{
	color: #454a49 !important;
}




/* INVENTORY */

.inv_wrapper .container{max-width: unset !important; width: unset !important;}
#inv *:not(.loading-spinner):not(.loader):not(.lds-ring *){border-radius: 0!important;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: roboto, sans-serif!important;} /* Reset font, ignore icons */

.list-title-text, .title-media-buttons-heading, .list-listings-count, .return-links *, .breadcrumbs *{
	color: #1d1e1f !important;
}
.compare-container{
	background: #fff !important;
}

.detail-main-body{
	background: #fff;
    padding: 20px;
}

#inv .detail-additional-data h3, .search-results *{
	color: #1d1e1f !important;
}
#inv .detail-content-mobile h3{
	color: #000 !important;
	padding: 0 !important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px !important;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{
	margin-top: 0 !important;
}
span.compare-label{padding-left: 4px !important;}
.compare-chkbox-container .compare-listings .fa-check {
    top: 5px !important;
    left: 1px !important;
}
.faceted-section-box .option-name, .faceted-header, .selected-header{
	color: #1d1e1f !important;
}
.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .apply-button, .Manufacturer-button {background: rgba(243, 22, 26) !important; color: #fff !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn {background: #000 !important; }

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .detail-price, .compare-price, .compare-title, .list-content .price-container .price {color: #000 !important;}

.list-content .listing-description {color: #000 !important; text-transform: none !important; font-weight: 400 !important; font-size: 14px !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {padding-left: 4px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important; color: #1d1e1f !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .page-nav, .contact-options a {background: #000 !important; color: #fff !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a, .sort-by-dropdown-container label {color:#1d1e1f!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details, .cs-btns a {background-color: #000!important; color: #1d1e1f !important;}
.back-button{
	border-color: #000 !important;
	color: #000 !important;
}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{padding: 20px 0;box-sizing: border-box;}

.detail-btn-calc p{
	    margin: 0;
    padding: 15px 5px;
}

@keyframes bannermove {
  from {
    left: 0px;
  }
  to {
    left: -1400px;
  }
}


/************************************************ Responsive Style Breakpoints ************************************/
 
@media screen and (max-width: 1620px){.headerwrap {padding: 0 30px;
    background-color: black;}
.wrap2 {padding: 12px 30px;}
.header-right { float: right;
    width: unset;}
.ticklist.long li {
    width: 33.3%;}
}

@media screen and (max-width: 1555px){ 
.image_caption {top: 38%;}
.contentbanner { margin-right: 2.3%;}
.wrapper.nopad {padding: 0;}
.wrapper { padding: 12px 30px;}
.contact { padding: 0 3% 0 6%;}
}

@media screen and (max-width: 1450px){ 
.home_box img, .home_box img:hover  {width: auto;}
.bottom {padding: 0;}
/* h4 {margin-top: 19px !important;
    margin-bottom: -10px !important;} */
.address { display: table;}	
.contact { padding: 0;
    display: table;}
.links p {margin-top: 0;}
.thankyou {padding: 23.2vh 0;}
.home_boxes h2, .home_boxes h3{
	font-size: 18px;
}
}
 
@media screen and (max-width: 1280px){
	.foot-loc .col-md-3 {max-width: 21%;}
	
.home_boxes h2, .home_boxes h3{
	font-size: 16px;
}
ul.ticklist-5row {
		margin-bottom:-20px;
	}
.show-menu-for-mobile {display:none;}
h1 { margin-top: 0px;}
.thankyou h1 { padding-left: 30px;}
.thankyou p { padding-left: 30px;}
.thankyou { padding: 27.2vh 0;}
.rightabout {margin: 61px 0 0 0;}
.rightabout img {width: 98%;}
.mapup iframe { height: 350px;}
	.new_parallax {background-attachment: scroll;}
} 

@media screen and (max-width: 1250px){
	.nav-item {font-size: 12px; padding: 0 6px !important;}
}

@media screen and (max-width: 1090px){
.ticklist.long li {
    width: 50%;}
}
	
@media screen and (max-width: 1050px){
.hero-text {margin-bottom: 30px;
    padding: 0 30px;}	
h3 {
    padding: 14px 20px;
    text-align: center;
    font-size: 1.5em;}
.bannerright {display:none;}
.bannerright.mobile {    padding: 0;
    display: inline-block;}
.wrap.banner {
    padding: 4px 30px;}
h2 {font-size: 35px; padding:10px 0;  line-height: 33px;}
	
	.mapup iframe { height: 250px;}
	.form input[type="submit"]{width:50%}
.buttonfare, .REQUEST {
    float: none;}
	.REQUEST > h1 {text-align: center;}
.cf.border-bottom.m-bottom-10 h1 {
    font-size: 25px;}
.contactform{width:100%;}
.contactaddress{width:100%;}	
.contactaddresstext {
    margin-bottom: 40px;}
.aboutus { margin: 0 auto;}
p, .ticklist li {  line-height: 1.3em;}
.image_caption {top: 30%;}
.home_box, .equip-thumb {
    width: 50%;
    height: 200px;}
.home_box img, .home_box img:hover { width: 100%;}
.hosted-content #listings-title { font-size: 2.5rem !important;}
h3 { font-size: 33px;}
.box_3 {
    width: 50%;}
.box_3.map {
    width: 100%;}
.box_3 iframe {
    height: 178px;
    padding-top: 0;}
}

@media screen and (max-width: 1023px){
.show-menu-for-mobile {display: none;}
h2 {font-size:}
.cf.border-bottom.m-bottom-10 h1 {font-size:35px;}
.rightabout { margin: 100px 0 0 0;}
.contentbanner {margin: 0 30px;
    font-size: 1em;}
.headerwrap {margin: 0 30px; padding:0;}
.aboutus { margin: 0 auto;}
p, .ticklist li { letter-spacing: 0;
    line-height: 1.6em;}
h2 { margin-top: 0px; }
h4 { margin-bottom: 0 !important;}
}

@media screen and (max-width: 1000px){
.bannerright {display:none;}
.bannerright.mobile {    padding: 0;
    display: inline-block;}
	.header-right {
    width: 100%;
    margin-top: 0;
}} 

@media screen and (max-width: 991px){
	.new-cont {max-width: 100% !important;}
	.address-list-item {width:10%;}
	.header-address li {width:inherit;}
	.header-address {
    display: inline-flex;
    margin-top: 0;
    margin-bottom: 0;
    float: right;
    line-height: 1;
	
}
}


@media screen and (max-width: 960px){
.leftfot {float: none;
    width: 50%;}
.rightfot { text-align: left;
    width: 100%;
    float: none;}
	.nav-item{font-size: 12px; padding-right: 2px !important; padding-left: 2px !important;}
	.logo {max-width: 200px;}
	.foot-loc .col-md-3 {max-width: 100%;}
	ul.ticklist-5row {
	row-gap:18px;
		column-gap:45px;
		margin-bottom: -20px;
			margin-inline-start: 15px;
    margin-inline-end: 15px;
	}}

@media screen and (max-width: 813px) {
	.address-list-item {padding: 5px 6px !important;}
		.address-list-item > a > b {font-size: 13px;}
	ul.ticklist-5row {
	row-gap:15px;
		column-gap:35px;
	}

}

@media screen and (max-width: 892px){.box_6 {width: 50%;}	
.inv_wrapper {margin:120px auto 0;}
	.new-cont {max-width: 100% !important;}
	.logo img {max-width: 200px;}
	.logo {max-width: 175px;}
	.nav-item {padding-right: 0px; padding-left: 0px;}
	.column {width: 50%;}
}
 
@media screen and (max-width: 720px){
.hosted-content #wide_col {float: none !important;}
.ticklist.long li {
    width: 100%;}
	.vid-head {font-size: 2em;}
	ul.ticklist-5row {
		column-gap:24px;
	row-gap:10px;
		margin-top:-10px;
		margin-bottom: -40px;
	}
}

@media screen and (max-width: 850px){	
	.custom-form .flex{flex-wrap: wrap; gap: 0px;}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;}

    .topbanner .row{
        display: flex;
        flex-wrap: nowrap;
    }
	
	.header-address {float: left !important;}
.header-address{display: flex; flex-wrap: wrap;}
.address-list-item {padding: 5px 6px !important;}
.head-fix * {box-sizing: border-box;}


.home_boxes{
	flex-wrap: wrap;
}
.home_boxes h2, .home_boxes h3{
	font-size: 24px;
}
	.home_box {width: 100%;}
	.wrap2 {padding:5% 12.5%;}
	.vid-text-inner {padding: 10px;}
	.logo {max-width: 250px; float: none; margin: 0 auto;}
	.logo img {max-width: 250px;}
	.showme {display: block;}
	.hideme {display: none;}
	.navbar {height: auto;}
	.bg-dark {background-color: rgba(166,16,21,.0) !important;}
	nav.navbar.navbar-dark {right: -80px;}
	.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(166,16,21,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;}
	.hero-image {margin-top:130px;}
	.nav-item {height: auto; line-height: 1;}
	a.nav-link-mobile {padding: 10px; display: block; width: 100%;}
	li.nav-item-foot {padding-left: 0px !important;}
	.nav-item-foot > .nav-link {padding: .5em 15px .5em 0px!important}
	
	
.nav-item > ul{
	top: 100%;
	left: 0;
	display: none;
	background: #000;
	color: #fff;
	position: unset;
    width: 100%;
	box-sizing: border-box;
	text-align: left;
	list-style: none;
	z-index: 100;
}
.nav-item > ul a{
	font-size: 12px !important;
	padding: 5px;
	}.nav-item:hover{
		background: unset;
	}
	
	
}

	
@media screen and (max-width: 700px){
.mapup iframe { height: 250px;}
.aboutus { margin: 0 auto;}
p, .ticklist li {font-size: 1.1em;  
    line-height: 1.5em;}
.hosted-content #listings-title { font-size: 2.2rem !important;}
h3 { font-size: 27px;} 	
.ticklist li {
    width: 33.3%;}
.leasing li {font-size: 16px; line-height: 28px;}
}



@media screen and (max-width: 650px){.image_caption {
    top: 38%;}
.box_6 {width: 50%;}	
.hero-text {margin-bottom: 30px;
    padding: 0 30px;}	
h3 {
    padding: 14px 20px;
    text-align: left;
    font-size: 1.13em;}
.wrap.banner {
    padding: 4px 30px;}
h2 {font-size: 25px; padding:0;  line-height: 33px;}
.REQUEST {
    float: none;}
h1 {
    font-size: 1.7em;}
.buttonfare {
    padding: 10px 0;
    float: none;}
.information {
    margin-bottom: 12px;}			
.box_4 {
    width: 50%;}			
.searchButton {padding: 8px 0;}

			
.hosted-content .listings-wrapper .closest-box {line-height: 21px !important;}
.mapup iframe { height: 250px;}
.form input[type="submit"]{width:100%}
.equip-thumb { height: 130px;}
.hosted-content #listings-title {font-size: 2.0rem !important;}
.cf.border-bottom.m-bottom-10 h1 {font-size: 21px;}
.thankyou {padding: 10.2vh 0;}
.aboutus { margin: 2% auto 0 auto;}
p, .ticklist li {font-size: 1.0em;
    letter-spacing: 0;
    line-height: 1.5em;}	
}

@media screen and (max-width: 575px){
	nav.navbar.navbar-dark {
    right: 0;}
	
	pos-f-t {position: relative; right: 0;}
	.navbar-toggler {position: relative; left: 45%; padding: 10px;}

	.header-address li{width: 50%;}
	.hero-image {margin-top: 221px;}
	.column {width: 100%;}
	.inv_wrapper {margin:240px auto 0;}
	
}


@media screen and (max-width: 550px){
.form input[type="text"] {
    font-size: 0.9em;
    padding: 6px 2%;}
.ticklist li {
    width: 50%;}
/*
p, .ticklist li { font-size: 2em;
    line-height: 1.2em;}
*/
	
.leftfot {
    width: 100%;} 
.box_3 {
    width: 100%;} 
.box_3 iframe {
    height: 125px;
    padding-top: 0;}
	
}
@media screen and (max-width: 500px){
    .foot-ql > .wrap > span {
    float: none !important;
}
	.foot-ql span{width: 100%;}
    li.nav-item-foot {
    width: 100%;
}
    .foot-ql ul, .foot-ql h5, .rightfot, .leftfot {
    text-align: center !important;
}
    .foot-box {
    text-align: center;
}
.aboutus.all.team-resp .team, .aboutus.all.team-resp h3, .aboutus.all.team-resp .box_6, .aboutus.all.team-resp h1 {
    text-align: center !important;
}
    .hide5 {display:none;}
.box_6 {width: 100%;}	}

@media screen and (max-width: 480px){
	.address-list-item {padding: 10px 4px !important;}
	.address-list-link {font-weight: 500; font-size: 12px;}
	.address-list-item > a > b {font-size: 14px;}
	.header-address {position: relative;left: 5%;}
	.new-cont {padding-right: 0px !important; padding-left: 0px !important;}
}

@media screen and (max-width:488px){
	.header-address {left: 4%;}
	.address-list-item {padding: 3px 4px; }
	
}

@media screen and (max-width:482px){
	.header-address {left: 2%;}
	.address-list-item {padding: 10px 15px; }
		.address-list-item > a > b {font-size: 12px;}

	
}


@media screen and (max-width:430px){
	.header-address {left: 0px;}
	
}

@media screen and (max-width: 414px){	
.dsImageContainer {
    width: 50%;}
.mapup iframe { height: 250px;}
.form input[type="submit"]{width:100%}
.home_box img, .home_box.last img , .home_box img:hover, .home_box.last img :hover{margin-top: -66px !important;
	width: 100%;}
.hosted-content #listings-title { font-size: 1.8rem !important;}
.cf.border-bottom.m-bottom-10 h1 { font-size: 18px;}
.address-list-link {font-weight: 500; font-size: 10px;}
	.address-list-item > a > b {font-size: 12px;}
	.hero-image {margin-top: 241px;}
	.header-address {left: 14px; right: 0; font-size: 10px;}
		.address-list-item {padding: 10px 8px !important;}	
}

@media screen and (max-width: 400px){
	.header-address {left:0px !important;}
	.address-list-item {padding: 10px 6px !important;}
		.address-list-item > a > b {font-size: 10px;}
	
}

@media screen and (max-width: 380px){
	.header-address {left:12px;}
}

@media screen and (max-width:375px) {
	.address-list-item {padding: 10px 5px !important;}
}

@media screen and (max-width: 370px){
	.box_6 {width: 100%;}
.ticklist li {
    width: 100%;}
	.header-address {left: 8px; margin-bottom: 10px;}
	.address-list-item {padding: 10px 4px !important;}
	.address-list-link {font-weight: 500; font-size: 9px;}

}

@media screen and (max-width:360px){
	.address-list-item {padding: 0px 11px !important;}
}

@media screen and (max-width:350px){
	.header-address {left: 0; right: 0; font-size: 10px;}
	.address-list-item > a > b {font-size: 10px;}
	.address-list-item {padding: 10px 10px !important;}
	.address-list-link {font-weight: 500; font-size: 9px;}


}

@media screen and (max-width: 320px){
	.box_4 p {
    line-height: 1.5em;}
	p, .ticklist li { font-size: 0.9em;}
	.hosted-content #listings-title {font-size: 1.4rem !important;}
	.address-list-item {padding: 10px 7px !important;}
	.leasing li {font-size: 14px; line-height: 26px;}
}



@media screen and (max-width: 760px),
(min-width: 768px) and (max-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { 
		display: block !important; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.responsive tr { border: 3px solid #ccc; }
	
	.responsive td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.responsive td:before { content: attr(data-table-header); }
}

@media screen and (max-width: 580px) {
	
	.topbanner .row{
		display: flex; flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.topbanner .col-xs-2{
		width: 125px !important;
		flex: unset !important;
        align-self: flex-end;
	}
	.topbanner .col-xs-2 button{
		width: 52px !important;
	}
	.responsive td {
    padding-left: 38%;}}