/***** custom *****/

body {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px !important;
  overflow-x: hidden;
}

p {
  font-size: 15px;
  line-height: 1.5;
}
.pojo-a11y-toolbar-toggle {
  padding-top: 55px;

}
p.small {
  font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
  outline: 0;
  color: #0B254B;
  list-style: none;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: none;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
}

/***** top bar *****/
#top-bar {
	background-color: #263878;
	padding: 5px 5%;
	position: fixed;
	width: 100%;
	z-index: +99999;
}
}

#top-bar p {
  color: #fff;
  margin: 0px;
  padding-top: 5px;
}

#top-bar p a {
  color: #fff;
  text-decoration: none;
}

#top-bar p a:hover {
  color: #fff;
  text-decoration: underline;
}

.social-icons {
  color: #fff;
}

.social-icons:hover {
  color: #ccc;
  text-decoration: none;
}

.search {
  background-color: transparent;
  border: none;
  font-size: 18px;
  color: #707070;
  padding: 10px 20px;
  border-radius: 5px;
  width: 80%;
  text-align: left;
}

.search-container {
  display: block;
}

input#search-bar {
  margin: 0 auto;
  width: 100%;
  padding: 0 10px;
  font-size: 0.7rem;
  /*border: 1px solid #ccc;*/
  outline: none;
  background: #26385B;
  &:focus {
    border: 1px solid #008ABF;
    transition: 0.35s ease;
    color: #008ABF;
    &::-webkit-input-placeholder{
      transition: opacity 0.45s ease; 
      opacity: 0;
      }
    &::-moz-placeholder {
      transition: opacity 0.45s ease; 
      opacity: 0;
      }
    &:-ms-placeholder {
      transition: opacity 0.45s ease; 
      opacity: 0;
      }    
    }
  }

.search-icon{
  position: relative;
  float: right;
  width: 16px;
  height: 16px;
  top: -21px;
  right: 10px;
}

/***** navigation *****/

#mainNav {
  border-bottom: #ccc 1px solid;
  padding-top: 4px;
  background: #fff;
}

#mainNav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
  height: 2rem !important;
}

#mainNav.navbar-shrink {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  background-color: #fff !important;
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-size: 18px;
  color: #000;
}

#mainNav .navbar-nav .nav-item .nav-link {
  color: #6D6D6D;
}

/***** sec1 - featured equipment *****/
#sec1 {
  background-color: #F6F6F8;
}

#sec1 h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 42px;
  color: #0B254B;
}

.prod {
  background-color: #fff;
  border-radius: 10px;
  border: #eee 1px solid;
  margin-bottom: 25px;
  text-align:center;
}

.prod-txt {
  padding: 0 10px 10px 10px;
  text-align: left;
}

.prod-txt h4 {
  font-size: 18px;
  color: #263878;
  font-weight: 600;
  max-height: 50px !important;
  overflow: hidden !important;
  margin-bottom: 10px;
}

.prod-txt h5 {
  font-size: 14px;
  color: #0B254B;
  font-weight: normal;
  padding: 0 5px;
}

.font-12 {
  font-size: 12px;
  color: #A5A5A5;
}

.border-left {
  border-left: #ccc 1px solid;
}

.border-radius-10 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.but-area {
  padding: 20px 2px;
}

.but-item {
  background-color: #F05123;
  font-size: 14px;
  color: #fff;
  padding: 0px 5px;
  border-radius: 5px;
  text-align: center;
  width: 100px;
  text-decoration: none;
}

.but-item:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.but-new {
  padding: 0px 5px;
  white-space: nowrap;
  border: 1px solid #000;
  background-color: #f8f9fa;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-sizing: border-box;
  color: rgb(33, 37, 41);
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: 24px;
  position: relative;
  text-align: center;
  text-size-adjust: 100%;
  unicode-bidi: isolate;
  vertical-align: middle;
  width: auto;
}

/*
.but-new {
  background-color: #fff;
  font-size: 14px;
  color: #000;
  padding: 0px 5px;
  border-radius: 5px;
  text-align: center;
  width: 50px;
  border: #000 1px solid;
  text-decoration: none;
}
*/

.but-new:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.but-more {
  font-size: 12px;
  color: #F05123;
  position: relative;
  padding-left: 40px; /* Add padding to make space for the line */
}

