- Calmont Group

body, input, button, select { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .fonts-loaded body, .fonts-loaded input, .fonts-loaded button, .fonts-loaded select { font-family: Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .fonts-loaded h1, .fonts-loaded h2, .fonts-loaded h3, .fonts-loaded h4, .fonts-loaded h5, .fonts-loaded h6 { font-family: Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }

:root { --color-primary: #000000; --color-primary-dark: #000000; --color-primary-light: #1b1b1b; } /* Header */ .header--desktop .header__logo-wrap { display:none; } .header__info-wrap { background:#fff; display:none; } .header--desktop .header__nav-bar .navigation { width:100%; } .header--desktop .header__nav-bar .navigation > .menu-item { width:33%; } .header--desktop .header__nav-bar .navigation > .menu-item .sub-menu { width:100%; } .header--desktop .header__nav-bar .navigation > .menu-item a { color:#fff; height:auto; background: none; } /** homepage **/ .calmont-button-block-1 .button { font-weight:100; } .header--desktop .header__nav-bar .navigation > .menu-item .sub-menu .menu-item { border-bottom:1px solid #fff; } .header--desktop .header__nav-bar .navigation > .menu-item .sub-menu .menu-item:last-child { border-bottom:0px; } .header--desktop .header__nav-bar .navigation > .menu-item:before { content:''; display:block; height:8rem; width:100%; } .header--desktop .header__nav-bar .navigation > .menu-item.calmont_leasing,.header--desktop .header__nav-bar .navigation > .menu-item.calmont_leasing .sub-menu { background:#f33543; } .header--desktop .header__nav-bar .navigation > .menu-item.calmont_leasing:before { background:url('') no-repeat top left; background-color:#fff; } .header--desktop .header__nav-bar .navigation > .menu-item.calmont_leasing:before { background:url('https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/241/2019/09/a532d7c849450be524ee017224d748bbx.png') no-repeat; background-color:#fff; background-size:80% auto; background-position:50%; } .header--desktop .header__nav-bar .navigation > .menu-item.calmont_truck_centre:before { background:url('https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/241/2019/09/Updated-Calmont-Volvo-Truck-Centre.jpg') no-repeat; background-color:#fff; background-size:80% auto; background-position:50%; } .header--desktop .header__nav-bar .navigation > .menu-item.bobcat:before { background:url('https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/241/2019/09/bobcat_logo.png') no-repeat top left; background-color:#fff; background-size:80% auto; background-position:50%; display:flex; } .header--desktop .header__nav-bar .navigation > .menu-item.bobcat,.header--desktop .header__nav-bar .navigation > .menu-item.bobcat .sub-menu { background:#e74a3b; } /* Footer */ .footer.dark .footer__main { display:none; } /* Yogesh SR00280596 */ #vdp-app .testimonials-group{ display: none; } /* Yogesh SR00280596 */ @media only screen and (max-width: 667px) { .home .button_block_widget-3 .widget-heading:after { background:var(--color-primary); width:5rem; } .home .button_block_widget-3 .button-block-widget__content { display:flex; flex-direction:column; } .home .button_block_widget-3 .button-block-widget .button-block-button { display:flex; flex-direction:row; justify-content:space-around; } .home .button_block_widget-3 .button-block-button__background { width:14rem; height:12rem; } .button-block-2 .button-block-widget .button-block-button__heading-area { display:none; } .home .button_block_widget-3 .button-block-widget .button-block-button__cta { font-size:1.8rem; font-weight:normal; border:1px solid white; border-radius:0px; } } @media only screen and (min-width: 600px) { .mobileheader-slide { display:none; } } .mobileheader-slide{ max-width:80%; margin:auto; padding:20px 0px; height:120px; } /******* CALMONT GROUP ********* * * Developer: Soo-Ah Jung * January, 2021 * * ****************************/ /*** General ***/ select{ -webkit-appearance: none; -moz-appearance: none; background: #fff url('https://tadvantagegroupprod-com.cdn-convertus.com/uploads/sites/241/2021/01/arrow.png') no-repeat !important; background-position: 95% 50% !important; color: #000; font-size: 1.7rem; appearance: none; border-radius: 0; min-width: 5rem !important; } /*** Header ***/ .header__nav-bar{ padding-top: 0rem; padding-bottom: 0rem; } .header--desktop .header__nav-bar .navigation{ justify-content: center; } .header--desktop .header__nav-bar .navigation > .menu-item.calmont_leasing, .header--desktop .header__nav-bar .navigation > .menu-item.calmont_leasing .sub-menu{ background: #333; } .header--desktop .header__nav-bar .navigation > .menu-item.calmont_truck_centre, .header--desktop .header__nav-bar .navigation > .menu-item.calmont_truck_centre .sub-menu{ background: #103b8a; } .header--desktop .header__nav-bar .navigation > .menu-item{ width: 33%; margin: 1% .2%; } .header--desktop .header__nav-bar .navigation > .menu-item:before{ height: 12rem; } .header .navigation>.menu-item>a{ font-weight: 400; padding: 2.7rem 2rem; width: 80%; margin: 0 auto; display: flex; align-items: center; } .header .navigation>.menu-item>a > *{ flex: 0; } .header .menu-item.menu-item-has-children>a:after{ margin-left: auto; font-size: 2rem; } .header--desktop .header__nav-bar .navigation:hover{ cursor: pointer; } .header .sub-menu .menu-item a:hover{ background: #000; } /* Button Block: Category */ .home-page .button-block-2 h2.widget-heading{ text-align: center; text-transform: uppercase; font-weight: 400; } .home-page .button-block-2 h2.widget-heading:after{ margin: 1rem auto; background: #fff; width: 10rem; height: .4rem; } .home-page .button-block-2 .widget-background.dark:after{ display: none; } .home-page .button-block-2 .button-block-widget__content{ } .home-page .button-block-2 .button-block-widget .button-block-button{ border: 1px solid #fff; padding: 1rem .5rem; margin: 1%; flex: 0 0 14%; background: rgba(0,0,0,0.5); max-height: 154px; } .home-page .button-block-2 .button-block-widget .button-block-button__background{ border: none; border-radius: 0; min-width: 9rem; width: auto; height: auto; min-height: 6rem; background-size: contain; background-position: 50% 50%; margin: 2rem 0; } .home-page .button-block-2 .button-block-widget .button-block-button__cta{ background: none; box-shadow: none; font-weight: 400; font-size: 1.5rem; padding: 0; text-align: center; display: block; width: 100%; min-height: 0; margin-bottom: 1rem; } .home-page .button-block-2 .button-block-widget .button-block-button:hover{ background: rgba(16, 59, 138, 0.5); } /*** Footer ***/ .footer.dark .footer__lower{ background: #333; justify-content: center; } .footer.dark .footer__lower-link{ font-weight: 400; font-size: 1.3rem; } .footer__compliancy-wrapper{ margin-right: 2rem; } /*** Button Block 2 ***/ .home-page .button-block-1 .wrapper{ max-width: none; } .home-page .button-block-1 > div{ padding: 0; } .home-page .button-block-1 .button-block-widget.dark{ background: #fff; padding: 1rem 0; } .home-page .button-block-1 .button-block-widget__content{ min-height: 700px; } .home-page .button-block-1 .button-block-widget .button-block-button__content{ justify-content: center; padding: 2rem 3rem; } .home-page .button-block-1 .button-block-widget .button-block-button__heading-area{ display: none; } .home-page .button-block-1 .button-block-widget__column.button-block-widget__column--single-button a.button-block-button__content:before{ content: 'Truck Inventory >'; font-size: 2.2rem; position: absolute; bottom: 2rem; } .home-page .button-block-1 .button-block-widget__row:first-child > div:first-child a:before{ content: 'Bobcat Inventory >'; font-size: 2.2rem; position: absolute; bottom: 2rem; } .home-page .button-block-1 .button-block-widget__row:first-child > div:last-child a:before{ content: 'Pre-Owned Truck Class 8 >'; font-size: 2.2rem; position: absolute; bottom: 2rem; } .home-page .button-block-1 .button-block-widget__row:last-child > div:last-child a:before{ content: 'New Truck Class 8 >'; font-size: 2.2rem; position: absolute; bottom: 2rem; } .home-page .button-block-1 a:hover:before{ display: none; } .home-page .button-block-1 .button-block-widget a:hover .button-block-button__heading-area { display: flex; flex-direction: column; } .home-page .button-block-1 .button-block-widget .button-block-button__cta { transform: none; opacity: 1; display: none; } .home-page .button-block-1 .button-block-widget .button-block-button__heading{ order: -10; font-size: 3.6rem; font-weight: 400; } .home-page .button-block-1 .button-block-widget .button-block-button__subheading{ font-size: 1.4rem; margin: 2rem 0; } .home-page .button-block-1 .button-block-widget a:hover .button-block-button__cta { display: flex; background: none; box-shadow: none; padding: 0; } .home-page .button-block-1 .button-block-widget a:hover .button-block-button__cta:after{ margin-left: 1rem; } .home-page .button-block-1 .button-block-widget a:hover { } .home-page .button-block-1 .button-block-widget .button-block-button:hover .button-block-button__background{ opacity: 1; } .home-page .button-block-1 .button-block-widget .button-block-button:hover .button-block-button__background:after{ height: 100%; background: rgba(0,0,0,0.6) !important; } /*** Mobile ***/ @media only screen and (max-width: 800px) { .home-page .button-block-2 .button-block-widget .button-block-button{ flex: 0 0 25%; } } @media only screen and (max-width: 767px) { .home-page .button-block-1 .button-block-widget .button-block-button__content{ min-height: 300px; } .home-page .button-block-2 .button-block-widget__content{ flex-direction: row; } .home-page .button-block-2 .button-block-widget .button-block-button{ flex: 0 0 47% !important; flex-direction: column; } .home-page .button-block-2 .button-block-widget .button-block-button__cta{ margin: 0; border: none; font-size: 1.6rem; } .home-page .button-block-1 .button-block-widget__row:first-child:not(:last-child){ display: flex; flex-direction: column; } .home-page .button-block-1 .button-block-widget__row:first-child:not(:last-child) > div:first-child{ margin-bottom: 1rem; min-height: 300px; } .home-page .button-block-1 .button-block-widget__column--single-button{ min-height: 0; } .home-page .button-block-1 .button-block-widget .button-block-button__heading{ font-size: 2rem; } .home-page .button-block-1 .button-block-widget .button-block-button{ margin-right: 0 !important; min-height: 300px; } .home-page .button-block-1 .button-block-widget__column:first-child:not(:last-child){ min-height: 300px; } .home-page .button-block-1 .button-block-widget__row:first-child:not(:last-child){ max-height: 700px; } .home-page .button-block-1 .button-block-widget__row:nth-child(2){ min-height: 300px; } .home-page .button-block-1 .button-block-widget__column{ min-height: 0; } .home-page .button-block-1 .button-block-widget__content{ min-height: 600px; } .home-page .button-block-2 .button-block-widget .button-block-button__background{ min-width: 6rem; min-height: 5rem; } .home-page .button-block-1 .button-block-widget__row:first-child:not(:last-child) > div:last-child .button-block-button__background{ background-position: 50% 20%; } .home-page .button-block-1 .button-block-widget .button-block-button__background:after{ height: 100%; background: rgba(0,0,0,0.5); } .home-page .button-block-1 a.button-block-button__content:before{ text-shadow: 1px 1px #000; } .home-page .button-block-1 .button-block-widget__row:nth-child(2) .button-block-button__background{ background-position: 90% 50% !important; } } /****** SRP *******/ .srp__page-title{ margin-left: 0; } .srp__found-header{ margin-left: 0; } .grid-view .vehicle-card__image-area{ position: relative; } .grid-view .vehicle-card .quick-vdp-button{ position: absolute; top: 5rem; right: 0; } .grid-view .vehicle-card__location{ display: none; } .grid-view .vehicle-card__price-wrap{ width: 100%; } .grid-view .vehicle-card__price-wrap .price-block__single{ width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .grid-view .price-block{ border-bottom: 1px solid #000; } .grid-view .vehicle-card__price-wrap{ padding-left: 0; padding-right: 0; margin: 1rem 0; } .grid-view .vehicle-card__price-wrap .price-block__label{ color: #000; font-size: 2rem; } .grid-view .vehicle-card__price-wrap .price-block__sub{ flex: 0 0 100%; } .grid-view .price-block__price--primary{ font-size: 4.3rem; } .grid-view .detailed-specs{ text-align: center; padding: 1rem .5rem; } .grid-view .vehicle-card .button{ border: 1px solid #000; background: none; color: #000; border-radius: 0; } .grid-view .vehicle-card .button:hover{ background: #000; color: #fff; } .grid-view .vehicle-card__details{ display: flex; flex-direction: column; } .grid-view .vehicle-card__compare-wrapper{ order: 10; margin: 2rem 0 0; } .grid-view .vehicle-card__compare:after{ display: none; } .vehicle-card__compare--mobile{ background: none !important; } /****** VDP *******/ .vdp-wrapper .details-group h3{ text-transform: uppercase; } .vdp-wrapper .details-group .detailed-specs__single-container{ border: 1px solid #000; min-height: 10rem; } .vdp-wrapper .vdp-title{ font-weight: 400; text-transform: uppercase; } .vdp-wrapper .overview-group__item{ font-size: 1.5rem; } .vdp-wrapper .wrapper{ max-width: none; } .vdp-wrapper .wrapper .links-container-no-retail{ max-width: 110rem; margin: 0 auto 1rem; } .vdp-wrapper .wrapper > div.row{ max-width: calc(110rem + 3.2rem); margin: 3rem auto; } .vdp-wrapper .wrapper .similar-vehicles{ background: #f7f7f7; border: none; } .vdp-wrapper .wrapper .similar-vehicles > *{ max-width: 110rem; margin: 1rem auto; } .vdp-wrapper .wrapper .similar-vehicles > h4{ text-transform: uppercase; font-size: 3.5rem; font-weight: 400; } .vdp-wrapper .wrapper .similar-vehicles > h4:after{ content: ''; background: #000; display: block; width: 7rem; height: 4px; } .vdp-wrapper .similar-vehicles__single h5{ font-size: 2.7rem; overflow: hidden; max-height: 4rem; } .vdp-wrapper .similar-vehicles__details{ display: none; } .vdp-wrapper .similar-vehicles .price-wrap{ display: block; } .vdp-wrapper .similar-vehicles .button{ width: 100%; margin: 2rem 0 1rem; max-width: none; font-size: 2rem; } .vdp-wrapper .similar-vehicles .vehicle-price{ display: flex; justify-content: space-between; } .vdp-wrapper .similar-vehicles .vehicle-price p{ color: #000; font-size: 2rem; } .vdp-wrapper .similar-vehicles .vehicle-price__price{ font-size: 4rem; } .vdp-wrapper .main-price .pricing-group__final-and-finance .price-block__price--lg{ font-size: 4rem; font-weight: 600; margin-bottom: 1rem; display: block; width: 100%; text-align: right; } .vdp-wrapper .main-price .pricing-group__final-and-finance .price-block__price--lg span{ justify-content: flex-end; } .vdp-wrapper .main-price .pricing-group__final-price .main-price__disclaimer{ text-align: right; } /** mobile header **/ .header.header--mobile{ background: #000; } .header.header--mobile .header__wrap{ background: #000; } .header.header--mobile .menu-icon{ color: #fff; } .header__mobile-icon{ color: #fff; } .header .header__logo--mobile{ width: 90%; } .header .header__logo--mobile>.header__logo{ max-height: none; height: 50px; width: auto; max-width: none; }

Select a Category

TRUCK INVENTORY

Bobcat Inventory

Search Pre-Owned Class 8 Inventory

Search New Class 8 Inventory