input[type='checkbox'] {width: 18px; height: 18px; min-height: unset !important; background: #fff; -webkit-appearance: none; display: inline-block;  position:relative; 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 #ff0000;
            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;  -webkit-appearance:none; -moz-appearance:none; appearance:none ;}
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: 19px;   margin-top: 5px;   display: block; font-weight: 600;}
.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 { width: 20%; align-items: center; border: 10px solid #f5f5f5; box-shadow: 0 0 0 1px #dddbda inset; display:block; }
.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%;}

.truck-description { padding: 0 15px;}
div.truck-for-sale, span.truck-for-sale { background: #fff; margin-bottom: 5px; padding: 10px; width: 100%; text-align: left; display: flex; min-height:156px;}
.truck-image { width: 225px; }
.grid-view .truck-image { width: unset; }
body.sidebar-open .grid-view .truck-for-sale { width: 25%; }
.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: #ff0000; font-weight: 600; white-space: normal; }
.price a {   font-size: 13px;   font-weight: 600;}

.rightCol {display: inline-flex; margin-left: auto;}
.note > span {  text-align: center; display: block; padding:5px 0;}
.grid-view .note > span {
    text-align: center;
    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: 7px; left: 5%; width: 90%; }
.grid-view .truck-for-sale { padding-bottom: 45px; position:relative;}
.bold-heading-div a.backLink {color: #ff0000; 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; line-height: normal !important;}
.contactussales iframe form.form{font-family: 'Source Sans Pro', sans-serif; } 
h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', sans-serif;}
.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;} 
body{text-align: center;}
h1 {font-size: 21px;font-weight:bold;}
h1, h3, h3 a{color: #ff0000;}
a {color: #ff0000 }
/*************************** 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: #ff0000; 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: 0px;} 
.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: #ff0000; border: 1px solid #ff0000; 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: #f1f1f1; margin-top: 35px; padding: 20px; margin-bottom: 35px; }

/*************************** 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: #ff0000; 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 { width: 100%; text-align: left; background: #FFF }
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, .socialicons {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;}
.socialicons img {vertical-align: middle;margin-left: 3px;}
.socialicons span { font: 700 1.2em/1em; padding-left: 5px; vertical-align: middle; }
.socialicons span a {color: #FFF;}
.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;
    font: 700 1em/1.1em Arial, Helvetica, sans-serif;
    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: #ff0000;
    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
}


.note {
    color: red; 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 {
    background: #707070;
    background: -moz-linear-gradient(top, #707070 0, #020202 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(100%, #020202));
    background: -webkit-linear-gradient(top, #707070 0, #020202 100%);
    background: -o-linear-gradient(top, #707070 0, #020202 100%);
    background: -ms-linear-gradient(top, #707070 0, #020202 100%);
    background: linear-gradient(to bottom, #707070 0, #020202 100%);
    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
}

.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 #ff0000;
    padding: 1px 1px 18px
}

.contacttext {
    background: #ff0000;
    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: #ff0000;
    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: #ff0000; 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 #ff0000; 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:#000;}
.bold-heading-div a:hover{text-decoration:underline;}
.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: unset; }
.favouriteButton, .favourite { max-width: 40px;}
.mainImg img.iconOnImage { position: absolute; bottom: 20px; right: 20px; max-width: 43px; }
.mainImg { position: relative; }

.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: #ff0000; 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: 0 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: #ff0000; 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;padding-bottom:20px; max-width:880px; text-align: left;}
.pagebody{margin-top:20px;display: inline-block;/*max-width:1200px*/;width:100%;}
.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;}
.grid-view .truck-description{/*white-space: nowrap; - changed by FSM 02-23-21*/ overflow: hidden; text-overflow: ellipsis; text-align: center;}
.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;/*white-space: nowrap; - changed by FSM 04-16-19 */ white-space:normal; overflow: hidden; text-overflow: ellipsis;} 
.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;
}
.pagebody * {
    font-family: 'Source Sans Pro', sans-serif !important;
}
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 { background: #ff0000; padding: 7px 20px; color: #fff; width: auto; border: 0; border-radius: 3px; box-shadow: 1px 1px 3px rgba(133,3,3,.74); margin: 10px auto 30px; font-size: 17px; display: block; font-weight: 500; height: 50px; }
.TruckDetailsSection{padding: 0 30px 0 30px; margin-top: -21px;}
.new_content{display: flex;justify-content: center;}

/*************************** Home page new design CSS ***************************/
.home_page_banner{min-height:375px; background-size: cover;background-repeat: no-repeat;position: relative; background-position: center; display: flex; align-items: center; text-align: center;}
.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_page_banner:before { content: ''; background: rgb(0 0 0 / 34%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.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:#ff0000;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: #ff0000; 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: #ff0000; border: 1px solid #ff0000; 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 { background: #afafaf; padding: 11px; margin-top: 25px; 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: #ff0000; line-height:25px;} 
.page-truck-details-section { align-items: flex-start;margin-top:0px;margin-bottom: 50px; } 
.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:60px;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: 72px; 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: #ff0000; 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: #ff0000; font-weight: 900;margin-bottom:10px;}
.ContactSection p { color: #000; font-size: 14px; font-weight: normal;  font-style: italic; }
.ContactSection input[type="checkbox"]{position: absolute;background: #fff; -webkit-appearance: none; width: 16px; height: 16px; padding: 0; margin: 0; border-radius: 0; box-shadow: 0 0 2px #c1c1c1;}
.ContactSection input[type="checkbox"]:before { opacity: 0; content: ''; width: 7px; height: 3px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; display: inherit; transform: rotate(-47deg); margin-top: -1px; margin-left: -1px; position: absolute; }
.ContactSection input[type="checkbox"]:checked { background: #ff0000; border: 1px solid #ff0000; }
.ContactSection input[type="checkbox"]:checked:before{opacity:1;}
.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:#ff0000; 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: #ff0000;}
.TruckDetails tr.price-row th { color: #ff0000; 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-left:8px;}
/******************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:#ff0000;}
.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: #ff0000; 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; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.redBoxpsg{color: #e1b9b2 !important;}
.FT_tab-links li{min-width:150px !important;margin-right: 12px !important;} 
.thumbnaildiv{width:100%;background:#fff;border:1px solid #ccc;}
.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%;color: #ff0000;}
.pagination-details{border-bottom:2px solid #ff0000;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; height: 28px; line-height: 25px; padding: 4px 45px 4px 6px; border-radius: 2px; }

.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; display: flex;}
.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: #ff0000; color: #fff; }
/*.pg-button ul li a.active{background: #ff0000; color: #fff;}*/
/*.pg-button button{border:none;background: #ff0000; 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: #ff0000; border-color: #ff0000; color: #fff;}
.pg-button ul li a.page-link.next,
.pg-button ul li a.page-link.prev { border:none;background: #ff0000; 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;}
.pagination-section .element-parent:before {right: 7px; border: 5px solid transparent; border-top: 8px solid #999;}



/*
.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_redbg {background:#ff0000;}
.atdv_bigTxt { font-size: 45px; color: #fff; display: block; }
.atdv_formTitle { text-align: left; padding: 10px; padding-right: 100px; position: relative;  color: #fff; white-space:nowrap;}
span.atdv_bigTxt { font-size: 60px; color: #fff; display: block; line-height: 43px !important; }
.ContactSection p.atdv_psg {font-size: 12px; font-weight: 500; text-align: center; color: #d1d1d1; padding: 0 0 25px;}
.atdv_graybg label { font-size: 13px; padding: 0 8px 3px; display: block; font-weight: 600;}
.atdv_graybg input, .atdv_graybg select, .atdv_graybg textarea { background: #afafaf; padding: 5px 8px; border-radius: 2px;color: #fff; }
.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 2px 0 4px;}
.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;}
.atdv_checkbox { background: #ebebeb; }
#checkboxes {background: #ebebeb; padding: 10px;}
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.atdv_selectRed select {background:#ff0000; border-color: #ff0000;}
.atdv_graybg .element-parent select {padding-right: 22px; background:#afafaf;}
.atdv_graybg .element-parent.selectBox select { background: #ff0000; border-color: #ff0000; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.atdv_graybg .sign-up.btn {margin:0 auto;}
.atdv_subinner {width:50%;}
.atdv_truckDetailCol { width: 73%; display: flex; margin-right:27%;}
.truckDescription.atdv_subinner {padding: 0 30px;}
.atdv_page {border-top:1px solid #dddbda;}
.atdv_relative { border-bottom: 1px solid #dddbda; padding-bottom: 15px; margin: 0 16px; }
.atdv_prd2 {padding-top:25px}
.atdv_tabTitle {font-size: 25px; color: #000; font-weight: 700; display: block;}
.atdv_redbgTxt { background: #ff0000; color: #fff; padding: 30px 2%; text-align: center; font-size: 25px; font-weight: bold; font-style: italic; margin-top: 45px; margin-bottom: 25px; }
.atdv_redbgTxt > a {font-size:25px; font-weight: bold; font-style:normal; padding:0;}
.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 { border: 10px solid transparent; box-shadow: none; width: 16.66%;}
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_page .sign-up.btn {height:unset; margin:0; font-weight: 600;}
.atdv_btnDiv{text-align: center; justify-content: space-between; display: flex; align-items: center;}
.element-parent.atdv_selectRed { background: none; }
.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;
}


@media (max-width:1400px) {
    h1.home_banner_title.hello_page_title {  top: 26% ;}
    .playIcon {font-size:20px;}
    .truckDetails-inner .detailsButton { white-space:normal;}
    

}

/***********************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; }
    span.atdv_bigTxt { font-size: 40px; line-height: 30px !important; }
    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; line-height: 31px !important; }
}


@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{margin-bottom:20px;white-space: normal; font-size:14px;}
    .pg-button{margin:10px 0px;}
    .g-l-btn{margin:10px 0px;}
    .detailsButton button i{font-size:14px;}
    body.sidebar-open .grid-view .truck-for-sale {   width: 33.33%;}
    .grid-view .truck-for-sale {width:33.33%;}
     .grid-view a.bmfaN-avail-truckTag, body.sidebar-open .grid-view a.bmfaN-avail-truckTag {  height: 89px; }
    span.atdv_bigTxt { font-size: 40px;}
    .atdv_formTitle {font-size: 16px;}
}


@media only screen and (max-width: 1020px)
    {
    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;}
    
}


    
/****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;}
    .home_page_banner {min-height:unset;}
    
    /*************************** START BMFAN-FTF PAGE CSS ***************************/
}

@media only screen and (max-width: 900px) {
    span.atdv_bigTxt { font-size: 33px; line-height: 22px !important; }
    .atdv_formTitle { font-size: 13px; line-height: 23px !important; background-position: 90% bottom;}
}


@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
    }
    .socialicons {
        width: 42%;
        float: left;
        padding-top: 10px
    }
    .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%
    }
    .socilaicons {
        width: 42%
    }
    .socialicons img {
        margin-left: 5px
    }
    .socialicons span {
        font-size: 1.75em;
        padding-left: 15px
    }
    .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: #ff0000;
    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: 28px !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; line-height: 29px !important; background-position: right bottom; }
    span.atdv_bigTxt { font-size: 45px; line-height: 39px !important; }
    .atdv_truckDetailCol { width: 100%; display: block; margin-right: 0; }
    .atdv_subinner { width: 100%; }
    .page-truck-details-section {margin-bottom:0;}
    .FT_label {width:30%;}
    .truckDescription.atdv_subinner { padding: 35px 0 0; }
    .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;}
}
@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;}
    span.atdv_bigTxt { font-size: 40px;}
    img.adtv_serchImg {max-width: 69px;  right: 8px; bottom: 2px;}
    .blogtablinks {width:100%; padding:10px 15px;}
}
@media (max-width:480px){
    /*.search-picklist-section {margin-top: -76px;}*/
    h1.home_banner_title {margin-top: -50px;}

    
}
@media (max-width: 325px)  {
	/*.search-picklist-section {margin-top: -95px;}*/
}

