@charset "utf-8";
/* CSS Document */

input[type='checkbox'] {
  width: 18px;
  height: 18px;
  min-height: unset !important;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
input[type='checkbox']:checked:before {
  opacity: 1;
}
input[type='checkbox']:before {
  opacity: 0;
  content: '';
  width: 10px;
  height: 6px;
  border-left: 3px solid #0360d4;
  border-bottom: 3px solid #0360d4;
  transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  left: 3px;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
  outline: 0 !important;
}
/******************************************************************style css include 23-01-2020*************************************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.loader {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #dd0000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.bg {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.34);
  z-index: 999;
  display: none;
}
.service-setion p.largeFontPsg {
  line-height: 36px !important;
  font-size: 19px;
  text-align: left;
  margin-bottom: 30px;
  overflow: hidden;
  line-height: 36px;
  margin-top: -8.5px;
  text-align: left;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  color: rgba(0, 0, 0, 1);
}
.service-setion .mileage-sec.threee-box {
  margin-bottom: 20px;
}
.service-setion textarea#Comment {
  height: 224px;
}
.service-setion .separate-dial-code {
  width: 100%;
}
.service-setion .red-label, .service-setion .smlLabel {
  font-size: 16px;
}
/******************************************************************START NEW STYLE 18-02-19*************************************************************************/
#sold-block, #activeDiv {
  display: none;
}
input, select, textarea {
  border: 1px solid #d3d3d3;
  padding: 6px;
  width: 100%;
  border-radius: 3px;
  box-shadow: inset 0 0 3px rgba(211, 211, 211, .78);
  box-sizing: border-box;
}
button.multiselect.dropdown-toggle.btn.btn-default {
  background: #fff;
  border: 1px solid #dddbda;
  box-shadow: 0 0 3px rgba(128, 128, 128, 0.25) inset;
  line-height: 30px;
  height: 34px;
  margin: 0;
  width: 100%;
  text-align: left;
  padding-left: 6px;
  padding-right: 20px;
}
.caret {
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-top: 6px solid #000000;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -2px;
}
.ui-slider-horizontal {
  margin: 0 12px;
}
input#amount {
  padding: 10px 6px 4px;
  border: 0;
  box-shadow: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #aaaaaa;
}
a {
  text-decoration: inherit;
}
/*************************** START BMFAN-FTF PAGE CSS ***************************/
.bmfaN_ftf-truckCol {
  width: 15%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
.bmfaN_ftf-truckCol > div {
  border: 1px solid #dddbda;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 1px 1px 3px rgba(204, 204, 204, 0.31);
  height: 100%;
  font-size: 14px;
}
img.bmfaN_ftf-truckImg {
  max-width: 100%;
  margin-bottom: 10px;
  max-height: 60px;
}
.bmfaN_ftf-truckGrid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
.ftf_filter_sctn {
  display: flex;
  align-items: flex-end;
}
label.lftBlHeading {
  margin: 0;
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  padding: 0 0 5px;
  line-height: normal;
}
label.smlLabel {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: #333;
  display: block;
}
.bmfaN_ftf-grid {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.bmfaN_ftf-grid.sec > div {
  width: 20%;
}
.bmfaN_ftf-col {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.ui-slider .ui-slider-handle {
  width: 1.5em;
  height: 1.5em;
}
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -.6em;
  border-radius: 10px;
  top: -4px;
}
.ftf_title {
  font-size: 26px;
  color: #5a5a5a;
  font-weight: normal;
  padding: 10px 0 30px;
  display: block;
}
.reqField {
  color: red;
}
.bmfaN_ftf-sec {
  margin: 0 0 20px;
}
label.cboxLabel {
  margin-left: 5px;
  vertical-align: middle;
  font-weight: normal;
  font-size: 14px;
}
span.reqField {
  color: #c1272d;
  font-size: 11px;
  text-align: left;
  display: block;
  padding: 10px 0;
}
.brandsCheck {
  display: flex;
  flex-wrap: wrap;
}
.brandsCheck > div {
  width: 20%;
  text-align: left;
  padding: 5px;
  display: flex;
  align-items: center;
}
.bmfaN_ftf-gridCol {
  width: 100%;
}
.ftf_filter_sctn .bmfaN_ftf-gridCol {
  padding-left: 5px;
  padding-right: 5px;
}
#contactDetails .bmfaN_ftf-gridCol {
  padding: 0 15px;
  text-align: left;
}
#contactDetails .bmfaN_ftf-gridCol > div {
  margin-bottom: 15px;
}
div#contactDetails {
  max-width: 880px;
  margin: 30px auto 0;
}
.smlPop {
  border: 1px solid #e3e3e3;
  margin: 30px auto;
  width: 100%;
  max-width: 500px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.24);
  padding: 20px 15px;
}
.smlPop > h1 {
  padding: 0 0 5px;
  display: block;
}
.smlPop > h1 {
  padding: 0 0 5px;
  display: block;
}
.bmfaN_ftf-grid.flgrid {
  display: flex;
}
.bmfaN_ftf-grid.flgrid > div {
  width: 100%;
}
#reg-confirmation, #update-confirmation, #reg-failure {
  display: none;
}
.price span, .price a {
  font-size: 1.2rem;
  margin-top: 5px;
  display: block;
  font-weight: 700;
  text-align: left;
}
.formStyle input#amount {
  padding: 2px 5px 22px;
  vertical-align: top;
  min-height: unset;
  color: #4d4d4d !important;
  font-size: 14px;
  font-weight: 600;
}
input[type="checkbox"].regions {
  margin: 0 5px 0 0;
}
.bmfaN_ftf-page .service-setion .mileage-sec.threee-box {
  margin-bottom: 20px;
  width: 50%;
}
.bmfaN_ftf-page .service-setion .smlLabel {
  font-size: 16px;
  color: #4d4d4d !important;
  font-weight: 700;
}
.bmfaN_ftf-page .form-container.formStyle.service-setion {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
}
/*************************** END BMFAN-FTF PAGE CSS ***************************/
/*************************** START AVAILABLE TRUCKS [PUMPERSENGINE] PAGE CSS ***************************/
div#budgetrange-slider, div#yearrange-slider {
  width: 96%;
}
.grid-view .truck-for-sale {
  align-items: center;
  display: block;
  background: #fff;
}
.grid-view > span {
  display: flex;
  flex-wrap: wrap;
}
body.sidebar-open .grid-view a.bmfaN-avail-truckTag {
  width: 100%; /* height: 156px; - removed MGD 3/19 */ display: block;
  margin-bottom: 8px;
}
img.bmfaN-avail-truckImg { /* max-width: 100%; - removed MGD 3/19 */ /* changed 4/19 height: 100%; */ max-width: 100%;
}
.grid-view img.bmfaN-avail-truckImg {
  height: 100%;
}
div.truck-for-sale, span.truck-for-sale {
  margin-bottom: 5px;
  padding: 10px;
  width: 100%;
  text-align: left;
  display: flex;
  min-height: 331px;
  box-shadow: 1px 3px 16px -6px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 1px 3px 16px -6px rgba(0, 0, 0, 0.35);
}
.truck-image {
  width: 225px;
}
.grid-view .truck-image {
  width: unset;
}
body.sidebar-open .grid-view .truck-for-sale {
  width: 23%;
}
.grid-view a.bmfaN-avail-truckTag { /* height: 170px; - removed this MGD 3/19 */ width: 100%;
  display: inline-block;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  display: none;
}
.price2 {
  color: #000;
  font-weight: 600;
  white-space: normal;
  text-align: left;
}
.price a {
  font-size: 13px;
  font-weight: 600;
}
.rightCol {
  display: inline-flex;
  margin-left: auto;
}
.note > span {
  display: block;
  padding: 5px 0;
  text-align: left;
}
.grid-view .note > span {
  padding: 8px 0;
}
.note-price.rightCol .price {
  text-align: right;
}
.grid-view .note-price.rightCol .price {
  text-align: center;
}
.swiper-button-next > .nextBtn {
  margin: 7px 12px;
  background: none;
  border-left: 7px solid #3b3b34;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  width: auto;
  height: auto;
  border-radius: 3px;
}
.swiper-button-prev > .prevBtn {
  margin: 7px 12px;
  background: none;
  border-right: 7px solid #3b3b34;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  width: auto;
  height: auto;
  border-radius: 3px;
}
.subInner div.swiper-button-next, .subInner div.swiper-button-prev, .home-row div.swiper-button-next, .home-row div.swiper-button-prev {
  width: 30px;
  height: 30spx;
  background: rgba(255, 255, 255, 0.53);
  border: 1px solid #dddbda;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45);
  margin: 0;
  border-radius: 30px;
  text-align: center;
}
/*************************** START AVAILABLE TRUCK DETAIL VIEW CSS ***************************/
.hometop .swiper-slide img {
  height: auto;
}
.detailviewGrid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.detailviewGrid img.bmfaN-avail-truckImg {
  height: unset;
}
.firelistTruckcomp {
  width: auto;
}
.grid-view span.truck-for-sale {
  width: 20% !important;
  box-shadow: 0px 0px 0px 1px #dddbda inset;
}
.grid-view .truck-for-sale a.learnmorebtn {
  position: absolute;
  bottom: 19px;
  left: 5%;
  width: 90%;
}
.grid-view .truck-for-sale {
  padding-bottom: 45px;
  position: relative;
}
.bold-heading-div a.backLink {
  color: #dd0000;
  font-weight: 400;
  font-size: 17px;
}
/*************************** END AVAILABLE TRUCK DETAIL VIEW CSS ***************************/
/*************************** END AVAILABLE TRUCKS [PUMPERSENGINE] PAGE CSS ***************************/
/*************************** START OVERWRITE BOOTSTRAP CSS ***************************/
p {
  margin: 0;
  line-height: normal;
}
label {
  margin-bottom: 0;
  font-weight: normal;
}
/*************************** END OVERWRITE BOOTSTRAP CSS ***************************/
/*************************** START DEFAULT HOME PAGE  CSS ***************************/
.bmfaN-homepage-list > span {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.truckChoices {
  margin-bottom: 15px;
}
.imgBox {
  width: 100%;
  overflow: hidden;
}
.imgBox img {
  max-width: 50%;
}
h1.home_banner_title.hello_page_title {
  top: 40%;
}
/*************************** END DEFAULT HOME PAGE CSS ***************************/
/*************************** START DEFAULT HOME PAGE  CSS ***************************/ {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
/*************************** END DEFAULT HOME PAGE  CSS ***************************/
/******************************************************************END  NEW STYLE 18-02-19*************************************************************************/
/*************************** COMMON CSS ***************************/
* {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif;
  box-sizing: border-box;

}
.contactussales iframe form.form {
  font-family: 'Source Sans Pro', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-weight: 700 !important;
}
.bmfa-container {
  max-width: 92%;
  margin: 0 auto;
  padding: 20px 0;
}
body {
  background: #fff;
}
i.icon:before {
  font-family: 'simple-line-icons';
}
*:focus {
  outline: 0;
}
ul li, ol li {
  margin: 0;
}
.pagetop {
  text-align: center;
  width: 100%;
  padding: 23px 2% 22px;
}
.page-banner-image {
  position: relative;
  width: auto;
  display: inline-grid;
}
.page-banner-image img {
  display: inherit;
  margin: 0 auto;
  width: 100%;
  max-width: 601px;
}
.bannertitle {
  position: absolute;
  width: 100%;
  font: 700 1.5em/1em;
  color: #FFF;
  text-align: center;
  padding: .8em 0;
  bottom: 10px;
}
.hometopright {
  padding-left: 0 !important;
}
#assign-action-spinner-main {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}
#assign-action-spinner-content img {
  width: 30px;
}
/*************************** END COMMON CSS ***************************/
/*************************** BRINDLEE MOUNTAIN HEADER CSS ***************************/
header {
  background: #333;
  position: fixed;
  z-index: 99;
  right: 0;
  left: 0;
  box-shadow: 0 0 3px #ccc;
  top: 0;
}
.header-inner {
  background: #fff;
}
.bmfa-logo {
  max-width: 150px;
}
.header {
  padding: 15px 0;
}
.grid {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
input#searchinput:focus {
  box-shadow: none;
  border: 0 none;
}
.gryButton {
  background: #fff;
  border: 1px solid #666;
  padding: 5px 10px;
  color: #666;
  line-height: 23px;
}
.gryButton:hover {
  background: #555;
  color: #fff
}
.menuBtn img {
  max-width: 15px;
  margin-left: 5px;
  vertical-align: bottom;
}
.menuBtn {
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
.logo-head {
  margin-bottom: -45px;
  display: block;
}
/*button.searchButton { background: #dd0000; border: 0 none;  transform: rotate(90deg);  margin: -9px 0; border-radius: 0; padding:6px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; height:unset; }
button.searchButton i{color: #666;font-weight: bold;}*/
/*************************** END BRINDLEE MOUNTAIN HEADER CSS ***************************/
/*************************** BRINDLEE MOUNTAIN MENU CSS ***************************/
ul.menu-list {
  overflow: auto;
  width: 300px;
  position: fixed;
  right: 0;
  top: 0;
  background: #666;
  height: 100%;
  z-index: 99;
  padding: 10px 20px;
  display: none;
}
ul.menu-list > li {
  list-style: none;
  text-align: left;
}
ul.menu-list > li > a:hover {
  text-decoration: none;
}
ul.menu-list > li > a {
  color: #fff;
  display: block;
  padding: 15px 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #999;
}
/*************************** BRINDLEE MOUNTAIN MENU CSS ***************************/
/*************************** BANNER CSS ***************************/
.banner-inner {
  min-height: 650px;
  text-align: left;
  padding: 140px 0 49px;
  background: url(http://researchofmarket.com/wp-content/uploads/2018/02/Fire-Trucks.png)no-repeat center;
}
h1.banner-txt {
  color: #fff;
  background: rgba(0, 0, 0, 0.42);
  text-align: left;
  font-size: 45px;
  font-weight: 600;
  padding: 20px 45px;
  display: inline-block;
  line-height: 54px;
}
.topbanner {
  margin-bottom: -100px;
  margin-top: 76px;
}
/*************************** END BANNER CSS ***************************/
/*************************** TABS CSS ***************************/
.tab2-content {
  width: 100%;
}
.tab2-content img {
  height: 100%;
}
.tab2-content a {
  margin-top: 10px;
  font-size: 18px;
  display: inherit;
}
p + p {
  line-height: 20px;
  padding-top: 10px;
}
.tabs {
  width: 100%;
  max-width: 980px;
  display: inline-block;
  border-radius: 3px;
  background: #f1f1f1;
}
.tab-links:after {
  display: block;
  clear: both;
  content: '';
}
.tab-links {
  display: flex;
}
.tab-links li {
  list-style: none;
  text-align: center;
  width: 100%;
  background: #d6d6d6;
}
.tab-links a {
  padding: 25px 15px;
  display: inline-block;
  font-size: 19px;
  font-weight: 600;
  color: #666;
  text-decoration: none;
  transition: all linear 0.15s;
  width: 100%;
  box-sizing: border-box;
}
.tab-links li.active {
  background: transparent;
}
.tab-links a:hover {
  text-decoration: none;
}
.content {
  padding: 15px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tab {
  display: none;
}
.tab.active {
  display: block;
}
.no-space {
  padding: 0;
}
.tab-links li:nth-child(2) {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
.cols {
  width: 50%;
}
.two-col {
  flex-wrap: wrap;
}
.gryTxt {
  color: #666;
}
.two-col > div {
  width: 50%;
  padding: 8px;
}
.element-parent {
  background: #fff;
  position: relative;
  border-radius: 3px;
}
.element-parent:before { /*display:none;*/ content: '';
  border: 5px solid transparent;
  border-top: 8px solid #999;
  position: absolute;
  border-radius: 2px;
  right: 15px;
  top: 50%;
  margin-top: -3px;
}
.element-parent:after {
  content: '';
  border-left: 1px solid #bfbebe;
  position: absolute;
  right: 30px;
  top: 15%;
  height: 70%;
}
.element-parent > select {
  width: 100%;
  border: 1px solid #d9d9d9;
  padding: 7px 45px 7px 15px;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: none;
  background-image: none;
}
.element-parent > select option.gryTxt:selected {
  color: red;
}
label.field-label {
  color: red !important;
}
.btn-red {
  background: #dd0000;
  border: 1px solid #dd0000;
  border-radius: 3px;
  color: #fff;
  padding: 10px;
  min-width: 250px;
  font-size: 19px;
  font-weight: 600;
}
.btn-red:hover {
  background: #a5151c;
}
.btnDiv {
  padding: 20px 15px 10px;
}
.listStyle {
  list-style: none;
  text-align: center;
  display: flex;
  margin: 0;
}
.listStyle > li {
  width: 33.33%;
  font-size: 34px;
  font-weight: 500;
  color: #969696;
  padding: 35px;
}
.link {
  color: #9e9e9e;
  display: block;
  margin-top: 5px;
  font-weight: 600;
}
.bgGray {
  background: none !important;
  margin-top: 35px;
  padding: 20px;
  margin-bottom: 35px;
  border: none !important;
}
/*************************** END TABS CSS ***************************/
/*************************** START TABS CSS ***************************/
.home_banner_title span {
  font-size: 44px;
}
/*************************** END TABS CSS ***************************/
/*************************** START LET US KNOW CSS ***************************/
.largeFontPsg {
  font-size: 16px;
}
p.commentInstructions {
  font-size: 13px;
  font-weight: normal !important;
  font-style: italic;
}
.commentInstructions {
  font-style: italic;
}
.letusKnowpage b.bldTxt {
  font-size: 20px;
}
.letusKnowpage .mileage-sec.threee-box.onecol {
  width: 93%;
}
.thankSec h3 {
  font-size: 40px;
  text-align: center;
  display: block;
}
.thankSec {
  text-align: center;
  padding: 30px;
  font-size: 25px;
  font-weight: 600;
  color: #dd0000;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
  margin: 70px auto;
}
/*************************** END LET US KNOW CSS ***************************/
/*************************** webportalStyle Css code add**************************************/
.boxtitle, h3 {
  text-transform: uppercase
}
.homeboxes h3, .productTitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
applet, body, div, h1, h2, h3, h4, h5, h6, html, iframe, object, span {
  margin: 0;
  padding: 0;
  outline: 0;
  text-decoration: none
}
.clearer {
  font-size: 0;
  height: 0;
  width: 100%;
  display: block;
  clear: both
}
.pagebody {
  background: #FFF margin-top: 20px;
  display: block;
  width: 100%;
  max-width: 1320px;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0 auto;
}
img {
  border: none;
  outline: 0
}
a.ddlFieldText {
  text-decoration: underline;
  font-size: 18px;
}
a:hover {
  cursor: pointer
}
.truckfinder {
  font: 700 italic 1.2em Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0 0 3px;
  padding-bottom: 10px
}
form, table td, table th {
  padding: 0
}
form {
  margin: 0
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
table, td, th {
  border: 0
}
.ddlField {
  font: 700 2em/2.083em;
  color: #000 !important
}
a.ddlFieldText, a.ddlFieldText:hover {
  color: #000 !important;
  cursor: pointer;
}
a.ddlFieldText:hover, a.truckfinderanc {
  text-decoration: none;
}
.guesuser, .guesuser a, .guesuser a:hover, a.truckfinderanc {
  color: #00f !important;
}
a.truckfinderanc:hover {
  text-decoration: underline;
  cursor: pointer;
}
.guesuser {
  font: 400 1.5em/2.083em Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.guesuser a {
  text-decoration: underline;
}
.guesuser a:hover {
  cursor: pointer;
  text-decoration: none;
}
.trucktitle {
  font: 700 13px/15px;
  color: #000 !important;
  padding: 5px 4px 0 0;
  text-decoration: none;
}
.btnPublic {
  width: 72px !important;
  height: 29px;
  background: url(../images/btn_submit.png) no-repeat;
  border: none;
  outline: 0;
  font-size: 0;
  padding: 0;
  margin: 0 0 0 156px;
  cursor: pointer;
}
.btnPublic:hover {
  background-position: 0 -32px
}
.align-left {
  float: left;
  margin: 5px 20px 0 0;
}
.align-right {
  float: right;
  margin: 5px 0 0 20px;
}
.align-left2 {
  float: left;
  margin: 0 20px 0 0;
}
.align-right2 {
  float: right;
  margin: 0 0 0 20px;
}
.header, .header-inner {
  width: 100%;
  background: #000;
}
p.no-margin {
  margin: 0;
}
p.more-margin {
  margin: 0 0 1.4em;
}
.header {
  padding: 2px 0;
  border-bottom: 1px solid #3b3939;
}
.header-inner {
  text-align: left;
}
.signin {
  text-align: center;
  color: #FFF;
}
.formrow:after, .header-inner:after, .home-row:after, .hometop:after, .mainmenu:after, .page-content:after, .pagebody:after, .pagetop:after, .repairdiv:after, .repairedimages:after, .selections:after, .thumbnaildiv:after, .topbannertext:after, .truck-for-sale:after, .truckdescription:after {
  content: '';
  font-size: 0;
  height: 0;
  display: block;
  clear: both
}
.logo img, .topbanner {
  height: auto;
  width: 100%;
}
.signin {
  padding: 10px 0;
}
.signin a {
  color: #FFF;
}
.logo img {
  max-width: 390px;
}
.banner-inner {
  padding-top: 12%;
  height: 190px;
  background: url(../images/banner_top.jpg) center center no-repeat;
}
.mainmenu {
  text-align: left;
  width: 100%;
}
.boxtitle, .text-center {
  text-align: center;
}
.hometop {
  padding: 23px 2% 8px;
  width: 96%;
}
.hometopleft {
  margin-bottom: 8px;
}
.img-responsive {
  width: 100%;
  height: auto;
}
.topbannertext {
  background: #0b0b0b;
  font: 700 1.5em/1.5em Arial, Helvetica, sans-serif;
  color: #FFF;
  padding: 8px 3%;
  position: relative;
  top: -4px;
}
a.readmorebtn {
  display: inline-block;
  width: 84px;
  height: 27px;
  text-decoration: none;
  background: url(../images/btn_readmore.jpg);
}
a.readmorebtn:hover {
  background-position: 0 -30px;
}
.displace {
  position: absolute;
  left: -5000px;
}
a.usedfiretruckbtn {
  display: block;
  width: 293px;
  height: 72px;
  text-decoration: none;
  background: url(../images/btn_firetruck.jpg);
}
a.companydirectbtn, a.notifyfiretruckbtn, a.sellfiretruckbtn, a.workontruckbtn {
  display: block;
  width: 292px;
  height: 72px;
  text-decoration: none;
  background: url(../images/btn_sell_firetruck.jpg)
}
a.workontruckbtn {
  background: url(../images/btn_workon_truck.jpg);
}
a.companydirectbtn {
  background: url(../images/btn_company_directory.jpg);
}
a.notifyfiretruckbtn {
  background: url(../images/btn_nofity_truck.jpg);
}
a.companydirectbtn:hover, a.notifyfiretruckbtn:hover, a.sellfiretruckbtn:hover, a.usedfiretruckbtn:hover, a.workontruckbtn:hover {
  background-position: 0 -75px
}
.page-content {
  padding: 0 2%
}
.horizontalbar {
  height: 25px;
  background: url(../images/bar_hl.png) repeat-x;
  font-size: 1px
}
.home-row {
  padding-bottom: 8px;
}
.homeboxes {
  width: 220px;
  float: left;
  margin-right: 10px;
  height: 284px;
  background: url(../images/bg_homeboxes.jpg) no-repeat;
  font: 1em/1.083em Arial, Helvetica, sans-serif;
  color: #353535;
}
.homeboxes h3 a {
  font-size: 13px;
}
.homeboxes p {
  height: 24px;
}
.homeboxes h3 {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}
.homeboxes:hover {
  background-position: 0 -287px;
}
.boxtitle {
  font: 700 .9167em/1.1em Arial, Helvetica, sans-serif;
  color: #9c0101;
  padding: 12px 0 21px
}
.boxtitle a {
  color: #9c0101;
  text-decoration: none
}
.homeboxes:hover .boxtitle a, .homeboxes:hover h3 a {
  text-decoration: underline
}
.boximage {
  margin: 0 0 0 6px;
  width: 208px;
  /*height: 132px;*/
  overflow: hidden
}
.boximage img {
  width: 100%;
  /*max-width: 208px;*/
  height: auto
}
.homeboxes p {
  margin: 8px 12px 5px
}
a.learnmorebtn {
  display: block;
  width: 78px;
  height: 24px;
  text-decoration: none;
  background: url(../images/btn_price.png);
  margin: 20px 0 0 135px;
  color: #9c0101;
  padding-top: 6px;
  padding-left: 5px;
  border: none;
  outline: 0;
  position: relative
}
.homeboxes:hover a.learnmorebtn, a.learnmorebtn:hover {
  background-position: 0 -29px;
  color: #fff
}
.footer-inner, .footer-inner a {
  color: #fefefe
}
.boxtitle.twolines {
  padding: 6px 0 12px
}
.homeboxes.lastbox {
  margin-right: 0
}
.footer-inner, .text-left {
  text-align: left
}
.deliveries, .truck-for-sale, .truckdescription {
  border: 1px solid #e1e1e1
}
.footer-inner {
  background: #dd0000;
  font: 400 1em/2.083em Arial, Helvetica, sans-serif
}
.headerboximage {
  margin: 0 1px 1px 0;
  width: 200px;
  height: 147px;
  overflow: hidden
}
.headerboximage img {
  width: 100%;
  max-width: 200px;
  height: auto;
  min-height: 147px
}
.header-page-banner-image {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 100%;
  height: 100%
}
.header-page-banner-image img {
  width: 100%;
  max-width: 606px
}
.header-page-banner {
  background-color: #000;
  width: inherit;
  display: table-cell;
  text-align: left;
  vertical-align: top
}
.bannertitle, .headerbannertitle {
  background: url(../images/bg_black_transp.png)
}
.facebookdiv img, .phonetable td, .printpage a, .printpage img, .table11 tr td, .table15 tr td, .table16 tr td, .thumbnaildiv img {
  vertical-align: middle
}
.headerbannertitle {
  font: 700 1.5em/1em Arial, Helvetica, sans-serif;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
  width: 99%
}
.headernote {
  text-align: center;
  color: red;
  width: 200px;
  float: left;
  padding: 0
}
.space15 {
  height: 15px;
  font-size: .5em
}
.page-banner {
  width: 100%
}
.page-banner-inner {
  width: 100%;
  position: relative;
  padding-bottom: 50.58%;
  height: 0
}
.table11 tr td.col1 img {
  height: auto;
  max-width: 100px;
  width: 100px
}
.drop-downs {
  width: 148px;
  float: left;
  margin-bottom: 15px
}
.drop-downs select {
  width: 220px
}
.table11 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px
}
.table11 tr td {
  text-align: center;
  font: 400 1em Arial, Helvetica, sans-serif;
  color: #000;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 1%
}
.table11 tr td.col1 {
  width: 115px;
  border-left: 1px solid #e1e1e1
}
.table11 tr td.col2 {
  text-align: left
}
.deliveries, .note, .note-price, .price, .priceusd, .printpage, .truck-image, .yellowbox h1.red, .yellowbox h2, .yellowbox p {
  text-align: center
}
.table11 tr td.col2 h2 {
  font: 700 1.083em Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0 0 3px
}
.table11 tr td.col2 h2 a {
  color: #000
}
.red-text, .red-text a, .table11 tr td.col3 {
  color: red
}
.table11 tr td.col4 {
  width: 100px;
  font-weight: 700;
  border-right: 1px solid #e1e1e1
}
.truck-check-box {
  width: 20px;
  float: left;
  margin-top: 15px
}
.truck-description h2 a {
  color: #000;
  font-weight: 600;
}
.note {
  color: #000;
  white-space: normal;
  /*width: 60%;
    float: left*/
}
.deliveries h2 {
  text-align: center
}
.deliveries img {
  width: 100px;
  max-width: 100px
}
.delivered-image {
  height: 75px;
  overflow: hidden;
  margin-bottom: 3px
}
.thumbnaildiv {
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#020202', GradientType=0);
  width: 97%;
  padding: 10px 1% 10px 2%
}
.thumbnaildiv img {
  max-width: 100px;
  max-height: 75px;
  margin: 5px 3px;
  border: 1px solid #cbd5e0;
}
.truckdescription {
  padding: 10px 1% 13px 2%;
  width: 97%;
  margin-top: 10px
}
.main-description {
  font: 400 1.1667em/1.6428em Arial, Helvetica, sans-serif;
  color: #3b3b3b;
  margin-bottom: 10px
}
.main-description h2.red {
  font: 700 1em/1.3em Arial, Helvetica, sans-serif;
  color: red;
  margin: 13px 0
}
.main-description h2.black {
  font: italic 700 1em/1.3em Arial, Helvetica, sans-serif;
  color: #3b3b3b;
  margin: 13px 0 3px
}
.main-description span {
  font-style: normal
}
.priceusd {
  font: 700 2.333em/.7857em "Times New Roman", Times, serif;
  color: #000;
  padding-top: 16px
}
.yellowbox {
  border: 1px solid #b9b8b8;
  padding-bottom: 15px
}
.yellowbox h1.red {
  font: 700 1.33em/1.2em Arial, Helvetica, sans-serif;
  color: red;
  margin: 3px 0 11px
}
.yellowbox p {
  font: 700 1em Arial, Helvetica, sans-serif
}
.yellowbox h2 {
  font: 700 1.25em Arial, Helvetica, sans-serif
}
.yellowbox h2 a {
  color: #c40615;
  text-decoration: underline
}
.yellowbox h2 a:hover {
  color: #6e0202;
  text-decoration: none;
  cursor: pointer
}
.contactussalestruck {
  padding: 2px 0 0 2px;
  font: 400 14px Arial, Helvetica, sans-serif;
  color: #000
}
.contactussalestruck input[type=submit] {
  width: 72px;
  height: 29px;
  background: url(../images/btn_submit.png) no-repeat;
  border: none;
  outline: 0;
  font-size: 0;
  padding: 0;
  margin: 0 0 0 156px;
  cursor: pointer
}
.contactussalestruck input[type=submit]:hover {
  background-position: 0 -32px
}
.yellowprice {
  font-weight: 700;
  font-size: 1.333em
}
.yellowreducedprice {
  font-weight: 700;
  font-size: 1.083em;
  color: #b10302
}
.invalid {
  font: 700 1em/1.25em Arial, Helvetica, sans-serif;
  color: #e91408
}
.printpage {
  font: 1em Arial, Helvetica, sans-serif;
  color: #b5b5b5;
  padding: 14px 0 7px
}
.printpage img {
  margin-right: 7px
}
.printpage a {
  color: #000;
  text-decoration: underline
}
.printpage a:hover {
  text-decoration: none
}
.contactussales {
  padding: 23px 0 0 7%;
  font: 400 1.167em Arial, Helvetica, sans-serif;
  color: #000;
  text-align: left
}
.calloremail, .callus, .clickpict, .contacttext, .facebookdiv {
  text-align: center
}
.contactussales.style2 {
  font-size: 1em
}
.contactussales.style3 {
  font-size: 1em;
  padding-left: 0
}
.contactussales input, .contactussales textarea {
  width: 216px;
  border: 1px solid #ccc;
  font: 400 1.083em Arial, Helvetica, sans-serif;
  outline: 0;
  color: #505050
}
.contactussales input {
  padding: 6px 5px;
  margin: 2px 0 5px
}
.contactussales textarea {
  height: 126px;
  overflow: hidden;
  padding: 5px;
  margin: 2px 0 14px
}
.contactussales input[type=submit] {
  width: 72px;
  height: 29px;
  background: url(../images/btn_submit.png) no-repeat;
  border: none;
  outline: 0;
  font-size: 0;
  padding: 0;
  margin: 15px 0 0 156px;
  cursor: pointer;
}
.contactussales select {
  /*width: 230px;*/
  border: 1px solid #ccc;
  outline: 0;
  font: 400 1.083em Arial, Helvetica, sans-serif;
  color: #505050;
  padding: 6px 5px;
  margin: 2px 0 5px;
}
.contactussales h2, .pageleft {
  margin-bottom: 10px;
}
.contactussales input[type=submit]:hover {
  background-position: 0 -32px
}
.pageleft {
  font: 1.167em/1.3571em Arial, Helvetica, sans-serif;
  color: #000
}
.sidebar {
  padding: 0 0 22px;
  margin-top: 4px
}
.pageleft p {
  margin: 0 0 19px;
  padding: 0
}
.pageleft p.testimonier {
  font-size: .9167em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.pageleft a {
  text-decoration: underline;
  color: #000
}
.pageleft a:hover {
  text-decoration: none
}
.delineate {
  background: #dfdcdc;
  height: 1px;
  font-size: 0;
  margin-bottom: 14px
}
img.sbimage {
  width: 100%;
  max-width: 293px;
  height: auto;
  margin: 0 0 16px
}
.sbarcontact {
  border: 1px solid #dd0000;
  padding: 1px 1px 18px
}
.contacttext {
  background: #dd0000;
  font: 700 1.4167em Georgia, "Times New Roman", Times, serif;
  color: #FFF;
  padding: 3px 0 4px;
  margin-bottom: 5px
}
.callus {
  background: url(../images/icon_phone.png) 17px 21px no-repeat #dfdcdc;
  font: 1.33em/1.25em Arial, Helvetica, sans-serif;
  color: #141414;
  padding: 11px 0 12px
}
.calloremail, .calloremail a {
  color: #01639c;
  text-decoration: underline
}
.callus p {
  margin: 4px 0 0
}
.calloremail {
  padding: 13px 37px 25px;
  font: 700 1.083em/1.3077em Arial, Helvetica, sans-serif
}
.calloremail p {
  margin: 0
}
.calloremail a:hover {
  text-decoration: none
}
.facebookdiv img.fsend {
  margin-left: 3px
}
.testimonialimage {
  border: 1px solid #dfdcdc;
  padding: 11px 1%;
  margin: 0 2% 4px 1%;
  width: 95%
}
.testimonialimage img {
  width: 100%;
  max-width: 569px;
  height: auto
}
.testimonialimage h2 {
  font: 700 .9285em/1.1538em Arial, Helvetica, sans-serif;
  color: #9c0101;
  text-align: center;
  margin: 4px 0 0
}
.clickpict {
  font: .7857em Arial, Helvetica, sans-serif;
  color: #6d6d6d;
  text-decoration: underline;
  padding-bottom: 17px
}
.changePage_btn {
  font-weight: 700;
  height: 31px;
  width: 43px
}
.servicediv {
  border: 1px solid #dbdbdb;
  background: url(../images/bg_services.jpg);
  margin: 0 3% 3px 0;
  width: 96.5%
}
.servicediv h1 {
  border-left: 1px solid #f6f7f6;
  /*background: url("{!URLFOR($Resource.WebportalResources,'/images/icon_pump.png')}") 5px 4px no-repeat;*/
  font: 700 1.071em/1.1em Georgia, "Times New Roman", Times, serif;
  color: #1e1e1e;
  padding: 3px 0 2px 40px;
  margin: 0;
  font-size: 15px !important
}
.servicediv h1 a {
  color: #1e1e1e
}
.servicediv.lastservice {
  margin-bottom: 24px
}
.beforeafter {
  font: 700 1.2857em/1.2em Georgia, "Times New Roman", Times, serif;
  color: #dd0000;
  padding-bottom: 4px;
  border-bottom: 1px solid #dfdcdc;
  margin: 43px 0 21px
}
h1.repairedpumper {
  font: 700 1.2143em Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0 0 18px;
  padding: 0
}
.repairdiv {
  background: url(../images/bg_sidebar.png) repeat-y;
  min-height: 162px;
  margin-bottom: 39px;
  padding-top: 11px
}
.repairedimages {
  border: 1px solid #dfdcdc;
  padding: 11px 0 5px;
  margin: 0 11px 4px 10px
}
.repairprogress {
  width: 137px;
  float: left;
  margin-left: 7px
}
.repairprogress img {
  max-width: 137px;
  height: auto
}
.repairprogress h2 {
  font: 700 .9286em Arial, Helvetica, sans-serif;
  color: #9c0101;
  margin: 4px 0 10px;
  padding: 0
}
.mapdivvirtual {
  width: 100%;
  max-width: 800px;
  position: relative;
  padding-bottom: 70.175%;
  height: 0;
  background: none;
  margin: 30px auto 0;
  display: none;
}
.mapdivvirtual iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.mapaction {
  display: none;
}
.mapaction, .mapaction2 {
  padding-top: 5px
}
.mapaction2 {
  width: 100%;
  max-width: 414px
}
.enlargemap, .getdirection {
  float: left;
  font: .9285em Arial, Helvetica, sans-serif;
  color: #000;
  margin-bottom: 10px
}
.getdirection {
  text-align: right;
  float: right
}
.enlargemap a, .getdirection a {
  color: #000;
  text-decoration: underline
}
.enlargemap a:hover, .getdirection a:hover, .phonetable td a {
  text-decoration: none
}
.contactuspage {
  padding: 23px 0 0 6%;
  font: 400 .9285em Arial, Helvetica, sans-serif;
  color: #000
}
.phonetable {
  width: 250px
}
.phonetable td {
  color: #000;
  text-align: left
}
.phonetable td.col1 {
  width: 82px;
  font: 700 1.2143em/1.2941em Arial, Helvetica, sans-serif
}
.phonetable td.col2 {
  font: 400 1.1428em/1.375em Arial, Helvetica, sans-serif
}
.phonetable td.col2 {
  width: 168px
}
dd, dl, dt {
  margin: 0;
  padding: 0;
  color: #000
}
dd.addrlabel {
  font: 700 1.06em/1.2941em Arial, Helvetica, sans-serif
}
.contactuspage input, .contactuspage textarea {
  width: 216px;
  border: 1px solid #ccc;
  font: 400 .9285em Arial, Helvetica, sans-serif;
  color: #505050;
  outline: 0
}
dl {
  margin-bottom: 15px
}
.contactuspage input {
  padding: 6px 5px;
  margin: 2px 0 5px
}
.contactuspage textarea {
  height: 126px;
  overflow: hidden;
  padding: 5px;
  margin: 2px 0 14px
}
.contactuspage input[type=submit] {
  width: 72px;
  height: 29px;
  background: url(../images/btn_submit.png) no-repeat;
  border: none;
  outline: 0;
  font-size: 0;
  padding: 0;
  margin: 0 0 0 156px;
  cursor: pointer
}
.contactuspage input[type=submit]:hover {
  background-position: 0 -32px
}
input:active, input:focus, textarea:active, textarea:focus {
  border: 1px solid #a5a9b6;
  box-shadow: 0 0 3px #848895
}
.full-width {
  height: 1px;
  font-size: 1px;
  width: 100%;
  max-width: 597px;
  display: block
}
.full-width img {
  width: 100%;
  max-width: 597px
}
.mapdiv {
  width: 100%;
  max-width: 414px;
  position: relative;
  padding-bottom: 56.28%;
  height: 0;
  background: #ccc;
  margin-top: 30px
}
.mapdiv iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.newsdiv {
  font: italic 400 1.0714em/1.267em Arial, Helvetica, sans-serif;
  color: #000;
  padding: 0 0 18px
}
.newsdiv a {
  font: 400 .933em/1.357em Arial, Helvetica, sans-serif;
  color: #2667a4;
  text-decoration: underline
}
.newsdiv a:hover {
  text-decoration: none
}
p.choose {
  font: 700 1.5em/1.11em Arial, Helvetica, sans-serif;
  color: #000;
  letter-spacing: .7
}
p.registration, select.buyerselection option span, select.sellerselection option span {
  font-weight: 700
}
select.buyerselection, select.sellerselection {
  width: 96%;
  padding: 1%;
  text-overflow: ellipsis;
  margin-bottom: 12px
}
select.buyerselection option, select.sellerselection option {
  width: 99%;
  max-width: 99%;
  text-overflow: ellipsis
}
p.registration {
  margin: .5em 0 1.4em
}
p.boldred {
  color: red;
  font: 700 1em Arial, Helvetica, sans-serif;
  margin: 0 0 1.4em;
  text-align: center
}
p.boldblack, p.boldblackmain {
  color: #000;
  font: 700 1.5em Arial, Helvetica, sans-serif;
  text-decoration: underline;
  margin: .5em 0 1.1em
}
p.boldblackmain {
  font-size: 2.167em;
  text-align: center
}
.formrow label {
  text-align: right;
  padding-top: 3px;
  font: 400 1em/1.1em Arial, Helvetica, sans-serif
}
.formrow label.vtop {
  padding-top: 0;
  margin-top: -3px
}
.formrow label span {
  color: red
}
.formrow input {
  border: 1px solid #abadb3;
  outline: 0;
  padding: 3px 1%;
  font: 400 1em Arial, Helvetica, sans-serif;
  color: #505050;
  width: 96%;
  max-width: 100px;
  margin: 0 0 7px
}
.formrow input.empty {
  border: 1px solid #FFF
}
.formrow input.empty:active, .formrow input.empty:focus {
  border: none;
  box-shadow: none
}
.table15 tr td input, textarea.fullwidth {
  border: 1px solid #abadb3;
  font: 400 1em Arial, Helvetica, sans-serif;
  color: #505050;
  outline: 0
}
.formrow input.medium {
  max-width: 150px
}
.formrow input.large {
  max-width: 250px
}
.formrow input.vlarge {
  max-width: 350px
}
.formcol1, .formcol2, .formcol3, .formcol4, .formcol5 {
  width: 100%
}
.formcol1 label, .formcol2 label, .formcol3 label, .formcol5 label {
  width: 49%;
  float: left;
  padding-right: 1%
}
.formcol1 .formentry, .formcol2 .formentry, .formcol3 .formentry, .formcol5 .formentry {
  width: 50%;
  float: left
}
.formcol3 .formentry.emptyht {
  height: 23px;
  margin-bottom: 7px
}
.formcol4 label {
  width: 24%;
  float: left;
  padding-right: 1%
}
.formcol4 .formentry {
  width: 75%;
  float: left
}
.formcol5 input[type=checkbox] {
  vertical-align: middle;
  width: 13px;
  height: 13px;
  padding: 0 7px 0 0;
  margin: 4px 0;
  outline: 0
}
textarea.fullwidth {
  padding: 3px 1%;
  width: 97%;
  max-width: 97%;
  margin: 0 0 7px;
  height: 100px;
  overflow: hidden
}
.table15 {
  width: 100%
}
.table15 tr td {
  text-align: left
}
.table15 tr td.ralign {
  text-align: right;
  padding-right: 4px
}
.centersubmit, .table16 tr td, p.thankyou, p.toll-free {
  text-align: center
}
.table15 tr td input {
  padding: 3px 1%;
  width: 96%;
  max-width: 120px;
  margin: 0
}
.centersubmit {
  margin: 22px 0 30px
}
.centersubmit input[type=submit] {
  width: 72px;
  height: 29px;
  background: url(../images/btn_submit.png) no-repeat;
  border: none;
  outline: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  cursor: pointer
}
.centersubmit input[type=submit]:hover {
  background-position: 0 -32px
}
.table16 {
  width: 100%
}
.table16 tr td {
  width: 32.3%;
  padding: .25% .5%
}
.table16 tr td img {
  width: 100%;
  max-width: 300px;
  height: auto
}
p.nsize {
  font-size: 1.167em;
}
.nsize {
  font-size: 14px !important
}
p.thankyou {
  font: 700 1.5em Arial, Helvetica, sans-serif;
  letter-spacing: .7px;
  color: #000;
  margin: 1.89em 0 1.39em
}
p.toll-free {
  font: 700 2.167em Arial, Helvetica, sans-serif;
  letter-spacing: .7px;
  color: #000;
  margin: 0 0 1.2em
}
.rwPopupButton {
  margin-left: 60px !important;
}
.dialogtext {
  font: 400 12px "Segoe UI", Arial, Verdana;
  color: #000;
  width: 100%;
  display: block;
  margin: 8px 0
}
/********************************************************************************************/
/*************************** AVAILABLE TRUCKS CSS ***************************/
/*.sideMenu { width: 300px; position: fixed; left: 0px; background: #fff; border: 1px solid #cfcfcf; text-align: left; padding: 15px; overflow: auto; top: 0; bottom: 0; box-shadow:0 0 3px rgba(160, 160, 160, 0.27); z-index:999;}*/
.left-menu-btn, .right-menu-btn {
  display: inline-block;
  background: none;
  border: 0 none;
  margin-left: auto;
}
/*.border-element .element-parent { border: 1px solid #d9d9d9;}*/
.red-label {
  color: #dd0000;
  font-weight: 700;
  display: block;
  text-align: left;
  padding: 15px 0 5px;
}
.sideMenu button.btn-red {
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
}
::selected {
  color: #d6d6d6;
}
.sideMenu.expand {
  left: 300px
}
.grayBg {
  background: #f5f5f5;
}
.grid.all-col > .cols {
  display: inline-flex;
  width: auto;
  padding: 0 15px;
}
.grid.all-col {
  justify-content: center;
}
.border-red-btm {
  padding: 20px 0;
  border-bottom: 3px solid #dd0000;
  align-items: center;
}
button.btnComn {
  height: 38px;
  width: 38px;
  background: #fff;
  border: 1px solid #d9d9d9;
  margin: 0;
}
.gridBtn > img, .listBtn > img {
  width: 100%;
  max-width: 65%;
  opacity: 0.2;
}
.border-btm {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 15px;
}
.sideMenu select[multiple], .sideMenu select[size] {
  width: 100%;
  border: 1px solid #d9d9d9;
}
.space-in {
  width: 15px;
  margin: 10px 0px;
}
select[multiple] option {
  padding: 2px 5px;
}
.bold-heading-div a {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 20px;
  color: #282828;
}
.bold-heading-div a:hover {
  text-decoration: underline;
}

.bold-heading-div {
	display: block !important;
}

.imgTitle {
  font-weight: bold;
  font-size: 32px;
  word-break: break-word;
}
.form-container .imgTitle {
  font-weight: bold;
  font-size: 25px;
}
.imgRelative .iconOnImage {
  position: absolute;
  right: 15px;
  top: 12px;
  max-width: 28px;
}
.truck-image.imgRelative {
  position: relative;
  width: 100%;
}
.page-content .truck-image {
  max-width: 225px;
}
.truck-description {
  width: calc(100% - 280px);
}
.grid-view .truck-description {
  width: 100%;
}
.favouriteButton, .favourite {
  max-width: 40px;
}
.mainImg img.iconOnImage {
  position: absolute;
  bottom: 20px;
  right: 20px;
  max-width: 43px;
}
.mainImg {
  position: relative;
  width: 803px;
  border: 1px solid #dbdbdb;
}
.srchPage .truck-image.imgRelative {
  max-width: 100%;
}
ul.home_sub_menu li a.yellowmenu {
  color: yellow;
}
/*************************** END AVAILABLE TRUCKS CSS ***************************/
/*************************** FOOTER CSS ***************************/
.footer {
  background: #232322;
  border-bottom: 0 none;
  color: #fff;
  padding: 15px;
  text-align: center;
}
.txt-decoration {
  border-bottom: 1px solid #fff;
  display: inline-block;
  margin: 6px;
}
.footer-link {
  color: #fff;
  margin-bottom: 8px;
  display: inherit;
}
.footer p {
  display: block;
  padding: 5px;
  margin: 0;
}
.footer p a {
  color: #fff;
}
.themeTxt {
  color: #dd0000;
  font-size: 28px;
  padding: 15px 0 25px;
  line-height: 30px;
}
.social_icons {
  text-align: right;
}
/**NEW FOOTER CSS**/
.footer_link_section {
  display: inline-block;
  width: 33%;
  text-align: left;
  vertical-align: top;
}
.footer_link_section ul li {
  list-style-type: none;
}
.footer_link_section ul li a {
  color: #b4b4b4;
  font-size: 16px;
  padding-bottom: 17px;
  display: inherit;
}
.footer_link_section h4 {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 16px;
  display: inherit;
}
.footer_link_section ul li {
  margin: 0;
}
.footer_link_section ul li div {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  border-bottom: 1px solid #000;
  padding: 0 0 20px;
  max-width: 250px;
}
.footer_link_section ul li:last-child div {
  margin-bottom: 0px;
  border-bottom: none;
  padding-bottom: 0px;
}
.footer_link_section ul li div i {
  font-size: 28px;
  margin-right: 15px;
  color: #959595;
}
.footer_link_section ul li div img {
  width: 32px;
  margin-right: 15px;
}
.footer_link_section ul li div p {
  padding: 0;
  font-size: 16px;
}
.footer_link_section ul li div p span {
  font-size: 12px;
  display: inherit;
}
.footer p {
  color: #c7c7c7;
}
.social_icons-div > a {
  vertical-align: middle;
  display: inline-block;
}
.footerBlackbg {
  background: #000;
  padding: 15px;
}
.searchDiv {
  display: flex;
  width: 350px;
  margin: 25px auto;
  background: #fff;
  border-radius: 2px;
}
button.searchButton {
  background: none;
  border: 0 none;
  position: relative;
  width: 30px;
}
.inputsearch:active, .inputsearch:focus, .inputsearch:active, .inputsearch:focus {
  border: 1px solid #a5a9b6;
  box-shadow: 0 0 3px #848895;
}
.inputsearch {
  border: 0 none;
  padding: 0 0 0 10px;
  background: none;
  box-shadow: none;
}
button.searchButton:before {
  content: '';
  background: #cfcfcf;
  width: 2px;
  height: 24px;
  position: absolute;
  left: -5px;
  top: 50%;
  margin-top: -12px;
}
.footerBlackbg p.copyright {
  padding: 35px 0 35px;
  color: #808080;
  margin: 0;
  font-size: 13px;
}
.footerBlackbg p.copyright a {
  color: #808080;
}
.social_icons-div > a {
  padding: 0 7px;
}
.social_icons-div a > img {
  max-width: 32px;
}
/*************************** FOOTER CSS ***************************/
/*************************** ALL FORMS ***************************/
.formStyle input, .formStyle select, .formStyle textarea, .formStyle button.multiselect.dropdown-toggle.btn.btn-default {
  border: 1px solid #ccc;
  min-height: 44px;
  box-shadow: none;
  border-radius: 5px;
}
.page_sub_content p.largeFontPsg {
  font-size: 20px;
  line-height: 30px !important;
  padding: 15px;
  text-align: center;
}
.formStyle .red-label, .formStyle .smlLabel {
  color: #4d4d4d !important;
  font-size: 14px;
  padding-bottom: 5px;
}
.page_sub_content p.largeFontPsg a {
  font-size: 20px;
}
/*************************** ALL FORMS ***************************/
/*************************** PHOTOGUIDE PAGE ***************************/
.phtoGuide.tab {
  display: block;
  position: static;
}
/*************************** PHOTOGUIDE PAGE ***************************/
/*************************** FIRE TRUCK FINDER PAGE ***************************/
.brandsCheck input[type="checkbox"].brands, .brandsCheck label.cboxLabel {
  margin: 0;
}
.brandsCheck input[type="checkbox"].brands {
  margin-right: 5px;
}
/*************************** FIRE TRUCK FINDER PAGE ***************************/
/*************************** SERVICE FEEDBACK PAGE ***************************/
/*h1.home_banner_title.fire_truck_title a:focus {
    color: #fff;
    text-decoration: none;
    box-shadow: none;
    border: 0 none;
    outline: 0;
}*/
.serFeedbkPage label {
  color: #4d4d4d !important;
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 700;
}
.serFeedbkPage input, .serFeedbkPage select, .serFeedbkPage textarea {
  border: 1px solid #ccc;
  min-height: 44px;
  box-shadow: none;
  border-radius: 5px;
}
.serFeedbkPage input[type="checkbox"] {
  border-radius: 3px;
}
.serFeedbkPage .col {
  width: 50%;
  padding: 0 15px;
}
.serFeedbkPage .mileage-sec {
  min-height: 82px;
}
.serFeedbkPage .threee-box {
  float: none;
  padding: 0;
}
/*************************** SERVICE FEEDBACK PAGE ***************************/
/********************* SELL YOUR TRUCK/ARFF/LEASE/CONTACT US *********************/
.content-div .page-content.pageCont {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  padding: 10px;
}
.content-div .pageCont .form-container {
  max-width: 100%;
  text-align: justify;
}
.pageCont .service-setion {
  margin: 50px auto;
}
.content-div .pageCont .mileage-sec {
  padding: 0px 1%;
  width: 49%;
  margin: 0;
}
.content-div .pageCont input[type='checkbox']:before {
  width: 8px;
  height: 4px;
}
input[type="checkbox"]:focus {
  outline: 0;
}
.service-details .pageleft p.servDetailsSpace {
  padding-bottom: 25px;
}
.pageCont .repair-section .serviceImgs img {
  width: 100%;
  max-width: 537px;
  height: 403px;
}
.pageCont .largeFontPsg > a:hover {
  text-decoration: none;
}
/********************* SELL YOUR TRUCK/ARFF/LEASE/CONTACT US*********************/
/**************START BLOG PAGE*************/
.blogtab {
  display: flex;
  width: 100%;
  justify-content: center;
}
.blogtablinks {
  color: #dd0000;
  font-weight: 500;
  padding: 0 15px;
}
.blogtablinks.active, .blogtablinks:hover {
  color: #757575;
  background: none !important;
}
/**************END BLOG PAGE*************/
/*************************** RUPALI CSS CSS ***************************/
.margin-top {
  margin-top: 78px;
}
.form-container {
  margin: 0 auto;
  max-width: 880px;
  text-align: left;
  border-radius: 5px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.megamenu_button {
  display: flex !important;
  align-items: center;
}
.megamenu_button i {
  margin-left: 4px;
}
ul.menu-list {
  padding: 0 !important;
}
ul.menu-list > li {
  width: 100%;
}
ul.menu-list > li:hover {
  background: rgba(255, 255, 255, 0.1);
}
ul.menu-list > li:first-child:hover {
  background: none
}
ul.menu-list > li:first-child i {
  color: #fff;
  float: right;
  margin-right: 16px;
  margin-top: 14px;
  font-size: 24px;
  cursor: pointer;
}
ul.menu-list > li:first-child a {
  padding: 0 !important;
  border: none;
}
.searchmsg {
  margin: 40px 0px 20px;
  text-align: center;
}
.search-col {
  width: 100%;
  padding: 0px 20px;
  max-width: 680px;
}
/*** SeachResult page css **/
/*.note-price{float:none;width:30% !important;}
.note-price{display:block;width:100% !important;}
.truck-description span.resultsDesc{width: auto; margin-top: 0px; margin-left: 6px;} 
.price{width:100%;float:none;text-align: right;}

*/
.note-price div {
  width: auto !important;
  margin: 0px 2px;
}
.truck-description { /*padding:0px 22px; width:auto !important;margin-top: 8px;*/
}
.truck-description h2 {
  font-size: 16px;
}
.grid-view .truck-description span.resultsDesc {
  width: 100%;
  margin-top: 0px;
  margin-left: 0px;
}
.filter-label {
  text-align: left;
  width: 100%;
  color: #636161;
  font-weight: normal;
}
label.field-label {
  font-family: 'Source Sans Pro', sans-serif;
}
.ftf_filter_sctn select {
  position: relative;
  padding-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-group {
  width: 100%;
}
span.multiselect-selected-text {
  font-weight: normal;
}
ul.multiselect-container.dropdown-menu li {
  margin: 0;
}
.multiselect-container > li > a > label {
  padding: 3px 20px 3px 30px;
}
.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px;
}
.sign-up.btn {
  padding: 7px 20px;
  color: #fff !important;
  border-radius: 5px;
  border: none !important;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  height: 50px;
  width: 100%;
  display: block;
  text-transform: uppercase;
  background: rgb(191, 0, 0) !important;
  background: linear-gradient(0deg, rgba(191, 0, 0, 1) 0%, rgba(228, 0, 0, 1) 100%) !important;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  line-height: normal;
}
.sign-up.btn:hover {
  background: rgb(204, 0, 0) !important;
  background: linear-gradient(0deg, rgba(204, 0, 0, 1) 0%, rgba(228, 0, 0, 1) 100%) !important;
  box-shadow: 1px 3px 16px -2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 1px 3px 16px -2px rgba(0, 0, 0, 0.35);
}
.TruckDetailsSection {
  padding: 0 30px 0 30px;
  margin-top: -21px;
}
.new_content {
  display: flex;
  justify-content: center;
}
/*************************** Home page new design CSS ***************************/
.home_page_banner {
  background-size: cover;
  position: relative;
  background-position: center;
  display: flex;
  align-items: center;
  text-align: center;
background: rgb(195,0,0);
background: radial-gradient(circle, rgba(195,0,0,1) 0%, rgba(149,0,0,1) 100%);
}
.home_menu {
  padding: 30px 0px;
  margin: 0;
}
ul.home_menu li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
ul.home_menu li a {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  padding: 0px 25px;
}
ul.home_menu li a.active, ul.home_menu li a:hover {
  color: #fe0000;
}
ul.home_menu li a.active span:before, ul.home_menu li a:hover span:before {
  border-top: 7px solid #fe0000;
}
ul.home_menu li a:hover {
  text-decoration: none;
}
span.downArrow:before {
  content: '';
  border: 5px solid transparent;
  border-top: 7px solid #000;
  border-left: 5px solid transparent;
  border-radius: 3px;
  display: inline-block;
  margin-top: 2px;
  margin-left: 4px;
  vertical-align: middle;
}
ul.home_sub_menu {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 30px;
  width: 100%;
  min-width: 270px;
  z-index: 10;
  left: 0;
  border-top: 2px solid #c1272d;
}
ul.home_sub_menu li {
  display: inherit;
}
ul.home_sub_menu li a {
  text-transform: none;
  font-size: 14px;
  display: inherit;
  text-align: left;
  padding: 9px 14px;
  font-weight: 500;
  color: #fff;
}
ul.home_sub_menu li:hover a {
  background: rgba(255, 255, 255, 0.2);
  text-decoration: none;
}
ul.home_sub_menu li a:hover {
  color: white;
}
.home_banner_title {
  width: 100%;
  text-align: center;
  font-size: 44px;
  color: #fff;
  text-transform: uppercase;
  padding: 20px;
  display: block;
  margin: 0;
  position: relative;
}

.home_banner_title a {
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
.home_banner_title a:hover {
  text-decoration: none;
  color: #fff;
}
.sell_truck_title, .fire_truck_title, .fire_truck_search_title, .lease_title, .brindlee_history_title {
  display: none;
}
.home_banner_title span.large_font {
  font-size: 55px;
}
.home_page_ttl {
  color: #222;
  font-size: 21px;
  font-weight: 600;
}
.home_page_truckimages {
  margin: 20px 0px;
}
.home_page_truckimages a {
  display: inline-block;
  width: 100px;
  overflow: hidden;
  margin: 0px 20px 12px 0px;
}
.home_page_truckimages a img { /*width:100%; */ height: 50px;
}
.home_page_truckimages a p {
  margin: 5px 0px 0px;
  color: #000;
}
.home_pg_content_txt {
  padding: 10px 30px;
}
.home_pg_content_txt p {
  border-top: 1px solid #f50505;
  padding-top: 24px;
  font-size: 17px;
  line-height: 24px;
}
.home_pg_content_txt h2 {
  font-size: 32px;
  font-weight: normal;
  color: #404040;
}
.home_pg_content_txt span {
  font-size: 17px;
  display: inherit;
  margin-top: 20px;
}
.border_bottom_style {
  border-bottom: 1px solid #dcdcdc;
  margin: 0;
}
.text_white_bg {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 20px;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 20px;
}
.Page_link_images {
  text-align: left;
  display: inline-table;
  width: 100%;
}
.Page_link_images .page_link {
  position: relative; /*width:50%; height:500px;*/ width: 25%;
  height: 300px;
  display: inline-block;
  background-size: cover;
  vertical-align: top;
}
.page_link:hover .transparant_bg {
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.4s ease-in-out 0s;
  cursor: pointer;
}
.page_link:hover a {
  text-decoration: none;
}
.transparant_bg {
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.transparant_bg h3 {
  color: #fff;
  font-size: 33px;
  margin: 0;
  text-align: center;
}
.transparant_bg span {
  width: 56px;
  height: 4px;
  background: red;
  margin-top: 10px;
}
.testimonials_sectn {
  display: inline-block;
  border: 1px solid #9f1812;
  border-radius: 5px;
  width: 23%;
  padding: 15px;
  margin-right: 12px;
  margin-bottom: 10px;
  vertical-align: top;
}
.testimonials_sectn h2 {
  color: #9f1812;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.testimonials_sectn h2 span {
  font-weight: normal;
  font-size: 18px;
  display: inherit;
}
.testimonials_sectn h2 span table {
  width: 100%;
}
.testimonials_sectn p {
  color: #7d7d7d;
  font-size: 15px;
  line-height: 21px;
  margin-top: 20px;
}
.testimonials_sectn p span {
  font-size: 28px;
  color: #9e9e9e;
}
.testimonials_sectn table {
  width: 100%;
  table-layout: fixed;
}
.testimonials_sectn table span {
  color: #000;
}
.testimonials_sectn table tr td img {
  width: 100% !important;
  height: auto !important;
  margin: 5px 0px;
}
.fa:before {
  font-family: FontAwesome;
}
.mk-nav-responsive-link {
  display: none;
}
/*#truckTypes div.truckChoices{float:unset;width: 120px; height: auto; display: inline-block; box-shadow: none; padding: 0; margin: 0px 5px;vertical-align: top;}*/
div#truckTypes div.truckChoices a:hover {
  background: none;
  color: #dd0000;
  text-decoration: underline !important;
}
.selectedTruck, .truckChoices:hover {
  background: none;
}
/*div#truckTypes img{width:100%;margin:0;margin-bottom:5px;} */
.pagination_section {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
p.pagination_section {
  margin: 0
}
p.pagination_section span {
  white-space: nowrap;
  margin: 0px 8px;
}
.deliveries_content {
  text-align: center;
}
.deliveries {
  display: inline-block;
  float: unset;
  width: 24%;
  max-width: unset;
  vertical-align: top;
  height: auto;
  padding: 8px 10px 0;
  color: #000;
  margin-bottom: 20px;
}
#pageContnt span {
  width: 100%;
}
a.anchorClass:focus, a.anchorClass:hover a {
  color: unset;
  text-decoration: none;
  box-shadow: none;
  outline: 0 none;
}

.anchorClass:before, .anchorClass:after {
  display: block;
}
.anchorClass:after {
  font-size: 26px;
  font-weight: normal;
  text-transform: none;
  padding-top: 15px;
}
/*************************** Sell Your Tuck page new design CSS ***************************/
.page_sub_content p {
  font-size: 16px;
  line-height: 27px;
}
.page_sub_content {
  text-align: center;
}
.mileage-sec {
  display: inline-block;
  margin: 0px 20px;
  width: 44%;
  vertical-align: top;
}
/*#truckTypes div.truck_ftf{box-shadow: 0px 0px 6px #ccc; margin: 8px; height: 130px; padding: 10px;width:100px;}*/
#truckTypes div.truck_ftf:hover {
  background: #c1272d;
}
#truckTypes div.truck_ftf:hover p {
  color: #fff;
}
.ftf_filter_sctn div.halfBlck {
  margin-right: 15px;
}
.ftf_filter_sctn div.halfBlck:last-child {
  margin-right: 0px;
}
.align_size label input {
  vertical-align: middle;
  margin: 0;
}
.contactussales textarea {
  width: 100%;
}
.ftf_filter_sctn div ul.dropdown-menu li a {
  padding-bottom: 6px;
}
/**************************** Available Truck Details Css add ********************************/
.page-header {
  background: #333333;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.justifyContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.page-header img {
  margin-top: 18px;
  position: absolute;
  top: 0;
}
.page-header-menu {
  cursor: pointer;
  background: #fff;
  font-size: 14px;
  color: #666666;
  padding: 7px 17px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.page-header-menu i {
  margin-left: 18px;
  font-size: 18px;
}
.page-container {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0px 20px;
}
.topSpacing {
  margin-top: 115px;
}
.returnLink a {
  color: #333333;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.returnLink a:hover {
  color: #0b83da;
}
.returnLink a i {
  font-size: 11px;
  vertical-align: middle;
  display: inline-block;
  font-weight: 700;
  margin-top: -3px;
}
.returnLink a span {
  margin-top: -5px;
  margin-right: 4px;
}
.page-content-text {
  margin-top: 10px;
}
.page-content-text h2 {
  font-size: 28px;
  color: #dd0000;
  font-weight: 900;
  margin-top: 14px;
}
.bgColor {
  background: #eeeeee;
}
.addBorder {
  border: 1px solid #ccc;
  padding: 10px;
}
.titleText {
  width: 74%;
}
.amountText {
  width: 25%;
  text-align: center;
}
form.inquiry-form .mileage-sec {
  width: 49%;
  margin-left: 0;
  margin-right: 0;
}
form.inquiry-form .mileage-sec.mRight {
  margin-right: 1%;
}
form.inquiry-form .mileage-sec.mLeft {
  margin-left: 1%;
  float: right;
}
.inquiry-form .threee-box {
  margin-bottom: 15px;
}
.inquiry-form input, .inquiry-form select, .inquiry-form textarea {
  border: 1px solid #9e9e9e;
  box-shadow: none;
  padding: 12px;
}
.intl-tel-input {
  width: 100%;
}
.youtube {
  display: block;
  position: relative;
}
.youtube:after {
  content: '';
  background: rgba(255, 255, 255, 0.72);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.playIcon {
  position: absolute;
  left: 0;
  top: 25%;
  bottom: 0;
  z-index: 99;
  padding: 25px 15px;
  text-align: center;
  width: 100% !important;
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  text-shadow: 2px 2px 3px rgb(0, 0, 0);
  display: table;
  max-height: 150px;
}
.playIcon > img {
  margin: 0 auto 20px;
  display: block;
  max-width: 80px;
}
/**************************** JULY 2017 *****************************/
li.FT_value {
  font-size: 15px;
  font-weight: 600;
  width: 100%;
}
.FT_alterBgGry:nth-child(odd) {
  background: #f4f4f4;
  display: block;
}
button.FT_qusMobileBtn {
  background: #dd0000;
  border: 1px solid #dd0000;
  font-size: 18px;
  font-weight: 600;
  width: auto;
  margin: 5px auto;
  color: #fff;

  padding: 8px 15px;
  border-radius: 3px;
}
.fL.imgTitle.FT_centerAT, .fR.sg_amount.FT_centerAT {
  text-align: center;
}
.FT_qusMobileBtn {
  display: none;
}
.FT_label {
  font-weight: 600;
  font-size: 15px;
  min-width: 50%;
  width: 50%;
  white-space: normal;
}
h4.tabInnerTitle, h3.tabInnerTitle {
background: rgb(195,0,0);
background: radial-gradient(circle, rgba(195,0,0,1) 0%, rgba(173,4,4,1) 100%);
  padding: 11px;
  color: #fff;
  text-align: center;
  font-size: 21px;
}
/*************************** JULY 2017 ******************************/
/******************truck slider Section css********************/
/*.page-truck-details-section .truckDetails-inner{width:65%;}
.page-truck-details-section .ContactSection{margin-right:0px;width:35%;position: relative;}*/
.sg_amount, .sg_amount a { /*position:absolute;left: 0; right: 0; top: 0; margin-top: -39px;*/ font-size: 28px;
  font-weight: bold;
  color: #dd0000;
  line-height: 25px;
}
.page-truck-details-section {
  align-items: flex-start;
  margin-top: 0px;
  margin-bottom: 10px;
}
.TruckimageSlider {
  height: 400px;
  margin-right: 10px;
}
.subInner {
  display: inline-flex;
  width: 100%;
}
.subInner > div {
  width: 50%;
}
.fR.ContactSection {
  width: 25%;
}
.fR.sg_amount {
  float: right;
  width: 25%;
  padding: 20px 25px 10px;
  text-align: center;
}
/******************truck slider Section New css********************/
.subInner div.dualPage, .subInner div.thumbnaildiv {
  width: 100%;
}
.subInner div.thumbnaildiv {
  height: 296px;
  overflow: hidden;
  padding: 0px;
  text-align: left;
  border: none;
  position: relative;
  padding-right: 72px;
}
.subInner div.download_btn {
  display: none;
}
.subInner div.thumbnaildiv span {
  width: 138px;
  overflow: hidden;
  margin: 4px 7px 4px 0px;
  display: inline-block;
  vertical-align: top;
}
.subInner div.thumbnaildiv span img {
  width: 100%;
  height: auto;
  margin: 0px;
  max-width: unset;
  max-height: unset;
}
.subInner div.thumbnaildiv button.ImgCount {
  position: absolute;
  right: 0;
  top: 4px;
  bottom: 0;
  width: 70px;
  background: #dd0000;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}
.subInner div.hometopleft { /* height: 285px; - removed MGD 3/19 */ overflow: hidden;
}
.subInner div.hometopleft img {
  height: 100%;
  max-height: unset;
}
.truckDetails-inner .FT_tab-links a {
  background: #fff;
  font-size: 27px !important;
  font-weight: 700;
}
.truckDetails-inner li.FT_active a, .truckDetails-inner li.FT_active a:hover, .truckDetails-inner .FT_tab-links a:hover {
  background: #f4f4f4 !important;
  color: #6e6e6e !important;
}
.truckDetails-inner .FT_content {
  margin-top: -1px;
  border: 0 none;
  padding: 0;
}
.detail_page_form div {
  margin-bottom: 8px;
}
/******************truck slider Section New css********************/
/******************Contact Section css********************/
.ContactSection {
  text-align: center;
}
.ContactSection h3 {
  font-size: 24px;
  color: #dd0000;
  font-weight: 900;
}
.ContactSection p {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}
.ContactSection input[type="checkbox"] {
  background: #fff;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0 5px 0 0;
  border-radius: 0;
}
.ContactSection input[type="checkbox"]:before {
  content: '';
  width: 7px;
  height: 3px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  display: inherit;
  transform: rotate(-47deg);
}


.formCheckbox {
  width: 100% !important;
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  margin-top: 15px;
}
.formCheckbox label {
  margin-top: -3px;
  text-align: left;
  font-size: 14px;
  color: #666;
  font-weight: 600;
  margin-left: 25px;
}
button.submitBtn {
  background: #dd0000;
  width: 100%;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border-radius: 5px;
  border: 0;
}
button.submitBtn:hover, button.submitBtn:focus {
  background: #7a0303;
  cursor: pointer;
  transition: 0.3s
}
/******************TruckDetails section css********************/
.TruckDetails tr th, .TruckDetails tr td {
  border-bottom: 1px solid #ebebeb;
  padding: 18px 0;
  color: #000;
  vertical-align: top;
}
.TruckDetails tr th {
  min-width: 100px;
  padding-right: 10px;
  font-weight: 600;
}
.detailsButton {
  margin-top: 20px;
  width: 100% !important;
  white-space: nowrap;
  height: auto;
  align-items: baseline;
}
/*.detailsButton button{cursor:pointer;background: #eeeeee;width:100%;border: 1px solid #ccc; padding: 10px 4px; color: #666666; font-weight: 700; font-size: 15px;margin-left:6px;}
.detailsButton button:first-child{margin-left:0px;}
.detailsButton button i{ font-size: 16px; vertical-align: middle; margin-right: 6px;}
.detailsButton button i:before{font-family: 'simple-line-icons';}
.detailsButton button a{text-decoration:inherit;color:inherit;}
.detailsButton button span, .detailsButton button a{font-size:13px;}
.detailsButton button:hover, .detailsButton button:focus{border-color:#828282;}*/
.TruckDetails tr.price-row td {
  color: #dd0000;
}
.TruckDetails tr.price-row th {
  color: #dd0000;
  font-weight: bold;
}
.detailsbtnImg {
  display: block;
  margin: 0 auto 15px;
}
.detailsButton > button {
  background: none;
  border: 0 none;
  padding: 15px;
  font-size: 16px;
  height: 95px;
}
span.call-text {
  margin-top: 20px;
  color: #333;
}
/******************Tab section css********************/
/* Style the tab */
.tab {
  position: absolute;
  overflow: hidden;
  margin-top: 20px;
  z-index: 9;
}
.tab button {
  margin-top: 1px;
  background-color: #999999;
  float: left;
  border: 1px solid #ccc;
  border-bottom: 0;
  outline: none;
  cursor: pointer;
  padding: 10px 20px;
  transition: 0.3s;
  font-size: 15px;
  margin-right: 12px;
  color: #fff;
  width: 142px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab button:hover {
  background-color: #eeeeee;
  color: #000;
}
.tab button.active {
  background-color: #eeeeee;
  color: #000;
}
.tabcontent {
  height: 296px;
  overflow: auto;
  position: relative;
  margin-top: 59px;
  background: #eee;
  display: none;
  padding: 18px;
  line-height: 25px;
  border: 1px solid #ccc;
  width: 100%;
  color: #666666;
  font-size: 15px;
}
.tabMenuIcon {
  position: absolute;
  right: 0;
  background: #999999;
  color: #fff;
  padding: 8px;
  margin-top: 31px;
  margin-right: 12px;
  font-size: 12px;
}
.tabMenuIcon:hover {
  cursor: pointer;
  background-color: #eeeeee;
  color: #000;
  transition: 0.3s;
}
/****************** section related truck details css********************/
.related-trucks {
  margin: 15px 0;
}
.truckImg {
  width: 100%;
  height: 190px;
  background: #ccc;
  margin-bottom: 10px;
}
.rel-truck-details {
  width: 24%;
  text-align: center;
  margin-bottom: 10px;
  background: #eeeeee;
  padding: 20px;
  display: inline-block;
  margin-right: 8px;
  border: 1px solid #ccc;
}
* .rel-truck-details p {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.subInner div.thumbnaildiv span:first-child {
  width: 0;
  height: 0;
  margin: 0;
}
/* Available truck details css */
.homeboxes {
  /*  width: 218px;*/
  width: 100%;
  margin-right: 0;
  float: none;
  height: auto;
  font: inherit;
  color: #353535;
  display: inline-block;
  background: #efefef;
  border: 1px solid #ccc;
  padding: 12px;
  margin-bottom: 20px;
  text-align: center;
  vertical-align: top;
}
.dualPage {
  display: none;
}
.dualPage.activeDiv {
  display: block;
}
.fL {
  float: left;
}
.fR.pageBtn {
  width: auto;
}
.clr {
  clear: both;
}
.pageBtn {
  padding: 20px 20px 10px;
}
.pageVbtn {
  background: #e47b25;
  border-radius: 3px;
  border: 1px solid #e47b25;
  color: white;
  font-size: 13px;
  font-weight: 300;
  padding: 8px 10px;
  width: 100%;
  cursor: pointer;
  font-family: Georgia, "Times New Roman", Times, serif;
}
.pageVbtn:hover {
  background: #f38f3d
}
.tableLayout {
  display: table;
  width: 100%;
}
.tableCell {
  display: table-cell;
}
.tableCell.versionB {
  width: 245px;
}
.accTitle {
  background: #b00912;
  display: block;
  padding: 15px;
  color: #fff;
  font-style: normal;
  text-align: left;
  margin: 0 0 0;
  border-radius: 3px;
  position: relative;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 13px;
  font-weight: 500;
  margin: 10px 0;
}
/*.accTitle:before { content: '+'; right: 17px; position: absolute; font-size: 23px; line-height: 14px; }*/
.yellowbox.versionB {
  border-radius: 100%;
  width: 300px !important;
  height: 300px;
  padding: 30px;
  box-sizing: border-box;
  margin: 0 auto;
  border: 1px solid #52f500;
}
.commaTxt b {
  font-size: 13px;
  font-weight: 600;
}
.commaTxt > p {
  font-size: 20px;
  line-height: 25px;
  padding: 5px 0 0;
}
.queLink {
  font-size: 20px;
  color: rgb(67, 61, 141);
  display: block;
  padding: 20px;
  text-align: center;
  line-height: normal;
}
.priceTxt {
  line-height: normal;
  margin-top: -70px;
  color: #ab2021 !important;
  position: absolute;
  left: 0;
  right: 0;
  font-weight: bold !important;
  font-size: 22px;
}
/*.accTitle.ui-accordion-header-active:before { content: '-';}*/
.ui-accordion .ui-accordion-content, .accPanel-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
  /*height: auto !important;*/
  border: 1px solid #dedede;
  margin-top: -12px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.19);
}
.bgOrnge.versionB {
  position: static;
  width: 100%;
  max-width: 100%;
  margin: 25px 0 0;
  box-sizing: border-box;
  max-height: 250px;
  overflow: auto;
}
.bgVersionB {
  position: relative !important;
}
#showImgs {
  display: none;
}
#showAverImg {
  display: none;
}
# {
  display: block !important;
}
/*#downloadImgs1{display:block;}*/
.downButton {
  display: block;
}
.orangBtn {
  background: #e47b25;
  border-radius: 3px;
  border: 1px solid #c66a34;
  color: white;
  text-shadow: 1px 0 1px rgba(0, 0, 0, 0.69);
  font-size: 15px;
  font-weight: 300;
  padding: 8px 10px;
  width: auto;
  cursor: pointer;
}
.info-box {
  min-height: auto;
  width: 300px;
}
button.cls {
  background: #fff;
  border: 0 none;
  font-size: 13px;
  border-radius: 3px;
  padding: 6px;
  width: 100px;
  color: #911010;
  text-transform: uppercase;
  font-weight: 600;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.19);
  font-family: "Times New Roman", Times, serif;
  margin-top: 15px;
}
.comma {
  background:url({!URLFOR($Resource.WebportalResources,'/images/comma.png')
}
)no-repeat;
background-size: 100%;
position: absolute;
height: 100px;
width: 100px;
top: -37px;
left: 0;
}
.commaTxt {
  position: relative;
  padding-left: 15px;
}
/*new css added*/
.orangebanner {
  background: #e47b25;
  width: 100%;
  text-align: center;
  position: fixed;
  top: 0;
  display: none;
  padding: 1em;
  z-index: 10000;
}
.orangebanner p {
  margin: 0;
  font-size: 200%;
}
.orangebanner p a {
  color: white;
  text-decoration: none;
}
.wiggle {
  animation: shake 3s cubic-bezier(.36, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.geoimgTxt {
  font-size: 18px;
  text-align: center;
  color: #dd0000;
}
.geoimgTxt > div {
  font-size: 20px;
  text-transform: capitalize;
}
.bgGray h4 {
  color: #1b1b1b !important;
}
.boximage {
  width: 100%;
  margin: 0;
}
.homeboxes p {
  margin: 8px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
a.learnmorebtn {
  background: #dd0000;
  width: 100%;
  padding: 8px 11px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  border-radius: 5px;
  border: 0;
  height: auto;
  margin: 0;
}
.hometop {
  width: 100%;
  display: flex;
}
.ContactSection .hometopright {
  width: 100%;
  padding-left: 0;
  display: block;
}
.ContactSection .info-box {
  min-height: auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.truckDesc {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}
.redBoxpsg {
  color: #e1b9b2 !important;
}
.FT_tab-links li {
  min-width: 150px !important;
  margin-right: 12px !important;
}
.thumbnaildiv {
  width: 100%;
}
.FT_gryTxt ul li {
  list-style-type: none;
  padding: 10px;
}
.socPluginsDiv {
  margin-top: 0px !important;
}
span.stLarge {
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
}
ul.productList {
  text-align: left;
  margin-bottom: 20px;
}
ul.productList li {
  display: inline-block;
  width: 15%;
  margin: 5px;
  margin-left: 0;
  vertical-align: top;
}
ul.productList li img {
  width: 100%;
}
.headerbannertitle {
  padding: 10px;
  width: 100%;
}
/********************************************************************************************/
/**************************** fire truck page new css add ********************************/
/* home page */
.truck_gallery {
  display: inline-table;
  text-align: left;
  max-width: 850px;
  margin: 0px 0px 30px;
}
.truck_gallery .truck_img_glry {
  width: 200px;
  height: 120px;
  display: inline-block;
  overflow: hidden;
  margin: 1px;
}
.truck_gallery .truck_img_glry img {
  width: 100%;
}
.how_it_work {
  background: #f1f1f1;
  padding: 20px;
}
.how_it_work h2 {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: normal;
}
.how_it_work h2 span {
  font-size: 48px;
  margin: 0px 8px;
  color: #c1272d;
}
.how_it_work h2 img {
  width: 80px;
  margin: 0px 10px;
  vertical-align: bottom;
}
.work_info_inner {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
  width: 100%;
  height: 100%;
}
.work_info_inner i {
  font-size: 28px;
  margin-bottom: 20px;
}
.work_info {
  width: 200px;
  height: 140px;
  display: inline-block;
  margin-right: 20px;
  background: #f1eff1;
  font-size: 16px;
  margin: 20px 25px 20px 0px;
  box-shadow: 0px 3px 2px #ccc;
  text-transform: uppercase;
  position: relative;
  vertical-align: top;
}
.work_info:before {
  content: '';
  position: absolute;
  left: -9px;
  top: 82px;
  font-size: 148px;
  font-weight: bold;
  color: #fff;
  opacity: 0.6;
  line-height: 0;
}
.first_sect:before {
  content: "1";
}
.second_sect:before {
  content: "2";
}
.third_sect:before {
  content: "3";
}
.four_sect:before {
  content: "4";
}
.five_sect:before {
  content: "5";
}
.work_info:after {
  opacity: 0;
  content: '';
  border-top: 13px solid #c1272d;
  left: 46%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
}
.work_info:hover {
  background: #c1272d;
  color: #fff;
  cursor: pointer;
  transition: none !important;
}
.work_info:hover:after {
  opacity: 1;
}
.work_info:hover:before {
  opacity: 0;
}
.work_info_display {
  display: flex;
  margin-top: 10px;
}
.work_info_display_text {
  width: 80%;
  margin-left: 20px;
  text-align: left;
}
.work_info_display_text h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #656565;
}
.work_info_display_text p {
  font-size: 14px;
  color: #656565;
  line-height: 25px;
}
.work_info_display p.step {
  font-size: 30px;
  color: #ccc;
  font-weight: lighter;
}
.active_work:before {
  opacity: 0 !important;
}
.active_work {
  background: #c1272d;
  color: #fff;
}
.active_work:after {
  opacity: 1;
  content: '';
  border-top: 13px solid #c1272d;
  left: 46%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
}
/*FireTruckFinder css*/
.mobile-margin {
  margin: 0;
}
.displayFilters_section {
  display: flex;
  position: relative;
}
.sidebar-open .margin-left-side {
  margin-left: 298px
}
.margin-left-side {
  margin-left: 40px
}
.sidebar-open .filter_info_sctn {
  width: 70%;
}
.sidebar-open .filter-section {
  max-width: 100%;
  width: 30%;
}
.sidebar-open .filter-section div, .sidebar-open .filter-section .btn-red {
  display: block;
}
.filter-section {
  background: #fff;
  width: 100%;
  max-width: 50px;
  border-right: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 1px #e8e8e8;
}
.filter-section div, .filter-section .btn-red {
  width: 100%;
  display: none
}
.filter-section div .rSpace, .filter-section div .lSpace {
  padding: 0;
  margin-bottom: 9px;
}
.filter-section div div#brandsSection div, .filter-section div div#regions div {
  width: 100%;
}
.search-fm .halfBlck {
  width: 48%;
}
.filter_info_sctn {
  width: 100%;
}
.search-fm {
  display: flex;
}
.truck-img-sectn #truckTypes img {
  width: 100%;
  margin: 0;
}
.truck-img-sectn #truckTypes div {
  width: 126px;
  height: 70px;
  padding: 0;
  margin: 0 17px 17px 0;
  overflow: hidden;
  position: relative
}
.truck-img-sectn #truckTypes div:hover .hover_bg {
  display: flex;
}
#registration {
  padding: 10px 20px 30px;
}
.truck-img-sectn .truckChoices p {
  margin: 0;
  font-weight: bold;
  text-align: center;
  padding: 8px;
}
.truck-img-sectn #truckTypes div.hover_bg {
  background: rgba(193, 39, 45, 0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: none;
  bottom: 0;
  box-shadow: none;
  align-items: center;
  justify-content: center;
}
.truck-img-sectn .selectedTruck, .truckChoices:hover {
  color: #d0292d;
}
.filter-section label.lftBlHeading {
  color: #c1272d;
  font-size: 16px;
}
/*.hometopright{display:none !important;}*/
.sidebar-open .filter-collapse-arrow {
  transform: rotate(0deg);
  float: right;
  left: 0;
  margin-left: 10px;
  top: 0;
}
.filter-collapse-arrow {
  transform: rotate(180deg);
  margin-left: -4px;
}
.filter-collapse-arrow {
  background: none;
  border: none;
  padding: 8px 5px 8px 17px;
}
.filter-collapse-arrow i {
  font-size: 20px;
  font-weight: bold;
  color: #868686;
  margin-left: -12px;
}
.filter-collapse-arrow:hover i, filter-collapse-arrow:focus i {
  color: #d1292d;
  cursor: pointer;
}
.filter-collapse-arrow:hover, .filter-collapse-arrow:focus {
  cursor: pointer;
  transition: 0.4s;
}
.truck-img-sectn .truckTypesView {
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
  justify-content: center;
  padding: 0px 10px;
  position: relative;
}
.ui-slider span:first-child {
  left: 2% !important;
}
.filter-collapse-mobile {
  display: none;
}
.servicediv {
  padding: 3px 0px;
}
.servicediv h1 {
  background-position: 8px;
  background-size: 14px;
}
.sub-search-section {
  width: 50%;
}
.sub-search-section:first-child {
  margin-right: 10px;
}
.sub-search-section:last-child {
  margin-left: 10px;
}
.sidebar {
  text-align: center !important;
}
/*****AvailableTruck page css******/
.bgNone {
  background: none;
}
.greyBG {
  background: #f5f5f5;
}
.grid-view div.truck-for-sale div {
  display: block;
}
.grid-view div.truck-for-sale .note-price .price, div.truck-for-sale .note-price .price, .price a {
  width: 100%;
}
.pagination-details {
  border-bottom: 2px solid #dd0000;
  padding: 20px;
}
.pagination-section {
  display: flex;
  align-items: center;
}
.pagination-section .element-parent {
  margin: 7px 3px 7px;
}
.pagination-section .element-parent select {
  border: 1px solid #ccc;
  box-shadow: none;
  line-height: 25px;
  padding: 5px 14px 5px 5px;
}
.element-parent select option {
  font-size: 14px;
  padding: 5px 12px;
  border-bottom: 1px solid #ccc;
}
.pagination-section p {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 14px;
  margin-right: 10px;
}
.pg-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pg-button ul {
  margin: 0;
}
.pg-button ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0;
}
.pg-button ul li a, .pg-button ul li span {
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  padding: 4px 10px;
  border-radius: 2px;
  margin: 0px 3px;
  text-decoration: none;
}
.pg-button ul li a:hover {
  background: #dd0000;
  color: #fff;
}
/*.pg-button ul li a.active{background: #dd0000; color: #fff;}*/
/*.pg-button button{border:none;background: #dd0000; color: #fff; padding: 6px 10px; border-radius: 3px;margin:0px 3px;}
.pg-button button:disabled{background:#ccc;color:#fff;cursor:default;}*/
.iconBtn {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin: 0px 3px;
  padding: 2px 4px;
  height: 25px;
  width: 26px;
}
.iconBtn i {
  color: #ccc;
  font-size: 15px;
}
.bottomPagination {
  width: 100%;
  margin: 20px 0px;
}
.g-l-btn {
  display: flex;
}
.red-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pg-button ul li.active span.current {
  background: #dd0000;
  border-color: #dd0000;
  color: #fff;
}
.pg-button ul li a.page-link.next, .pg-button ul li a.page-link.prev {
  border: none;
  background: #dd0000;
  color: #fff;
  padding: 6px 10px;
  border-radius: 3px;
  margin: 0px 3px;
  text-decoration: none;
}
.pg-button ul li.disabled span.prev, .pg-button ul li.disabled span.next {
  background: #fff;
  color: #dddbda;
  cursor: not-allowed;
  border: 1px solid #ccc;
}
.pagination-section .element-parent:after {
  right: 22px;
  display:none;
}
.pagination-section .element-parent:before {
  right: 7px;
  border: 5px solid transparent;
  border-top: 8px solid #999;
  display:none;
}
/*
.grid-view {display: flex;} 
.grid-view div.truck-for-sale .note-price .note{text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.grid-view div.truck-for-sale .note-price{width: 100% !important; padding: 10px; margin-top: 8px;display: flex; justify-content: space-between; text-align: left;}

div.truck-for-sale div {display: inline-block;vertical-align: top;float: unset;}
div.truck-for-sale .truck-image{display: inline-block;overflow: hidden;}

.grid-view div.truck-for-sale {background:#fff; box-shadow: 4px 4px 6px -1px #d8d8d8;padding: 0;width: 30%;display: inline-block;vertical-align: top;height: 308px;margin: 6px;text-align: center;}

.grid-view div.truck-for-sale .truck-image{width:100% !important;height:208px;overflow: hidden;}
.grid-view div.truck-for-sale .truck-image img{width:100% !important;max-width: 100%; height:100%;margin-top: -34px;}
div.truck-for-sale .truck-image img{width:100% !important;max-width: 100%;}
a.truckUrl > span { height: 100%; }
a.truckUrl { display: inline-block; width: 100%; height: 100%; }

*/
/**********************************************NEW DESIGN 13-12-18**********************************************/
.aboutTitle {
  font-size: 19px;
  text-align: center;
  font-weight: 700;
  padding: 10px 0 0;
  margin-bottom: -15px;
}
/**********************************************END NEW DESIGN 13-12-18**********************************************/
/**********************************************COMPANY DIRECTORY PAGE**********************************************/
.staff_details_sectn {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.staff-member_photo img {
  width: 100% !important;
  height: unset !important;
  max-height: 325px;
}
.staff_detail {
  width: 20%;
  padding: 0 30px 10px 30px;
  text-align: center;
}
.staff_detail > span {
  display: block;
  padding: 2px 0;
  font-size: 13px;
  font-weight: 300;
}
.staff_detail > span a {
  color: #000;
}
.employeeNme {
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  padding: 7px 0 0;
}
.staff-member_photo table {
  width: 100%
}
.staff-member_photo {
  max-height: 325px;
}
/********************************************** END COMPANY DIRECTORY PAGE**********************************************/
/**********************************************TESTIMONIALS PAGE**********************************************/
.testimonialPage .sfdc_richtext table tr td {
  padding: 0;
}
.testimonialPage .sfdc_richtext {
  line-height: 30px;
}
/**********************************************END TESTIMONIALS PAGE**********************************************/
/**********************************************ABOUTUS PAGE**********************************************/
.aboutPage p {
  line-height: 30px
}
/**********************************************END ABOUTUS PAGE**********************************************/
/**********************************************HISTORY PAGE**********************************************/
.historyPage p {
  line-height: 30px;
}
.testimonialPage .sfdc_richtext table tr td {
  font-size: 14px;
}
/**********************************************END HISTORY PAGE**********************************************/
/**********************************************FTFNEW FIRE TRUK FINDER PAGE AUG20**********************************************/
.ftfnew_stepsBg {
  background: #fe0000;
  color: #fff;
  font-weight: 600;
  font-size: 35px;
  padding: 30px 15px;
}
.ftfnew_title {
  text-align: center;
  font-size: 40px;
  padding: 20px 25px 10px;
  display: block;
}
.ftfnew_redline > div {
  background: #fff;
  font-weight: 700;
  display: inline-block;
  position: relative;
  padding: 0 15px;
}
.ftfnew_redline {
  font-size: 28px;
  color: #fe0000;
  font-weight: 600;
  position: relative;
  margin: 70px 0 55px;
}
.ftfnew_truckBg p.apparatusType {
  width: 100%;
  margin: 0;
  font-weight: 600;
}
#truckTypes div.ftfnew_truckBg:hover {
  background: #fe0000;
  box-shadow: 0px 0px 1px #686868 inset;
}
.ftfnew_truckCol .truckChoices {
  margin-bottom: 0;
}
.bmfaN_ftf-truckCol.ftfnew_truckCol {
  width: 25%;
  padding: 0px 25px 15px;
}
.ftfnew_truckCol > .ftfnew_truckBg {
  background: #eee;
  border: 1px solid #eee;
  box-shadow: none;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.ftfnew_truckGrid {
  justify-content: start;
  margin-bottom: -45px;
}
.ftfnew_truckBg img.bmfaN_ftf-truckImg {
  max-height: 75px;
}
.ftfnew_redline:before {
  content: '';
  border-top: 1px solid #cfcdcd;
  left: 0;
  right: 0;
  width: 100%;
  top: 50%;
  display: block;
  position: absolute;
}
.ftfnew_grid {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
.ftfnew_col {
  width: 225px;
  padding: 0 10px;
}
.formStyle .ftfnew_inputBtnStyle {
  background: #f2f2f2;
  border: 1px solid #9b9b9b;
  font-size: 20px;
  margin: auto;
  text-align-last: center;
  font-weight: 700;
}
.ftfnew_element-parent:before {
  content: '';
  border: 5px solid transparent;
  border-top: 7px solid #ababab;
  position: absolute;
  border-radius: 2px;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  display: block;
}
.brandsCheck > div:first-child {
  width: 100%;
  margin: 50px auto 30px;
  text-align: center;
  justify-content: center;
  position: relative;
  height: 45px;
}
.brandsCheck > div:first-child input[type="checkbox"].regions:after {
  content: 'CHOOSE ALL REGIONS';
  text-align: center;
  width: 100%;
  display: block;
  line-height: 45px;
  color: #fe0000;
  font-weight: 600;
  font-size: 18px;
}
.brandsCheck > div:first-child input[type="checkbox"].regions:before {
  display: none;
}
.brandsCheck > div:first-child label.cboxLabel {
  display: none;
}
.brandsCheck > div:first-child input[type="checkbox"].regions {
  width: 250px;
  height: 46px;
  border-radius: 3px;
  background: #fff;
  margin: 0;
  border: 1px solid #9b9b9b;
  cursor: pointer;
}
.brandsCheck {
  max-width: 750px;
  margin: 0 auto;
}
.brandsCheck > div {
  justify-content: center;
}
.ftfnew_region input[type="checkbox"].regions {
  margin: 0 5px 0 0;
  border-radius: 2px;
  width: 20px;
  height: 20px;
}
#geo-region span.reqField {
  text-align: center;
  color: #fe0000;
  font-size: 13px;
  padding: 20px 0 0;
}
.ftfnew_region input[type='checkbox']:checked {
  background: #000;
}
.ftfnew_region input[type='checkbox']:before {
  border-color: #fff;
}
.brandsCheck > div:first-child input[type="checkbox"].regions:checked {
  background: black;
}
.brandsCheck > div:first-child input[type="checkbox"].regions:checked:after {
  color: #fff;
}
label[for ~ ="West"] {
  color: #114b80;
}
label[for ~ ="Southwest"] {
  color: #ff6600;
}
label[for ~ ="Midwest"] {
  color: #0061b8;
}
label[for ~ ="South"] {
  color: #853691;
}
label[for ~ ="Northeast"] {
  color: #2c792e;
}
.brandsCheck.ftfnew_region label {
  font-weight: 600;
  font-size: 17px;
}
.multiselect:hover, .multiselect:active, .multiselect:focus {
  z-index: unset !important;
}
.ftfnew_element-parent .btn .caret {
  margin-right: 3px;
  border: 5px solid transparent;
  border-top: 7px solid #ababab;
  border-radius: 2px;
  display: block;
}
.ftfnew_grid > div {
  min-width: 100px;
  padding: 0 7px;
}
.ftfnew_grid button.multiselect.dropdown-toggle.btn.btn-default, .ftfnew_grid select {
  border: 1px solid #9b9b9b;
  background: #f2f2f2;
}
#yearRangeDiv select:selected {
  background: #000;
  color: #fff;
  font-weight: 600;
}
.ftfnew_formTitle {
  font-size: 32px;
  padding: 0px 0 35px;
  font-weight: 400;
}
.ftfnew_form span.redStar {
  color: #fe0000;
}
.ftfnew_form span.reqField {
  padding: 0;
}
.ftfnew_form.formStyle .red-label, .ftfnew_form.formStyle .smlLabel {
  padding-bottom: 0;
}
#searchimg {
  max-width: 23px;
}
.ftfnew_truckCol > .ftfnew_truckBg.selectedTruck {
  background: #fe0000;
  color: #fff;
}
.searchDiv {
  height: 37px;
}
b.countPsg {
  font-size: 18px;
}
/**********************************************END FIRE TRUK FINDER PAGE**********************************************/
/**********************************************START AVAILABEL TRUCK DETAIL PAGE********************************************/
.page-truck-details-section .truckDetails-inner {
  width: 73%;
}
.page-truck-details-section .ContactSection {
  margin-right: 0px;
  width: 27%;
  position: relative;
}
.atdv_graybg {
  color: #d1d1d1;
  background: #414143;
  padding: 15px;
}
.atdv_bigTxt {
  font-size: 40px;
  color: #fff;
  display: block;
  text-shadow: 0px 1px 3px rgb(0 0 0 / 60%);
}
}
.atdv_formTitle {
  padding: 15px;
  color: #fff;
}
.ContactSection p.atdv_psg {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #d1d1d1;
}
.atdv_graybg label {
  font-size: 13px;
  padding: 0 8px 3px;
  display: block;
  font-weight: 600;
  color: #333;
}
.atdv_graybg input, .atdv_graybg select, .atdv_graybg textarea {
  padding: 5px 8px;
  border-radius: 2px;
}
.intl-tel-input.separate-dial-code .selected-flag {
  background-color: #fff;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
  font-size: 13px;
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: #fff;
}
.atdv_graybg ::placeholder {
  color: #fff;
}
.atdv_graybg :-ms-input-placeholder {
  color: #fff;
}
.atdv_graybg ::-ms-input-placeholder {
  color: #fff;
}
.atdv_graybg .element-parent:after {
  right: 20px;
  top: 4px;
  height: 20px;
  border-left: 1px solid #eaeaea;
}
.iti-flag {
  width: 15px;
}
.intl-tel-input .selected-flag {
  padding: 0 0 0 5px !important;
}
.atdv_graybg .element-parent:before {
  border: 3px solid transparent;
  border-top: 4px solid #eaeaea;
  right: 6px;
  top: 15px;
  border-radius: 2px;
  z-index: 9;
}
.atdv_graybg input[type="checkbox"] {
  left: 10px;
}
.atdv_checkbox label {
  padding-left: 31px;
  color: #3a3a3a;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
}
.atdv_checkbox ::placeholder {
  color: #afafaf;
}
.atdv_checkbox :-ms-input-placeholder {
  color: #afafaf;
}
.atdv_checkbox ::-ms-input-placeholder {
  color: #afafaf;
}

input#otherInterest {
  background: none;
  border: 0 none;
  color: #3a3a3a;
  border-bottom: 1px solid #afafaf;
  border-radius: 0;
  margin-bottom: 15px;
  padding: 0 0;
  font-weight: 500;
}

