#header-search-form {
  background-color: #f0f0f0;
}
#header-search-form .form-control {
  text-align: left;
}
.footer-logo {
  display: inline-block;
  font: 700 30px/1.5 "Open Sans", Verdana, sans-serif;
  padding: 3px 15px;
  border: 2px solid #f3c400;
  color: #f3c400;
  margin-bottom: 25px;
}

.form-control {
  height: 40px;
  padding: 9px 16px;
  box-shadow: none;
  -webkit-box-shadow: none;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  border: 1px solid #c0c0c0;
  background-color: #fffae7;
  color: inherit;
  font-size: 14px;
}
.product {
  min-height: 390px;
}
.product-details .product-title {
  font-size: 20px;
  line-height: 1.3;
  font-family: "Lato", Verdana;
  color: #4a4a4a;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 17px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 17px;
}


.label-lg {
  font-size: 14px;
}

/**
Top Search Box
**/

#search-form {
  margin: 0px;
  background-color: #f3c400;
  padding: 0px;
  border-bottom: 1px solid #ada255;
}
#search-form form {
  text-align: center;
  margin: auto;
}
#search-form .input-group {
  width: 60%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  border-color: #dadada;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.22);
}
.ui-autocomplete-loading {
  background: white url("/images/ui-anim_basic_16x16.gif") 96% center no-repeat;
}
.ui-autocomplete .item {
  display: block;
  border-bottom: 2px dotted #c0c0c0;
}
.ui-autocomplete .item .name {
  font-weight: bold;
}
.ui-autocomplete .img img {
  margin: 5px;
  width: 50px;
  height: 50px;
}

@media (max-width: 992px){

  #search-form .input-group {
    width: 80%;
  }

}

/**
Padding and spacing
**/


.pt0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr100 {
  margin-right: 100px !important;
}
.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml100 {
  margin-left: 100px !important;
}