body{
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .5px;
    line-height: 1.5em;
    font-size: 14px;
    }
    p{
    font-size: 14px;
    }
    p, h1, h2, h3, h4, h5{
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .5px;
    line-height: 1.5em;
    }
    h1{
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    }
    h2{
    font-size: 37px;
    font-weight: 700;
    }
    h3{
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .5px;
    /*line-height: 1.5em;*/
    font-weight: bold;
    font-size: 41px;
    }
    h4{
    font-size: 17px;
    font-weight: 700;
    }

a{
  color:#49494B;
}
a,a:hover,a:focus {
  text-decoration: none !important;
  outline:none !important;
}
p, span{
	font-family: 'Montserrat', sans-serif;
	line-height: 25px;
    font-size: 15px;
    color:#898989;
}

.font-13{
  font-size:13px;
}

.font-14{
  font-size:14px;
}

.font-15{
  font-size:15px;
}

.section{
	padding-top: 10%;

}


.bg-white{
    background-color: #fff;
}

.bg-light{
    background-color: #f4f5f7 !important;
}



.text-blue
{
  color:#0186E1;
}


.divhide {
display: none;
}


/* ==========
   2.helper-classes
   ========== */

.btn-custom{
	background-color:#FF431E ;
	color:#fff;
}

.btn-transparent{
	background-color:transparent;
	color:#000;
}

.btn-large{
  padding:10px 40px;
}



/* ==========
   3.navbar start
   ========== */


.navbar-custom{
	transition: all 0.5s ease-in-out;
    background-color: #fff !important;
    margin: 0;
    /*border-bottom: 1px solid #f2f2f2;*/
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

.navbar-nav .nav-item{
  margin-right: 30px !important;
}


.navbar-custom ul li > a{
    color:#000;
    font-size:15px;
    font-weight: 600;
    
}


.sticky{
    background-color: #fff;
    
}


.navbar-custom .navbar-nav .active{
   color: #000 !important;
    border-bottom: 3px solid #93C844;
}



/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}



.dropdown-menu .dropdown-item {
    font-size: 13px;
}

.dropdown-menu ul{
  list-style: none;
  margin: 0;
  padding-left: 0px;
}

.dropdown-menu ul li{
  padding-left: 15px;
}


.dropdown .dropdown-toggle::after{
  color:#93C844 !important;
}



.user-icon-large i{
  /*background-color:#f2f2f2;*/
  /*border-radius:50%;*/
  border:1px solid #93C844;
  box-shadow: 0 2px 5px rgba(0,0,0,.15);
  padding: 18px;
    font-size: 30px;
    color:#ccc;
}

.user-name{
   padding-top: 5px;
}


.user-name a{
  font-weight: 600 !important;
  font-size: 14px;
  color: #000 !important;
}

.myaccount-box{
  box-shadow: 0 4px 8px rgba(0,0,0,.15);
}
/*---------*/
/*.account-link a{
  color:#93C844;
  font-weight: 600;
}

.setting a{
  color:#93C844 !important;
  font-weight: 600 !important;
}

.setting .dropdown-menu a{
  color:#000 !important;
  font-weight: 600;
}

.setting a::after{
  content: none !important;
}

.account-link a:hover{
  color:#93C844;
  font-weight: 600;
}

.subdrp-setting .dropdown-toggle::after{
  content: none !important;
}

.drp-credit {
  font-size: 13px;
  font-weight: 700;
}*/
/*---------*/

.myaccount-links{
  padding-left:0px;
  list-style: none;
}
.myaccount-links li {
  padding: 7px 10px;
  margin-top:5px;
}
.myaccount-links li a{
  font-size: 14px !important;
  font-weight: normal !important;
  color:#000 !important;
}
.myaccount-links .header {
  /*background-color: rgba(147,200,68, 0.5);*/
  background-color: #f2f2f2;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  font-weight: bold;
  font-size: 15px;
  color:#000;
}
.myaccount-links .footer{
  border-top:1px solid #ccc;
}


 
/* ==========
   6.Footer start
   ========== */

