*{box-sizing:border-box;margin:0;padding:0;font-family: 'Open Sans', sans-serif;}
a{color:inherit; text-decoration:inherit;}
a:hover{color:inherit; text-decoration:inherit;}
body a:hover{color:inherit; text-decoration:inherit;}
:focus{outline:none;} 
button:hover{cursor:pointer;}
button:focus{outline:none;}
input[type="text"]{border: 1px solid #dddbda; padding: 10px; border-radius: 4px; -webkit-appearance: none; width: 100%; padding:8px 12px; }
input[type="checkbox"]{cursor:pointer;border-radius:2px;background: #fff;border: 1px solid #ccc;-webkit-appearance: none;width: 17px;height: 17px;box-shadow: 1px 2px 2px #ccc;}
input[type="checkbox"]:before{opacity:0; content: ''; width: 8px; height: 3px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); display: inherit; margin-top: 3px; margin-left: 2px;}
input[type="checkbox"]:checked:before{opacity:1;}
input[type="checkbox"]:checked{background:#1a9e1f;} 
/**************************loader Css *************************************/
.loading-wrap, .loading-wrap-cmp{position: fixed; background: rgba(0,0,0,0.6); left: 0; right: 0; top: 0; bottom: 0; text-align: center;z-index:999;}
.loading-wrap #assign-action-spinner-content, .loading-wrap-cmp #assign-action-spinner-content {display: flex; align-items: center; justify-content: center; height: 100%;}
.loading-wrap #assign-action-spinner-content img, .loading-wrap-cmp #assign-action-spinner-content img{width:35px;height:auto;}
.loading-wrap div img, .loading-wrap-cmp div img{height:auto;}


/************************* header css ***************************************/
ul li{margin:0;}
.header-top-links{background:#be2c18;padding:6px 0px;}
/*.header-social-links{text-align:right;padding:5px 0px; background:#fff;}*/
.header-social-links{text-align:right;padding:5px 0px;}
.header-social-links img{width:16px;margin-left: 13px;}
.main-container{max-width:1200px;margin:0 auto;height: 100%;padding:0px 20px;}
.main-container-white-bg{background-color:#fff; border-radius:5px; padding-top:15px;margin-top:2px;} 
.header-top-links ul{text-align:right;}
.header-top-links ul li{list-style-type:none;display: inline-block;margin-left: 10px;border-left: 1px solid #fff;padding-left: 10px;}
.header-top-links ul li:first-child{border:none;}
.header-top-links ul li:first-child i{margin-right:4px;}
.header-top-links ul li a{font-size:12px; color:#fff;}
.header-top-links ul li:hover{text-decoration:underline;}
/*.header-nav-wrapp{height:auto;box-shadow: 0px 0px 2px #afafaf;background:#fff;}*/
.header-nav-wrapp{height:auto;box-shadow: 0px 0px 2px #afafaf;background:linear-gradient(#999,#fff);}
.header-navigations{display: flex; justify-content: space-between;height:100%;align-items: center;}
.site-logo img{width:380px;}
.navigations{height:100%;}
.navigations ul.main-nav{ text-align: right; width: auto; display: inline-block; float: right;}
.navigations ul.main-nav li{position:relative;/*background: #fff; border:1px solid #fff;border-bottom:none;*/text-transform: uppercase; list-style-type: none; display: inline-block; padding: 22px;}
.navigations ul.main-nav li a{position:relative;font-size: 14px;color:#131313;font-weight:600;}
.navigations ul.main-nav li a.dropdown{padding-left: 18px;}
.navigations ul.main-nav li a.dropdown:before{  
    content: "";
    width: 0;
    position: absolute;
    top: 6px;
    height: 0;
    left: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #333333;
}
.navigations ul.main-nav li:hover{background: #f3f3f3;border-color:#d6d6d6;cursor:pointer;} 
.navigations ul.main-nav li:hover a.nav-tb{color: #be2c18;}
.navigations ul.main-nav li:hover a.dropdown:before{border-top: 8px solid #be2c18;}
.navigations ul.main-nav li:hover .nav_details{display:block; transition:0.3s;}
.nav_details{display:none; text-align:left;border: 1px solid #d6d6d6; z-index:99;position: absolute; left:0; width: 100%; min-width: 220px; height: auto; background: rgba(249, 249, 249, 0.9); top: 100%;text-transform: none;}
.service-details{display: flex;margin-bottom: 8px;}
.service-logo{padding:10px;}
.service-logo img {width: 160px;margin-right: 14px;}
.service-text { text-align: left; }
.service-text p{text-transform:none;font-size: 13px;}
.service-text p{ margin-top: 10px; }
.nav_details a{padding-left:0 !important;}
.nav_details a:before{display: none;}
.service-text p a.s-link { font-weight: 600; text-decoration: underline;}
.service-text p a.s-link:hover{color:#be2d18;}
.service-location{display:flex;}
.serviceLocMap{width: 430px; height: 250px; background: #fff; margin-right: 10px;overflow: hidden;}
.serviceLocMap img{width:100%;}
.locationDetails{width:100%; text-align: left; }
.locationDetails h2{border-bottom:1px solid #979797;padding-bottom:5px;margin-bottom:8px;font-size: 16px;color: #121212;display: inherit;}
.locationDetails table{width:100%;}
.locationDetails table tr th, .locationDetails table tr td{font-weight:bold; color:#363635;font-size:13px;padding:4px;}
.locationDetails table tr th{text-decoration:underline;text-align:right;text-decoration:underline;}
.locationDetails table tr th, .locationDetails table tr td{font-weight:normal;font-size:13px;}
.truck-dtl{vertical-align: middle;width: 38%; text-align: center; padding: 10px; display: inline-block;margin:8px 10px;}
.truck-dtl img{width: 100px;}
.truck-dtl h4{margin: 8px 0px;color:#353535;display: block;}
.nav_details .truck-dtl a{font-size: 12px;text-decoration: underline;color:#696969;}
.nav_details .truck-dtl a:hover{color:#be2d18;}

.positionSetRelative{position:relative;} 
.positionSetRelative .nav_details{left:unset;right:0; top: 100%;padding:0;min-width: 204px;text-align:left;}
.navigations ul.sub-navigations {display: inherit;}
.navigations ul.sub-navigations li{padding: 14px 12px; border: none !important; border-bottom: 1px solid #ccc !IMPORTANT; background: none;width: 100%;}
.navigations ul.sub-navigations li:last-child{border:none !important;}
.navigations ul.sub-navigations li:hover a{color:#be2d18;}
.navigations ul.sub-navigations li a{text-transform: none;}
.navigations ul.truck-info-nav {text-align: right;padding: 10px 0px;}
.navigations ul.truck-info-nav li { display: inline-block; font-size: 14px; margin-left: 50px; font-weight: 600; }
.navigations ul.truck-info-nav li:hover{color:#be2d18;}
.navigations ul.truck-info-nav li a{color:#000;}
.navigations ul.truck-info-nav li a:hover{color:#be2d18;text-decoration: none;}
.page_bottomdetails{background:#000;color:#fff;padding:20px;}
.page_bottomdetails h1{font-size:28px;margin-bottom:10px;display:inherit;}
.page_bottomdetails p{font-size:13px;}

/************************* home page css ***************************************/
.welcome-screen {
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 120;
        overflow: auto;
}
.welcome-section {display: flex;align-items: flex-start;justify-content: center;width: 100%;height: 100%;padding-top:5%;}
.welcome-content {width: 98%;margin: 10px auto;max-width: 600px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 4px #000;position: relative;padding: 20px;
}
.iframe-section {
    height: 150px;
    overflow: hidden;
    width: 300px; 
    margin: 10px auto;
}
.video-section iframe { 
    width: 100%;
    height: 100%;
}
button.closeBtn {position: absolute;right: 0;top: 0;margin-top: 10px;background: none;border: none;font-size: 25px;font-weight: 100;color: #ccc;margin-right: 20px;cursor: pointer;}
button.closeBtn:hover{color:#333;}
.welcome-content p {font-size: 14px;line-height: 24px;}
h1.wel-title {text-align: center;margin-bottom: 20px;font-weight: bold;font-size: 28px;text-transform: uppercase;}
.wel-site-logo img {width: 150px;}
.wel-site-logo {margin-bottom: 10px;display: block;}
.wel-btn-section { text-align: right; padding: 15px 0px; border-top: 1px solid #ccc; padding-bottom: 0; }
.wel-close-btn{display: inline-flex; align-items: center; justify-content: center; background: #b62831; color: #fff; border: none; padding:10px; width: 100%; max-width: 140px; border-radius: 2px; font-size: 15px;}
.wel-close-btn i{background: #fff; color: #b62932; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding-left: 3px; margin-left: 10px; font-size:15px;}
.wel-close-btn:hover{background:#841017;}
.slider-text { text-align:right;position: absolute; right: 100px;z-index: 10; bottom:45px;color:#fff;}
.slider-text img{width:200px !important;margin-bottom:40px;}
.slider-text h1{font-size:40px;margin-bottom:5px;margin:0;line-height:38px}
.slider-text  h2{color:#333; font-size:40px;margin-bottom:40px;line-height:45px;}
.slider-text  button{border: none; border-radius: 5px; background: #d51d1a; color: #fff; text-decoration: none; font-size: 17px; font-weight: bold; padding: 10px 15px;}
.slider-text  button:hover{background:#b11613;}
.banner{background:#eee;overflow: hidden;position:relative;height:590px;}
.banner img{width:100%;}
.hm_page_content_title{text-transform:uppercase;color:#333333;margin: 40px 0px 10px;}
.hm_page_content_subtitle{font-weight: 600;font-size: 14px; }
.inventory_details{margin:40px 0px;text-align: center;}
.inv_detail { width: 32%; display: inline-block; text-align: center;padding: 0px 44px; }
.inv_detail img{width:100%;padding-left: 20px;}
.home-page-button{display: flex; align-items: center; justify-content: center; margin-top: 20px; background: #b62831; color: #fff; border: none; padding:10px; width: 100%; max-width: 285px; border-radius: 2px; font-size: 15px;}
.home-page-button i{background: #fff; color: #b62932; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding-left: 3px; margin-left: 10px; font-size:15px;}
.home-page-button:hover{background:#841017;}
.welcome-section-bg { background: #eee; padding: 30px 14px; margin-bottom:20px; }
.welcome-section{ display: flex;}
.welcome-text{width:60%;padding-right:20px;} 
.welcome-text h2{text-transform:uppercase;font-size: 30px; font-weight: normal; margin-bottom: 20px; }
.wel-page-cont{font-size: 13px;margin-bottom: 15px;}
.welcome-text a{font-size: 13px;margin-bottom: 15px;font-weight:bold;}
.welcome-text a:hover{color:#b62932;}
.welcome-image{width:40%;}
.welcome-image img{width:100%;}
.client-image-cestion {display: flex;margin: 40px 0px;}
.manfacture-details {width: 30%;padding-right: 20px;}
.manfacture-details h2{color:#333;text-transform:uppercase;margin-bottom:20px;font-size: 32px;}
.client-images {width: 70%;text-align:center;}
.client-images img{width:100px;margin: 2px 6px;}
.location-section{background:#666666;position:relative;}
.location-section h2{padding:20px 0px 5px; text-transform:uppercase;font-size:28px;color:#fff;font-weight:normal;}
.location-header {background: rgba(255, 252, 252, 0.22); position: absolute; left: 0; right: 0; height: 33px; z-index: 1;top:3px; }
.location-list {color:#fff;text-align:center; width:100%;margin: 0 auto; display: flex; align-items: flex-start;}
.location-list h2, .location-list ul li a,  .location-list ul li{list-style-type: none; margin:0; padding:0;text-transform:uppercase;font-size:14px;color:#fff;padding-bottom: 10px;}
.location-list h2{color:#171717;padding: 10px 0px;font-size:15px;font-weight:bold;}
.location-list span {display: block;}
.location-block { width: 100%; display: inline-block; padding: 0px 10px;vertical-align:top; }

/************************* Available Truck page css ***************************************/
.link-open-dtl{background:#000;padding:25px;}
.link-open-dtl{color:#fff;}
.link-open-dtl ul{margin-bottom:10px;}
.link-open-dtl ul li{display:inline-block;margin-right:5px;color:#cccccc;font-size:14px;}
.link-open-dtl ul li a:hover, .link-open-dtl p a:hover{color:#fff;text-decoration:underline;}
.link-open-dtl h1{font-size:35px;display: inherit;} 
.link-open-dtl h1 span{float: right;margin-top:-6px;}
.link-open-dtl p{margin-top:14px;color:#cccccc;font-size:14px;}
.link-open-dtl p a{text-decoration:underline;}
.filters{ width: 340px; background: #fff; border-right: 1px solid #ccc; display: inline-block}
.fltBtn{text-align:right;}
.fltBtn .arrowBtn{color: #be2d18; font-weight: bold; font-size: 40px !important; background: no-repeat; border: none; padding: 0px 20px;}
.fltBtn .arrowBtn:hover{color: #000;cursor:pointer; }
.filters-option{padding: 15px; border-bottom: 1px solid #ccc;}
.filters-option label{margin-bottom:10px;color:#be2d18;font-size:15px;font-weight:600;display:block;}
select{border: 1px solid #ccc; padding: 10px; border-radius: 4px; width: 100%; padding-right: 42px;}
.select-wraper{position:relative;}
.select-wraper:after{content: ''; width: 30px; height: 27px; background: none;  position: absolute; top: 6px; right: 0; border-left: 1px solid #ccc;display:none;}
.selectArrw{display:none !important;position: absolute; right: 11px; top: 11px; font-size: 19px !important; color: #999;}
.filters-option select.mutiselect{max-height:85px;padding:0;}
.filters-option select.mutiselect option{padding:4px 8px;}
.fiter_button{background: #be2d18; color: #fff; padding: 10px 8px; border-radius: 4px; margin-top: 15px; width: 100%; border: none; font-size: 15px; font-weight: normal;}
.fiter_button:hover{background: #9e2210;cursor:pointer; }
.selectMultDv { display: flex; justify-content: space-between; }
.selectMultDv .select-wraper:first-child{margin-right:8px;}
.filter-close .filters {width: 60px;}
.filter-close .filters div.filters-option {display: none;}
.filter-close .truckView {width: 95%;}
.checkbox-group{display:flex;margin-bottom: 8px;}
.checkbox-group span{font-size: 13px; color: #7d7d7d; padding-left: 10px;}
.filter_go_btn{display:flex;align-items:center;}
.filter_go_btn input.btn{background: #0070d2; color: #fff; border: none; padding: 8px 14px; font-size: 14px; font-weight: normal; margin-left: 6px;}
.reset_btn input.btn{background: #0070d2; color: #fff; border: none; padding: 8px 14px; font-size: 14px; font-weight: normal; margin-left: 6px;}
   
.flexView{display:flex;background: #f5f5f5;margin-top: 1px;}
.truckView {width: 80%;padding:0px 10px;}
.serach_truck_section{border-bottom: 3px solid #be2e18;padding: 20px 0px;display: flex;align-items: center;}
.serach_truck_section p{font-weight: bold;font-size: 15px;}
.paginations { display: flex; margin: 0px 10px; }
.paginations .pg-button ul{ display: inherit;}
.paginations .pg-button ul li {list-style-type: none;color: #707070; background: #fff; border: 1px solid transparent; padding: 4px 10px; margin: 4px 4px; font-size: 14px; border-radius: 3px; display: inline-block;}
.paginations .pg-button ul li.active, .paginations button.nxt-btn{background:#be2e18;color:#fff;}
.paginations .pg-button ul li:hover{background:#be2e18;cursor:pointer;}
.paginations .pg-button ul li:hover a{color:#fff;}
.paginations .pg-button ul li.disabled{background:#d6d6d6;color:#afafaf;cursor:default;}
button.gridlist-vw-btn { background: #fff; border: 1px solid #ccc; padding: 8px 10px; border-radius: 4px; text-align: center; font-size: 24px !important; color: #ccc; margin: 0px 3px; }
button.gridlist-vw-btn:hover{color:#be2e18;cursor:pointer;border-color:#be2e18;}
.margin-horz{margin:0px 10px; display: flex;}
/*.truck_detailVw{width: 316px; display: inline-block; overflow: hidden; height: 260px;background: #fff; box-shadow: 2px 2px 4px #ababab; margin: 10px 0px; margin-right: 15px;}*/
.truck_detailVw{ vertical-align: top; width: 316px; height:350px; display: inline-block; overflow: hidden; background: #fff; box-shadow: 2px 2px 4px #ababab; margin: 10px 0px; margin-right: 15px;}
.truck_detailVw span, .truck_detailVw h2, .truck_detailVw h4{margin: 10px 0; display: block; padding: 0 10px;}
.truck_detailVw span h2{padding:0;margin: 0;color: #be2e18; text-transform: uppercase; font-size: 16px;}
/*.truck_detailVw .truck-image{height:180px;border-bottom:1px solid #ccc;overflow: hidden}*/ 
.truck_detailVw .truck-image{height:230px;overflow: hidden} 
.truck_detailVw span{overflow: hidden; display: inherit; text-transform: capitalize;font-size: 13px; text-overflow: ellipsis; white-space: nowrap;margin: 3px 0px;}
.truck-image img{width: 100%;}
.truck-image span{padding:0;} 
a.truckUrl{color:inherit; text-decoration:inherit;}
a.truckUrl:hover{color:#be2e18;}
.truck_detailVw h2{color: #666666;font-size: 15px;}
.truck_detailVw h2 a span{padding:0;}
.truck_detailVw p{color: #7d7d7d;font-size: 14px;}
.truck_detailVw h4{color: #be2e18;font-size: 24px;font-weight: normal;}
.truck_detailVw:hover{background:#be2d18;color:#fff!important;}
.truck_detailVw:hover h2 a{color:#fff !important; text-decoration:underline;}
/** list view css **/
.list-view .truck_detailVw, .list-view .production-view{width:100%;height:auto;margin-right:0;display: flex;padding: 10px;}
.list-view .truck_detailVw .truck-image, .list-view .production-view .truck-image{border: none; height: 100%; margin-right:10px;}
.list-view .truck_detailVw .truck-image img, .production-view .truck-image img{width:100px;}
.list-view .production-view img{width:100px;}
.list-view .truck_detailVw .truck-description, .list-view .production-view .truck-description{width:85%;}
.list-view .truck_detailVw span, .list-view .production-view span{margin: 0;display: inline-block;}
.list-view .truck_detailVw h2, .list-view .production-view h2{margin: 0;}
.list-view .production-view .prodc-images{width: 110px; height: auto; overflow: hidden; margin-bottom: 0; padding: 1px;}
.list-view .production-view .truckUrl{display:flex;align-items: center;}
.list-view .production-view h2, .list-view .production-view p, .list-view .production-view span{display:inline-block;vertical-align: top; padding: 0px 12px; }
.list-view .production-view span{padding:0;}
/************************* Truck Details page css ***************************************/
.page-banner{
    height:500px; /* use to be 500px */
    overflow:hidden;
    background-repeat: no-repeat;    
    background-size: cover;
    /* background-attachment: fixed;*/
    background-position: center;  
} 
.service-tab{display:flex;padding:8px 6px;}
.service-tab button.serviceTb{border:none; background: #be2e18; width: 20%; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: space-around; padding: 4px 20px; font-size: 18px;margin: 0px 2px;}
.service-tab button.serviceTb:hover{box-shadow: 1px 3px 1px #bbbbbb;}
.truck-dtl-list{margin-top:20px;}
.heading-details{border-bottom:2px solid #000;font-size:18px;font-weight:bold;text-transform:uppercase;padding-bottom:5px;margin-bottom:10px;}
.heading-details span{font-size:14px;text-transform: none;}
.truckList { display: flex; margin: 15px 0px 25px; }
.truck-Img { width:24%; margin-right: 20px; overflow: hidden; height: 100%;}
.truck-Img  img{width:180px;}
.TrkInfo{width:100%;}
.truck-name { margin-bottom: 15px; }
.truck-name h3{font-size: 17px;margin-bottom: 10px;}
.truck-name p{font-size: 13px;}
.detailTblBtn{display:flex;}
.detailsTable {margin-right: 20px;width: 70%;}
.detailsTable table tr th, .detailsTable tr td{font-size: 13px; padding: 2px;}
.detailsTable table tr th{color: #be2f19; text-align: right;}
.btnDv{width:30%;display: flex; flex-direction: column;}
.btnDv button{background: #be2f19; color: #fff; border: none; border-radius: 4px; margin-bottom: 10px; padding: 10px; font-size: 20px; font-weight: 600; text-align: left;}
.btnDv button:hover{background:#a5200b;}
.btnDv button i { color: #ffd200; font-weight: normal; border-radius: 3px; border: 3px solid #ffd200; padding: 1px 3px; font-size: 16px; margin-right: 20px; }


/* new design css */
.subHeadingText{font-size:12px;}
.apparatus-wrapper {display: flex;margin: 30px 0px;}
.pierce-logo {width: 30%;padding-right: 40px;overflow:hidden;}
.finance-logo {width: 30%;padding-right: 40px;overflow:hidden;}
.descripton-text {width: 100%;}
.descripton-text  p{color: #3e3e3e;font-size:16px;}
.heading-light-grey { background: #eee; padding: 16px 0px; color: #333; }
.category-pahe-headline h2{font-size:38px;font-weight:normal;color: #333;padding-bottom:5px;}
.configuration h2{font-size:32px;font-weight:normal;color: #333;padding-bottom:5px;}
.category-details-sectn h2{font-weight:bold;}
.heading-light-grey p{font-size:20px;margin-top:10px;}
.blue-bg{font-size: 17px;background:#336599;padding: 20px 0px;color:#fff;font-weight:bold;}
.blue-bg h4{margin-bottom:8px;}
.blue-bg button{background:none;border:none;color:#fff;margin-right: 14px; padding: 0px 20px; font-size: 15px;} 
.blue-bg button i{border: 1px solid #fff; color: #fff; border-radius: 50%; margin-left: 7px;padding:4px 6px; font-size: 15px; font-weight: bold;}
.descripton-text  span{padding-top:10px;display:inherit;font-size:12px;}
.blue-bg button:hover{text-decoration:underline;}
.configuration{margin:30px 0px;}
.category-details-sectn{margin-bottom:40px;}
.configuration p{color: #333;margin-top: 5px;}
.category-image-section{display:inline-block;vertical-align:top;}
.img-set{height:auto;overflow:hidden;background: #fff;}
.img-set img{width:100%;}
/*.section_bottom_btn { background: #e0e0e0; }*/
.section_bottom_btn{margin-top:10px;display: flex;align-items: center;}
.category-image-section img{width:100% !important;height: auto !important;}
.catg-buttons{width:40%;display: flex; flex-direction: column; justify-content:flex-end; background: #fff;text-align:center; }
.category-info{width:60%;padding-left:30px;display: inline-flex; flex-direction: column;}
.catg-buttons button{width: 100%; margin-right:8px; background: none; border: 1px solid #ccc; font-weight: bold; font-size: 14px; padding: 13px 8px; text-transform: uppercase;}
.catg-buttons button:hover{color:#be2d18;border-color:#000;}
.border-none{border:none;}
.category-info h3{margin-bottom:20px;    display: inherit;font-size: 16px;font-weight: normal;}
.category-info h3 ul{padding-left:40px;}
/*.category-info p{font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-bottom:20px;}*/
.category-info p{font-size:16px;margin-bottom:12px;} 
.category-info button{background: #b62831; color: #fff; width: 50%; max-width: 250px; border: none; border-radius: 5px; padding: 18px 10px; margin-right: 20px; font-size: 15px; font-weight: bold; text-transform: uppercase;}
.button-wrap{display:flex;margin-top: 20px;}
.category-info button:hover{background: #841017;}
.category-info a{font-size:16px;} 
.category-info a i{font-size:23px;} 
.category-info  h2{font-size: 26px; background: #ccc; padding: 5px 10px; margin-bottom: 20px;}

.pierce-logo img {width: 100%;}
.button-wrap button{background: #fff; border: 1px solid #000; color: #000; padding: 14px; border-radius: 0; font-weight: normal; text-transform: none;}
.button-wrap button:hover{background: #eee;}
.button-wrap button i{padding-right:10px;font-size:22px;}
.grey-bg{background:#e0e0e0;padding: 20px 0px;}
.grey-bg h3{font-size:18px;} 
.align_truck_content{width: 30%;overflow:hidden;margin:10px;display: inline-block;text-align: left;}
.align_truck_content img{width:100%;}
.align_truck_content h1{font-size:18px; padding-bottom:10px;text-align:center;}
.middle_content{display: flex; align-items: center; justify-content: space-around; margin-top: 20px;}
.chassis_truck{margin:10px 0px 30px;}
.chassis_truck h2{text-transform: uppercase; font-size: 22px;}
.chassis_truck_detail .img_detail  h2{font-size: 26px; background: #ccc; padding: 5px 10px; margin-bottom: 20px;}
.chassis_truck h2 sup{font-size: 12px;}
.chassis_truck_detail{display:flex;align-items:flex-start;}
.img_chassis{width:35%;}
.img_chassis img{width:100%;}
.chassis_truck_detail .img_detail{padding-left:30px;width:65%;}
.img_detail p{font-size:14px;margin-bottom:20px;}
.img_detail a{display: inherit; font-size: 17px; font-weight: bold;color: #1287e2;}
.img_detail table tr td{vertical-align:bottom;}
.img_detail table tr td span{padding-bottom: 2px;display: inline-flex; align-items: center; justify-content: center; border: 1px solid #1287e2; color: #1287e2; width: 24px; height: 24px; border-radius: 50%; font-size: 28px; vertical-align: top;margin-right:3px;}
.img_detail table tr td span:hover{color:#000;cursor:pointer;}

.fullWidth{width:100%;} 
.truck_list_view{padding-left:18px;}
.truck_list_view li{font-size:14px;list-style-type:disc;}

.service_list{column-count: 2;padding: 10px 70px;}
.map_service1{width:60%;}
.map_service2{width:40%;}
.map_service img.map_img_1{width:100%;}
.display_inline{display: flex;justify-content: center;}
/************************* Available Truck Detail View css ***************************************/
.availableTruckWrapp{display:flex;margin-bottom:30px;} 
.truck-img-slider{width:75%;margin-right:8px;}
.slider-section {display: flex;}
.image-slider-view { width: 60%; margin-right: 10px; }
.truckDtl_table {width: 40%;} 
.show-image {/*height: 247px;*/overflow: hidden;text-align:center;}
.show-image img{width:100%;/*height:100%;*/}
.thum-view {display: flex;align-items: center;padding:10px 0px;position:relative;overflow: hidden;}
.thum-view img{width: 77px; margin-right: 6px; height: 53px; cursor:pointer;border-bottom:2px solid transparent;border-top:2px solid transparent;} 
.thum-view img:hover{border-color:#cc5449;}
.thum-view .image-count{background: rgb(190, 45, 24,0.8); color: #fff; padding: 0px 19px; height: 53px; display: flex; align-items: center; font-size: 16px; font-weight: bold;position: absolute;right: 0;top: 0;bottom: 0;margin-top: 8px;}
.thum-view .image-count a:hover{color:#fff;}
.truckDtl_table table{ background: #eeeeee; border: 1px solid #ccc; width: 100%; padding: 10px;}
.truckDtl_table table tr th, .truckDtl_table table tr td{padding: 8px; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 14px;}
.truckDtl_table table tr th{font-weight: normal;text-transform: uppercase;}
.truckDtl_table table tr:last-child th, .truckDtl_table table tr:last-child td{border:none;}
.listing-btn {display: flex;margin-top: 10px;}
.listing-btn button{background: #eee; border: 1px solid #ccc; width: 100%; padding: 11px; border-radius: inherit; font-size: 14px; color: #be2d18; font-weight: 500;}
/*.listing-btn button:first-child{margin-right:8px;} */
.listing-btn button i{margin-right:8px;font-size:20px;vertical-align: text-bottom;}
.listing-btn button:hover{border-color:#636363;}
.tab-section {margin: 20px 0px;}
.tab-button{display: flex;}
.tab-button button{margin:0;margin-right: 4px;background: #999999; color: #fff; border: 1px solid #999; border-radius: inherit; padding: 10px 20px;max-width: 230px; font-size: 15px;}
.tab-button button.active{ background: #eeeeee; color: #000; border-color: #ccc; border-bottom: 1px solid #eee;}
.tab-details { background: #eeeeee; padding: 15px 10px; border: 1px solid #ccc; font-size: 14px;max-height:1000px; overflow: auto;margin-top: -1px;}
.tab-details h1{margin-bottom:10px; font-size: 15px;display: inline-block;}
.tab-button button:hover{ background: #eeeeee; color: #000; border-color: #ccc; border-bottom:1px solid #eee; }
.sort-list-Heading{margin:30px 0px 10px;font-size: 17px;display: inline-block;}
.serchTruck-section {cursor:pointer; height: 345px; vertical-align: top; text-align: center; display: inline-block; width: 266px; overflow: hidden; padding: 18px; background: #eeeeee; border: 1px solid #ccc; margin-right: 10px; margin-bottom: 10px; }.searchImgTruck {width: 100%; height: 175px; overflow: hidden; margin-bottom: 15px;}
.searchImgTruck  img{width:100%;}
/*.serchTruck-section p {height:25px; font-size: 17px; font-weight: bold; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; }*/
.serchTruck-section p { font-size: 15px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; max-height: 65px; overflow: hidden; height: 100%; }
.serchTruck-section button{background: #be2d18; color: #fff; width: 100%; border: 0; padding: 8px; font-size: 18px; font-weight: 500; border-radius: 4px;}
.serchTruck-section button:hover{background:#961f0e;} 

/*----truck popup images slider--*/

.row > .column { padding: 0 8px; }        
.row:after { content: ""; display: table; clear: both; }     
.column { float: left; width: 25%; }
.image-modal { display: none; position: fixed; z-index: 1; padding: 15px; left: 0; top: 0; overflow: auto; width: 100%; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); } 
.image-modal-content { position: relative; background-color: white; margin: auto; padding: 10px 20px; width: 100%; max-width: 920px; height: auto; border: 4px solid #000; border-radius: 5px; }
.image-inner-container { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.image-modal-content .close {color: white; position: absolute; top: 0; right: 15px; font-size: 35px; font-weight: bold; background: #a2a2a2; width: 35px; height: 35px; text-align: center; display: flex; align-items: center; justify-content: center;}
.image-modal-content .close:hover, .close:focus { text-decoration: none; cursor: pointer; }
.mySlides { display: none; }
.cursor {cursor: pointer;}
.image-modal-content .prev, .image-modal-content .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; background: #ccc; }
.image-modal-content .next { right: 0; border-radius: 3px 0 0 3px; }        
/* On hover, add a black background color with a little bit see-through */
.image-modal-content .prev:hover, .image-modal-content .next:hover { background-color: rgba(0, 0, 0, 0.8); color:#fff; text-decoration:none; }        
/* Number text (1/3 etc) */
.numbertext { color: #ffffff; font-size: 18px; padding: 8px 22px; position: absolute; top: 15px; font-weight: bold; left: 0; background: rgba(19, 19, 19, 0.4); border-radius: 0px 22px 22px 0px; }
.caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; }       
.demo {opacity: 0.6;}        
.active,.demo:hover {opacity: 1;}    
img.hover-shadow {transition: 0.3s;}
.image-modal-content .prev{left:0;}
.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.image-modal-content span div.truckSlides{overflow:hidden;text-align: center;height:100%;}
/*.image-modal-content img{width:100%;height:490px;}*/
.image-modal-content img{width:100%;}  
.truckSlides .imageCenterAlign{display:flex;align-items:center;justify-content:center;height:100%;}
.no-record-text{font-size: 18px; text-align: center; font-weight: bold;}



/************************* footer css ***************************************/
/*.footer{ background: #be2d18; padding: 10px; color: #fff; text-align: center; }*/
.footer{ background: #b62831; padding: 10px; color: #fff; text-align: center; }
.footer a { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;color:#fff !important; }
.footer a:last-child{ border-right:none;}
.footer a:hover{text-decoration:underline;color:#fff !important;}

 
/*************************  Static pages css ***************************************/
/*About Us */
.marginSet{margin:30px auto;}
.static-wrapper{display:flex;margin:40px 0px;}
.static-wrapper-margin{display:flex;margin:10px 0px;}
.static-page-headtext{display: inherit; margin-bottom:20px; font-size: 18px; border-bottom: 1px solid #bf2f1b; padding-bottom: 5px;}
.static_info{width:75%;margin-right:10px;}
.static_info-2{width:80%;margin-right:10px;}
.form_section{width:25%;background:#252525;padding:20px;color:#fff;height: 100%;font-size: 13px;}
.form_section span{display:inherit;text-align:left;}
.form_section input, .form_section textarea{margin:10px 0px;width:100%;}
.form_section textarea{max-height:100px;height: 100%; padding:10px;border-radius:5px;}
.contact-form{width:25%;height:100%;background:#eeeeee;color:#000; border:1px solid #ccc;text-align: center;padding: 10px;}
.contact-form h2{font-size:24px; color:#be2d18;margin-bottom:10px;}
.form_section button{background:#c02513;color:#fff;padding:4px 12px;border-radius:4px;float:right;border:none;margin-top:10px;font-size: 13px; font-weight: normal;}
.flex-content-section{display:flex;margin-bottom: 30px;}
.about_info{width:40%;}
.static-logo{width:60%; text-align:right;}
.about_info_lst ul{margin:20px 0px;padding-left: 20px;}
.about_info_lst ul li{margin-bottom:10px;list-style-type: disc;font-size: 14px;}
.about_info_lst{width:40%;}
.about_info ul{margin-bottom: 20px;padding-left: 20px;}
.about_info ul li{margin-bottom:4px;font-size: 14px;font-weight: bold;}
ul.sub-info{margin-left:15px;}
ul.sub-info li{font-size: 13px;}
ul.sub-info li span{font-weight:normal;margin-left:8px;}
ul.sub-info li a{text-decoration:underline;}
ul.sub-info li a:hover{color:#67b1db;text-decoration:none;}
.static-text-paragraph{font-size:14px;margin:30px 0px;color:#222;}
.static-text-paragraph span{font-size:16px;}
.page-title-text{font-size: 20px;}
.static-image_section{width:25%;}
.static-image_section img{width:100%;}
.static-image_section-firemen{width:20%;}
.static-image_section-firemen img{width:100%;}
.image-logo-sectn{width:50%;display:flex;align-items:center;justify-content:center;}
.image-logo-sectn img{width:180px;}
.margin-remove{margin:0;}
ul.access-list{padding-left:20px;}
ul.access-list li { font-weight: normal; font-size: 13px; margin-bottom:12px; list-style-type: disc; }
.simpl-line-text { font-size: 18px; font-weight: normal; color: #222; margin-bottom: 10px; display: inherit; }
 a.blue_link{color: #1287e2; font-size: 16px; display: inline-block; margin-top: 16px; margin-right: 30px; text-decoration: none; font-weight: 500;}
a.blue_link i{font-size: 24px; margin-right: 5px; vertical-align: top;padding: 1px 2px; margin-left:0;}
a.blue_link:hover{text-decoration:underline;cursor:pointer;}

 a.white_link{color: #fff; font-size: 16px; display: inline-block; margin-top: 16px; margin-right: 30px; text-decoration: none; font-weight: 500;}
a.white_link i{font-size: 24px; margin-right: 5px; vertical-align: top;padding: 1px 2px; margin-left:0;}
a.white_link:hover{text-decoration:underline;cursor:pointer;}

.corporate_office_details{display:flex;align-items: center;}
.corporate_office_details .corp_detail{width: 25%; padding: 5px 20px ; display: inline-flex; align-items: center;font-size: 16px;font-weight: normal;}
.corporate_office_details .corp_detail i{font-size:24px;margin-right:18px;}

/*Contact Us */
.contact-wrapper {padding:15px;}
.contact-wrapper h1{font-size: 20px; font-weight: normal; border-bottom: 1px solid #be2e18; display: inherit; padding-bottom: 2px; margin-bottom: 20px;}
.contact-fields{display:flex;margin-bottom:10px;max-width:350px;}
.contact-fields .inner-part{display:flex;}
.contact-fields select{width:100%;padding-right: 28px;}
.contact-fields .required-field{color:#ea1919;}
.contact-fields table tr td{vertical-align:top;padding-bottom:10px;}
.align-right{display: flex; justify-content: flex-end;}
.contact-wrapper textarea{width: 100%; max-width: 450px; min-height:100px; padding: 15px; border-radius: 4px; border: 1px solid #ccc;}
.contact-fields table tr td input, .contact-fields table tr td select, .contact-fields table tr td textarea{margin-left:8px;}
.contact-fields table tr td textarea{max-width:100%; min-height: 50px;} 
.required_fld{display:flex;}
.required_fld span{color:#ea1919;margin-top: 8px;margin-right: 4px;width:10px;}

/*Contact Us modal*/ 
.contact_modal{}
.contact_modal h2{margin-bottom:0px;}
.contact_modal .contact-fields{max-height: 482px;overflow: auto; width: 100%;max-width: 100%;padding: 5px 20px;}
.contact_modal_message{background: #ccc; margin: 0 auto; width: 100%; max-width: 526px;     margin-top: 22px; padding: 15px; border-radius: 5px;color: #fff;}
.contact_modal_message h2.slds-text-heading_small{font-size: 17px;font-weight: normal;}
.contact_modal_message .slds-notify__content{display: flex; justify-content: space-between;}
.contact_modal_message button.slds-button{background: none; border: none; color: #fff;}
.popupMessage .success_bg{background:#75bd78;}
.popupMessage .error_bg{background: #e6665c;}


/*Employment */
.employment-wrapper{margin-bottom: 30px;max-width: 100%; background-color: #f1f1f1; border-radius: 3px; padding: 16px;display:flex;}
.information-text{width: 33.3%;padding: 20px;}
.information-text h3{font-size: 20px; border-bottom: 1px dashed #be2e18; display: inherit; padding-bottom: 6px; margin-bottom: 20px;}
.employment-wrapper p{font-size:14px;}
.emplyment-list{padding: 20px 0px 20px 20px;}
.emplyment-list li{font-size: 13px; margin-bottom: 10px; list-style-type: disc;}
.border-black{border-color:#000;}
.workshop-images{padding:20px;padding-right:0px;}
.workshop-images img{width:100%;}
.workshop-images a{width: 170px; display: inline-flex;align-content: center;justify-content: center; overflow:hidden;margin-right: 20px; border: 1px solid #ccc; padding: 1px; height: 130px;margin-bottom:20px;vertical-align: top;}
.workshop-images img:hover{border-color:#be2f19;box-shadow:1px 3px 2px #ccc;}
.employment_login_btn{background: #0093f5;padding:10px 20px;color:#fff;border:none;font-size:13px;font-weight: 500;margin:20px 0px;}
.employment_login_btn:hover{background:#0582d6;}
.employment_table{margin-bottom:20px;}
.employment_table tr th, .employment_table tr td{color:#6f6f6f;text-align:center;padding:10px 10px;font-size:14px;}
.employment_table tr td{background:#fafafa;border:1px solid #eee;font-weight: 500;}
.employment_table tr td a{text-align:left;color:#c13613;text-decoration:underline;display: inherit;font-weight: bold;}
.employment_table tr th{background: #ebebeb;}

.employment_table table{border-collapse: collapse;box-shadow:0px 3px 2px #ccc;}

	/*Employment new design*/
.staff-image{width:30%;text-align:right;padding-right:20px;}
.staff-image img{width:100%;}
.employment_list_text{column-count: 2;margin-top:20px;}
.employment_list_text li{list-style-type: none; font-weight: normal; font-size: 14px; padding: 4px 0px;	}

/*EquipmentCategory More Info*/
.product-image{width:100%;height:420px;overflow:hidden;margin-bottom:8px;}
.product-image{width:100%;}
.information-text-full-width{width:100%;} 
.link{color:#be2e18;text-decoration:underline;font-size:13px;}
.link i{margin-left:8px;}
.link:hover{color: #67b1db;text-decoration: none;cursor:pointer;}
.category-btn button i{border:none;font-size: 22px;vertical-align: bottom;}
.category-btn button.quick-link{background:#FFA200;}
.category-btn button.quick-link i{color:#be2e18;}
.category-btn button.quick-link:hover{background:#f1c950;}
.category-btn p.infoLinetext{color: #be2f19; font-size: 13px; font-style: italic;}
/* new Equipment page css */
.find-link{font-weight:bold;color:#000;font-size:14px;text-decoration:none;}
.inner_main_title {font-size:38px;font-weight:normal;text-transform:uppercase;}
.client-logo-wrapper{margin:20px 0px;text-align:center;}
.client-logo-wrapper img{width:200px;padding:20px 20px;vertical-align:top;}
.feature-product{background: #e0e0e0;padding:20px 0px;}
.feature-product h2{font-size:20px;}
.feature-product p{padding:10px;font-size:13px;}
.feature-product-link{background: #5d7c8b;padding:20px 0px;}
.feature-product-link button{background: none; border: none; color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 5px 20px;}
.feature-product-link button i{padding-left:10px;font-size:18px;vertical-align: middle;}
.feature-product-link button:hover{text-decoration:underline;}
.feature-product-link button:hover i{padding-left:13px;}
.align-content-center{text-align: center;}
.feature-product-type{display: inline-table;width: 83%;text-align: left;}
.product-type{position:relative; display:inline-block; width: 240px; height:300px; border: 1px solid #ccc;text-align: center; padding: 20px;vertical-align:top;}
.product-type img{margin-bottom:10px;}
.view-button{display:none; position:absolute;left:0;right:0;top:0;bottom:0;background: rgba(148, 148, 148, 0.3); text-align: center; padding-top: 50%;}
.view-button button{background: #e72a00;border:1px solid #000;padding:12px 26px;color:#fff;}
.view-button button:hover{background: #b12101;}
.product-type:hover .view-button{display:block;}
.product-type span{font-size:12px;color: #656565;display:grid;}
.product-type p{font-weight:bold;font-size:15px;}  
.product-type span, .product-type span table tr td{text-align:center;} 
.product-type span table tr td div p, .product-type span table{text-align:center;width:100%;} 
.levels{border-bottom: 1px solid #ccc; color: #5d5d5d; font-size: 13px; padding-bottom: 6px;}
.levels a{font-weight: 500;}
.levels a:hover{color:#000;text-decoration:underline;}
.equipment-catg{display: flex; padding: 20px;} 
.equipment-catg img{} 
.catg-information{padding-left: 20px;}
.catg-information h2{font-size: 23px;padding-bottom: 12px;}
.catg-information p{font-size: 15px;}
.catg-information span{font-size: 12px;color: #656565;display:inherit;}
.product-msg { margin: 30px 0px; font-size: 14px; }
.catg-information button{border: 1px solid #333; background: none; padding: 10px 18px; font-size: 13px; text-transform: uppercase;}
.catg-information button i{font-size:20px;padding-right:8px;}
.catg-information button:hover{border-color:#000;box-shadow:1px 3px 2px #ccc;}
.catg-img{text-align: center;}
.catg-related-img{display: flex; margin: 20px 0px;}
.catg-related-img img{width:80px;height:80px;border:1px solid #ccc;margin:0px 8px;}
.details-catg{padding: 30px; /*max-width: 850px;*/ margin: 0 auto; font-size: 17px;}
.set-left-padding { padding-left: 30px; margin: 20px 0px;font-size: 15px; }
.set-left-padding p{ margin-bottom: 20px;}
.set-left-padding ul li{list-style-type: disc;} 
.set-left-padding ul{padding-left:20px;}
.set-left-padding ul li span{font-size: 14px;}
.set-left-padding a{font-weight:bold;margin:20px 0px;display:inherit;}
.set-left-padding a img{width:30px;vertical-align:middle;margin-right: 10px;}
.set-left-padding a:hover{text-decoration:underline;}
.filter-section {display: flex;align-items: flex-start;justify-content: space-between; margin-bottom: 20px;}
.filter-section .select_representative {margin: 0; margin-right: 102px;}
.filter-section .select_representative select {margin: 0;}  
/*** service page ***/
.service-logo-display {width: 50%;padding-right: 20px;overflow:hidden;}
.service-logo-display img{width:100%;}
.service-page-innerText{}
.service-page-innerText h3{font-size: 15px;margin-bottom: 10px;margin-top:30px;display:inherit;}
.service-page-innerText p{font-size: 15px;margin-bottom: 30px;}
.available-list p{font-size: 13px;margin-bottom:12px;}
.service-page-innerText p a{color:#be2e18;text-decoration:underline;}
.service-page-innerText p a:hover{color:#67b1db;text-decoration:none;}
.service-page-innerText ul{padding-left:20px;}
.service-page-innerText ul li {list-style-type:disc;margin-bottom:5px;font-size:13px;}
.service-page-innerText ul li a{color:#be2e18;text-decoration:underline;}
.service-page-innerText ul li a:hover{color:#67b1db;text-decoration:none;}
.service-page-innerText h4{font-size: 14px;margin-bottom: 10px;margin-top:30px;display:inherit;}
.inner-list-center li{list-style-type:none;} 

		/* service page new css*/
.service_page_banner{height:400px;overflow:hidden;}
.service_page_banner img{width:100%;margin-top: -180px;}
.service_guid {display: flex; justify-content: space-between;}
.service_guid ul li{font-weight:bold;list-style-type:disc;font-size: 14px;}
.service_guid img{margin:0 10px;width:250px;}
.service_center_greybg{ /*background: #336599;*/ background: #0086d0;padding:20px 0px;text-align:center;color: #fff;}

.mapSection h2{font-size:18px;}
.mapSection p{font-size:12px;}
.mapSection .map-locations p{display: inline-block; padding:0px 15px; font-size:18px; font-weight: bold; text-transform: uppercase;}
.mapSection .map-locations i{font-size:25px;color:#fff;vertical-align: top;}
.mapSection div{width:100%;overflow:hidden;text-align:center;margin-top: 15px;}
.mapSection div img{width:320px;}
.service_station_modal_heading{margin:10px 0px 36px;}
.service_station_modal_heading h2{margin-bottom:8px; font-size: 20px;}
.service_station_modal{display:flex;}
.service_station_modal .service_station{width:35%;}
.service_station_modal .service_station img{width:100%;}
.service_station_modal .service_station_detail{width:65%;padding-left:15px;}
.service_station_modal .service_station_detail ul{padding-left:30px;padding-top:20px;}
.service_station_modal .service_station_detail ul li{color:#424242;font-weight:normal;list-style-type:disc;font-size: 15px;padding-bottom:4px;}
.service_station_modal .service_station_detail ul li span { font-weight: normal; display: inherit; list-style-type: none; padding: 0px 15px; }
.service_station_modal .service_station_detail h2{font-size: 26px; background: #ccc; padding: 5px 10px; margin-bottom: 20px;}
.service_station_contact{text-align:center;padding:20px;border:1px solid #ccc;color:#575757;}
.service_station_contact h3{text-transform: uppercase;}
.service_station_contact a:hover{color:#000;text-decoration:underline;}
.service_station_contact button{background: #c22207; color: #fff; border: 1px solid #000; padding: 8px 15px; font-size: 14px; margin-top: 10px;}
.service_station_contact button:hover{background: #961904;}
.link_highlight{display:flex;margin-top:10px;align-items: center;}
.serive-img-note{display:flex;margin:20px 0px 0px;align-items: center;}
.locaton_schedule{padding: 10px 20px 0px; display: inline-block; vertical-align:top;}
.locaton_schedule h4{text-transform:uppercase;font-size:19px;}
.locaton_schedule ul{margin-bottom:10px;}
.locaton_schedule ul li{font-size: 12px; color: #616161;}
.location_li ul li{color: #fff; list-style-type:none;}
.text-transform-none{text-transform:capitalize;} 
.service_stn_wrapper {margin: 20px 0px 30px;padding:0px 50px;}
.service_stn{ display: flex; align-items: flex-start; padding-top: 10px;justify-content: space-between;}
.service_stn_wrapper h2{font-size:18px;}
.list-service{padding: 0px 20px;}
.service_stn img{width:130px;}
.service_stn .list-service ul{margin-bottom:8px;}
.service_staff_dtl{display: inline-flex; align-items: flex-start;}
.service_stn .list-service ul li{font-size:13px;list-style-type:none;}
.service_stn button { border: 1px solid #000; padding: 10px 25px; background: #fff; margin: 0px 20px; }
.service_stn button:hover{background:#eee;}
.service_stn .map_display{width:35%;border:1px solid;height:150px;}
.mapSection div.map_location_details{width: auto; text-align: center; display: inline-block; margin: 10px 20px;vertical-align: top;}
.map_location_details p a span{font-size:12px;text-transform: none; text-decoration: underline; } 
.map_location_details p{align-items: center;}
/*** Manufacturers page ***/

.manufacture_header{left:0;right:0;top:0;position:absolute;background:#000;padding:5px 20px;} 
.manufacture_header img{width:520px;}
.manufacture_content{height:100%;}
.manufacture_list{font-size:12px;height: 100%;}
.manufacture_list ul{
    column-count: 4;
    column-gap: 0;
    width: 100%;
    height: 100%;
     overflow: auto;
}
.manufacture_list ul li {width: 100%;margin-bottom: 20px;}
.manufacture_footer{left:0;right:0;bottom:0;position:absolute;background:#000;padding:5px 20px;color:#fff;font-weight:bold; display:flex;align-items: flex-end;justify-content: space-between; font-size: 24px;}
.manuf_logo_img img{width: 240px;margin: 0px 8px 5px 0px;height: 72px;display: inline-block;}
/*** AES_GeoLocations page ***/  
.map-section{width:100%;height:400px;border:1px solid #be2e18;padding:1px;}
.direction-form{background: linear-gradient(to bottom, #94afbf 0%, #fff 100%);margin:20px 0px;padding:15px;}
.direction-form h2{margin-bottom:10px;}
.direction-form label{font-size:13px;}
.direction-form input{max-width:520px;} 
.dirctn-form{margin:10px 0px 0px;display:flex;align-items:center;}
.dirctn-form .select-wraper{max-width:520px;margin-right:10px;width: 100%;}
.dirctn-form button{background: #be2e18; color: #fff; border: none; padding: 5px 21px; margin: 0px 4px; border-radius: 3px;}
.direction-list{width:100%; margin:20px 0px;}
.direction-list li{font-size:13px;padding:0px 0px 8px 8px;} 
  
/*** In Production page ***/
.production-note{padding:10px 0px;font-size:13px;padding-left: 30px;}
.production-details-section{margin:10px 0px;width:100%;padding:0px;}
.production-view{overflow: hidden;text-overflow: ellipsis;height: 330px!important;vertical-align: top;display:inline-block;margin:10px;width:22%;border:solid 1px #991717;padding:10px;text-align: center; }
.production-view .prodc-images{width:100%;height:120px;border:0px solid #ccc;margin-bottom: 10px; overflow: hidden; padding:1px;}
.production-view .prodc-images img, .production-view img{height:50%;width: auto;}
.production-view .prodc-images span, .production-view a span{padding:0;}
.production-view p, .production-view h2, .production-view span{font-size:15px;color:#333;padding:5px 10px;margin:0;font-weight:500;}
.production-view h2{font-size:16px;font-weight:bold;} 
.production-view span{font-size:13px;}
.production-view:hover{background:#be2d18;cursor:pointer;}
.production-view:hover p, .production-view:hover h2, .production-view:hover span{color:#fff;}
.prodc_detl_section h2{font-size:18px;}
.prodc_detl_section p{margin:0;font-size:14px;font-weight:500;}
.prod_image_gallery{vertical-align: top;display:inline-block;width:210px;padding:10px;border:1px solid #991717;margin:5px 5px 5px 0px;text-align:center;}
.prod_image_gallery .img-pd {width:100%;height:130px;overflow:hidden;}
.prod_image_gallery .img-pd img{width:100%;}
.remove-left-right-margin{margin:10px 0px;}
.prod_image_gallery p{margin-bottom:8px;font-size:13px;font-weight:500;}
.marginTop{margin-top:20px;}
.about_title_txt{margin-bottom:20px;text-transform:none;}
.prodc_detl_section .select, .prodc_detl_section .prod_image_gallery:hover{background:#be2d18;}
.prodc_detl_section .select p, .production-view.select h2, .prodc_detl_section .prod_image_gallery:hover p, .prodc_detl_section .prod_image_gallery:hover h2{color:#fff;}
.flex_production_content{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #ccc;padding-bottom:8px; margin-bottom:0px;}
.download-share button{margin-bottom:8px;background:#be2e18;padding:8px 18px;color:#fff;border:1px solid #333;text-transform:uppercase;}
.download-share img, .download-share i{width:15px;margin-right:10px;font-size:15px;vertical-align:middle;}
.download-share{display: flex;align-items:flex-start; flex-direction: column;}
.download-share span{font-size:13px;}
.download-share button:hover{background:#841017;}
.pdf_button{background:#424242;border:1px solid #000;color:#fff;padding:6px 8px;display: inherit;margin-top: 10px;}
.pdf_button:hover{background:#000;}
.image_gallery_slider{width:100%;overflow:hidden;margin:40px 0px;}
.white-bg{background:#fff;}
.breadcrums{display:inline-block;margin-bottom:10px; font-size:15px;width: 100%;}
.breadcrums i{margin-right:4px;}
.production_gallery_img { display: inline-block; width: 130px; margin: 5px; vertical-align: top; height: 100px; overflow: hidden; }
.production_gallery_img img{height:100%;}  



/*** AES_Sales_Rep page ***/
.staff_section p{font-size:13px;}
.search-form-filters label{display: inherit;padding: 20px 0px 6px;font-weight:bold;font-size:14px;}
.staff-wraaper{margin: 30px 0px;}
.sales-tm-text{font-size:14px;margin-top:20px;}
.sales-tm-text span{font-size:10px;}
.staff-info{display:inline-block;width:46%;margin-right:30px;margin-bottom:30px;}
.staff{display: flex;} 
.staff-member_img{width: 30%;overflow: hidden;border:1px solid #bf2f1b;}
.staff-member_img img{width:100%;}
.staff-details{width: 70%;padding-left: 10px;}
.staff-details h3{font-size: 15px; text-decoration: underline; margin-bottom: 3px;}
.staff-details h3:hover{color:#bf2f1b; text-decoration: none;}
.staff-details p{font-size: 16px;margin-bottom: 5px;}
.staff-details span{font-size: 12px;display: inherit;margin-bottom: 5px;}
.staff-member img{width:100%;}
.staff-member{color:#fff;}
.staff-member h3{font-size:16px;padding:8px 0px 3px;}
.staff-member p{padding-bottom:5px;font-size:14px;}
.staff-member span{padding-bottom:5px;display:inherit;font-size:12px;}
.staff-member h4 { font-size: 18px; margin: 18px 0px 5px; }
ul.contries-list{width: 48%; vertical-align: top; display: inline-block;font-size:14px;}
ul.list-name li{font-size:13px;}
ul.list-name {margin-top: 4px;}
.display_flx_input{display:flex;} 
.staff_img_message{margin:10px 0px;}
.staff_img_message p{font-size: 14px;color: #0f85bd;}



		/* new staff page design css */
.staff_member_section{}
.staff_member_section h1{font-weight: normal; font-size: 24px; margin-bottom: 20px; text-transform: uppercase;}
.staff_member_section h1 span{display: inherit; font-size: 13px; text-transform: none; padding-left: 60px; color: #676767;}
.select_representative { display: flex;margin:15px 0px; }
.select_representative select{-webkit-appearance: menulist;margin-right: 10px;margin-bottom: 10px; display: inline-block; min-width: 200px; width:auto; border-radius: 0; border: 1px solid;}
.search_staff{display: flex;align-items: flex-start;margin-bottom:20px;}
.search_staff button{background: #fa4c30; border: 1px solid #000; border-radius: 3px; color: #fff; text-transform: uppercase; padding: 5px 12px; }
.search_staff button:hover{background:#000;}
.search_staff p{color: #fa4c30; font-weight: 500; font-style: italic; padding-left: 25px;}
.staff_detail { display: inline-block; width: 190px; text-align: center;margin-right:36px;margin-bottom:20px; vertical-align: top;}
.staff_detail div.staff-member_photo{margin:0 auto 10px;border:1px solid #000;height:220px;overflow:hidden;}
.staff_detail div.staff-member_photo img{width:100%;}
.staff_detail p{text-transform: uppercase; color: #464646; font-weight: 500;font-size: 15px;}
.staff_detail span{color: #464646; display:grid;font-size:11px;margin:0px 0px 8px;}
.staff-member_photo span{margin:0;}
.staff_detail i{font-size:18px;cursor:pointer;}
.staff_detail i:hover{color:#bf2f1b;}
.support_team{border:1px solid #000;margin:20px 0px; overflow:hidden;}
.support_team img{width:100%;} 


/*** Finance page ***/ 
.finance_section{display:flex;}
.finance_truck{width: 25%; background: #be2d18; margin-right: 25px; padding: 20px 0px; border-radius: 10px;color:#fff;text-align:center;}
.finance_truck h4{font-size: 23px; text-shadow: 0px 3px 2px #000;}
.finance_img{width:100%;margin:20px 0px;}
.finance_img p{font-size:20px;}
.finance_img img{width:100%;}
.finance_details{width:75%;}
.finance_details h3{}
.finance_details p{font-size: 14px; margin: 20px 0px; color: #4a4a4a;}
.finance_details ul{padding-left:40px;}
.finance_details ul li{list-style-type: disc; font-size: 13px; line-height: 24px;}
.finance_details h1{color: #be2e18;font-size: 25px;}
.contact-finance{margin:40px 0px;}
.contact-finance img{display:inherit;}
.contact-finance div span{font-size: 11px; width: 13px; padding: 10px 30px; align-items: center; display: inline-flex; text-align: center; font-weight: bold; line-height: 14px;}
.contact-finance h1 { color:#444; font-style: italic; font-size: 35px; margin-top: 20px; }

		/* new Finance page */
.contact-text{display:flex;align-items:center;}
.contact-text button{min-width:220px;}
.contact-text span{margin-left:20px;}
.finance-details-sectn{margin:10px 0px 30px;}
.finance-details-sectn h2{font-size:22px;padding:0px 30px;font-weight:bold;margin-bottom:5px;}
.finance_img_sectn{width:35%;}
.finance_img img{width:100%;}
/*.finance_advance_list{width:65%;display: inline-flex; align-items: center*/
.finance_advance_list{width:65%; align-items: center;}
.finance_advance_list h2{font-size: 26px; background: #ccc; padding: 5px 10px; margin-bottom: 20px; display:block;}
.finance_advance_list {padding-left: 20px; }
.finance_advance_list ul{padding-left: 20px; }
.finance_advance_list ul li{list-style-type:disc;font-size:14px;padding-bottom:3px;}

/************************* AES_Ambulance_Sales css ***************************************/
.product_logo img{width:230px;display: inherit;margin-bottom:5px;}

/** mobile navigation css **/
.navigations i.mobile-nav-icon{display:none;}
.mobile_navigations{display:none; position: absolute; background: rgba(0,0,0,0.8); max-width: 300px; width: 100%; top:68px; right: 0; color: #ccc; font-size: 13px; text-transform: uppercase;  z-index: 9999;}
.mobile_navigations p{padding:8px 15px;}
.mobile_navigations p:hover{background:rgba(255,255,255,0.8);color:#be2d18;transition:0.3s;}

/************************* AES_Towing_Recovery css ***************************************/
.towing-locations{display: flex;text-align: right;}
.detail_tw_location{width: 20%;}
.detail_tw_location h3{font-size:18px;text-transform:uppercase;}
.detail_tw_location p{font-size:14px;}
.detail_tw_location  ul li{font-size: 13px;list-style-type:none;}
.detail_tw_location ul li.bold-text{font-size: 25px; font-weight: bold; margin-bottom: 12px;}
.location_with_map{display: inline-flex; padding-left: 2%;justify-content: flex-end;width:40%}
.location_with_map .map-view{width:100%;height:auto;border:1px solid #ccc;margin-left:20px;}

/************************* Dislaimer css ***************************************/
.dislaimer_data{}
.dislaimer_data h4{font-size:15px;margin-bottom:12px;}
.dislaimer_data p{font-size:14px;margin-bottom:20px;}
ol.data_list li{margin-bottom:20px;}
ol.data_list li ul li{margin-bottom:5px;font-size:14px;list-style-type:disc;}
ol.data_list li ul, ol.data_list_link{padding-left:20px;font-size:14px;}
ol.data_list{padding-left:20px;}



	/*********************** service page new css**********************/
.Critical_resp_image_slider{width:100%;margin:0px;}
.page_links{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content:space-around;
    padding: 21px;
    font-size:16px;
    background: #4472c4;
    margin:20px 0px;
}
.page_links a:hover{text-decoration: underline;}
.CriticalPageHeadline{text-align:center;}
.brouchureButtons{
    background: #4472c4;color: #fff;
    border: none;
    padding: 10px;
    min-width: 160px;
    margin: 10px 3px;
    font-size: 12px;
    font-weight: bold;
}
.Cri_sections{}
.Cri_sections h2{color: #4472c4;font-size: 24px;}
.Cri_sections p{font-size: 13px;margin: 10px 0px;clear:both;}
.Cri_sections p a{color:#4472c4;}
.Cri_sections p a:hover{text-decoration: underline;}
.listSectn{ margin: 10px auto;display: grid;
    width: 80%;}
.Cri_sections ul {
    padding: 10px 50px;
    background: #d9e2f3;
   float:left;
}
.Cri_sections ul span{margin-left: -30px;
    margin-bottom: 14px;
    display: block;font-size: 13px;}
.Cri_sections ul li
{
    font-size: 13px;
    padding: 4px;
    float:left;
    width:50%;
}
.workstation_image_section{display: block;margin:20px 0px;text-align:center;}
.workstation_image_section img{width: 200px;margin: 10px;}
.workstation_Video{text-align:center;margin:20px 0px;}
.workstation_Video .VideoPlay{width:750px;height:360px;background:#ccc;margin:0 auto;}
.VideoPlay iframe{width:100%;height:100%;}
.specificationList{display: flex;
    align-items: flex-start;
}
.specificationList ul{float: unset; background: #fff;}
.specificationList ul li{float: unset; width: 100%;}
.specificationList ul span{font-weight:bold;} 
.specificationList ul ol{padding:0px 40px;}
.specificationList ul ol li{ list-style-type: circle; width: 50%;} 
.brouchureButtons:hover, .brouchureButtons:focus {background: #2151a7;}


/************************* Employment css ***************************************/

 .page-banner{
            background-image: url("{!URLFOR($Resource.Employment_banner)}");
            } 
            .container { position: relative; font-family: Arial; }
            .banner-text
            {
            position: absolute;
            left: 0;
            right: 0;
            top: 40%;
            bottom: 0;
            text-align: center;
            }
            .banner-text h4{margin-bottom:40px;font-size: 65px;color: #fff;}
            .btn-style {
            background: #1662c9;
            color: #fff;
            border: none;
            padding: 12px 25px;
            font-size: 18px;
            border-radius: 0px;
            box-shadow: 0px 2px 3px #000;
            min-width: 250px;
            text-transform: uppercase;
            font-weight: bold;
            }
            .emplayment-content {
            text-align: center;
            }
            .emplayment-content h2.inner_main_title {
            font-weight: bold; 
            font-size: 38px;   
            text-transform: capitalize;
            margin-top: 40px;
            }
            .emplayment-content .sum-content-txt {
            font-size: 34px;
            margin-top: 10px;
            color: #383838;
            }
            .emplayment-content .sum-content-txt2 {
            font-size: 17px;
            letter-spacing: 2px;
            font-weight: bold;
            color: #8e8e8e;
            margin:20px auto;
            line-height: 32px; 
            }
            td.left-content {
            text-align: left;
            padding-right: 60px;
            }
            td.right-content {
            text-align: left;
            padding-left: 60px;
            }
            table.emplayment-tble
            {    
            width: 100%;
            margin: 20px auto;
            max-width:640px;
            }
            table.emplayment-tble tr td img {width: 100%;}
            h3.employee-nm {
            text-align: center;
            font-size: 18px;
            margin: 10px 0px;
            color: #6b6b6b; 
            }
            table.emplayment-tble tr td p {
            line-height: 25px;
            font-size: 14px;
            font-weight: bold;
            color: #6b6b6b;
            text-align: justify;
            }
            .graph-image-bg{margin-top: 70px;}
            .graph-image-bg, .graph-image-bg img{width:100%;}
            img.wl-img {
            width: 100%;
            }
            .gry-bg
            {
            background-color: grey;
            color: #fff;
            text-align: left;
            padding: 10px;
            line-height: 26px;
            font-size: 15px;
            }
            .benifit-section img{width:100%; max-width:995px;}
            .benifit-section {
            background: #e0e0e0;
            text-align: center;
            margin: 30px auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-bottom: 30px;
            }
			.team-section{padding-top: 5%;}
.team-section table{width:100%;}
.team-section table tr td{position:relative;text-align: center;}
.team-section table tr td h2.image-title
{
    position: absolute;
    left: 0;
    right: 0;
    top: 39%;
    bottom: 0;
    font-size: 58px;
    color: #fff; 
}
.team-section table tr td img {
    width: 90%;
}
/*VERTUAL SHOWCASE PAGE*/      
.virtualPage .slds-modal__container {align-items: center;}
.virtualPage .bannerImg {width: 100%;}
.virtualPage .banner-text h4 {font-size: 48px; color: #333333; vertical-align: top; font-weight: 700; margin:0; text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}
.virtualPage .banner-text b{color:#f45247; font-size: 35px; text-transform: uppercase;}
.virtualPage button.slds-button.roundBtn { border: 3px solid #333; border-radius: 50px; padding: 4px; width: 38px; height: 38px; display: block; margin-left: auto; }
.virtualPage button.slds-button.roundBtn > svg { width: 1.25rem; height: 1.25rem; fill: #333; }
.virtualPage .slds-modal__title.modalHead {font-size:35px; color:#333; font-weight:600; display: flex; width: 100%; justify-content: center; margin: 0;}
.virtualPage .regTxt {font-size: 17px; font-weight: 700; padding-top: 15px; display: block;}
.virtualPage button.signUpBtn {padding-left: 10px; padding-right: 10px; min-width: 200px; margin-top: 15px; background: #b62831; color: #fff; border: none; padding: 10px; width: 100%; max-width: 285px; border-radius: 2px; font-size: 15px; }
.virtualPage .nothnksLink { text-decoration: underline; display: block; color: #333; font-weight: 600; padding-top: 5px; }
.virtualPage .smlTxt { font-size: 11px; text-align: left; margin: 20px auto; }
.virtualPage .container {max-width:1200px; margin:0 auto; padding: 20px;}
.virtualPage .fa-envelope:before { content: "\f0e0"; font-size: 25px; vertical-align: middle; }
.virtualPage .welTitle {font-size: 20px; text-transform: uppercase; font-weight: 700;display:block; padding-bottom:15px;}
.virtualPage b.bldTitle { font-size: 25px; display: block; padding: 0 0 15px; }
.virtualPage .line {border-top:1px solid #333; max-width:70%; margin: 60px auto 35px; }
.virtualPage .exploreSec {text-align:center; width:100%; margin-bottom:100px;}
.virtualPage .exploreTitle {font-size: 20px; padding: 10px 0; display: block;}
.virtualPage .exploreSec p { padding: 0 10px;}
.virtualPage .colStyle { border: 2px solid #333; padding: 25px;text-align:center; min-height:613px; color:#000;}
.virtualPage .buttons.borderBtn button { background: #b62831; border: 0 none; border-radius: 2px; padding: 10px; padding-right: 10px; min-width: 300px; margin-top: 15px; display: block; margin: 10px auto; color: #fff; }
.virtualPage .buttons.borderBtn button:hover {background:#841017;}
.virtualPage .truck-description {text-align:center;}
.virtualPage .prodc-images img { width:100%; /*max-height: 300px; */}
.virtualPage a.matterportLink { display: block; }
.virtualPage .colSpace {margin-bottom:20px;}
.virtualPage p.trukNme { font-size: 17px; font-weight: 700; }
.virtualPage .truck-description * {color: #000;}
.virtualPage button.slds-button.borderBtn { border: 1px solid #333; border-radius: 0; padding: 0 10px; color: #333 !important; font-weight: 600; }
.virtualPage .slds-hidden {display:none;}
.virtualPage .nonReqFld { margin-left: 14px; }
.virtualPage .contact-method.nonReqFld {width:auto;}
.virtualPage .fa-thumbs-o-up:before { font-size: 21px; vertical-align: middle; margin-right: 5px; color:silver; }
.virtualPage .fa-thumbs-o-up:hover:before{ color: black !important; }
.virtualPage .unlike { color: silver; }
.virtualPage .fa.fa-thumbs-o-up.like:before { color: #000; }
.virtualPage .disableClick { pointer-events: none; }
/*.virtualPage .likeCounter { border: solid thin; padding: 13px 12px 2px 10px; background: black; color: white; font-size: x-large; }*/
.loading-wrap {z-index: 99999;}
#welcomePopup .contact-form { width: 100%; max-width: 450px; height: auto; }
input[type="tel"].slds-input { padding: 2px 12px; }
.virtualPage .virBanner {height:unset; position: relative; min-height:150px;}
.virBanner .banner-text {margin-top: 0; top:0;}
.virtualPage .chiefTxt {font-size: 19px; font-weight: 700;}
.virtualPage .prodc-images p { text-align: center; }
.page-banner.virBanner img { width: 100%; }
.virtualPage .counterStyle { border-radius: 3px; background: #ffffff; min-width: 30px; display: inline-block; font-size: 20px; height: 30px; line-height: 27px; vertical-align: middle; color: #b62831; padding: 0 7px; font-weight: 600; letter-spacing: 0px; position: relative; text-align: center; border: 1px solid #b62831; }
.virtualPage .socialIcons a { padding: 5px; margin-left: 5px; font-size: 17px; }
.virtualPage .welCol { max-height: 345px; overflow: auto; }
.virtualPage .socialIcons a:hover { color: #000 !important; }


/************************** 3M Scott Landing Page css *******************************/
/*Used on the 3M Products page for the Contact Us button  */
.chevron.right::before {content: "";display: inline-block;width: 0.5em;height: 0.5em;border-style: solid;border-width: 0.15em 0.15em 0 0;transform: rotate(45deg);margin-right: 0.25em;}

.page_header_description {padding-top:10px;display:inherit;font-size:20px;line-height: 1.5}
.page_section_right h2{font-size: 26px; background: #ccc; padding: 0px 15px; margin-bottom: 20px;  }
.page_section_right{width:65%;padding-right:25px; line-height: 1.5; font-size: 20px; }

/***************************** 3M Scott Products and Service Pages css****************************/

.page_header h2{font-size: 26px; padding: 0px 10px; margin-bottom: 20px; width: 100%}
.distributor_note {font-size: 20px; padding: 0px 5px 0px 10px; line-height: 1.5; }
.page_section{width: 100%; display: flex; margin-left: 15px;margin-bottom: 30px}
.page_section_left{width:35%;padding-right:15px; text-align: left}
.page_section_left_services{width:35%;padding-right:15px; text-align: left}
.page_section_middle{width:45%;margin-right:25px; margin-left: 15px; margin-top: 15px, font-size: 15px; line-height: 1.5;}
.product_display{width:100%;margin-right:0px; margin-left 0px;margin-top 50px; float: center}
.myhrline{margin-bottom: 20px}
.product_grid {width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px;text-align: center;}
.product_thumbnail {font-size: 10px;}
.services_left {width:40%;padding-right:15px; margin-top: 15px; text-align: left}
.services_middle{width:50%;margin-right:25px; margin-left: 15px; margin-top: 15px}

.sfdc_richtext img {width:200px !important;}

/*******************************************3M Pages******************************************************************/
.centered-content {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
.centered-content h1 { color: #FFFFFF;font-size: 50px;padding-bottom:30px;}
.centered-content p {color: #FFFFFF;font-size: 30px;padding-bottom: 15px;}
.centered-content .contact-number {color: #DA0000;font-size: 40px; padding-bottom: 15px;}
.centered-content .inquire-button {color: white;font-size: 20px;}
.centered-content .inquire-button {text-align: center; margin-top: 20px; background: #2196F3; color: #FFFFFF; border: none; padding:10px; width: 100%; max-width: 300px; border-radius: 10px; font-size: 20px;}
.centered-content .inquire-button i{background: #fff; color: #b62932; text-align: center; border-radius: 50%; width: 24px; height: 24px; padding-left: 3px; margin-left: 10px; font-size:15px;}
.centered-content .inquire-button:hover{background:#5D8AA8;}

/* makes the Product and Services pages responsive*/
   @media screen and (max-width: 1000px) {
    .page_section{
        flex-direction: column; /* Stack the content vertically. */
        align-items: center; /* Center the content horizontally. */
        margin-left: 0;
        margin-bottom: 15px;
    } 
    
    .centered-content 
            {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}
        

        .centered-content h1 {
            font-size: 25px;
        	padding-bottom: 10px;
        }

        .centered-content p {
            font-size: 20px;
        }

        .centered-content .contact-number {
            font-size: 20px;
        	padding-bottom: 5px !important;
        }

        .centered-content .inquire-button {
            font-size: 16px;
        	padding-top: 5px;
        }
    }

 @media screen and (max-width: 600px) {
    .page_section{
        flex-direction: column; /* Stack the content vertically. */
        justify-content: left !important; /* Left Justify the content horizontally. */
        margin-left: 0;
        margin-bottom: 15px;
    }    
    .page_section_left, .page_section_middle{
        width:90%; /* Make the sections full width. */
        padding-right: 0; /* Remove right padding. */
        margin-right: 0; /* Remove right margin. */
        margin-left: 0; /* Remove left margin. */
        text-align: left; /* Left-justify the text. */
    }
	.services_left, .services_middle{
        	width:100%; text-align: left; max-width: 100%;
    }    	
        .centered-content 
            {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px;}
        

        .centered-content h1 {
            font-size: 15px;
        	padding-bottom: 0px !important;
        }

        .centered-content p {
            font-size: 15px;
        }

        .centered-content .contact-number {
            font-size: 15px;
        	margin-bottom: 0px !important;
        }

        .centered-content .inquire-button {
            font-size: 15px;
        	margin-top: 5px !important;
        	padding-top: 5x;
        	max-width: 200px;
        }
    }






#inquiryDiv .slds-modal__container {width:100%;}
/************************************** RESPONSIVE MEDIA CSS *********************************************************/
@media (max-width:1050px)
    {
    /* header part */
    .navigations ul.truck-info-nav li{margin-left:20px;}
    .site-logo img{width:185px;}
    .navigations ul.main-nav li{padding:14px;}
    
     /* home page part */
    .inv_detail{padding:0px 20px;} 
    .manfacture-details h2{font-size: 28px;}
    .manfacture-details{display: inline-table;}
	
	/* banner part */
	.page-banner{height:500px;}
    
     /* About Us part */
    .static-logo img{width:100%;}
    
    /* Employment part */
    .btnDv button{font-size:15px;}
    .btnDv button i{margin-right: 8px;}
    
    /* Towing Recovery Category part */
    .towing-locations{display:inherit;} 
    .towing-locations div{width:100%;text-align: center;}
    .location_with_map{justify-content: center; margin: 14px 0px;} 
    
    /*AmbulanceDeliveries part*/
    .serach_truck_section{display:inherit;text-align: center;}
    .serach_truck_section div{justify-content: center;margin:5px 0px;}
    
    /*Equipment part*/
    .feature-product-type{width:100%;}
    
    
    /*Production pages*/
    .production-view{width: 28%;}
    .production-view .prodc-images{height:auto;}
    .display_inline{display:inherit;}
    
    /*Employment page*/
    .team-section table tr td h2.image-title{font-size: 50px;}
}

@media (max-width:980px)
{
    /*Employment page*/
    .team-section table tr td h2.image-title{font-size:40px;}
}
@media (max-width:768px)
    {
    /* header part */    
    .header-nav-wrapp .main-container{padding:0px 8px;}
    .header-nav-wrapp{padding:10px 0px;}
    .site-logo img{width:180px;padding-top:8px;}
    .navigations{width: 100%;}
    .navigations ul.main-nav{display:none;}
    .header-navigations{flex-direction: column;}
    .navigations ul.truck-info-nav{text-align:center;}
    .header-social-links{position: absolute;  right: 0;top:90px;padding: 3px 0px 0px;border:1px solid #eee;border-right:none;}
    .header-social-links div a{margin-bottom:5px;}
    .header-social-links img{width: 15px;margin:0;}
    .navigations ul.truck-info-nav{display:none;}
    .navigations ul.truck-info-nav li { margin-left: 5px; border-right: 1px solid #ccc; padding-right: 5px; font-size: 11px; font-weight: normal; }
    .navigations ul.truck-info-nav li:last-child {border-right: none; padding-right: 0px;}
    .navigations i.mobile-nav-icon{font-size: 18px; display: block; position: absolute; right: 0px; top: 30px;padding: 0px 20px;}
    .header-social-links{display:none;} 
    
    /* banner part */ 
    .banner{height:450px;}
    .slider-text{bottom: 40px;right:14px;width:330px;}
    .slider-text h1{font-size:24px;}
    .slider-text h2{font-size:20px;margin-bottom:10px;}
    .page-banner{background-attachment: unset;}
    /* inner page banner part */
    
    /* home page part */ 
    .inv_detail{width: 49%; margin-bottom: 15px;}
    .welcome-section{flex-direction: column-reverse;}
    .welcome-section div{width:100%;}
    .welcome-text{padding-right:0px;padding-top:20px;}
    .client-image-cestion{flex-direction: column;} 
    .client-image-cestion div{width:100%;}
    .client-images{margin-top:20px;}  
    .manfacture-details h2 {font-size: 20px;}
    .location-section h2{padding:20px 0px;}
    .location-header{height: 1px;top: -8px;}
    .location-list {display: block;}
    .location-block{width:44%;}
    .location-list h2{background:#888787; padding: 5px 0px;}
    .location-block ul{margin-bottom:20px;}
    
    
     /* About Us part */
    .static-page-headtext{margin-top:50px;}
    .static-wrapper{display:inherit;}
    .static-wrapper div{width:100%;}
    .form_section{width:100%; }
    .form_section button{float:none;}
    .static-image_section-firemen{margin-top:20px;}
    .static-image_section-firemen img{width:auto;}
    .corporate_office_details{display:inherit;}
    .corporate_office_details .corp_detail{width:48%}
    
    /* Employment part */
    .employment-wrapper{display:inherit;}
    .employment-wrapper div{width:100%;}
    .btnDv button{max-width:280px;}
    .workshop-images{text-align:center;}
    .staff-image{text-align:left;width:unset !important;display: inline-block;}
    .staff-image img{width: 190px;}
    .staff_responsive_vw{display:flex !important;}
    .staff_responsive_vw div{width:auto;}
    
    /* Fire Apparatus Category part */
    .apparatus-wrapper{display:inherit;}
    .apparatus-wrapper div{width:100%;}
    .pierce-logo{margin-bottom:20px; text-align: center;}
    .pierce-logo img{max-width:320px;}
    .category-pahe-headline h2{font-size: 20px;}
    .heading-light-grey p{font-size: 14px;margin:0;}
    .blue-bg button{display: inherit;padding: 4px 0px;}
    .catg-buttons button{font-size: 13px;}
    
    /* Fire Apparatus Category costom chassis part */
    .img_chassis{width:100%;margin-bottom:20px;}
    .chassis_truck_detail .img_detail{width:100%;}
    .img_detail table tr td{padding-bottom: 8px;}
    
    /*AvailableAmbulanceDetailView*/
    .slider-section{display:inherit;}
    .thum-view{display: flex; justify-content: center;}
    .sort-list{text-align:center;} 
    .availableTruckWrapp{display:inherit;border-bottom: 1px solid; }
    .availableTruckWrapp:last-child{border-bottom: none;}
    .availableTruckWrapp div{width:100%;padding: 10px 0px;margin-bottom: 0 !important;}
    .category-details-sectn{border-bottom: 1px solid; }
    .category-details-sectn:last-child{border-bottom: none;}    
    .availableTruckWrapp div.tab-button{padding:0px;}
    .availableTruckWrapp div.tab-details{padding: 10px;}
    .availableTruckWrapp div.form_section{padding: 10px;} 
    
    /*Production pages*/
    .production-view{width: 45%;}    
    
    /*Atlantic service page*/ 
    .service_stn{display:inherit;}
    .service_stn_wrapper:last-child{border-bottom: none;}
    .service_staff_dtl{display:flex;}
    .service_stn button{margin:12px 0px;}
    .service_stn_wrapper{padding:0px 0px 15px;border-bottom: 1px solid;}
    .service_stn_wrapper:last-child{border-bottom:none;}
     .map_service{width:100%;}
    .service_list{column-count:1;padding: 10px 30px;}
    .manufacture_content{padding:0px 10px;}
    .manuf_logo_img img {width: 190px;}
    .mapSection div{text-align: center;}
    .mapSection div.map_location_details{width:38%;}
    
    /*contact modal*/
    .contact_modal h2{margin-top:0;}
    
    /*search pages */
     .trucks{text-align:center;}
    .truck_detailVw{text-align:left;}
    .img-set table.htmlDetailElementTable{margin: 0 auto;}
    
    /*Critical_Response_Unit_22 pages */
    .specificationList{display:block;}
    .specificationList ul ol li {width: 100%;}

    .virtualPage .buttons.borderBtn button{width:100%; min-width:100%;}
    .virtualPage .banner-text h4 {font-size:40px;}
    .virtualPage .banner-text b {font-size:17px;}
    #inquiryDiv .slds-modal__header, #inquiryDiv .slds-modal__content, #inquiryDiv .slds-modal__footer {width:90% !important;}
    .virtualPage .banner-text { position: static;}
    
}

@media (max-width:767px)
    {    
    .category-info{padding-left:0; margin-top:2px;}
    .service_station_modal { display: inherit; }
    .service_station_modal div{ width:100% !important; }
    .service_guid{padding:5px 0px 5px;}
    .service_guid img{margin:0;}    
    .flex_production_content{display:inherit;}
    .download-share{margin-top:15px;}
    .production-note{padding:10px 0px 0px;}
    .service_station_modal .service_station_detail{padding:0;margin:15px 0px;border-bottom:1px solid;padding-bottom:5px;}
    .service_station_modal .service_station_detail:last-child{border-bottom:none;}
    .manufacture_list ul{column-count: 3;}
    .client-logo-wrapper{display:none;}
    .equipment-catg{display:inherit;text-align:center;}
    .equipment-catg span, .equipment-catg span table{width:100%;text-align:center;} 
    
    /*Employment page*/
    .emplayment-content img{width:100%;}
    td.left-content {padding-right: 20px;}
    td.right-content {padding-left: 20px;}
    
    .virtualPage .welCol {max-height:unset;}
    .virtualPage .exploreSec { display: block; text-align: center; margin: 0; }
    .virtualPage .exploreSec .slds-col.slds-size_1-of-3 {width:100%; margin-bottom: 40px; padding:0;}
    .virtualPage .colSpace { width: 100%; padding: 0; }
    .virtualPage .banner-text h4 {font-size:28px;}
    .team-section table tr td{display: inline-block; width: 50%; margin: 20px 0px;}
    
    /*.page-banner.virBanner img {min-width: 600px; margin-left: -25%;}*/
    .virtualPage .iframeBox {display: block;}
    .iframeBox .slds-col {width:100%; margin:0; padding: 0;}
    .iframeBox iframe { width: 100%; }
    .virtualPage .colStyle {min-height:unset; padding:15px;}
    .virtualPage .slds-modal__title.modalHead {font-size:27px;}
    .virtualPage button.slds-button.roundBtn {padding: 2px; width: 26px; height: 26px; border: 2px solid #333;}
    .virtualPage button.slds-button.roundBtn > svg {width: 1rem; height: 1rem;}
    .virtualPage .welTitle {word-break: break-all; padding-bottom: 10px;}
    #inquiryDiv .slds-modal__header, #inquiryDiv .slds-modal__content, #inquiryDiv .slds-modal__footer {width:100% !important;}
    #inquiryDiv .slds-modal__container { width: 92%; margin: 0 auto; }
    .virtualPage .slds-notify_toast, .virtualPage .slds-notify--toast {min-width:unset;}
    /*div#colorbox { height: 500px!important;  top: 0 !important; position: fixed !important; width: 100% !important;max-width:450px !important;}*/
    .virtualPage .banner-text b {white-space: normal; word-break: break-all;}
    #cboxTitle {    bottom: 34px !important;}
    div#cboxLoadedContent {  max-height: 400px !important;}
    .virtualPage .welCol span { max-height: 200px; overflow: auto; display: block; }
}
           
          
@media (max-width:580px)
    {
    /* header part */
    .mobile_navigations{left:0;max-width:100%;}
    .navigations ul.truck-info-nav li{font-size:10px;}
    .header-nav-wrapp{position:unset;} 
    
    /* banner part */
    .slider-text{width: 100%; left: 0; right: 0; margin: 0 auto;top: unset;text-align:center;}
    .page-banner{height:180px;}
    .banner {height: 200px;}
    .banner img{display:none;} 
    .slider-text h1 {font-size: 15px;line-height: 19px;text-align: center;}
    .slider-text button{font-size: 12px;padding: 8px 20px;width: auto;}
    .slide .arrow .arrow-left, .slide .arrow .arrow-right{width: 32px !important;height: 32px !important;top: 45% !important;}

    
    /* home page part */
    .inv_detail{width: 100%; margin-bottom: 40px;padding: 0;}
    .home-page-button{max-width:100%;}
    .client-images img{width:145px; border-bottom: 1px solid #eee;padding-bottom: 20px;}
    .location-section h2{text-align:center;}
    .location-block{width:100%;} 
    
     /* footer part */
    .footer a{display:inherit;border-right:none;border-bottom: 1px solid #c54c39; padding-bottom: 8px; margin-bottom: 8px;}
	.footer a:last-child{border:none;}
    
    /* About Us part */
    .flex-content-section{display:inherit;}
    .corporate_office_details .corp_detail{width:100%;border-bottom: 1px solid #447bb5;margin-bottom: 8px;}
    .corporate_office_details .corp_detail:last-child{border:none;margin-bottom: 0px;}
    
    /* Employment part */
    .workshop-images{padding:0;}
    .workshop-images a{width:100%;height:auto;margin-right:0;}
    .employment_table table tr th{display:none;}
    .employment_table table tr td{display:grid;background:none;border:none; border-top: 1px solid #e4e4e4;text-align: left; }
    .employment_table table tr:nth-child(even){background:#eee;}
    table#ATSPagingTable tr td { display: inline-block; border-top: none; border-right: 1px solid #eee; }
    table#ATSPagingTable tr td:last-child{border-right:none;} 
    .employment_list_text{column-count:1;}
    .inner_main_title{font-size:28px;}
    
     /* Fire Apparatus Category part */
    .category-info button{width:100%; max-width: 100%;margin:0;}
    .catg-buttons button{padding:4px 0px;}
    .middle_content{display:inherit;}
    .align_truck_content{width:100%;}
    
    
    /* Towing Recovery Category part */
    .towing-locations div{display: inherit;padding:0;}
    .location_with_map .map-view{    margin: 5px auto;}
    .map-view div {width: 100% !important;height: 100% !important;padding: 10px;} 
    
    .service_center_greybg .mapSection{display:inherit;}
    .service_guid{display:inherit;}
    .mapSection div {width: 100%;}
    
    /*Ambulance_Stock_Inventory*/
    .filters{width:60px;}
    .filters div.filters-option {display: none;}
    .filter-close .filters{width:100%;position: fixed;background: #fff; top: 0;z-index: 10;bottom:0; overflow:auto;}
    .filter-close .filters div.filters-option {display: block;} 
    
    /*Sales Rep*/
    .staff_details_sectn{text-align:center;}
    .staff_detail{width: 46%;margin: 4px;}
    .staff_detail div.staff-member_photo{height:auto;}
    .display_flx_input{display:inline-block;}  
    .display_flx_input select{width:100%;margin-bottom:10px;max-width:100%;}
    .staff_responsive_vw{display:inherit !important;}
    .staff_responsive_vw div{width:auto;}
    .staff-image{    margin-bottom: 20px;}
    /*Image popup slider*/
    .image-modal-content{margin: 0px;}
    .image-modal-content .prev, .image-modal-content .next{top: 54%;font-size: 16px;padding: 10px;}
    .image-modal-content .close{font-size: 22px;width: 25px;height: 25px;}
    .numbertext{padding: 5px 10px;font-size: 13px;} 
    
    
    /*Production pages*/
    .production-view{width: 100%;margin:0px 0px 15px;}
    .prod_image_gallery{width: 47%;}
    .prod_image_gallery .img-pd{height:auto;}
    .margin-horz{display:none;}
    .breadcrums{font-size:13px;}
    .selectMultDv{display:inherit;} 
    .selectMultDv .select-wraper:first-child{margin-right:0px;} 
    
    /*Ambulance Delivery*/
    .truck_detailVw{width:100%;height:auto;margin-right:0px;}
    
    /*Pierce Fire Apparatus Custom Chassis page*/
    .chassis_truck_detail{display:inherit;}
    .chassis_truck, .finance-details-sectn{border-bottom:1px solid;}
    .chassis_truck:last-child, .finance-details-sectn:last-child{border-bottom:none;}
    .contact-text button{width:100%;}
    
    /*Atlantic service page*/
    .serive-img-note{display:inherit;}
    .service_page_banner{height:150px;}  
    .service_page_banner img{margin-top:-50px;} 
    .section_bottom_btn{display:inherit;}
    .section_bottom_btn button{margin-bottom:6px;}
    .mapSection div.map_location_details { width: 100%; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; margin:10px 0px;}
    .mapSection div.map_location_details:last-child{border:none;}
    .manufacture_list ul{column-count: 2;}
    
     /*contact modal*/ 
    .contact-fields table tr td{display: table-row;}
    .contact_modal_message h2.slds-text-heading_small{font-size:14px;}
    .contact_modal .contact-fields{padding:5px 6px;} 
    .contact_modal{padding:0;}
    .contact-fields select {width: 100%;padding-right: unset;}
    a.blue_link{font-size:14px;}
    
    /*Employment page*/
                .banner-text h4 {margin-bottom: 10px;font-size: 22px;}
            .emplayment-content h2.inner_main_title{font-size: 28px;}
            .emplayment-content .sum-content-txt {font-size: 24px;}
            button.btn-style {font-size: 14px;min-width: 150px;}
    .filter-section {flex-flow: column;}
}

@media (max-width:480px) 
    {
    .product-type{width:100%;}
    .select_representative select{width:100%;}
    .contact_modal .contact-fields{max-height: 400px;}
    .workstation_Video .VideoPlay{width:100%;}
    .Cri_sections ul, .Cri_sections ul li{float:unset; width:100%;}
    .page_links{display:block;}
    .page_links a{display: block;margin: 10px auto;text-align: center;border-bottom: 1px solid #6f90cc;padding: 10px;}
    .team-section table tr td{width: 100%;margin: 10px 0px;}
    .team-section table tr td h2.image-title {
        font-size: 50px;
    }
}
@media (max-width:360px) 
    {
    .emplayment-tble tr td{display: block;padding: 0 0 20px !important;}
}


@media (max-width: 320px){
    .contact_modal .contact-fields {max-height: 265px;}
    .team-section table tr td h2.image-title {
        font-size: 45px;
    }
}

.images-div {
    margin:30px 0px; 
    text-align: left;
}

.contact-method {
    width: 99%;
}

@media (max-width:480px){
    .images-div {
        margin:30px 0px; 
        text-align: center;
    }
    .contact-method {
        width: 97%;
    }
}