.atdv_graybg .element-parent select {
  padding-right: 22px;
}
.atdv_graybg .element-parent.selectBox select {
  background: #dd0000;
  border-color: #dd0000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.atdv_subinner {
  width: 50%;
}
.atdv_truckDetailCol {
  width: 73%;
  display: flex;
  margin-right: 27%;
}
.atdv_page {
  border-top: 1px solid #dddbda;
}
.atdv_relative {
  padding-bottom: 15px;
  margin: 0 16px;
}
.atdv_prd2 {
  padding-top: 25px
}
.atdv_tabTitle {
  font-size: 34px;
  font-weight: 800;
  display: block;
  text-transform: uppercase;
  padding: 15px;
}
.atdv_redbgTxt {
  background: rgb(97,97,105) !important;
  background: radial-gradient(circle, rgba(97,97,105,1) 0%, rgba(51,51,56,1) 100%) !important;
  color: #fff;
  padding: 30px 2%;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  margin-top: 45px;
  margin-bottom: 25px;
  border-radius: 8px;
}
.atdv_redbgTxt > a {
  font-size: 25px;
  font-weight: bold;
  font-style: normal;
  padding: 7px 15px;
  border: 1px solid #000;
  border-radius: 5px;
  margin: 0 5px;
  background: rgb(237, 237, 237);
  background: linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(252, 252, 252, 1) 50%, rgba(239, 239, 239, 1) 100%);
}
.atdv_redbgTxt > a:hover {
  text-decoration: none;
}
.atdv_optTitle {
  margin-bottom: 30px;
  text-align: center;
  color: #000;
  font-size: 30px;
  margin-top: 45px;
}
.grid-view .truck-for-sale {
  width: 23%;
  margin: 5px !important;
  padding: 20px !important;
  border-radius: 5px;
}
h3.atdv_truckTitle {
  white-space: nowrap;
  text-overflow: clip;
  overflow: hidden;
  padding: 5px 0;
  text-transform: capitalize;
  text-align: center;
  color: #000;
  font-size: 13px;
}
.atdv_truckGrid {
  color: #000;
  font-size: 13px;
}
.atdv_truckGrid .truckDesc {
  text-transform: capitalize;
  font-size: 13px;
}
a.learnmorebtn {
  padding: 5px 11px;
  border-radius: 3px;
  font-size: 13px;
}
.atdv_page table.TruckDetails {
  margin-bottom: 20px;
}
span.atdv_brindleeroundImg > img {
  max-width: 250px;
}
span.atdv_brindleeroundImg {
  display: block;
  text-align: center;
}
tr.price-row th, tr.price-row td {
  border-bottom: 0 none;
}
.atdv_btnDiv {
  text-align: center;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.element-parent.atdv_selectRed {
  background: none !important;
}
.atdv_graybg .errorMsg {
  font-size: 13px;
}
img.adtv_serchImg {
  position: absolute;
  right: 7px;
  bottom: 5px;
  max-width: 75px;
}
/**********************************************END AVAILABEL TRUCK DETAIL PAGE**********************************************/
.note-price.rightCol {
  display: block;
  text-align: center;
}
/*************************** FTU ***************************/

.dropdown-menu>li>a {
    line-height: 1.5rem !important;
}
.pagination-section p {
	font-size: 1rem !important;
}


.atdv_tab h4, .atdv_tab h3, .atdv_tab ul {
	margin: 0;
}
div#specsTab {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #d1d1d1;
    box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 15%);
}