.but-more::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 2px; /* Adjust the height of the line as needed */
  background-color: #F05123; /* Change the color as needed */
}

/*
.but-more:hover {
  color: #000;
  text-decoration: none;
}

.but-more {
  background-color: #fff;
  font-size: 14px;
  color: #F05123;
  font-weight: 700;
  padding: 7px 5px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
}

.but-more:hover {
  color: #000;
  text-decoration: none;
}
*/

.but-quote {
  background-color: #fff;
  font-size: 14px;
  color: #F05123;
  font-weight: 700;
  padding: 7px 5px;
  border-radius: 5px;
  text-align: center;
  width: 130px;
  text-decoration: none;
  border: #F05123 1px solid;
}

.but-quote:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  border: #000 1px solid;
}

.left {
  text-align: left;
}

.left {
  text-align: left;
}

/***** banner *****/
header.masthead .masthead-heading {
  font-family: "Nunito Sans", sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 4.5rem;
  margin-bottom: 2rem;
  color: #0B254B;
}

header.masthead .masthead-subheading {
  font-family: "Nunito Sans", sans-serif;
  font-size: 36px;
  color: #0B254B;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 15px;
}

header.masthead {
  padding: 10rem 0;
  height:750px;
}

.but-search {
  background-color: #0B254BC7;
  font-size: 14px;
  color: #fff;
  padding: 3px 10px;
  letter-spacing: 1px;
  border-radius: 10px;
}

.but-search:hover {
  background-color: #000;
  color: #fff;
  padding: 3px 10px;
  letter-spacing: 1px;
}

.search {
  width: 100%;
  position: relative;
  display: flex;
  /*padding: 0 15%;*/
}

.searchTerm {
  width: 100%;
  border: 1px solid #666;
  border-right: none;
  padding: 5px 10px;
  height: 55px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 55px;
  height: 55px;
  border: 1px solid #F05123;
  background: #F05123;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/***** sec2 - latest equipment *****/
#sec2 {
  background-color: #FCFCFC;
}

#sec2 h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 42px;
  color: #0B254B;
}

.industry {
  text-align: center;
}

.industry h4 {
  font-size: 22px;
}

/***** sec3 - how it works *****/
#sec3 {
  background-color: #FCFCFC;
}

#sec3 h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 42px;
  color: #0B254B;
}

.timeline > li .timeline-image {
  background-color: #263878;
}

.timeline > li .timeline-image {
  left: 50%;
  width: 66px;
  height: 66px;
  margin-left: -35px;
  font-size: 32px;
  font-weight: 500;
  padding-top: 3px;
}

.timeline:before {
  bottom: 123px !important;
}


@media (min-width: 768px) {
.timeline > li .timeline-panel {
    text-align: left;
    margin-left: 50px;
}
}

@media (min-width: 1200px) {
.timeline > li .timeline-image {
    width: 70px;
    height: 70px;
    margin-left: -35px;
	margin-top: 20px;
}
}

/***** sec4 - mm equipment corp  *****/
#sec4 {
  background-color: #263878;
}

#sec4  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  color: #fff;
}

#sec4 h5 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 25px;
}

#sec4 p {
  font-size: 16px;
  color: #fff;
}

/***** sec5 - clients  *****/
#sec5 {
  background-color: #FCFCFC;
}

#sec5  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  color: #0B254B;
}

.client-box {
  border-radius: 10px;
  padding: 30px 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.client-box p {
  font-size: 18px;
  color: #3A393E;
}

.font-16 {
  font-size: 16px;
}

.light-grey {
  color: #999;
}

.orange-color {
  color: #F05123;
}

/***** sec6 - partners  *****/
#sec6 {
  background-color: #fff;
}

#sec6  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  color: #0B254B;
}

/***** sec7 - listing  *****/
#sec7 {
  background-color: #F6F6F8;
}

#sec7  h3 {
  font-size: 24px;
  color: #999;
  font-weight: 500;
}

