body {
  background: #fff;
  font: 400 20px/26px Calibri, "Open Sans", Arial, sans-serif;
  color: #525252;
}

.wrapper {
  width: 100%;
  max-width: 960px;
  padding: 0 35px;
  margin: 0 auto;
}

.fl { float: left; }
.fr { float: right; }

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
}

p {
  margin-top: 20px;
}


/* Main navigation */
#main-navigation {
  clear: both;
  padding-top: 30px;
  font-size: 18px;
  margin: 0 -20px 20px -65px;
}

#main-navigation ul {
  width: 105%;
  margin: auto;
  text-align: center;
  border-bottom: 1px solid #888c8d;
}
@media(max-width:1000px){
   #main-navigation {
    margin: 0 -20px 20px -20px;
}
#main-navigation ul {
    width: 100%;
}
}
#main-navigation li {
  display: inline-block;
}

#main-navigation a {
  display: block;
  color: #000;
  padding: 5px 15px;
  text-decoration: none;
  border: 1px solid transparent;
  position: relative;
  bottom: -1px;
}

#main-navigation a:hover,
#main-navigation a.selected {
  color: #005c5d;
  border: 1px solid #888c8d;
  border-bottom: 1px solid #fff;
}

#main-navigation .sub-nav {
  border: none;
  text-align: left;
  padding: 10px 5px 0 5px;
}

#main-navigation .sub-nav a {
  border: none;
  position: static;
  border-bottom: 1px solid transparent;
}

#main-navigation .sub-nav a:hover,
#main-navigation .sub-nav a.selected {
  color: #005c5d;
  border-bottom: 1px solid #888c8d;
}

/* Social icons */
.social {
  margin-top: 35px;
}

.social li {
  display: inline-block;
  margin-left: 5px;
}

.social li:first-child {
  margin: 0;
}

.social a {
  background: transparent url('../img/social.png') no-repeat 0 0;
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
}

.social .pinterest { background-position: -40px 0; }
.social .twitter   { background-position: -80px 0; }


.main-content {
  padding-bottom: 40px;
}

#main-footer {
  font-size: 12px;
  line-height: 18px;
  color: #005c5d;
  padding-bottom: 20px;
}

#main-footer .wrapper {
  border-top: 1px solid #888c8d;
  padding-top: 25px;
}

#main-footer a {
  font-size: 16px;
  line-height: 20px;
  color: #005c5d;
  text-decoration: none;
  margin-bottom: 20px;
  display: inline-block;
}

#main-footer img {
  margin-right: 10px;
}

#main-footer img,
#main-footer span {
  display: inline-block;
  vertical-align: middle;
}

.hero img {
  max-width: 100%;
}

/* Products presentation module */
.products {}

.products article {
  margin-bottom: 35px;
}

.products .ingredients {
  clear: both;
  width: 100%;
  text-align: right;
  padding-top: 15px;
}

.products .ingredients li {
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  vertical-align: middle;
  text-align: left;
  margin-left: 10px;
}

.products .ingredients li.wider {
  max-width: 250px;
}

.products .ingredients img,
.products .ingredients span {
  display: inline-block;
  vertical-align: middle;
}

.products .ingredients span {
  max-width: 55%;
  text-align: left;
  padding-left: 15px;
}

.products .product-photo {
  max-width: 50%;
}

.products .desc {
  max-width: 47%;
}

.products .photo-left .product-photo {
  float: left;
}

.products .photo-left .desc {
  float: right;
}

.products .photo-right .product-photo {
  float: right;
}

.products .photo-right .desc {
  text-align: right;
}

.products .photo-right .ingredients {
  text-align: left;
}

.products .photo-right .ingredients li {
  margin: 0;
}

.products .photo-right .ingredients span {
  padding-left: 0;
  padding-right: 15px;
}

/* Slider */
.bx-wrapper .neem-guru {
  position: relative;
}

.bx-wrapper .neem-guru .products {
  position: absolute;
  top: 40px;
  left: 42px;
  max-height: 350px;
}

.bx-wrapper .bx-viewport {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  margin: 0;
  padding: 0;
  border: none;
}

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #888c8d;
  padding: 1px;
  margin-left: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  display: block;
  width: 14px;
  height: 14px;
  background: #fff;
  margin: 0;
  padding: 0;

  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #005c5d;
}