.TruckDetailsSection.atdv_relative {
    padding: 20px;
    margin-top: 20px;
    box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 15%);
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}

.subInner {
  display: block !important;
}
.subInner > div {
  width: 100%;
  padding: 0 20px 0 0;
}
.sg_amount, .sg_amount a {
  color: #fff !important;
}
.bold-heading-div a.backLink {
  color: #fff !important;
}
.listingheader {
  padding: 10px 20px 30px;
background: rgb(97,97,105);
background: radial-gradient(circle, rgba(97,97,105,1) 0%, rgba(51,51,56,1) 100%);
  text-align: center;
}
.site-header-wrap {
  display: none !important;
}
. .atdv_subinner {
  width: 100%;
}
.page-truck-details-section .truckDetails-inner {
  width: 65%;
}
.page-truck-details-section .ContactSection {
  width: 34%;
  margin-left: 20px;
}
img.adtv_serchImg {
  display: none;
  font-size: 40px !important;
}
.subInner div.thumbnaildiv button.ImgCount {
  background: #b3b3b3 !important;
  color: #fff !important;
}
.atdv_redbg {
  background: rgb(242, 153, 0) !important;
  background: linear-gradient(0deg, rgba(242, 153, 0, 1) 0%, rgba(254, 190, 0, 1) 100%) !important;
  border-radius: 5px 5px 0 0;
}
.atdv_graybg {
  color: #f7f7f7 !important;
  background: #f9f9f9 !important;
  border: 1px solid #cbd5e0;
  border-radius: 0 0 5px 5px;
}
.ContactSection p.atdv_psg {
  color: #333 !important;
}