.tab-pane .list {
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.list {
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  padding-left: 0px;
}

.nav-pills2 .nav-link.active {
  color: #fff !important;
  background: #F6F6F8;
  color: #081A34 !important;
  border-bottom: #081A34 3px solid;
  border-radius: 0px;
  padding-bottom: 30px !important;
}

.txt-grey {
  font-size: 20px !important;
  color: #767676;
}

.pad-lr {
  padding-left: 10%;
  padding-right: 10%;
}

/***** sec8 - contact  *****/
#sec8 {
  background-color: #F6F6F8;
}

#sec8  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  color: #0B254B;
}

#sec8 p {
  font-size: 22px;
  color: #999;
}

.font-40 {
  font-size: 40px !important;
  color: #F05123 !important;
  font-weight: 700;
}

/***** contact *****/
#footer {
  background-color: #0B254B;
}


#footer h4 {
  font-size: 20px;
  color: #fff;
}

#footer p {
  color: #fff;
}

#footer p a {
  color: #fff;
  text-decoration: none;
}

#footer p a:hover {
  color: #fff;
  text-decoration: underline;
}

.list-footer {
  color: #fff;
  font-size: 16px;
  list-style: none;
  padding-left: 0px;
  line-height: 41px;
}

.list-footer a {
  color: #fff;
  text-decoration: none;
}

.list-footer a:hover {
  color: #fff;
  text-decoration: underline;
}

/***** copyright *****/
#copyright {
  background-color: #0B254B;
  text-align: center;
  border-top: #fff 1px solid;
}

#copyright p {
  color: #fff;
}

/***** inventry search page *****/
#ban-equipment {
  /*background-image: url("../img/banner-equipment.png");*/
  background-repeat: no-repeat;
  background-position: center top;
  height: 257px;
  display: flex;
  align-items: center;
  padding: 0 5%;
}

#ban-equipment h1 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 4.5rem;
  color: #fff;
}

#ban-equipment p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.form {
  border: #ccc 1px solid;
  padding: 30px;
  border-radius: 15px;
}

label {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}

.page-link {
  background-color: #F6F6F8;
  margin: 5px;
  border: none;
  color: #000;
  border-radius: 50px;
  font-weight: 700;
}

.page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #F05123;
  border-color: #F05123;
}

/***** sell/trade page  *****/
/*----- sell your equipment -----*/
#sell-equip {
  background-color: #fff;
}

#sell-equip h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 42px;
  color: #263878;
}

#sell-equip h3 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 30px;
  color: #263878;
}

/*----- submit equipment -----*/
#sub-equip {
  background-color: #F6F6F8;
}

#sub-equip h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 42px;
  color: #263878;
}

#sub-equip h3 {
  font-size: 24px;
  color: #263878;
  font-weight: normal;
}

.sub-equip-box {
  background-color: #fff;
  padding: 50px 30px;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}

/*----- cost equip -----*/
#cost-equip {
  background-color: #F6F6F8;
  background-image: url('https://staging.mmequip.com/wp-content/themes/mmequip/assets/img/bg-cost-equip.png');
  background-repeat: no-repeat;
  background-position: center center;
}

#cost-equip h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 42px;
  color: #0B254B;
}



/***** auctions page  *****/
#auctions {
  background-color: #FCFCFC;
}

#auctions  h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  color: #0B254B;
}

#auctions p {
  color: #342C2C;
}

.locationSpan {
  font-size: 14px;
  color: #a5a5a5;
}

.lenoir-Div {
  margin-top: 10px;
}
.lenoir-Div span {
  font-size: 20px;
}

.auction-data-head {
  display: flex;
  max-width: 300px;
  width: 100%;
  justify-content: space-between;
  margin-top: 20px;
}

.auction-time {
  color: #a5a5a5;
  font-size: 14px;
}
.auction-time .fa-calendar-days {
  color: #f05123;
  margin-right: 6px;
}
.auction-date {
  font-size: 20px;
}


/***** about page  *****/
/*----- about -----*/
#about {
  background-color: #fff;
}

#about h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px !important;
  color: #263878;
}

#about h3 {
  font-size: 24px;
  color: #263878;
}

#about p {
  /*font-size: 20px;*/
  color: #342C2C;
}

/*----- Single Auction -----*/
#auction {
  background-color: #fff;
}
#auction h5 {
  font-size: 24px;
  color: #0B254B;
  font-weight: 500;
}
#auction p {
  font-size: 16px;
  color: #342C2C;
}

