/*
  Website Name: usheavymachinery.com ,
  Deisgn by : Waqas Ghouri ,
  Email: waqasghouri549@gmail.com
  Version: 1.0
*/

html {scroll-behavior: smooth;}
body{font-family: Avenir-Medium, BebasNeue-Bold, BebasNeue-Book, Futura-Bold, Futura-Book!important;}
  
:root {
  --navbar-bg-color:  white;

  /* Nav Link Color Start */
  --nav-link-active-bg-clr : #f9a801;
  --nav-link-active-clr :  rgba(255, 255, 255, 0.9);
  --nav-link-a-bg-clr : #f9a801;
  --nav-link-a-clr :  #cdc50e;
  --nav-link-hover-bg-clr :  #f9a801;
  --nav-link-hover-clr :white;
  /* Nav Link Color End */

  /* button primary Color Start */
  --btn-primary-color:white;
  --btn-primary-bg-color: #f9a801;
  --btn-primary-border-color: #f9a801;
  --btn-primary-hover-bg-color: black;
  --btn-primary-hover-border-color: white;
  --btn-primary-hover-color:white;
  --theme-color:#f9a801;
  /* button primary Color End */
}

  @font-face {
    font-family: Avenir-Medium;
    src: url(../fonts/Avenir-Medium.ttf);
  }
  @font-face {  
  font-family: BebasNeue-Bold;
  src: url(../fonts/BebasNeue-Bold.otf);
  }
  @font-face {
    font-family: BebasNeue-Book;
    src: url(../fonts/BebasNeue-Book.otf);
  }
  @font-face {
  font-family: Futura-Bold;
  src: url(../fonts/Futura-Bold.ttf);
  }
  @font-face {
    font-family: Futura-Book;
    src: url(../fonts/Futura-Book.ttf);
  }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color:var(--nav-link-hover-clr)!important;;
    background-color: var(--nav-link-hover-bg-clr)!important;
    height: 60px
  }
  .nav-link{font-family: Futura-Book;}
  .row{margin: 0px!important;}
  a{color:var(--nav-link-a-clr);letter-spacing: 1px;}
  a:hover{ color:var( --nav-link-hover-clr)}
  .navbar{padding:0px!important;height: 60px;font-size: 14px;position: fixed;width: 100%;z-index: 99999;background-color: white}
  .btn-active{margin: 0px 20px;    padding: 18px 0px 0px 0px;}
  .theme-color{color: var(--theme-color);}
  .color-gray{color: gray}
  .text-right{text-align: right;}
  .text-left{text-align: left;}
  .color-white{color:white;}
  .left-black-img{
  background-image: url('../images/black.png'); /* The image used */
/*  background-color: white;*/ /* Used if the image is unavailable */
  height: 371px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  position: relative;
  z-index: 999;

}
.row .p-0{padding:0px!important;}
.bg-orange{background: #f9a801;    height: 1620px;}
.ceo{text-align: center;}
.color-white{color: white}
.left-text{padding: 110px 70px 40px 70px;text-align: center;color: white;}
.top-sliderimg{
   background-image: url('../images/topimg.png'); /* The image used */
/*  background-color: white;*/ /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
    height: 360px;
}
.content-bg-img{
    background-image: url('../images/bg-1.png'); /* The image used */
/*  background-color: white;*/ /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  height: 80%;
  height: 1260px;
}
.slider-text{       color: white;
    padding: 140px 0px 14px 80px;
    font-size: 38px;
    width: 65%;}
.ceo-message{background-color: #f9a801;color:black;padding:20px;box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.44);}
.text-center{text-align: center;}\
.seeall-btn{width: 100%!important;}
.seeall-btn button{font-size: 20px;width: 175px}
.seeall-btn a{position: relative;z-index: 999;    right: 37px;}
.m-t-30{margin-top: 30px;}
.container-inventory{padding: 40px 80px;height: 1020px}
.cran-img{position: relative;
    right: 280px;
    z-index: 9999;
    bottom: 10px;
    z-index: 0;}
.polygon img{height: 200px;position: absolute;right: 90px;}
.trucking img{height: 150px;position: relative;top: 210px;left: 315px;}
.brand-img{position: relative;top: 230px;}
.icon-text{font-size: 20px; font-weight: bold;\padding-top: 20px;}
.footer{    background: white;height: 80px;position: relative;z-index: 99999;}
.footer h5{    padding-top: 25px;font-size: 20px}
.p-t-60{padding-top: 60px;}
.inventory-column p{margin-bottom: 0px!important}
.inventory-column{margin-bottom: 10px!important}
.inventory-list-img{background-color: #2e2e2e;color: white;padding: 20px 0px;margin-bottom: 10px;}

.heading-size{background: #f9a801; padding: 20px;text-align: center;font-weight: bold;margin-bottom: 20px;}
.submit-btn button{width: 30%;height: 50px;margin-top: 20px;}
/*contact us*/
.map-responsive{
    overflow:hidden;
    padding-bottom:22%;
    position:relative;
    height:300px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:300px;
    width:100%;
    position:absolute;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: black!important;
  background-color: #f9a801;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
  top: 300px
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: white!important
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.bg-color{
      background-color: #2e2e2e;
    color: white;
    padding: 50px 150px;
        background-image: url(../images/topimg.png);
    /* background-color: white; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}
.dismanteling-bg-img{
   background-color: #2e2e2e;
    color: white;
    padding: 50px 20px;
        background-image: url(../images/1.png);
    /* background-color: white; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 650px;
}
.p-0{padding: 0px!important}
.bg-color-detail{background-color: #2e2e2e;color: white;padding: 20px;}
.fa-usd{color: green;}
.p-lr-20{padding: 0px 20px;}
.specification{border:2px solid white; padding: 20px;margin: 20px}
.text-specfication td{border:1px solid white;padding: 20px;background: #1e1e1e;}
.contact-us-btn{width:  250px;}
.bottom-button{    position: relative;
    top: 45px;
    background-color: rgb(14 14 14 / 60%);
    padding: 23px;}
.bottom-button:hover{    position: relative;
    /* top: 200px; */
    padding: 20px;
    opacity: 0.7;}
.navbar-nav a{color:black!important;}
.m-r-10{margin-right: 10px}

.pimg2, .pimg3, .pimg4, .pimg5, .pimg6{
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;

}

.pimg2{
  background-image: url('../images/H.jpg');
  min-height: 200px;
}
.pimg3{
  background-image: url('../images/2.jpg');
  min-height: 200px;
}
.pimg6{
  background-image: url('../images/sells.png');
  min-height: 200px;
}

.plan-list-img{background-color: #2e2e2e;color: white;padding: 20px 0px;}

.pimg4{
  background-color: #2e2e2e;
  color: white;
  padding: 50px 100px;
  background-image: url(../images/delta-water.png);
  }
.dismantling-img{      
  background-color: #2e2e2e;
    color: white;
    padding: 50px 150px;
        background-image: url(../images/13.png);
    /* background-color: white; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    background-color: #2e2e2e;
  }
  .Sell-img{      
  background-color: #2e2e2e;
    color: white;
    padding: 50px 150px;
        background-image: url(../images/13.png);
    /* background-color: white; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
    background-color: #2e2e2e;
  }
  .logisitc-img{      
  background-color: #2e2e2e;
    color: white;
    padding: 50px 20px;
        background-image: url(../images/logis.png);
    /* background-color: white; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #2e2e2e;
  }
  .m-t-40{margin-top: 40px}
.contact-detail{
  position: absolute;
    bottom: 0px;
    z-index: 9999;
    background: background-color: rgba(252, 247, 18, 0.7);
    /* background-color: rgba(252, 247, 18, 0.9); */
    background-color: rgba(249,168,1, 0.9);
    padding: 45px;
    font-size: 23px;
    /* float: right; */
    right: 50px;
}
.pos-zindex{position: relative;z-index: 999}
.shipment{    background: white;
    color: black;
    padding: 20px 5px;
    border: 3px solid var(--theme-color);
    border-radius: 5px;
    text-align: center;}
    .temp-control input{height: 20px;
    width: 20px;}
    .temp-control{font-size: 20px;}
/*contact us*/
/* Media Query or Mobile Screens Start */
  @media (min-width: 300px) and (max-width: 760px) {
        .navbar-nav{background-color: white;padding:20px 0px;}
        .nav-item {margin: 10px 0px}
        .slider-text{padding: 80px 0px 0px 16px;font-size: 15px;}
        .slider-text button{width: 80px!important}
        .left-text {padding:85px 15px 40px 10px;}
        .left-black-img{height: 300px}
        .left-text h2{font-size: 20px!important}
        .top-sliderimg{height: 284px}
        .ceo img{height: 200px!important;}
        .ceo-message{text-align: left;font-size: 10px;}
        .container-inventory{padding: 40px 0px;}
        .container-inventory button{width: 133px!important;}
        .content-bg-img img{height: 99px!important;width: 132px;}
        .content-bg-img {height: 1700px!important}
        .brand-img{top:0px;height: 200px; margin: 8px;}
        .m-t-200{margin-top: 120px;}
        .bg-orange{    height: 1984px;}
        .cran-img{display: none;}
        .bg-color{padding: 30px 0px;height: 950px;}
        .contact-us-btn{width: auto;}
        .contact-detail {padding: 32px;font-size: 15px;right: 1px;}
        .submit-btn button{width: 100%!important}
        .bg-orange {height: 2195px; }
        .mySlides img{width: 100%; height: 199px!important; }
        .mySlides .prev {top: 205px!important;}
        .mySlides .next{top: 205px!important;}
        .specification {padding: 10px;margin: 0;}
        .bg-color-detail{padding: 5px;}
        .Sell-img{padding: 10px 14px;height: auto;}
        .dismanteling-bg-img{height: auto;}
        .dismanteling-bg-img textarea{width:100%}
        .plan-list-img h1{font-size: 28px!important;}
        .plan-list-img h3{font-size: 14px!important;}
        .dismantling-img{padding: 10px 10px; height: 409px;}
        .pimg4 {padding: 50px 10px;}
  }
  @media (min-width: 762px) and (max-width: 1024px) {
        .navbar-nav {padding: 20px 0px;background: white;}
        .nav-item {margin: 10px 0px}
        .slider-text {color: white; padding: 90px 0px 14px 10px; font-size: 28px;}
        .slider-text button{width: 80px!important}
        .left-text {padding:85px 15px 40px 10px;}
        .left-black-img{height: 300px}
        .left-text h2{font-size: 20px!important}
        .top-sliderimg{height: 284px}
        .ceo img{height: 200px!important;}
        .ceo-message{text-align: left;font-size: 10px;}
        .container-inventory{padding: 40px 0px;    height: 400px;}
        .container-inventory button{width: 133px!important;}
        .content-bg-img img{height: 100px!important; width: 132px;}
        .content-bg-img {height: 700px!important;}
        .trucking img{left: 0px}
        .polygon img{right: 29px;margin-top: 20px;}
        .trucking img{top: 130px;}
        .brand-img{top:0px;height: 200px; margin: 8px;}
        .bg-orange{height: 984px;}
        .cran-img{display: none;}
        .contact-us-btn{width: auto;}
        .inventory-list-img img{height: 110px; width: 160px;}
        .submit-btn button{width: 100%!important}
        .dismanteling-bg-img{ height: 650px;}
        .dismanteling-bg-img textarea{width:700px}
        .mySlides img{height: 200px;}
        .dismantling-img{padding: 50px 10px; height: auto;}
        .bg-color{    padding: 50px 10px;}
        .pimg4 {padding: 50px 40px; }
        .Sell-img{ padding: 50px 10px;}
    }
/* Media Query or Mobile Screens End*/