@charset "utf-8";
/* CSS Document */
.skew_para:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(180deg, #25262c 10%, rgba(37, 38, 44, 0.1));

  mix-blend-mode: multiply;
  width: 90%;
  margin-left: -25%;
  transform: skew(-15deg);
}

/*Contant us page*/
.contact_banner {
  background-image: url("https://www.heavyhaulers.com/images/contact-us-banner.png");
}

.green_semi_truck_para {
  background: url("https://www.heavyhaulers.com/images/our-services-banner.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.helicopter-para {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background: url("https://www.heavyhaulers.com/images/new-folder/para-dark.png");
}

.helicopter-para3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background: url("https://www.heavyhaulers.com/images/new-folder/para-dark2020.png");
}

/* --- Excavator Page --*/

.excavator_parallax {
  background-image: url("../images/excavators_images_org/excavator-drk.jpg");
}

/* --- Excavator Page --*/

.Generators-para {
  background-image: url("../images/generators/generator2-parallax.jpg");
}

.kenworth_3 {
  background-image: url("../images/new-folder/kenworth3.png");
}

.flatbed {
  background-image: url("../images/new-folder/flatty.png");
}

.kenworth4 {
  background-image: url("../images/new-folder/kenworth4.png");
}

.kenworth7 {
  background-image: url("../images/new-folder/kenworth7.png");
}

.crusher3 {
  background-image: url("../images/transports/crusher3.png");
}

/* --- Sprinter Vans--- */
.van-para {
  background-image: url("../images/trucks/van-para22.jpg");
}

/* --- tank parallax Page --*/

.Tank-para {
  background-image: url("../images/military/tank-transported-parallax.jpg");
}

/*--- Heavy Haul Trucking --*/

.tires-para {
  background-image: url("../images/equipment-tires/equipment-tires-banner.jpg");
}

/*--- Heavy Haul Trucking --*/

.heavy-para {
  background-image: url("../images/heavy-trucking/heavy-haul-trucking-banner.jpg");
}

.heavy-para2 {
  background-image: url("../images/heavy-trucking/heavy-equipment-transport-banner.jpg");
}

.trailer-para {
  background-image: url("../images/trailers/trailer_bg.jpg");
}

/* --- Horizontal Grinder Page --*/

.horizontal-para {
  background-image: url("../images/horizontal-grinder/CBI-6800-horizontal-grinder-para.JPG");
}
/*--- Buses Pages---*/

.shuttle-para2 {
  background-image: url("../images/new-folder/shuttle-para2.png");
}

.van-hool-para-sm {
  background-image: url("../images/transports/van_hool_para-sm.jpg");
}

.van-hool-para3 {
  background-image: url("../images/transports/van_hool_para3.jpg");
}

.van-hool-para {
  background-image: url("../images/transports/van_hool_para2.jpg");
}

.bus-para {
  background-image: url("../images/buses/bus-parallax-01.jpg");
}
.bus_para2 {
  background-image: url("../images/buses/bus-parallax-02.jpg");
}

.tash-para2 {
  background-image: url("../images/transports/tash-para2.png");
}

/*---- Spotter/Yard Trucks--- */
.spotter_para {
  background-image: url("../images/vacuum_trucks/q1m-electric-truck-banner.jpg");
}

/*---- AGricultural Machinery--- */
.ag-para {
  background-image: url("../images/agriculture-machines/ag-machinery-banner.jpg");
}
.ag2_parallax {
  background-image: url("../images/agriculture-machines/John-deere-combine-transport-banner.jpg");
  z-index: 0;

  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
}
/*---- Common Background--- */

.common_excavatorbg_para {
  background-image: url("https://www.heavyhaulers.com/images/excavators-banner.webp");
}

.common_excavatorbg_para1 {
  background-image: url("https://www.heavyhaulers.com/excavator.jpg");
}

/*---- Box Truck Background --- */

.boxtruck-para {
  background-image: url("../images/boxtruck/2014-freightliner-para2.jpg");
}

/*---- Railroad Background --- */

.railroad-para {
  background-image: url("../images/railroad cars/parallax-dark2.jpg");
}

