/*search CSS */
.search-products{
  position: relative;
  width: 16.96%;
  float: left;
  list-style: none;
  
}
.search-price{
  
}
.search-pagination{
  
}
#contact-form-479{
   margin-left: 20px;
}

/* Enter Your Custom CSS Here */
#top-search label{
  min-width: 690px; 
}
.owl-carousel{
  margin-left:15px; 
}
.owl-wrapper-outer{
  border: 3px solid #42a1cd;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 1145px;
}
.owl-item .item img{
  border-radius: 15px; 
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 16.96%;
}
#content .site-main{
  margin-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  border: 3px solid #42a1cd;
  background: #f7f5ee;
}
.col-md-8 col-sm-8{
}
.woocommerce ul.products li.product{
  border-radius: 5px;
  border: 1px solid #42a1cd;
}
.woocommerce ul.products li.product h3{
    font-size: 11px;
    text-decoration: none;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit{
}
.woocommerce a.button:hover, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit{
    background-color: #FF9933;
}
.woocommerce ul.products li.product .button:hover{
    background-color: #FF9933;
}
#secondary .widget a{
    color: black;
    text-decoration: strong;
}
#secondary .widget a:hover{
    color: #FF9933;
    text-decoration: strong;
}
#secondary .widget a.button{
    color: black;
    text-decoration: strong;
    border: 1px solid #FF9933;
}
#secondary .widget a.button:hover{
    color: white;
    text-decoration: strong;
    border: 1px solid #FF9933;
}
.section-title:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    margin-top: 0px;
    background: #000000;
}
.section-title:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    margin-top: 0px;
    background: #000000;
}
#frontpage-category-grid{
    border: 3px solid #42a1cd;
  background: #f7f5ee;
    border-radius: 10px;
    padding: 20px;
    display: block;
    margin-bottom: 10px;
}
#category-grid{
  margin-right: auto;
  margin-left: auto;
  width: 1033px;
}
#category-img{
  border-radius: 10px;
}

html, body{
  min-height: 100%;
}
body{
 position: relative;
 background: #E7F7FF; 
}

.mega-container {
    background: #E7F7FF;
}
#secondary{
  border: 3px solid #42a1cd;
  background: #f7f5ee;
  border-radius: 10px;
  padding-left: 20px;
  display: block;
  margin-bottom: 10px;
  position:absolute; 
  float:left; 
  left:-10px
}

#featured-products{
    float: left;
    left: -30px;
}

.harribella-overlay {
  display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}

/* just some content with arbitrary styles for explanation purposes */
.harribella-modal {
  display: none;
    width: 800px;
    height: 400px;
    position: fixed;
    top: 50%; 
    left: 50%;
    margin-top: -200px;
    margin-left: -400px;
    background-color: #42a1cd;
    border-radius: 10px;
    text-align: center;
    z-index: 11; /* 1px higher than the overlay layer */
}
.promocontainer{
  width: 750px;
  height: 350px;
  margin-top: 25px;
  margin-left: 25px;
  border-radius: 10px;
  background-color: #f7f5ee;
}
.promosign1{
  height: 98px;
  margin-top: 50px;
  color: #FF9933;
  font-size: 70px;
  font-weight: bold;
}
.promosign2{
  color: #FF9933;
  font-size: 50px;
  font-weight: bold;
}
.promotext{
  margin-top: 30px;
}
.promobox{
  width: 350px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  border: 1px solid #000000;
  border-radius: 5px;
  background-color: #FFFFFF;
}
.promocode{
  font-size: 30px;
  font-weight: bold;
}

.discountPopper{
  display:block;
}