.atdv_graybg input, .atdv_graybg select, .atdv_graybg textarea {
  color: #333 !important;
}
.inquiry-form input, .inquiry-form select, .inquiry-form textarea {
  border: 1px solid #cbd5e0 !important;
}
.atdv_subinner, .atdv_truckDetailCol {
  width: 100% !important;
  margin: 0 !important;
  display: block !important;
}
.atdv_tabTitle {
  text-align: center !important;
}

ol, ul {
  padding-left: 0 !important;
}
a {
  text-decoration: none !important;
}
.listingH1 {
  color: #fff;
}
h3.atdv_formTitle {
  margin-bottom: 0;
  padding: 10px;
}
.selectBox select {
  font-weight: normal !important;
}
div#specsTab {
  background: #fff;
}
span.atdv_brindleeroundImg > img {
  display: none;
}
h4.atdv_truckTitle {
  font-size: 1.1rem;
}
.truck-image {
  text-align: left;
}
p, li, a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.1rem !important;
}
div#truckInfo {
  max-width: 1920px;
  margin: 0 auto;
}
.text-large {
  font-size: 1.3rem;
}
.navbar {
  background: rgb(237, 237, 237);
  background: linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(252, 252, 252, 1) 50%, rgba(239, 239, 239, 1) 100%);
}
.footerbg {
  background: #333338;
}
.navbar .nav-link {
  font-size: 1.1rem;
  font-weight: 700;
  color: #353739 !important;
  padding: 1rem !important;
}
footer .nav-link {
  font-size: 1.1rem;
  color: #edf2f7 !important;
}
footer ul li {
  padding: .5rem 0;
}
.dropdown-item {
  padding: .5rem 1.25rem !important;
}