#auction .font-12 {
	font-size: 15px;
    color: #A5A5A5;
}

/*----- process -----*/
#process {
  background-color: #F6F6F8;
}

#process h3 {
  font-size: 24px;
  color: #263878;
  font-weight: 500;
}



#process p {
    /*font-size: 20px;*/
    color: #342C2C;
    max-height: 90px;
    overflow: hidden;
}

/*----- team -----*/
#team {
  background-color: #fff;
}

#team h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  color: #263878;
}

.team-box {
  background-color: #fff;
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.team-box h3 {
  font-size: 24px;
  color: #263878;
  font-weight: 700;
}

.team-box h4 {
  font-size: 20px;
  color: #999;
  font-weight: 500;
}

.team-box p {
  /*font-size: 20px;*/
  color: #342C2C;
}

.team-box-grey-color {
  color: #999;
}

.team-box-grey-bg {
  background-color: #fff;
  padding: 8px;
  margin-top: 14px;
}

/*----- product details -----*/
#prod-det {
  background-color: #fff;
}

#prod-det h2 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  color: #263878;
}

#prod-det h3 {
  font-size: 24px;
  color: #263878;
}

.table > :not(caption) > * > * {
  padding: 1rem 7rem 1rem 1rem;
}

/***** blog page *****/
.post {
  background-color: transparent;
}

.btn-categories {
  background-color: #263878;
  font-size: 14px;
  padding: 10px 10px;
  border-radius: 50px;
  text-decoration: none;
}

.btn-categories:hover {
  padding: 10px 20px;
  text-decoration: none;
}

.search-box {
  /*width: 350px;*/
  position: relative;
  display: flex;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.search-input {
  width: 100%;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  padding: 15px 45px 15px 15px;
  background-color: transparent;
  color: #6c6c6c;
  border-radius: 6px;
  border: #999 1px solid;
  transition: all .4s;
}

.search-input:focus {
  border:none;
  outline:none;
  box-shadow: 0 1px 12px #b8c6db;
  -moz-box-shadow: 0 1px 12px #b8c6db;
  -webkit-box-shadow: 0 1px 12px #b8c6db;
}

.search-btn {
  background-color: transparent;
  font-size: 18px;
  padding: 6px 9px;
  margin-left:-45px;
  border:none;
  color: #6c6c6c;
  transition: all .4s;
  z-index: 10;
}

.search-btn:hover {
  transform: scale(1.2);
  cursor: pointer;
  color: black;
}

.search-btn:focus {
  outline:none;
  color:black;
}




/***** contact page *****/
#ban-contact {
  background-image: url("../img/banner-contact.png");
  background-repeat: no-repeat;
  background-position: center top;
  height: 500px;
  display: flex;
  align-items: center;
}
.ban-contact-div {
	padding-bottom: 150px; 
	padding-left: 120px;
}
.foot-newsletter-img img { 
	height:40px; 
	padding-right: 5px;
}
#ban-contact h1 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 4.5rem;
  color: #0B254B;
}

#ban-contact p {
  font-size: 16px;
  font-weight: 500;
  color: #0B254B;
}

.contact-box {
  border-radius: 10px;
  padding: 3%;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
  background-color: #fff;
}

.contact-box p {
  font-size: 18px;
  color: #3A393E;
}

.contact-form {
  padding: 0;
  position: relative;
  transform: translate(-50%);
  left: 50%;
  padding-inline: 6%;
  max-width: 1200px;
  width: 100%;
  bottom: 116px;
}

.contact-content-form {
  background-color: #ffffff;
  box-shadow: 0px 15px 30px #00000029;
  padding: 40px;
  margin: 0 auto;
  border-radius: 10px;
}
.contact-input {
  padding: 10px;
  border: 1px solid #cacaca;
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: #fff;
  opacity: 1;
}
.contact-textArea {
  padding: 10px;
  border: 1px solid #cacaca;
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: #fff;
}
.btn-contact {
  max-width: 100%;
  width: 100%;
  border: 1px solid transparent;
  color: #fff;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  background-color: #f05123;
  border-radius: 4px;
  height: 40px;
}
.section-b {
  padding: 0;
}
.section-b .container {
  margin-bottom: 4%;
}
.contact-head {
  margin-bottom: 4%;
}
.contact-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact-quote {
  font-family: "Nunito Sans", sans-serif;
  color: #263878;
}
.contact-information {
  color: #f05123;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
}