/* Air Craft Airplane ----*/
.airplane_para {
  background-image: url("../images/military/phantomtransport1-para2.jpg");
}

.aircraft_types_para {
  background-image: url("../images/military/phantomtransport7-para.jpg");
}
.aircraft_types_para1 {
  background-image: url("../images/military/phantomtransport7-para.jpg");
}

.mat_handler_para1 {
  background-image: url("../images/material_holder/2013Fuchs350MHLMaterialHandlerdarken.jpg");
}

.aaa-para {
  background-image: url("../images/transports/aaa-para.jpeg");
}

.aaaa-para1 {
  background-image: url("../images/transports/aaaa-para1.jpg");
}

.bull_dozer_para {
  background-image: url("../images/dozer/bull-dozer-parallax-tinted.jpg");
}

.aaaa-para2 {
  background-image: url("../images/transports/aaaa-para2.jpg");
}

.aaaa-para4 {
  background-image: url("../images/transports/aaaa-para4.jpg");
}

/* Tiny House----*/
.tiny-house-para {
  background-image: url("https://www.heavyhaulers.com/images/tiny-house/tiny-house-parallax-02.png");
}

/* --- Military Trucks--- */

.armored_parallax {
  background-image: url("../images/armored-trucks/armor-truck-banner.jpg");
}

.ambulance_parallax {
  background-image: url("../images/ambulance/ambulance-banner.jpg");
}

/* --- Sprinter Vans--- */

.sprinter_parallax {
  background-image: url("../images/sprinter-vans/sprinter-van-banner.png");
}

/* --- Gas Trucks --- */

.gas_parallax {
  background-image: url("../images/gas-trucks/gas-delivery-truck.jpg");
}

/* --- Rollback Trucks --- */

.rollback_parallax {
  background-image: url("../images/rollback-trucks/rollback-truck-banner.jpg");
}

/* --- Semi-Trucks --- */
.semi_parallax {
  background-image: url("../images/semi-trucks/kenworth-w99-truck-shipping-banner.jpg");
}

.semi_truck_parallax {
  background-image: url("../images/miscellaneous/transport/kenworthelectric-semi-truck-manufacturers.jpg");
}

/* --- Sprinter Vans--- */
.toter_parallax {
  background-image: url("https://www.heavyhaulers.com/new-toter.jpg");
}

/*--- Slider --- */
.slider_parallax {
  background-image: url("../images/manufacturer-case-banner.png");
  height: 500px;
}

/*new slider para*/
.slider_parallax2 {
  background-image: url("../images/manufacturer-case-banner3.jpg");
  height: 500px;
}

/*---turret-press---*/
.turret_parallax {
  background-image: url("https://www.heavyhaulers.com/images/machines/turret-press/turret-press-parallax-01.jpg");
}

/* --- Winch-Trucks --- */
.winch_parallax {
  background-image: url("../images/trucks/trucks-heavy-duty-parallax-tow-truck-01.jpg");
}
/* ---Tadano crane --- */
.tadano_crane {
  background-image: url("https://www.heavyhaulers.com/images/cranes/crane-parallax2.jpg");
}

/*-- Mobile Screen ---*/
.mobile_screener_para {
  background-color: #1f1f1f;
  height: 100%;
}

/* --- Ouriggers trailer ---*/
.outriggers_para {
  background-image: url("../images/outriggers-trailer/background-img/outrigger_common_bg.jpg");
}

@media screen and (max-width: 1199px) {
  .mobile_screener_para {
    height: 639px;
  }
}

@media screen and (max-width: 991px) {
  .mobile_screener_para {
    height: 850px;
  }
}
@media screen and (max-width: 691px) {
  .mobile_screener_para {
    height: 950px;
  }
}

@media screen and (max-width: 591px) {
  .mobile_screener_para {
    height: 1350px;
  }
}

/*---- Index Page --*/
.index_parallax {
  background-image: url("../images/hauler-banner-img.png");
  height: 600px;
}

.index_parallax2 {
  background-image: url("https://www.heavyhaulers.com/homepage.jpg");
  height: 675px;
}