.footer-link{
  list-style: none;
}

.footer-link li{
  float:left;
  padding-left:20px;
}

.footer-link li a{
  color:#ccc;

}

.footer-link li i{
  color:#ccc;
  font-size: 30px;

}

 
/* ==========
   Footer end
   ========== */



/* ==========
   login start
   ========== */
#login{
  /*height: 500px;*/
  /*  background-color: #fff; *//* For browsers that do not support gradients */
    /*background-image: linear-gradient(#fff, #0186E1);*/ /* Standard syntax (must be last) */
background-image: url('../../demo-designs/img/stock-photo-set-of-mechanical-gears-382086154.jpg');
background-size: cover;    
}




#login3{
 /* background-image: url('../img/event2.jpg')*/;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 52%, rgba(0, 102, 102, 0.5) 100%), url('../img/event2.jpg') no-repeat;
background-size: cover;  
height: 100vh;
}


.login3-heading h2{
    font-size: 50px !important;
    font-weight: bold;
}


.login3{
  background-color: rgba(0,0,0,0.54);
}

.login-register-tab .nav-item{
  width:50%;
  padding:10px;
  text-align: center;
}


.login-register-tab .nav-item a:hover
{
  font-size: 20px;
  border:1px solid #fff;
}


.login-register-tab li 
{
  padding:0;
}

.login-register-tab .nav-item a{
  color:#fff !important;
  font-weight: 700;
  font-size: 16px;
    border:none;
}

.login-content p{
  font-size: 16px !important;
}

.login-content button{
  font-size: 16px !important;
}



/* ==========
   login end
   ========== 

/*   -----------------------------------*/


.form-section{
  box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}


/*   -----------------------------------*/


.theme-clr{
  color:#93C844;
}

.theme-bg{
  background-color: #93C844;
}




.login-btn{
  background-color:#93C844;
   color:#fff; 
   font-size:13px;
}

.login-btn:hover{
  color:#f2f2f2 !important;
}




.btn-primary
{
  background-color: #93C844 !important;
    border: none !important;
    padding: 2px;
    font-size: 12px !important;
    min-width: 65px;
    text-align: center !important;

}

.btn-grey {
  background-color: #ccc;
  color:#fff;
}

.btn-grey:hover{
  background-color: #93C844;
  color:#fff;
}



.form-control-lg{
  font-size: 16px !important;
}

.section_bg
{
  /*background-color: #E9ECEF;*/
  background-color: #f4f5f7;
}

.breadcrumb {
  background-color:#F4F5F6;
}

.blue_heading
{
  background-color:#0468C8;
  margin-top:92px;
  padding-top: 20px;
    padding-bottom: 20px;
}


.blue_heading h3
{
  color:#fff;
  font-size: 24px;
}


/*-------------------internal pages-------------*/


.internal-banner{
    background-image: url(../img/Buyers-Banner-1.jpg);
    margin-top: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    
}




/*-------------------footer-------------*/

#footer{
  background-color: #262f36;
}


.footer-nav-link .nav-link{
  color:#fff;
  margin:0 10px;
      padding-top: 0;
    padding-bottom: 0;
}


#bottom-footer{
  background-color: #000;
}


.btn-link{
  color:#49494B !important;
  text-decoration: none !important;
}


.nav-tabs .nav-link.active{
  background-color:#0468C8 !important;
  color:#fff !important;
  font-weight:700;
  border-color: #0468C8;
}

.nav-tabs .nav-item{
  background-color: #f2f2f2 !important;
}

.nav-tabs .nav-link{
  color:#000 !important;
  /*border:1px solid #f2f2f2 !important;*/
  border-radius: 5px !important;
  padding :12px 30px !important;
  
}

.nav-tabs{
  border-bottom: 2px solid #f2f2f2 !important;
  padding-bottom: 2px;
}