footer h5 {
  color: #fff !important;
  text-decoration: underline
}
footer .nav-link {
  color: #edf2f7 !important;
}
footer .nav-link:hover {
  color: #f7a900 !important;
}
.socialicons {
  font-size: 1.8rem;
  color: #edf2f7;
  padding: .4rem !important;
  width: auto;
}
.socialiconsftu {
  font-size: 1.8rem;
  color: #edf2f7;
  padding: .4rem;
}
.socialicons:hover {
  color: #f7a900;
}
.imgcenter {
  display: block;
  margin: auto;
}
.usedtrheroh3 {
  font-size: 1.2rem;
}
.textred {
  color: #dd0000;
}
.ftulogoaboutus {
  max-width: 90%;
}
.centerleft {
  text-align: left;
}
.largeheader {
  font-size: 1.7rem;
}
.bg-ftudiff {
  background: #000;
  background-image: url(http://www.firetrucksunlimited.com/wp-content/uploads/2022/09/FTU-difference-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
}
.bg-hero {
  background: url(http://www.firetrucksunlimited.com/wp-content/uploads/2022/09/used-fire-trucks-for-sale-hero.jpg);
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.heroh1 {
  text-shadow: 1px 1px 3px #000000;
}
#apparatusInfoDiv {
  padding: 20px;
}
#apparatusInfoDiv h3 {
  margin-bottom: 0rem !important;
}

button.FT_qusMobileBtn {
	display: none;
}

@media (max-width:1400px) {
  h1.home_banner_title.hello_page_title {
    top: 26%;
  }
  .playIcon {
    font-size: 20px;
  }
  .truckDetails-inner .detailsButton {
    white-space: normal;
  }
  .pg-button ul {
    display: flex;
  }
}
/***********************Responsive CSS ***************************/
@media (max-width:1300px) {
  .grid-view a.bmfaN-avail-truckTag, body.sidebar-open .grid-view a.bmfaN-avail-truckTag {
    height: 130px;
  }
  .pagination-section .element-parent {
    max-width: unset;
    width: 100%;
  }
  h1.home_banner_title.hello_page_title {
    top: 26%;
  }
  .playIcon > img {
    max-width: 50px;
  }
  .playIcon {
    top: 25px;
    padding: 0;
  }
}
@media (max-width:1200px) {
  .pageCont .serviceImgs {
    margin: 70px auto;
    display: flex;
    justify-content: center;
  }
  .repair-section .serviceImgs img {
    max-width: 45%;
    width: 100%;
    height: auto;
  }
  img.adtv_serchImg {
    max-width: 57px;
    bottom: 7px;
    right: 03px;
  }
  .atdv_graybg .sign-up.btn, .atdv_graybg span.call-text {
    display: block;
    margin: 0 0 5px;
  }
  .atdv_graybg input, .atdv_graybg select, .atdv_graybg textarea {
    text-overflow: ellipsis;
  }
  .atdv_formTitle {
    padding: 10px 10px 0;
    padding-right: 60px;
    font-size: 19px;
  }
  .mainImg {
    width: 716px;
  }
}
@media (max-width:1120px) {
  .priceTxt {
    font-size: 16px;
  }
  .FT_tab-links li {
    min-width: 120px !important;
  }
}
@media (max-width:1080px) {
  .pagination-section {
    flex-direction: column;
  }
  .pagination-section p {
    white-space: normal;
    font-size: 1rem;
  }
  .pg-button {
    margin: 10px 0px;
  }
  .g-l-btn {
    margin: 0px;
  }
  .detailsButton button i {
    font-size: 14px;
  }
  body.sidebar-open .grid-view .truck-for-sale {
    width: 48%;
  }
  .grid-view .truck-for-sale {
    width: 48%;
  }
  .grid-view a.bmfaN-avail-truckTag, body.sidebar-open .grid-view a.bmfaN-avail-truckTag {
    height: 89px;
  }
  .atdv_formTitle {
    font-size: 16px;
  }
  .largeheader {
    font-size: 2rem;
  }
   .mainImg {
    width: 716px;
    border: none;
  }
}
@media only screen and (max-width: 1024px) {
  ul.home_menu li a {
    font-size: 14px;
    padding: 9px 12px;
  }
  .testimonials_sectn {
    width: 30%;
  }
  .listStyle > li {
    font-size: 28px;
  }
  .ContactSection .sg_amount {
    font-size: 22px;
  }
  /*.grid-view div.truck-for-sale {width: 38%;height:auto;}*/
  .imgTitle {
    font-size: 22px;
  }
  .mainImg {
    width: 620px;
}
}
/****TODAY 05-03-19 ****/
@media only screen and (max-width: 1000px) {
  /*************************** START BMFAN-FTF PAGE CSS ***************************/
  .bmfaN_ftf-grid.bmfaN_ftf-sec {
    display: block;
  }
  .bmfaN_ftf-grid.bmfaN_ftf-sec > div {
    margin-bottom: 18px;
  }
  .bmfaN_ftf-truckCol, .brandsCheck > div {
    width: 25%;
  }
  .ftf_filter_sctn .bmfaN_ftf-gridCol {
    margin-bottom: 10px;
  }
  .ftf_filter_sctn .bmfaN_ftf-gridCol {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .home_banner_title {
    padding: 25px 0;
  }
 
  .hometop {
    display: block;
  }
  .mainImg {
    width: 100%;
  }
  .page-truck-details-section .truckDetails-inner {
    width: 100%;
  }
  .page-truck-details-section .ContactSection {
    width: 100%;
    margin-left: 0px;
  }
  .subInner > div {
  width: 100%;
  padding: 5px;
}
  span.atdv_bigTxt {
    font-size: 33px;
  }
}
@media only screen and (max-width: 900px) {

  .atdv_formTitle {
    font-size: 13px;
  }
}
@media all {
  [id*=videoUrl] img {
    width: 100% !important
  }
  #downloadImgs {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #000;
    color: #fff;
    padding: 5px
  }
  div#geographicRegn {
    text-align: center;
    padding: 0 10px 10px
  }
  .blogtab.element-parent:before, .blogtab.element-parent:after {
    display: none;
  }
}
@media only screen and (min-width:985px) {
  .header-inner, .mainmenu {
    width: 960px;
    margin: 0 auto
  }
  .footer-inner-body {
    width: 920px;
    margin: 0 auto;
    height: 80px;
    vertical-align: middle
  }
  .footer-inner {
    width: 644px;
    text-align: center;
    vertical-align: middle;
    margin-top: 20px;
    float: left
  }
  .footer-inner-truck-finder {
    width: 150px;
    vertical-align: middle;
    float: right
  }
  .footer-inner-truck-finder-virtual {
    width: 120px;
    vertical-align: middle;
    float: left
  }
  .bannertitle {
    bottom: 21px !important;
    font: 700 2em/1em Arial, Helvetica, sans-serif;
    padding: .5em 0;
    background: url(../images/bg_black_transp.png)
  }
  .pageleft p {
    margin-right: 3%;
    font-size: 14px
  }
  .pageleft h1 {
    font-size: 21px
  }
  /*.truck-image {
        width: 12.5%;
        text-align: left
    }*/
  .truck-check-box {
    width: 2% !important
  }
  .formcol5 {
    width: 25%;
    float: left
  }
  .logo {
    width: 45%
  }
  .singin {
    width: 13%
  }
  .socilaicons {
    width: 42%
  }
}
@media only screen and (min-width:640px) {
  .logo {
    width: 45%;
    float: left
  }
  .signin {
    width: 13%;
    float: left;
    padding-top: 15px
  }
  .hometopright, .sidebar {
    width: 293px;
    padding-left: 25px;
    display: table-cell;
    text-align: left;
    vertical-align: top
  }
  .hometopleft, .page-banner, .pageleft {
    width: inherit;
    display: table-cell;
    text-align: left;
    vertical-align: top
  }
  .main-description {
    width: 48%;
    padding-right: 2%;
    float: left
  }
  .yellowbox {
    width: 48%;
    float: right
  }
  .truck-check-box {
    width: 10%
  }
  .formcol1, .formcol2, .formcol3, .formcol5 {
    width: 50%;
    float: left
  }
}
.blankpanel, .productTitle, .resultsDesc {
  display: block
}
@media only screen and (min-width:700px) {
  .truck-check-box {
    width: 10%
  }
  /*.note-price {
        width: 35%;
        float: left
    }*/
  .formcol4 {
    width: 50%;
    float: left
  }
}
@media only screen and (min-width:800px) {
  /*.fR {
    width: 38%;
    float: right;
}*/
  #contactDetails .fR {
    width: 50%;
  }
  .logo {
    width: 45%
  }
  .singin {
    width: 13%
  }
  .bannertitle {
    bottom: 21px;
    background: url(../images/bg_black_transp.png)
  }
  .main-description {
    width: 61%
  }
  .yellowbox {
    float: none !important;
    width: auto !important
  }
  .formcol3, .formcol5 {
    width: 33%;
    float: left
  }
}
.blankpanel {
  height: 338px
}
.criteriaTable td {
  padding: 4px
}
.criteriaTable select {
  table-layout: fixed;
  width: 100%
}
.criteriaTable {
  width: 100%
}
.productTitle {
  padding: 0 10px;
  height: 16px
}
.registration-head {
  padding: 30px 2% 25px;
  /*font: 400 1.5em/1.167em 'Cherry Cream Soda', cursive;*/
  color: #000;
  text-align: center
}
.registration-head h1 {
  /*font: 700 1em/1.2em 'Cherry Cream Soda', cursive;*/
  color: #000;
  margin: 0 0 20px
}
.registration-body {
  padding: 0 2% 100px;
  position: relative
}
.fire-man {
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 157px;
  height: 294px;
  background: url(../images/fireman.png) right bottom no-repeat;
  z-index: 10000;
  background-size: 60%
}
.form-heading {
  background: #000;
  border-radius: 15px 15px 0 0;
  font: 700 1.8em/58px 'Cherry Cream Soda', cursive;
  color: #FFF;
  text-align: center;
  position: relative;
  overflow: visible
}
.form-logo {
  width: 119px;
  height: 87px;
  position: absolute;
  background: url(../images/form-logo.png) no-repeat;
  top: -17px;
  right: 4%;
  z-index: 1000;
  display: none
}
.form-body {
  background: #911010;
  padding: 28px 2% 9px
}
.form-row:after {
  content: '';
  font-size: 0;
  height: 0;
  width: 100%;
  display: block;
  clear: both
}
.label-div {
  font: 700 1.5em 'Cherry Cream Soda', cursive;
  color: #FFF;
  padding-bottom: 3px
}
.form-body input {
  width: 97.4%;
  max-width: 408px;
  height: 35px;
  background: #FFF;
  border: none;
  outline: 0;
  font: 700 1.5em/35px 'Cherry Cream Soda', cursive;
  color: #000;
  padding: 0 1.3%;
  margin: 0 0 15px
}
.submit-div input[type=submit] {
  width: 233px;
  height: 55px;
  background: url(../images/registration_submit.png) no-repeat;
  border: none;
  outline: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  cursor: pointer
}
.type-year {
  font: 700 1.5em 'Cherry Cream Soda', cursive;
  color: #FFF;
  padding: 15px 0 11px
}
.submit-div {
  background: #000;
  padding: 26px 0 31px;
  text-align: center;
  border-radius: 0 0 15px 15px
}
#downloadImgs {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: #000;
  color: #fff;
  padding: 5px
}
.margin-reduced {
  margin-left: -20px
}
.margin-reduced a {
  font-size: 16px !important
}
/******************************************/
.home-row .swiper-slide {
  height: unset;
}
/******************************************/
/****************************************header search section new css****************************************************/
.search-picklist-section {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
  display: flex;
  margin-bottom: 25px;
  opacity: 0.8;
  border-radius: 10px;
}
.picklist-serach.search-col-8 {
  width: 60%;
  border-right: 1px solid #000;
  padding: 10px;
}
.picklist-serach.search-col-4 {
  padding: 10px;
  width: 40%;
}
.picklist-serach label {
  font-size: 17px;
  text-align: left;
  display: block;
  margin-bottom: 8px;
  color: #000;
}
.flex-content-vw {
  display: flex;
  align-items: center;
}
.picklist-serach select.picklist-view {
  color: #000;
  padding: 10px 25px 10px 10px;
  border-radius: 5px;
  appearance: auto;
  border: none;
  box-shadow: none;
  font-size: 15px;
}
.flex-content-vw .searchButton {
  margin-left: 10px;
  border-radius: 5px;
  padding: 0;
  background: #dd0000;
  border: 0 none;
  height: unset;
  width: 49px;
}
.selectDiv {
  width: 100%;
  position: relative;
  border: 1px solid #d3d3d3;
  padding-right: 5px;
  width: 100%;
  border-radius: 6px;
  box-shadow: inset 0 0 3px rgba(211, 211, 211, .78);
  box-sizing: border-box;
}
.selectDiv:after {
  /*content: '';
    display: inherit;
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 9px;
    border-left: 1px solid #ccc;
    width: 20px;
    bottom: 10px;*/
  content: '';
  position: absolute;
  top: 15%;
  height: 70%;
  right: 0;
  margin-right: 30px;
  border-left: 1px solid #ccc;
}
@media (max-width:920px) {
  .search-picklist-section {
    margin: 0 auto;
  }
}
@media (max-width:790px) {
  li.logo_image img {
    max-width: 130px;
  }
}
@media (max-width:768px) {
  .blogtab.element-parent:before, .blogtab.element-parent:after {
    display: block;
  }
  .picklist-serach.search-col-8 {
    width: 50%;
  }
  .picklist-serach.search-col-4 {
    width: 50%;
  }
  .picklist-serach label {
    font-size: 13px;
    margin-bottom: 1px;
  }
  .picklist-serach select.picklist-view {
    padding: 5px 25px 5px 10px;
  }
  .flex-content-vw .searchButton {
    width: 30px;
  }
  .atdv_page .FT_centerAT {
    font-size: 1.5rem;
    color: #fff !important;
  }
  .atdv_page .justifyContent {
    justify-content: center;
  }
  .atdv_relative {
    border-bottom: 0 none;
  }
  .atdv_page table.TruckDetails th, table.TruckDetails td {
    text-align: left;
  }
  .atdv_formTitle {
    font-size: 19px;
  }

  .atdv_truckDetailCol {
    width: 100%;
    display: block;
    margin-right: 0;
  }
  .atdv_subinner {
    width: 100%;
  }
  .page-truck-details-section {
    margin-bottom: 0;
  }
  .FT_label {
    width: 30%;
  }
  .atdv_page .grid-view .truck-for-sale {
    width: 33.33%;
  }
  .atdv_page .grid-view.detailviewGrid {
    display: flex;
  }
  img.adtv_serchImg {
    max-width: 73px;
    bottom: -6px;
    right: 15px;
  }
  .blogtab {
    flex-wrap: wrap;
  }
  .atdv_relative {
  	margin: 0 !important;
  }
  
  .bold-heading-div {
    margin:0 10px 10px;
}
  
}
@media (max-width:767px) {
  .search-picklist-section {
    display: block;
  }
  .picklist-serach.search-col-8 {
    width: 100%;
    border: 0 none;
    padding: 5px 10px 0;
  }
  .picklist-serach.search-col-4 {
    width: 100%;
  }
  .searchDiv {
    width: 100%;
  }
  form.inquiry-form .mileage-sec.mRight, form.inquiry-form .mileage-sec.mLeft {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .atdv_page .grid-view .truck-for-sale {
    width: 100%;
    margin: 0;
    padding-top: 0;
  }
  .atdv_formTitle {
    font-size: 15px;
  }

  img.adtv_serchImg {
    max-width: 69px;
    right: 8px;
    bottom: 2px;
  }
  .blogtablinks {
    width: 100%;
    padding: 10px 15px;
  }
}

@media only screen and (min-width:640px) {
  .form-logo {
    display: block
  }
}
@media only screen and (min-width:768px) {
  .label-div {
    width: 42%;
    float: left;
    padding: 4px 0 3px 3%
  }
  .form-element {
    width: 55%;
    float: left
  }
  .type-year {
    padding-left: 3%
  }
  .form-logo {
    right: 9%
  }
  
}
@media only screen and (min-width:780px) {
  .fire-man {
    right: -23px
  }
}
@media only screen and (min-width:985px) {
  .label-div, .type-year {
    padding-left: 8%
  }
  .label-div {
    width: 37%
  }
  .fire-man {
    bottom: 33px;
    background-size: 100%
  }
}
@media only screen and (max-width: 768px) {
  .listingH1 {
  	font-size: 1.5rem;
  }
  .tab-links a {
    font-size: 16px;
  }
  .home_banner_title, .home_banner_title a, .home_banner_title span {
    font-size: 1.5rem;
  }
  .home_menu {
    display: none;
  }
  .mk-nav-responsive-link {
    height: 80px;
    display: block;
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 2px solid #c1272d;
    justify-content: space-between;
  }
  .mk-nav-responsive-link a img {
    width: 80px;
  }
  .mobile_menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    list-style-type: none;
    text-align: left;
    top: 100%;
    z-index: 99;
    box-shadow: 0px 0px 4px #222;
  }
  .mk-css-icon-menu {
    display: flex;
    width: 22px;
    flex-direction: column;
    cursor: pointer;
  }
  .mk-css-icon-menu-line-1, .mk-css-icon-menu-line-2, .mk-css-icon-menu-line-3 {
    transition: all 0.4 ease-in-out 0s;
    width: 100%;
    height: 2px;
    background: #000;
    margin-bottom: 4px;
  }
  .mobile_menu li a {
    padding: 10px 17px;
    display: inherit;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    color: #000;
    text-decoration: none;
  }
  .mobile_menu li:last-child a {
    border: none;
  }
  .mobile_menu li a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #000;
  }
  /* ul.home_sub_menu{background:#f5f5f5;position:unset;border:none;}  */
  ul.home_sub_menu {
    position: unset;
    border: none;
  }
  ul.home_sub_menu li a {
    font-size: 12px;
  }
  .close .mk-css-icon-menu-line-1 {
    transform: rotate(-41deg);
  }
  .close .mk-css-icon-menu-line-2 {
    opacity: 0;
  }
  .close .mk-css-icon-menu-line-3 {
    transform: rotate(-137deg);
    margin-top: -12px;
  }
  .listStyle {
    display: inherit;
  }
  .listStyle > li {
    display: inline-block;
  }
  .testimonials_sectn {
    width: 46%;
  }
  .footer_link_section {
    width: 30%;
  }
  .footer_link_section h4 {
    font-size: 15px;
  }
  .footer_link_section ul li a {
    font-size: 13px;
  }
  .Page_link_images .page_link {
    height: 295px;
  }
  .deliveries {
    width: 32%;
  }
  .ftf_filter_sctn {
    display: inherit;
  }
  .ftf_filter_sctn div.halfBlck {
    margin-top: 15px;
  }
  .home_banner_title span.large_font {
    font-size: 24px;
  }
  .anchorClass:before {
    font-size: 30px;
  }
  /**Available truck detail css media query code**/
  .page-header-menu {
    float: right;
    margin-top: 13px;
  }
  .subInner {
    display: inherit;
  }
  .subInner div {
    width: 100%;
    text-align: center;
  }
  .page-truck-details-section .ContactSection {
    width: 30%;
  }
  .tab {
    display: flex;
    flex-direction: column;
    margin-top: 58px;
  }
  .tab button {
    border-right: 0;
  }
  .tabcontent {
    padding-left: 160px;
    height: 250px;
  }
  .rel-truck-details {
    width: 48%;
  }
  .related-trucks {
    text-align: center;
    margin: 15px auto;
  }
  .page-header img {
    width: 60px;
    margin-top: 9px;
  }
  .topSpacing {
    margin-top: 80px;
  }
  .titleText {
    width: 60%;
  }
  .home-row {
    text-align: center;
  }
  .amountText {
    width: 40%;
  }
  .FT_tabs {
    padding: 10px 0 0;
  }
  ul.FT_tab-links {
    width: 100%;
    display: block;
  }
  .FT_tab-links a, .FT_tab-links li {
    height: unset;
    width: 100%;
  }
  .FT_tab-links a {
    padding: 15px 10px;
    border: 1px solid #eaeaea;
    border-bottom: 1px solid #ccc;
  }
  .page-truck-details-section {
    flex-direction: column;
  }
  .page-truck-details-section .truckDetails-inner {
    width: 100%;
    margin-bottom: 20px;
  }
  .page-truck-details-section .ContactSection {
    width: 100%;
  }
  .priceTxt {
    position: unset;
    margin-top: 0;
    color: #fff !important;
  }
  .subInner div.hometopleft {
    height: unset;
    display: inherit;
  }
  .ContactSection .sg_amount {
    margin-top: 3px;
    margin-bottom: 10px;
    position: unset;
  }
  /**end here**/
  /**fire truck page new css media query code**/
  .formResp {
    display: inherit;
    padding: 20px 0px;
  }
  .formResp .halfBlck {
    width: 100%;
  }
  .truck-img-sectn {
    display: inline-block;
    margin: 0 auto;
  }
  .sub-search-section {
    width: 100%;
    margin-top: 10px;
  }
  .grid-view {
    text-align: center;
    display: inherit;
    width: 100%;
  }
  .pg-button ul {
    display: inline-block;
    text-align: center;
  }
  .pg-button ul li {
    margin: 10px 0px;
  }
  /**end here**/
  .header-page-banner-new .productList li a img {
    height: auto !important;
  }
  .header-page-banner-new .productList li {
    width: 30%;
    margin-bottom: 15px;
    height: unset !important;
  }
  .imgTitle {
    color: #dd0000 !important;
    max-width: 100%;
  }
  /*************************19***********************/
  /*.subInner div.swiper-button-next, .subInner div.swiper-button-prev{width:auto;}*/
  /*.header_set div.home_page_banner {height:unset !important; min-height:75px;}*/
  .staff-member_photo img {
    width: auto !important;
  }
  .staff_detail {
    width: 50%;
    margin-bottom: 15px;
  }
  .bmfaN_ftf-grid {
    display: block;
  }
  .bmfaN_ftf-col {
    padding: 0;
    margin-bottom: 8px;
  }
  #contactDetails .bmfaN_ftf-gridCol {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-view div.truck-for-sale .note-price .note {
    white-space: normal;
    overflow: visible;
  }
  body.sidebar-open .grid-view .truck-for-sale {
    width: 50%;
  }
  .grid-view a.bmfaN-avail-truckTag, body.sidebar-open .grid-view a.bmfaN-avail-truckTag { /* height: 156px; - removed MGD 3/19 */
  }
  .swiper-container.swiperMobile.swiper-container-horizontal {
    padding-bottom: 56px;
  }
  h1.home_banner_title.hello_page_title {
    top: 60px;
    position: absolute;
  }
  .fR.sg_amount, .sg_amount a {
    font-size: 22px;
  }
  div#budgetrange-slider, div#yearrange-slider {
    width: 91%;
  }
  .swiper-container.swiperMobile.swiper-container-horizontal {
    padding-bottom: 0;
  }
  .home-row .swiper-slide {
    width: unset !important;
  }
  .playIcon {
    top: 25%;
  }
  .header_set {
    margin-top: -105px;
  }
}
@media only screen and (max-width: 480px) {
  .anchorClass:before {
    font-size: 24px;
  }
  .anchorClass:after {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .form-container {
    padding: 5px;
    box-shadow:none;
  }
  .mileage-sec {
    width: 100%;
    margin: 0;
  }
  .home_banner_title {
    font-size: 22px;
  }
  .iconBtn {
    display: none;
  }
  .sidebar-open .filter_info_sctn {
    width: 100%;
  }
  /**fire truck page new css media query code**/
  .displayFilters_section {
    display: inherit;
  }
  .sidebar-open .margin-left-side {
    margin-left: 0px
  }
  .filter-section {
    display: block;
    max-width: 100%;
    width: 100%;
    padding: 15px;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
    z-index: 10;
  }
  .filter-section div {
    display: block;
  }
  .sidebar-open .filter-section {
    width: 0;
    padding: 0;
    display: none;
  }
  .filter-collapse-mobile {
    display: block;
    position: absolute;
    left: 20px;
    margin-top: 7px;
    border: 1px solid #ccc;
  }
  .margin-left-side {
    margin-left: 0;
  }
  .filter-section button.filter-collapse-arrow {
    display: none;
  }
  .sidebar-open .filter-collapse-arrow {
    position: unset;
    float: left;
  }
  .filter-collapse-arrow {
    position: fixed;
    right: 0;
    top: 0;
    left: 89%;
    z-index: 99;
    background: #fff;
    transition: unset !important;
    transform: rotate(0deg);
    margin-left: -13px;
  }
  /**end here**/
  /**webportal Style css media query code**/
  div#reg-confirmation > img {
    width: 100%;
  }
  .bmfaN_ftf-truckCol {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 15px;
  }
  #searchimg {
    bottom: -2px !important;
    right: -2px !important;
  }
  .criteriaTable, .criteriaTable tbody, .criteriaTable td, .criteriaTable th, .criteriaTable tr {
    display: block
  }
  .header-page-banner-new {
    display: block !important;
    margin-bottom: 15px !important;
    width: 100%
  }
  .repair-section .serviceImgs {
    flex-wrap: wrap;
  }
  .repair-section .serviceImgs img {
    max-width: 100%;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    height: inherit !important;
  }
  /**end here**/
  .truck-description {
    margin-top: 10px;
    display: inline-block;
  }
  .grid-view .truck-description {
    display: inherit;
  }
  .new_content {
    display: inherit;
  }
  .staff_detail {
    width: 100%;
  }
  .bmfaN_ftf-truckCol, .brandsCheck > div {
    width: 50%;
  }
  body.sidebar-open .grid-view .truck-for-sale, .grid-view .truck-for-sale {
    width: 100%;
  }
  .grid-view a.bmfaN-avail-truckTag, body.sidebar-open .grid-view a.bmfaN-avail-truckTag {
    height: unset;
  }

  .imgBox img {
    max-width: 100%;
  }
  .imgBox {
    height: unset;
  }
  .header_set p i {
    margin-top: 10px;
  }
  h1.home_banner_title.hello_page_title {
    top: 0;
    font-size: 13px;
    padding: 4px;
  }
 
  .home_banner_title.hello_page_title span.large_font {
    font-size: 19px;
  }
  .header_set p {
    font-size: 15px;
  }
  .fR.sg_amount {
    float: none;
    width: unset;
  }
  .swiper-container {
    padding: left:45px;
    padding-right: 45px;
  }
  .swiper-button-next {
    border-left: 15px solid #3b3b34;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    border-right: 15px solid #3b3b34;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
  }
  span.swiper-slide.swiper-slide-next, span.swiper-slide.swiper-slide-prev {
    z-index: -3;
  }
  img.bmfaN-avail-truckImg {
    /* max-width: 100%; - removed MGD 3/19 */
    height: unset;
  }
  .truck-image {
    width: 40%;
  }
  .browseLinkHide {
    display: none;
  }
  .fL.imgTitle, .fR.sg_amount {
    float: none;
    text-align: left;
    display: block;
  }
  /*span.swiper-slide.swiper-slide-active:after { content: ''; width: 100%; height: 100%; background: #fff; z-index: -1; left: 0; right: 0; display: block; padding: 56px; position: absolute; margin-left: -47px; }

    */
  .serFeedbkPage .grid {
    display: block;
  }
  .serFeedbkPage .col {
    width: 100%;
    padding: 0 0;
  }
  .FT_qusMobileBtn {
    display: block;
  }
  .form-container .imgTitle {
    padding: 0;
  }

  form.inquiry-form span.call-text {
    display: block;
    margin-top: 15px;
  }
  li.FT_value .FT_label {
    display: block;
    width: 100%;
    min-width: 100%;
    margin-bottom: 10px;
  }
  li.FT_value {
    display: inline !important;
  }
  .detailsbtnImg {
    max-width: 28px;
    max-height: 25px;
  }
  .brandsCheck > div {
    justify-content: start;
  }
  #geo-region span.reqField {
    padding-top: 0;
  }
  #regions {
    margin-bottom: 15px;
  }
  .ftfnew_grid > div {
    padding: 0 0 15px;
    text-align: start;
  }
  .ftfnew_grid {
    display: block;
  }
  .ftfnew_redline {
    font-size: 25px;
    padding: 0 10px;
  }
  #tanksAndPumpSizeDiv {
    padding-bottom: 0;
  }
  .ftfnew_formTitle {
    font-size: 22px;
    padding: 0px 0 15px;
  }
  .ftfnew_form .form-container {
    padding: 0;
  }
  .bmfaN_ftf-page .ftfnew_form.service-setion .mileage-sec.threee-box {
    width: 100%;
  }
  .form-container.ftfnew_form {
    padding: 0;
  }
  .locationImg {
    max-width: 100%;
  }
  .ftfnew_grid > div {
    margin: 0 auto;
  }
  .bmfaN_ftf-truckCol.ftfnew_truckCol {
    width: 100%;
  }
  .FT_gryTxt ul li {
    padding: 10px;
    line-height: 2rem;
}
}
@media only screen and (max-width: 760px) {
  .footer .searchButton {
    width: unset !important;
    height: unset !important;
    left: 100%;
  }
  .stButton {
    display: none !important;
  }
  .truckDetails-inner .detailsButton > button {
    width: 33.33%;
  }
  .truckDetails-inner .detailsButton {
    display: flex;
    align-items: end;
  }
}
@media (max-width:650px) {
  .swiper-slide img {
    height: auto;
  }
  span.swiper-slide a {
    display: flex;
    align-items: center;
    width: auto;
  }
  /*.homeboxes{width: 260px;margin-right: 5px;}
        .grid-view div.truck-for-sale{width:100%;height: auto; margin: 6px auto;} 
        .grid-view div.truck-for-sale .truck-image{height: auto;}*/
}
@media (max-width:586px) {
  .justifyContent {
    display: inherit;
  }
  .detailsButton button {
    padding: 10px 20px;
    margin: 0 !important;
  }
  .rel-truck-details {
    width: 100%;
    margin-right: 0;
  }
  .detailsButton {
    margin-top: 10px;
    white-space: normal;
  }
  .titleText {
    width: 100%;
  }
  .amountText {
    width: 100%;
    text-align: left;
  }
  .hometop {
    flex-direction: column;
  }
}
@media only screen and (max-width: 568px) {
  .menuBtn span {
    display: none;
  }
  .menuBtn img {
    margin-left: 0px;
  }
  ul.menu-list {
    width: 100%;
  }
  .bmfa-logo {
    width: 56px;
  }
  .header-grid {
    align-items: center;
  }
  .logo-head {
    margin-bottom: 0px;
  }
  .header-container {
    padding: 10px 0px;
  }
  .tab-links {
    display: inherit;
    width: 100%;
  }
  .tab-links li {
    border-bottom: 1px solid #f1f1f1;
  }
  .tab .grid {
    display: inherit;
  }
  .tab .grid .cols {
    width: 100%;
  }
  h1.banner-txt {
    font-size: 24px;
    width: 100%;
    line-height: 30px;
  }
  .btn-red {
    width: 100%;
    min-width: unset;
  }
  .banner-inner {
    min-height: 360px;
    background-size: cover;
  }
  .listStyle > li {
    text-align: center;
    width: 40%;

    font-size: 15px;
    padding: 10px;
  }
  .topbanner {
    margin-top: 60px;
  }
  .truck-for-sale {
    display: grid;
    text-align: center;
  }
  .price {
    text-align: center;
  }
  .testimonials_sectn {
    width: 100%;
    margin-right: 0;
  }
  .Page_link_images .page_link {
    width: 100%;
  }
  .footer_link_section ul li div {
    max-width: 100%;
  }
  .footer_link_section {
    width: 100%;
  }
  .deliveries {
    width: 100%;
  }
  .ftf_title {
    font-size: 20px;
  }
  .header-page-banner-new .productList li {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
  .truck-description h2 {
    font-size: 20px;
  }
  .truck-description h2 span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 420px) {
  .pagination_section {
    display: inherit;
  }
  p.pagination_section {
    display: flex;
    margin: 15px 0px
  }
  .largeheader {
    font-size: 1.6rem;
  }
  /*.homeboxes{width:100%;margin-right: 0;} */
}
@media (min-width: 576px) {
  .howtobuy {
    margin: 0 4rem;
  }
  .centerleft {
    text-align: center;
  }
  .largeheader {
    font-size: 2.1rem;
  }
}geniu