.monito-contact {
  margin-top: 24px;
}
.locate-contact {
  color: #263878;
  font-weight: 700;
}
.contact-Chicago {
  margin-top: 10px;
}
.contaact-para {
  font-size: 14px;
}







/***** misc *****/
.mar-bot-30 {
  margin-bottom: 30px;
}

.right {
  text-align: right;
}

.mar-l-20 {
  margin-left: 20px;
}

.but1 {
  background-color: #F05123 !important;
  color: #fff !important;
  padding: 10px 20px !important;
  letter-spacing: 1px !important;
}

.p orangish-btn:hover {
  background-color: #000;
  color: #fff;
  border: 1px solid transparent;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  width: 40%;
  border-radius: 4px;
  height: 40px;
  max-width: 100%;
  padding: 1%;
  text-align: center;
}

.but1:hover {
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
  letter-spacing: 1px;
}

.but2 {
  background-color: transparent;
  border: #263878 1px solid;
  color: #263878;
  padding: 15px 20px;
  letter-spacing: 1px;
  font-weight: 700;
}

.but2:hover {
  background-color: #263878;
  border: #263878 1px solid;
  color: #fff;
  padding: 15px 20px;
  letter-spacing: 1px;
}

.but3 {
  background-color: transparent;
  border: #F05123 1px solid;
  color: #F05123;
  padding: 10px 20px;
  letter-spacing: 1px;
}

.but3:hover {
  background-color: #F05123;
  border: #F05123 1px solid;
  color: #fff;
  padding: 10px 20px;
  letter-spacing: 1px;
}

.white-color {
  background-color: #fff;
}

.grey-color {
  background-color: #F6F6F8;
}

.blue-color {
  color: #0B254B;
}

/***** media queries *****/
.mob {
  display: none;
}

.sec3-mob {
  display: none;
}

.facetwp-page.next { 
	color: #ef4a32 !important;
    font-weight: bold;
}

@media (min-width: 992px) {
    .cart-icon-mobile {
        /*display: none;*/ /* Hide the cart icon on larger screens */
    }
	.my-d-flex {
		display: flex !important;
	}
}

/*======= RESPONSIVE =====*/	
	.requestquote {
		display:inline-block;
	}
	.similarmachine {
		display:inline-block;
	}
	#cost-equip {
		padding-top: 10%;
	}
	.about-video iframe { border-radius: 20px; height:600px !important;  }
	
	.allstep { font-size:25px; padding:30px 50px; cursor:pointer; }
	.gform_legacy_markup_wrapper .gform_footer {
	  clear: both;
	  margin: 0 !important;
	}
	.c-only-slider {
		background: none !important; 
		border: none !important; 
		overflow: hidden; 
		max-height: 447px !important; 
		margin-bottom: 20px;
		border-radius: 20px;
	}	
	.gform_legacy_markup_wrapper li.hidden_label input {
		margin-top: 0 !important;
	}	
	#cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter { height:0px !important; }
	#cboxBottomLeft, #cboxBottomRight, #cboxTopLeft, #cboxTopRight { width:0px !important; }
	#cboxCurrent { bottom:15px !important;     color: #fff !important; }
	#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose  { bottom:15px !important;  }
	.cboxPhoto { height: auto !important; }
	#cboxNext { right:33px !important }
	#cboxContent { background:#000 !important; }
	.desk-padd-left-25 {
		padding-left: 25px;
	}