/********************************************************************************************/


@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) {
    .tab-links a{font-size:16px;}
    
    .home_banner_title, .home_banner_title a, .home_banner_title span {font-size:30px; }
    .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;margin: 10px 0px;}
    .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:#ff0000 !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:20px;}
        .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;   }
        .home_page_banner {min-height:185px;}

        
        .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, .home_banner_title a, .home_banner_title span {font-size:15px;}
        .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;}
    .note > span {text-align:center;}
    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: block !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%;}
    }
    
    @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;margin-bottom: -15px !important; }
    }
    
    
    @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}
        /*.homeboxes{width:100%;margin-right: 0;} */
    }
    /*************************** END RUPALI CSS ***************************/ 
    
    
    
   

    
    
    
    /**********************************************REWORK REMOVED CSS
            #truckTypes div.truck_ftf{width:41%; margin: 4px;height:auto;}

    .registration-head p {
    margin: 0 10% 23px
    }
    .registration-head p.no-margin {
    margin: 0
    }
    .align_size{display:flex;align-items: center;width:18%;}
    .ftf_filter_sctn{display:flex;align-items: flex-end;}
.ContactSection input, textarea, select{font-weight:600;border:1px solid #ccc; border-radius:4px;color:#999999;font-size:14px;display:block;width:100%;margin-bottom:3px;padding:8px 12px}
button.multiselect.dropdown-toggle.btn.btn-default {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 13px;
    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;
    text-align: left;  
}
    button.multiselect .caret{position: absolute;z-index: 999;right: 3px;}
    input[type="text"]{padding:8px 12px;border:1px solid #ccc;border-radius: 4px;width:100%;}
    select{border:1px solid #ccc;border-radius: 4px;}
    .ui-slider-horizontal{width:92% !important;margin:0 auto;} 

        
        
        .ftf_filter_sctn .threee-box{padding-left:0px;} 
        #keywordDiv label.lftBlHeading {color:#c1272d;font-size:20px;}
        div#keywordDiv{padding:0px 10px;}
        .home_banner_title {top:125px;}  
    .home_banner_title {position:static; margin-top: 15px;}
    .home_page_banner{position:static;}
    .note-price {
    width: 250px;
    float: right
}
.note-price { display: inline-flex; margin-left: auto; }
.price {
    font-weight: 700;
    width: 40%;
    float: right
}
*********************************************************

    Quicklinks
Profiles Chamber
Quick Console
Home
Quick Query
Execute Anonymous
Sobject fields 
Quick ORG Describe
Replace API Names
Convert SF Id
Login As...
Games
Options 
Hide 
The Welkin Suite fast, one dashboard approach for configuring Salesforce Orgs
Quicklinks
Profiles Chamber
Quick Console
Home
Quick Query
Execute Anonymous
Sobject fields
Quick ORG Describe
Replace API Names   
Convert SF Id
Login As...
Games 
Options
Hide 
The Welkin Suite fast, one dashboard approach for configuring Salesforce Orgs
*****************************************************************/