/*-----------registration-page -----------*/


.registration-page {
/*background: linear-gradient(to left, rgba(147, 200, 68, 0.8) 100%, rgba(0, 102, 102, 0.5) 100%), url('../img/human-2944064.jpg') no-repeat;*/
background-image: url('../img/Post Order Background.jpg');
background-size: cover; 
background-repeat: no-repeat;
margin-top: -150px;
}

.registration-page .card{
  border:none !important;
}

.registration-page label{
  font-weight: 700;
}



/*-------------update-profile-page-----------*/

.update-profile-page{
  background-image: url('../img/Post Order Background.jpg');
  background-size: cover; 
  background-repeat: no-repeat;
}

.update-profile-page .card{
  border:none !important;
}

.update-profile-page label{
  font-weight: 700;
}


/*--------- order-info-page-------------*/

  .order-info-list{
    padding: 0;
    list-style: none;
  }
  .order-info-list li{
    display: inline-block;
        font-size: 14px;
    line-height: 30px;
    vertical-align: top;
  }



    .order-info-list li:nth-child(odd){
        width:35%;
  }

      .order-info-list li:nth-child(even){
        width:60%;
  }



  .order-contact-info li 
  {
    width:100% ! important; 
  }
  .btn-bidnow{
    width: 100%;
    background-color: #93C844;
    color: #fff;
  }

  /*
  ---------------lightbox--------------*/

  .modal-footer{
    justify-content: flex-start !important;
  }

 /*
  ---------------Supplier card header bg--------------*/

  .suppl-head{
    background-color: #0468C8 !important;
  }


 /*
  ---------------supplier info page common--------------*/

  .supplier-list-banner{
    height:450px;
   /* background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 52%, rgba(0, 0, 0, 0.5) 100%), url('../img/dubai-1085058_1920.jpg') no-repeat;
*/
    background-image: url('../img/E1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }

  .listed-supplier-banner{
    height:450px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 52%, rgba(0, 0, 0, 0.5) 100%), url('../img/H1.jpg') no-repeat;

    /*background-image: url('../img/H1.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
  }


  .filter-list li{
    list-style: none;
    
  }

 /* .filter-list li .font-14 a{
    color:#0468C8;
    
  }*/

  .supplier-list li{
    border-bottom:10px solid #F4F5F7;
  }

    .supplier-list li p{
    margin-bottom: 5px;
    font-size:14px;
    color:#777777 !important;
  }
  .send-msg{
    background-color: #93C844 !important;
    border: none !important;
    padding: 4px;
    font-size: 12px !important;
    /*min-width: 65px;*/
    text-align: center !important;
    color:#fff !important;
  }

   .supplier-list li p b{
    color:#000 !important;
  }

  .suppl-list-btn{
    color: #333;
    background-color: #fff;
    border-color: #8c8c8c;
    font-size: 13px;
  }

  .suppl-info-box{
    border:1px solid #e7e7e7;
  }


/*--------------------contact page----------------*/


.contact-section h2{
  font-size:55px;
  font-weight: normal;
}


.contact-section p{
  font-size:20px;
  font-weight: normal;
  line-height: 30px;
}

.contact-form{
  background-color: #fff;
}
.contact-form label{
  color:#000;
  font-weight: bold;
}

.contact-icon{
  background-color: #F5F4F4;
}

/*.icon-box{
  box-shadow: 0 2px 5px 0 #edf0f5;
  background-color: #fff;
  padding: 20px;
}*/

.footerAdrstext-head{
    font-family: 'Roboto', sans-serif;
    padding:0;
    margin: 0;
    padding-bottom: 4px;
    color: #bbbbbb;
    font-size: 20px;
    font-weight: 700;
    }
    .footerAdrstext
    {
    font-family: 'Open Sans', sans-serif;
    padding:0;
    margin: 0;
    padding-bottom: 4px;
    color: #8f9294;
    font-size: 14px;
    }