/*======= RESPONSIVE =====*/	
@media (min-width: 320px) and (max-width: 768px) {
/*======= RESPONSIVE =====*/
	.cboxPhoto {
		height: auto !important;
	}
	.gform_legacy_markup_wrapper .top_label div.ginput_container {
		margin-top: 19px !important;
	}
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	  padding: 15px !important;
	}
	#ban-contact {
		background: #11D5B2;
		height: 375px;
	}
	.ban-contact-div {
		padding-bottom: 135px;
    	padding-left: 30px;
	}
	.foot-newsletter-img img { 
		height:25px; 
		padding-right: 5px;
	}
	#ban-equipment {
		display:none;		
	}
	.c-only-slider {
		max-height: 273px !important; 
		border-radius: 20px;
		height: 273px !important; 
	}
	#gform_wrapper_1 .gform_body {
		width: 100% !important;
	}
	header.masthead {
		padding: 6rem 0 12rem;
		    height: 55vh;
	}
	.page-section {
		padding: 3.8rem 0;
	}
	.mb-5 {
		margin-bottom: 1rem !important;
	}
	.context a.btn-solid-alt {
		font-size: 15px;
	}
	.col-xs-6 {
        flex: 0 0 auto;
        width: 49%;
    }
	.col-xs-12 {
        flex: 0 0 auto;
        width: 99%;
    }
	
	.mob-width-90 {
		width:90%;				
	}
	.mob-width-55 img {
		width:auto;				
	}
	.mob-padd-15px {
		padding:15px;	
	}
	.mob-padd-left {
		padding-left: 10px;
	}
	.mob-display-block { display:block !important; }
	.desk-padd-left-25 {
		padding-left: 0px;
	}	
	.mob-padd-top-bot-10 {
		padding: 10px 0;
	}
	
	.but2 {
    	padding: 12px 20px !important;
	}
	.but-quote {
    	padding: 10px 5px !important;
	}		
	#sec8 p {
		text-align: left;		
	}
	.mob-font-18 {
		font-size: 18px !important;
		text-align: left;
	}
	
	.font-40 {
		font-size: 30px !important;
	}
	
	.timeline > li .timeline-panel {
		position: relative;
		padding: 15px 10px 0 10px;
		text-align: center;
	}
	
	.images-wrapper {
		padding-bottom: 30px !important;
	}
	.mobile-top-25px {
		margin-top: 25px !important;
	}
	.but1 {
		display: block;
	  }
	.bottom-fixed-button {
		position: fixed;
		bottom:10%;
		width:70%;
		margin-left:auto;
		margin-right:auto;
        z-index: +99999999;
        left: 15%;
	}
	.requestquote {
		display:block;
	}
	.similarmachine {
		display:block;
		padding-top: 15px;
        text-align: center;
	}
	#cost-equip {
		padding-top: 28%;
		background-image: none;
	}
	.my-d-flex {
		display: block !important;
	}
	.facetwp-page {
		margin-right: 0px !important;
	}
	.about-video iframe { border-radius: 20px; height:350px !important;  }  
	#about h2 {
	  font-size: 30px !important;
	}
	a.orangish-btn {
		width: 100%;
	    text-align: center;
	}
	.allstep { font-size:21px; padding:20px 5px; width: 100%; }
	.monito-contact {
		margin-top: 10px;
	}
	.contact-Chicago {
		margin-top: 30px;
	}
	.gform_legacy_markup_wrapper .gform_footer {
		width: 100% !important;
		margin: 0 !important;
	}
	.mobile-btn-full-width {
		font-size: 15px;
		width: 100% !important;
		text-align: center !important;
		display: block;
	}
	.form {
		padding: 15px;
		margin: 15px !important;
	}
	.searchTerm {
    	width: 85%;
		height: 40px;
	}
	.searchButton {
    	height: 40px;
	}
	.search { padding:0 5%; }
	.searchForm  {
		position: fixed;
		top: 55px;
		left: 0;
		right: 0;
		background: #fff;
		z-index: +99999;
		padding-bottom: 5px;
	}
	
/*======= RESPONSIVE =====*/
  .desk {
    display: none;
  }

  .mob {
    display: block;
  }

  /*.but1 {
    display: block;
    background-color: #fff !important;
    color: #F05123 !important;
    padding: 0px !important;
    margin: 0px !important;
  }*/

  .quote-txt {
    display: none;
  }

  .cart-icon-mobile {
    position: absolute;
    top: 20px;
    right: 10px;
    display: block;
    background-color: #fff !important;
    color: #F05123 !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 1050; /* Ensure it appears above the navbar */
}

.menu-txt {
  font-size: 12px;
}