/*---- Beverage Page --*/
.beverage_parallax {
  background-image: url("../images/beverage-truck/four-beverage-trucks-banner.jpg");
}

/*---- Food Page --*/
.food_parallax {
  background-image: url("../images/foodtruck/darkened-food-truck.jpg");
}

/*---- Garbage Truck--*/
.garbage-truck_para {
  background-image: url("../images/trucks/trucks-heavy-duty-parallax-garbage-truck-01.jpg");
}
/*--- cold planer --*/
.cold-planer_para {
  background-image: url("../images/cold-planers/parallax-cold-planer-01.jpg");
}

/*--- Crusher --*/

.crusher-para {
  background-image: url("../images/crushing-machinery/parallax-crusher.jpg");
}

/*--- Hay --*/
.hay_parallax {
  background-image: url("../images/hay-transport/haybales-transport-banner.jpg");
}

/*--- Stake Truck --*/

.stake_parallax {
  background-image: url("../images/stake-trucks/stake-truck-banner.JPG");
}

/*--- Water Tank --*/

.water_tank_para {
  background-image: url("../images/water-tanks/cat-magnus-8000-watertruck.jpg");
}

/*---- Red Compactor ----*/
.red_compactor_para {
  background-image: url("https://www.heavyhaulers.com/images/images/compactors/red-commercial-trash-compactor-parallax.jpg");
}
/*---- Red Compactor ----*/
.green_compactor_para {
  background-image: url("https://www.heavyhaulers.com/images/images/compactors/green-commercial-trash-compactor-parallax.jpg");
}
/* Gen Trans */

.generators_para {
  background-image: url("../images/generators/generator-parallax-01.jpg");
}
.gen_para2 {
  background-image: url("../images/generators/generator-parallax-02.png");
  height: 900px;
}
.gen_para3 {
  background-image: url("../images/generators/generator-parallax-02.png");
  height: 570px;
}
.gen_para4 {
  background-image: url("../images/generators/generator-parallax-02.png");
  height: 680px;
}

/*--- Stake Truck --*/

.recycling_parallax {
  background-image: url("../images/recycling-trucks/recycle-truck-transport-banner.jpg");
}

/* --- Boat ---*/
.boat_parallax {
  background-image: url("../images/boat/pontoon-parallax-darkened.jpg");
}

/*---- Dust Collector ---*/

.dustcollector_para {
  background-image: url("../images/dust_collector/dust-collectorl-loaded-bw.jpg");
}

@media screen and (max-width: 600px) {
  .dustcollector_para {
    background-image: url("../images/dust_collector/dust-collectorl-loaded-bw.jpg");
  }
  /* --- Excavator Page --*/
  .excavator_parallax {
    background-image: url("../images/excavators_images_org/excavator-drk-mob.jpg");
  }

  .common_excavatorbg_para {
    background-image: url("../images/excavators-banner-mob.jpg");
  }
  /*--- Airplane ----*/
  .airplane_para {
    background-image: url("../images/military/phantomtransport1-para-mob.jpg");
  }
  /*--- cold planer --*/
  .cold-planer_para {
    background-image: url("../images/cold-planers/parallax-cold-planer-01-mob.jpg");
  }

  /*---- Garbage Truck--*/
  .garbage-truck_para {
    background-image: url("../images/trucks/trucks-heavy-duty-parallax-garbage-truck-01-mob.jpg");
  }
  /*--- Crusher --*/

  .crusher-para {
    background-image: url("../images/crushing-machinery/parallax-crusher-mob.jpg");
  }

  /* --- Boat ---*/
  .boat_parallax {
    background-image: url("../boats/images/boat/yatch-side-view-small.jpg");
  }

  /* Gen Trans */
  /* Gen Trans */
  .generators_para {
    background-image: url("../images/generators/generator-parallax-01-mob.jpg");
  }
  .gen_para2 {
    background-image: none;
    background-color: #000;
  }

  .gen_para3 {
    background-image: none;
    background-color: #000;
  }
  .water_tank_para {
    background: url("../images/water-tanks/cat-magnus-8000-watertruck-mob.jpg");
  }
}