@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/* #General Styles
================================================== */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.up html, .up body,   .up span, .up applet, .up object, .up iframe, .up a, .up img, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
.up html { -webkit-text-size-adjust: none; }
.up button, .up input, .up select, .up textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.up input[type="button"], .up input[type="submit"] { -webkit-appearance: none !important; }
.up a { text-decoration: none; }
.up img { border: 0 none; max-width: 100%; vertical-align: top; }
.up a { outline: none; cursor: pointer; }
.up a:hover { text-decoration: none; }
.up a:focus { text-decoration: none !important; outline: none !important; }
.up .clear { clear: both; }
.up img { max-width: 100%;width:100%; }
.up button:focus {outline:0;}

/* #Page Structure
================================================== */
body.up { margin: 0; padding: 0; font-size: 20px; line-height: 1.2; color: #000000; background: #d9d9d6; font-family: "Open Sans", serif; font-weight: 400;-webkit-font-smoothing: antialiased;}
.up .wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; opacity: 1; }
.up .container { max-width: 1480px; margin: 0 auto; width:100%;}
.up a, .up button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.up h1, .up h1 div {font-size: 100px;line-height: 1;font-weight: 400;font-family: "Bebas Neue", sans-serif;color: #ffffff;}
.up h2, .up h2 div {font-size: 96px;line-height: 0.9; font-weight: 400;font-family: "Bebas Neue", sans-serif;color: #ffffff;}
.up h3, .up h3 div {font-size: 50px;line-height: 1.3;font-weight:400;font-family: "Bebas Neue", sans-serif;color: #ffffff;}
.up h4, .up h4 div {font-size: 40px;line-height: 1;font-weight:400;font-family: "Bebas Neue", sans-serif;color: #ffffff;}
.up h5, .up h5 div {font-size: 25px;line-height: 1.2; font-weight:400;font-family: "Bebas Neue", sans-serif;color: #ffffff;}
.up h6, .up h6 div {font-size: 18px;line-height: 1.2; font-weight:700; color:#000000;}
.up ul li{font-size: 20px;line-height: 1.2; font-weight:400;}
.up .p_class, .up .p_class div{font-size:20px; font-weight:400;line-height: 1.1;color: #000000;}

.up .btnborder a{display: inline-flex;border: 1px solid #ffffff;padding: 9px 32px;font-family: "Bebas Neue", sans-serif;font-size:20px; font-weight:400;color: #ffffff;letter-spacing: 0.05em;text-align: center;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.up .btnborder a:hover{transform: scale(1.1);}
.up .btnbg a{display: inline-flex;background-color: #BE302B;padding: 13px 30px;font-size:20px; font-weight:700;color: #ffffff;text-transform: uppercase;letter-spacing: 0.05em;text-align: center;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.up .btnbg a:hover{transform: scale(1.1);}
.up .btnbg button{display: inline-flex;background-color: #BE302B;text-transform: uppercase;padding: 12px 50px;border-radius: 0px; border: none; font-size:20px; font-weight:400;color: #ffffff;font-family: "Bebas Neue", sans-serif;text-transform: uppercase;letter-spacing: 0.05em;text-align: center;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.up .btnbg button:hover{transform: scale(1.1);}
.up .redbox_title{
  text-align: center;
  padding: 12px 0 6px;}
.up .dflex{display: -webkit-box;display: -ms-flexbox; display: flex;}
.up .mid-container{display: flex; flex-direction: column;}

.mktoGen.mktoImg{display: block !important;}

/* Home Page Style 
 ================================================== */

/***** Header CSS *****/
.main-menu {
  height: 115px;
  max-height: 115px;
  color: #fff;
  z-index: 99999;
  position: fixed;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: -20px;
}
.main-menu-logo {
  width: 200px;
  position: absolute;
  left: 50px;
  top: auto;
  z-index: 99;
}
.main-menu-supplementary {
  right: 40px;
  position: absolute;
  display: flex;
  align-items: center;
}
.main-menu-wrapper {
  height: 50px;
  max-height: 50px;
  width: 100%;
  text-transform: uppercase;
  background: #53565a;
  padding-right: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-menu-item {
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  cursor: pointer;
  position: relative;
  transition-duration: .4s;
}
.main-menu-item:hover {
  background: #9e2a2f;
}
.main-menu-item a {
  text-decoration: none !important;
  color: white;
  display: block;
  position: relative;
}
.main-menu-item .submenu {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  min-width: 100%;
  padding: 0;
  background: #53565a;
}
.main-menu-item:hover .submenu {
  display: block;
}
.main-menu-item .submenu .submenu-item {
  white-space: nowrap;
  padding: 8px 13px;
}
.main-menu-acs {
  width: 96px;
  z-index: 999;
}
.main-menu-item .submenu .submenu-item:hover {
  background: #9e2a2f;
}
.buy-a-truck {
  font-size: 21px !important;
  font-weight: 900 !important;
}


.main-menu-mobile {
  color: #fff;
  z-index: 99;
  background: #e8e4d7;
  padding-top: 29px;
  display: none;
  position: fixed;
  width: 100%;
}

/***** BannerSec CSS *****/
.up .bannerSec{margin-top: 68px;}
.up .bannerSec .row{background-repeat: no-repeat;background-size: cover;background-position: center top;position: relative;}
.up .bannerSec .row::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.up .bannerSec .row{padding: 70px 180px 100px 740px;}
.up .bannerSec .col{position: relative;z-index: 9;}
.up .bannerSec .subtitle{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 48px;}
.up .bannerSec .subtitle .redline{width: 8px;height: 46px;background-color: #BE302B;margin-right: 10px;}
.up .bannerSec .subtitle h5, .up .bannerSec .subtitle h5 div{font-family: "Open Sans", serif;font-weight: 700;text-transform: uppercase;text-shadow: 0px 4px 4px #00000040;}
.up .bannerSec .title{margin-bottom: 16px;}
.up .bannerSec .title h2, .up .bannerSec .title h2 div{text-shadow: 0px 4px 4px #00000040; text-transform: uppercase;}
.up .bannerSec .p_class, .up .bannerSec .p_class div{text-shadow: 0px 4px 4px #00000040;font-size: 24px;line-height: 1.2;color: #ffffff;}

/***** TrickSec CSS *****/
.up .trickSec .row{display: flex;justify-content: space-between;align-items: stretch;color: #ffffff;}
.up .trickSec .p_class{font-size: 17px;line-height: 1.4;color: #ffffff;}
.up .trickSec .row .leftcol{width: 60%;padding: 45px 76px 45px 50px;}
.up .trickSec .leftcol .title{margin-bottom: 20px;}
.up .trickSec .leftcol .contentbox{margin-top: 35px;display: flex;flex-direction: column;gap: 40px;}
.up .trickSec .leftcol h4{margin-bottom: 18px;}
.up .trickSec .rightcol{width: 40%;}
.up .trickSec .rightcol .imgbox{height: 100%;}
.up .trickSec .rightcol .imgbox .mktoImg{height: 100%;}
.up .trickSec .rightcol img{width: 100%;height: 100%;object-fit: cover;}

/***** TermsSec CSS *****/
.up .termsSec .blackborder{width: 100%;background-color: #000000;height: 25px;}
.up .termsSec .p_class{color: #ffffff;}
.up .termsSec .row1{display: flex;justify-content: space-between;align-items: flex-start;}
.up .termsSec .row1 .col{width: 25%;}
.up .termsSec .row1 .imgbox{width: 100%;}
.up .termsSec .row1 .imgbox img{width: 100%;height:auto;object-fit: cover;min-height: 252px;max-height: 252px;}
.up .termsSec .row1 .title{height: 74px;display: flex;justify-content: center;align-items: center;}
.up .termsSec .row2{padding: 50px 200px 46px 50px;display: flex;justify-content: space-between;align-items: flex-start;gap: 125px;}
.up .termsSec .row2 .leftcol{width: calc(100% - 448px);}
.up .termsSec .row2 .leftcol h2{margin-bottom: 28px;}
.up .termsSec .row2 .p_class{line-height: 1.3;}
.up .termsSec .row2 .rightcol{max-width: 323px;width: 100%;text-align: center;}
.up .termsSec .row2 .rightcol .title{font-size: 37px;line-height: 1.2;letter-spacing: 0.05em;text-align: center;color: #ffffff;font-family: "Bebas Neue", sans-serif;}
.up .termsSec .row2 .rightcol .title sup{font-size: 20px;}
.up .termsSec .row2 .rightcol .imgbox{margin-bottom: 10px;}
.up .termsSec .row2 .rightcol .imgbox img{max-width: 145px;}
.up .termsSec .row2 .rightcol .p_class{font-size: 15px;line-height: 1.2;letter-spacing: 0.05em;margin-top: 5px;}
.up .termsSec .row2 .rightcol .btnborder{margin-top: 22px;}

/***** VideoSec CSS *****/
.up .videoSec .row1{padding: 90px 108px 107px 58px;display: flex;justify-content: space-between;align-items: flex-start;}
.up .videoSec .row1 .leftcol{width: 53%;}
.up .videoSec .row1 .leftcol h2{color: #BE302B;margin-bottom: 24px;margin-right: 20px;}
.up .videoSec .row1 .rightcol{width: 44%;margin-top: 14px;}
.up .videoSec .row2 {padding: 0px 58px 96px 58px;display: flex; justify-content: flex-start;flex-wrap: wrap;align-items: stretch;column-gap: 20px;}
.up .videoSec .row2 .videocol {background-color: #ffffff;
    width: calc((100% - 40px) / 3);
    margin-bottom: 20px;display: flex;flex-direction: column;align-items: flex-start; justify-content: flex-start;}
.up .videoSec .row2 .videocol .detailbox{align-self: stretch; flex: 1;}
.up .videoSec .row2 .videocol .innerbox{display: flex;padding: 15px 20px 25px;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            height: 100%;}
.up .videoSec .row2 .videocol .detailbox .contentbox{flex: 1;}
.up .videoSec .row2 .videocol .detailbox h6{text-transform: uppercase;margin-bottom: 4px;}
.up .videoSec .row2 .videocol .detailbox .p_class{font-size: 15px;line-height: 1.2;color: #000000;}
.up .videoSec .row2 .videocol .video_img{width: 100%;}
.up .videoSec .row2 .videocol img {
    width: 100%;
    height: auto;object-fit: cover;min-height: 220px;max-height: 220px;
}
.up .videoSec .row2 .videocol .btnbg{margin-top: 48px;}
.up .videoSec .row2 .videocol .btnbg a{font-family: "Bebas Neue", sans-serif;text-transform: uppercase;font-weight: 400;padding: 13px 50px;}

/* General lightbox styles */
.lightbox-container {
    text-align: center;
    margin-top: 50px;
  }

  .lightbox-trigger {
    margin: 10px;
    padding: 10px 20px;
    border: none;
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    cursor: pointer;
  }

  .lightbox-trigger:hover {
    background-color: #0056b3;
  }

  .lightbox-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999999;overflow-y: scroll;
  }

  .lightbox-overlay.active {
    display: flex;
  }

  .lightbox-content {
    position: relative;
    background: #fff;
    max-width: 1280px;
    width: 100%;
    text-align: center;margin-top: 120px;
    margin-bottom: 60px;
  }

  .close-lightbox {
    position: absolute;
    top: -55px;
    right: -50px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
  }
  .close-lightbox img{max-width: 50px;}

  .popup {
    display: none;
  }

  .popup.active {
    display: block;
  }
  
  .popup .bottombox{padding: 35px 40px 22px 20px;display: flex;justify-content: space-between;align-items: flex-start;}
  .popup .bottombox .leftcol{width: 60%;text-align: left;}
  .popup .bottombox .leftcol .title{margin-bottom: 10px;}
  .popup .bottombox .leftcol .title, .popup .bottombox .leftcol .title div{font-size: 20px;line-height: 1.2;font-weight: 700;color: #000000;}
  .popup .bottombox .leftcol .p_class, .popup .bottombox .leftcol .p_class div{font-size: 15px;line-height: 1.2;font-weight: 400;color: #000000;}
  .popup .bottombox .rightcol{max-width: 198px;}
  .popup .bottombox .rightcol .socialtitle h4{color: #BE302B;text-transform: uppercase;text-align: left;}
  .popup .bottombox .rightcol ul{list-style-type: none;margin: 5px 0 0 0;padding: 0;display: flex;align-items: flex-end;justify-content: flex-start;column-gap: 20px;}
  .popup .bottombox .rightcol ul li.fb img{max-width: 23px;}
  .popup .bottombox .rightcol ul li.tw img{max-width: 43px;}
  .popup .bottombox .rightcol ul li.insta img{max-width: 40px;}
  .popup .bottombox .rightcol ul li.in img{max-width: 40px;}
  .popup .bottombox .rightcol ul li a{display: inline-flex;}
  .popup .videobox{max-width: 1280px;
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;}
.popup .videobox .video-container {
      position: relative;
      width: 100%;
      height: 600px;
      overflow: hidden;
  }
.popup .video-container .playicon{ position: absolute;
  top: 50%;
    transform: translateY(-50%);
  left: 0;right: 0px; margin: 0 auto;text-align: center;z-index: 999;}
  .popup .video-container .posterimg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
  .popup .video-container .posterimg img{width: 100%;height: 100%;}
  .popup .video-container .playicon img{max-width: 207px;text-align: center;}  
.popup .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:600px;
    border: 0;
}


  .lightbox-navigation {
    margin-top: 0;
    position: absolute;
    top: 44%;
    transform: translateY(-44%);
    width: 100%;
  }

  .lightbox-navigation button {
    margin: 0 0;
    padding: 0;
    border: none;
    cursor: pointer;position: absolute;
    z-index: 999999; top: 50%;
    transform: translateY(-50%);background-color: transparent;
  }
  .lightbox-navigation button img{max-width: 70px;}
  .lightbox-navigation #prev-btn{left: -100px;} 
  .lightbox-navigation #next-btn{right: -100px;} 

/***** TestimonialSec CSS *****/
/* .up .testimonialSec{background-color: #E8E4D7;} */

.up .testimonialSec .inner_testimonial {
    display: flex;
    justify-content: space-between;
    padding: 42px 36px 24px;    
    flex-wrap: wrap;
    align-items: stretch;
}
.up .testimonialSec .testimonials_img{margin-bottom: 20px;width: 100%;}
.up .testimonialSec .report {
    width: calc((100% - 80px) / 3);
    margin-bottom: 20px;display: flex;flex-direction: column;align-items: flex-start;
    justify-content: flex-start;
}
.up .testimonialSec .report .detailbox{align-self: stretch; flex: 1;}
    .up .testimonialSec .report .innerbox{display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            height: 100%;}
.up .testimonialSec .report .detailbox .contentbox{flex: 1;}
.up .testimonialSec .report img {
    width: 100%;
    height: auto;object-fit: cover;min-height: 205px;max-height: 205px;
}
.up .testimonialSec .report .author {
    font-weight: 700;
    margin-top: 15px;
}
.up .testimonialSec .btnbg{margin-top: 65px;}


/***** Footer CSS *****/
.up .act-home-quicklinks{padding: 41px 118px 73px;justify-content: space-between;align-items: start;column-gap: 15px;}
.up .act-text-header-2{font-size: 32px;line-height: 1.2;font-weight: 700;color: #ffffff;text-transform: uppercase;margin-bottom: 24px;}
.up .act-text-body-2{font-size: 20px;line-height: 1.35;font-weight: 400;color: #ffffff;text-transform: uppercase;}
.up .font-franklin{position: relative;}
.up .act-home-quicklinks-item a{color: #ffffff;display: inline-block;position: relative;}
.up .act-home-quicklinks-item a:hover{color: #ffffff;text-decoration: none;}
.up .act-home-quicklinks-item a::after {content: '';position: absolute;width: 100%;-webkit-transform: scaleX(0); transform: scaleX(0); height: 1px;
    bottom: 0; left: 0; background-color: #ffffff;-webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: -webkit-transform 0.25s ease-out;
    transition: -webkit-transform 0.25s ease-out;transition: transform 0.25s ease-out;transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.up .font-franklin{position: relative;}
.up .act-home-quicklinks-item a:hover:after{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: bottom left;
    transform-origin: bottom left;}

.up footer{padding: 66px 60px 60px 60px;} 
.up footer{font-size: 17px;line-height: 1.5;text-align: left;text-transform: uppercase;}
.up footer a{color: #000000;text-decoration: none;word-break: break-all;}
.up footer a:hover{color: #580D11;}
.up footer .row1{display: flex;justify-content: space-between;align-items: center;}
.up footer .row1 .row1_col1 .autocarlogo{max-width: 200px;}
.up footer .row1 .row1_col1 .acslogo{max-width: 164px;}
.up footer .row1 .row1_col1{width: 50%;display: flex;justify-content: space-between;align-items: center;column-gap: 15px;}
.up footer .row1 .row1_col1 span{text-wrap:nowrap ;}
.up footer .row1 .row1_col2{width: 47%;display: flex;justify-content: space-between;align-items: center;column-gap: 15px;}
.up footer .row1 .row1_col2 .social_icons{display: flex;align-items: center;justify-content: flex-start;column-gap: 25px;flex-wrap: wrap;}
.up footer .row1 .row1_col2 .social_icons a{display: inline-flex;margin-bottom: 10px;}
.up footer .row1 .row1_col2 .social_icons a img{max-width: 60px;}
.up footer .row2{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 48px;}
.up footer .row2 .row2_col1{width: 50%;display: flex;justify-content: flex-start;align-items: center;}
.up footer .row2 .logo-two-wrapper{display: flex;justify-content: flex-start;align-items: center;column-gap: 43px;}
.up footer .row2 .year-logo{max-width: 120px;}
.up footer .row2 .most-admired{max-width: 150px;}
.up footer .row2 .top50{max-width: 100px;}
.up footer .row2 .sourcewell{max-width: 200px;}
.up footer .row2 .row2_col2 .copyright{font-size: 16px;line-height: 1.5;color: #000000;text-transform: uppercase;text-align: left;}
.up footer .row2 .row2_col2 .copyright sup{vertical-align: 4px;font-size: 11px;}
.up footer .row2 .row2_col2{width: 47%;display: flex;justify-content: space-between;align-items: center;}
.up footer .row3{display: flex;justify-content: flex-end;align-items: center;margin-top: 10px;}
.up footer .row3 .row3_col2{width: 47%;display: flex;justify-content: flex-start;align-items: center;column-gap: 20px;}
.up footer .row3 .row3_col2 .be-label{font-weight: 700;width: 24%;}
.up footer .row3 .row3_col2 .be-text{text-align: center;width: 70%;}