#mainNav .navbar-brand img {
  margin-left: -41px !important;
}

  #mainNav .navbar-toggler {
    font-size: 1rem !important;
    padding: 0px !important;
}

  #mainNav {
    background-color: #fff;
	padding-top: 15px;
  }

  .banner-buttons {
    display: none;
  }

  header.masthead .masthead-heading {
    font-size: 26px;
    line-height: 2.0rem;
  }

  header.masthead .masthead-subheading {
    font-size: 22px;
  }

  #mainNav .navbar-toggler {
    color: #263878;
  }

  .sec3-desk {
    display: none;
  }

  .sec3-mob {
    display: block;
  }  

  .timeline:before {
    background-color: #fff;
  }

  .timeline > li .timeline-image {
    position: relative;
  }

  #footer {
    text-align: left;
  }

  #sec1 h2 {
    font-size: 28px;
    text-align: center;
  }

  #sec2 h2 {
    font-size: 36px;
    text-align: center;
  }

  #sec3 h2 {
    font-size: 36px;
    text-align: center;
  }

  #sec4 h2 {
    font-size: 36px;
    text-align: left;
  }

  #sec5 h2 {
    font-size: 36px;
    text-align: left;
  }

  #sec6 h2 {
    font-size: 36px;
    text-align: center;
  }

  #sec8 h2 {
    font-size: 36px;
    text-align: left;
  }  
		
  #ban-contact {
    background-position: center right !important;
  }

  .grey-color {
    background-color: transparent;
  }

  .contact-box {
    padding: 5% 5%;
  }

  .section-b {
    padding-bottom: 10%;
  }

  #ban-equipment h1 {
    font-size: 36px;
    line-height: 2.5rem;
  }

  #sell-equip h2 {
    font-size: 36px;
  }

  #sub-equip h2 {
    font-size: 36px;
  }

  #cost-equip h2 {
    font-size: 36px;
  }

  .sub-equip-box {    
    margin: 0px 20px;
    width: 90%;
  }

  #sub-equip .row {
      text-align: center;
    padding-bottom: 30px;
  }

  .table > :not(caption) > * > * {
    padding: 1rem 1rem;
  }
}

/***** product details 2 *****/
#ban-equipment2 {
  background-color: transparent;
  padding: 2% 5%;
}

#ban-equipment2 p {
  font-size: 20px;
  font-weight: 500;
  color: #263878;
  margin: 0px;
}

/***** search bar with icon *****/
.form2 {
  padding: 20px 0;
  border-radius: 15px;
}

.search-icon2 {
  position: relative;
  float: right;
  width: 21px;
  height: 21px;
  top: -29px;
  right: 10px;
}

.sort {
  border-radius:0px;
  width:250px;
  float: right;
}

/***** book now banner *****/
#booknow {
  background: #4631D4 0% 0% no-repeat padding-box;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 200;
  padding: 1% 3%;
  border-radius: 10px;
  z-index: +9;
  position: relative;
	top: 0;
	margin-bottom: 50px;
}

#booknow h2 {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
}

#booknow h3 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
}

.btn-book3 {
  background-color: #F05123;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  text-align: center;
  padding: 15px 30px;
  text-decoration: none;
}

.btn-book3:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.right2 {
  text-align: right;
}

/***** faqs *****/
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  margin-bottom: 0px;
}

.accordion-button:not(.collapsed) {
  color: #0B254B !important;
  background-color: #fff !important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);  
}

.accordion-button {
  font-family: "Nunito Sans", sans-serif;
  color: #263878 !important;
  text-transform: uppercase;
  font-weight: 700;
}

slider.slick-initialized.slick-slider {
    border: 1px solid #eee !important;
}

.c-only-slider.slick-initialized.slick-slider {
     border: 1px solid #eee !important;
}

.images-wrapper .slick-list.draggable {
    background-color: #fff !important;
}

#slide-image img {
   border-radius: 0px !important;
}

/******Hamza upload the code******/

.nav-pills {
    --bs-nav-pills-link-active-bg: #263878 !important;
  
}
.nav-pills .nav-link.active{
  color: white !important;
}

.nav-link {
    color: #6D6D6D !important;
}
#gform_submit_button_10{
  max-width: 100%;
  width: 100%;
  border: 1px solid transparent;
  color: #fff;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  background-color: #f05123;
  border-radius: 4px;
  height: 40px;

}
#gform_submit_button_3 {max-width: 100%;
  width: 100%;
  border: 1px solid transparent;
  color: #fff;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  background-color: #f05123;
  border-radius: 4px;
  height: 40px;
}

.current-menu-item a {
  background: none !important;
  font-weight: 700;
  text-decoration: none; /* Ensure no underline on current menu item */
  padding-bottom: 5px; /* Adds space below the text */
}

.navbar-nav .current-menu-item a {
  color: #263878 !important;
  border-bottom: #263878 3px solid !important; /* Add underline with increased thickness */
}

.dropdown .current-menu-item a {
  color: #fff !important;  
}
.dropdown .menu-item a {
  width: 350px !important;  
}

.current-menu-ancestor > a {
  background: #fff !important;
  font-weight: 700;
  text-decoration: none; /* Ensure no underline on current menu ancestor */
  border-bottom: #fff 3px solid; /* Add underline with increased thickness */
  padding-bottom: 5px; /* Adds space below the text */
  color: #263878 !important;
}

/* Add underline on hover for all menu items */
.navbar-nav .menu-item a:hover {
  text-decoration: none; /* Remove default underline */
  border-bottom: #263878 3px solid; /* Add underline with increased thickness */
  padding-bottom: 5px; /* Adjust padding to account for the border thickness */
  font-weight: 700px;
}

/***** Yas - 05-28-2024 *****/
a.orangish-btn {
  background: #f05123 !important;
  border: 0px !important;
  color: #fff !important;
  padding: 15px 30px !important;
  box-shadow: none !important;
  outline: 0px;
  position: absolute;
  font-size: 18px;
  text-decoration: none;
  border-radius: 5px;
}

.prod-txt h4 {
  height: auto !important;
}

.border-lr {
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
}

.border-left {
  border-left: #ccc 1px solid;;
}

#searchwp-form-6{
  width: 100%;
}

.swp-input{
  width: 100%;
  border-right: none;
  padding: 5px 10px;
  height: 55px;
}

.autocomplete-results {
  max-height: 200px;
  overflow-y: auto;
  background: #fff;
  position: absolute;
  width: calc(100% - 2px); /* Match input width minus borders */
  z-index: 1000;
  width: 860px;
  margin-top: 55px;
  color: #263878;
}

.autocomplete-item {
  padding: 8px;
  cursor: pointer;
}

.autocomplete-item:hover {
  background-color: #f0f0f0;
}

.prod img {
  /*object-fit: cover !important;
  width: 100% !important;*/
  border-radius: 5px !important;
}

.context {
  padding: 15px 0 !important;
}

.text-muted {
  max-height: 50px;
  overflow: hidden;
  font-size: 16px !important;
}

.but-new {
  background-color: #fff;
}

.ban-nav {
  font-size: 18px;
  color: #fff;
  position: absolute;
  text-align: right;
  width: 100%;
  padding: 20px 20px 0 0;
}

.ban-nav a {
  color: #fff;
  text-decoration: none;
}

.ban-nav a:hover {
  color: #fff;
  text-decoration: none;
}

.btn-more2 {
  font-size: 16px;
  color: #fff;
  position: relative;
  padding-left: 40px; /* Add padding to make space for the line */
}

.btn-more2:hover {
  font-size: 16px;
  color: #fff !important;
}

@media (min-width: 1200px) {
  .timeline > li {
      min-height: 125px; 
    }
}

 /* Layout Properties */
#ban-equipment p {
        top: 0px;
        left: 0px;
        width: 100%;
         height: 40px;
        /* UI Properties */
        text-align: left;
        font: normal normal normal 20px/25px Nunito Sans;
        letter-spacing: 0px;
        text-transform: uppercase;
		font-size:14px;
		padding-top:10px;
}

.fa-solid {
  color: #263878;
}

.fa-solid a {
  color: #263878;
}

.fa-solid a:hover {
  color: #263878;
}

#gform_submit_button_1 {
  background-color: #F05123;
  padding: 20px 20px;
  border: 0px;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 600;
  margin-left: 5px;
}

#gform_submit_button_1:hover {
  background-color: #000;
  padding: 20px 20px;
  /*margin-left: 5px;*/
}

#gform_1 {
  display: flex;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 20px !important;
  border-radius: 5px;
}