/* ******* ******* * SCSS * ******* ******* */
/* ******* ******* * SCSS * ******* ******* */
/* ******* ******* * SCSS * ******* ******* */
/* ******* ******* * HTML BODY * ******* ******* */
/* ******* ******* * HTML BODY * ******* ******* */
/* ******* ******* * HTML BODY * ******* ******* */
html > body * {
  outline: none;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 22px;
  background: #a72328 url("../_img/body-bg.png") no-repeat center top;
  word-wrap: break-word;
}

*,
body,
html {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: none;
}

img {
  border: none;
  outline: none;
}

.web-wrap {
  width: 1000px;
  margin: 0 auto;
}

.shadow {
  width: 100%;
  float: left;
  background: url("../_img/shadow.png") no-repeat center top;
}

img.left {
  float: left;
  margin: 5px 20px 15px 0;
}

img.right {
  float: right;
  margin: 5px 0 15px 20px;
}

.row {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

/* ******* ******* * Header * ******* ******* */
/* ******* ******* * Header * ******* ******* */
/* ******* ******* * Header * ******* ******* */
header {
  width: 100%;
  float: left;
}

section.top {
  width: 1000px;
  float: left;
  margin: 20px 0;
}

nav.top-menu {
  float: left;
}
nav.top-menu ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.top-menu ul li {
  float: left;
  color: #fff;
  line-height: 32px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-shadow: 0 0 2px #555;
  margin-right: 25px;
}
nav.top-menu ul li.mail {
  background: url("../_img/email.png") no-repeat 0 12px;
  padding-left: 25px;
}
nav.top-menu ul li.call {
  background: url("../_img/call.png") no-repeat 0 7px;
  padding-left: 18px;
}
nav.top-menu ul li a {
  color: #fff;
}
nav.top-menu ul li a:hover {
  color: #a72328;
  text-shadow: none;
}

nav.social-icon {
  float: right;
}
nav.social-icon ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.social-icon ul li {
  float: left;
  color: #fff;
  line-height: 32px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin-right: 5px;
}
nav.social-icon ul li.line {
  background: url("../_img/line.jpg") no-repeat right 11px;
  padding-right: 15px;
  margin-right: 15px;
}
nav.social-icon ul li a {
  color: #fff;
}
nav.social-icon ul li a.facebook {
  background: url("../_img/facebook.png") no-repeat;
  float: left;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
}
nav.social-icon ul li a.instagram {
  background: url("../_img/instagram.png") no-repeat;
  float: left;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
}
nav.social-icon ul li a.twitter {
  background: url("../_img/twitter.png") no-repeat;
  float: left;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
}
nav.social-icon ul li a.google {
  background: url("../_img/google.png") no-repeat;
  float: left;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
}
nav.social-icon ul li a.blog {
  background: url("../_img/rss.png") no-repeat;
  float: left;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
}
nav.social-icon ul li a:hover {
  color: #fcb316;
}

section.head {
  width: 1000px;
  float: left;
  background: #fff;
}

aside.logo {
  float: left;
  width: 170px;
  height: 121px;
  margin: 10px;
}

/* ******* ******* * Header * ******* ******* */
/* ******* ******* * Header * ******* ******* */
/* ******* ******* * Header * ******* ******* */
aside.top-right {
  float: right;
  width: 525px;
}

nav.menu {
  float: left;
  width: 525px;
}
nav.menu ul {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 100;
}
nav.menu ul li {
  float: left;
  position: relative;
  display: inline;
  line-height: 110px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-align: center;
  margin-top: -8px;
}
nav.menu ul li a {
  color: #423101;
  display: block;
  width: 100px;
  padding: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-image: url("../_img/menu-bg-yellow.png");
  background-repeat: no-repeat;
  background-position: 0 -110px;
}
nav.menu ul li a.selected,
nav.menu ul li a:hover {
  color: #423101;
  background-image: url("../_img/menu-bg-yellow.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
nav.menu ul li a.active {
  color: #fff;
  text-shadow: 1px 1px 2px #999;
  background: url("../_img/menu-bg-red.png") no-repeat;
  z-index: 999 !important;
}
nav.menu ul li ul {
  position: absolute;
  display: none;
  visibility: hidden;
  background: #2f2927;
  z-index: -5 !important;
  left: -35px !important;
  margin-top: -20px;
  padding-top: 20px;
}
nav.menu ul li ul li {
  display: list-item;
  float: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 0;
}
nav.menu ul li ul li a {
  color: #fff;
  padding: 5px;
  width: 160px;
  border-bottom: 1px solid #493c38;
  background-color: #2f2927;
  background-image: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
nav.menu ul li ul li a.selected,
nav.menu ul li ul li a:hover {
  color: #ffc00a;
  background-color: #493c38;
  background-image: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
nav.menu ul li ul li ul {
  left: 170px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

* html .menu {
  height: 1%;
}

.downarrowclass {
  position: absolute;
  top: 11px;
  right: 4px;
}

.rightarrowclass {
  position: absolute;
  top: 0;
  right: 0;
}

.ddshadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background: #fff;
}

.toplevelshadow {
  opacity: 0.8;
}

/* ******* ******* * Banner * ******* ******* */
/* ******* ******* * Banner * ******* ******* */
/* ******* ******* * Banner * ******* ******* */
section.banner-container {
  width: 1000px;
  float: left;
  height: 430px;
  background: #fffae6;
  position: relative;
}

aside.top-arrow {
  width: 1000px;
  float: left;
  height: 5px;
  background: url("../_img/top-arrow.png") repeat-x left bottom;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
}

section.home-banner {
  width: 1000px;
  float: left;
}

/* ******* ******* * Home Content * ******* ******* */
/* ******* ******* * Home Content * ******* ******* */
/* ******* ******* * Home Content * ******* ******* */
section.home-content {
  width: 100%;
  float: left;
  padding: 30px 0;
  background: #fffae6;
}

/* ******* ******* * LEFT * ******* ******* */
aside.left-products {
  width: 315px;
  float: left;
  margin-right: 20px;
  /* ******* ******* * classicSauce * ******* ******* */
  /* ******* ******* * newLabSauce * ******* ******* */
  /* ******* ******* * MapleSirup * ******* ******* */
  /* ******* ******* * soya * ******* ******* */
}
aside.left-products ul {
  float: left;
  width: 300px;
  margin: 0;
  padding: 0;
  list-style: none;
}
aside.left-products ul li {
  float: left;
  width: 300px;
  height: 103px;
  background: url("../_img/left-box-bg.png") no-repeat left top;
  padding: 8px 0;
  margin: 0 0 35px -10px;
}
aside.left-products ul li a div p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
  text-align: center;
  padding: 0;
}
aside.left-products ul li div {
  float: left;
  width: 298px;
  height: 103px;
  background: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 0 20px #ccc inset;
}
aside.left-products ul li div:hover {
  box-shadow: 0 0 10px #ccc inset;
}
aside.left-products ul li div h3 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  padding: 0;
}
aside.left-products ul li div.classicSauce {
  border: solid 1px #a72328;
}
aside.left-products ul li div.classicSauce h3 {
  color: #a72328;
  height: 60px;
  margin: 20px 0 24px;
  text-align: center;
}
aside.left-products ul li div.classicSauce img {
  float: left;
  margin: -10px 0 0 -30px;
}
aside.left-products ul li a div.classicSauce p {
  float: right;
  width: 76px;
  height: 31px;
  background: url("../_img/RSLimg2.png") no-repeat;
  margin: 0 37px 0 0;
}
aside.left-products ul li a:hover div.classicSauce p {
  background: url("../_img/RSLimg3.png") no-repeat;
}
aside.left-products ul li div.newLabSauce {
  border: solid 1px #f4931f;
}
aside.left-products ul li div.newLabSauce h3 {
  color: #f4931f;
  height: 60px;
  margin: 20px 0 24px;
  text-align: center;
}
aside.left-products ul li a div.newLabSauce p {
  float: left;
  width: 76px;
  height: 31px;
  background: url("../_img/RSLimg4.png") no-repeat;
  margin: 0 0 0 47px;
}
aside.left-products ul li a:hover div.newLabSauce p {
  background: url("../_img/RSLimg5.png") no-repeat;
}
aside.left-products ul li div.newLabSauce img {
  float: right;
  margin: -10px -10px 0 0;
}
aside.left-products ul li div.MapleSirup {
  border: solid 1px #a72328;
}
aside.left-products ul li div.MapleSirup h3 {
  color: #a72328;
  height: 60px;
  margin: 20px 0 24px;
  text-align: center;
}
aside.left-products ul li a div.MapleSirup p {
  float: right;
  width: 76px;
  height: 31px;
  background: url("../_img/RSLimg2.png") no-repeat;
  margin: 0 37px 0 0;
}
aside.left-products ul li a:hover div.MapleSirup p {
  background: url("../_img/RSLimg3.png") no-repeat;
}
aside.left-products ul li div.MapleSirup img {
  float: left;
  margin: -15px 0 0 -10px;
}
aside.left-products ul li div.soya {
  border: solid 1px #f4931f;
}
aside.left-products ul li div.soya h3 {
  color: #f4931f;
  height: 60px;
  margin: 20px 0 24px;
  text-align: center;
}
aside.left-products ul li a div.soya p {
  float: left;
  width: 76px;
  height: 31px;
  background: url("../_img/RSLimg4.png") no-repeat;
  margin: 0 0 0 47px;
}
aside.left-products ul li a:hover div.soya p {
  background: url("../_img/RSLimg5.png") no-repeat;
}
aside.left-products ul li div.soya img {
  float: right;
  margin: -10px -15px 0 0;
}

/* ******* ******* * RIGHT * ******* ******* */
aside.right-products {
  width: 315px;
  float: right;
  margin-left: 20px;
  /* ******* ******* * oliveOil * ******* ******* */
  /* ******* ******* * spices * ******* ******* */
  /* ******* ******* * honey * ******* ******* */
  /* ******* ******* * jam * ******* ******* */
}
aside.right-products ul {
  float: right;
  width: 300px;
  margin: 0;
  padding: 0;
  list-style: none;
}
aside.right-products ul li {
  float: right;
  width: 300px;
  height: 103px;
  background: url("../_img/right-box-bg.png") no-repeat right top;
  padding: 8px 0;
  margin: 0 -10px 35px 0;
}
aside.right-products ul li a div p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #fff;
  text-align: center;
  padding: 0;
}
aside.right-products ul li div {
  float: left;
  width: 298px;
  height: 103px;
  background: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0 0 20px #ccc inset;
}
aside.right-products ul li div:hover {
  box-shadow: 0 0 10px #ccc inset;
}
aside.right-products ul li div h3 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  padding: 0;
}
aside.right-products ul li div.oliveOil {
  border: solid 1px #f4931f;
}
aside.right-products ul li div.oliveOil h3 {
  color: #f4931f;
  height: 60px;
  margin: 20px 0 24px;
  text-align: center;
}
aside.right-products ul li div.oliveOil img {
  float: right;
  margin: -25px 30px 0 0;
}
aside.right-products ul li a div.oliveOil p {
  float: left;
  width: 76px;
  height: 31px;
  background: url("../_img/RSLimg4.png") no-repeat;
  margin: 0 0 0 37px;
}
aside.right-products ul li a:hover div.oliveOil p {
  background: url("../_img/RSLimg5.png") no-repeat;
}
aside.right-products ul li div.spices {
  border: solid 1px #a72328;
}
aside.right-products ul li div.spices h3 {
  color: #a72328;
  margin: 37px 0;
  height: 30px;
  text-align: center;
}
aside.right-products ul li div.spices img {
  float: left;
  margin: -10px 0 0 -20px;
}
aside.right-products ul li a div.spices p {
  float: right;
  width: 76px;
  height: 31px;
  background: url("../_img/RSLimg2.png") no-repeat;
  margin: -16px 37px 0 0;
}
aside.right-products ul li a:hover div.spices p {
  background: url("../_img/RSLimg3.png") no-repeat;
}
aside.right-products ul li div.honey {
  border: solid 1px #f4931f;
}
aside.right-products ul li div.honey h3 {
  color: #f4931f;
  margin: 37px 0;
  height: 30px;
  text-align: center;
}
aside.right-products ul li a div.honey p {
  float: left;
  width: 76px;
  height: 31px;
  background: url("../_img/RSLimg4.png") no-repeat;
  margin: 0 0 0 37px;
}
aside.right-products ul li a:hover div.honey p {
  background: url("../_img/RSLimg5.png") no-repeat;
}
aside.right-products ul li div.honey img {
  float: right;
  margin: -10px 10px 0 0;
}
aside.right-products ul li div.jam {
  border: solid 1px #a72328;
}
aside.right-products ul li div.jam h3 {
  color: #a72328;
  margin: 37px 0;
  height: 30px;
  text-align: center;
}
aside.right-products ul li div.jam img {
  float: left;
  margin: -10px 0 0 -10px;
}
aside.right-products ul li a div.jam p {
  float: right;
  width: 76px;
  height: 31px;
  background: url("../_img/RSLimg2.png") no-repeat;
  margin: 0 37px 0 0;
}
aside.right-products ul li a:hover div.jam p {
  background: url("../_img/RSLimg3.png") no-repeat;
}

/* ******* ******* * mid * ******* ******* */
section.mid {
  width: 330px;
  float: left;
  margin-top: 20px;
}

article.welcome {
  width: 330px;
  float: left;
  margin-bottom: 35px;
}

article.welcome h2 {
  font-family: "Roboto", sans-serif;
  color: #a72328;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  margin: 0 0 15px;
  background: url("../_img/head-line.png") no-repeat bottom center;
  text-transform: uppercase;
  padding-bottom: 10px;
}

article.welcome p {
  line-height: 26px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
  text-align: justify;
  margin: 0;
  padding: 0;
}

article.welcome p a {
  color: #af1b00;
}

article.welcome p a:hover {
  color: #077200;
}

aside.recipe-img {
  width: 300px;
  height: 75px;
  float: left;
  background: url("../_img/recipe-bg.png") no-repeat top left;
  font-family: "Roboto", sans-serif;
  color: #36910b;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  padding: 83px 0 0 30px;
}

aside.recipe-img span {
  font-size: 32px;
}

aside.recipe-img a {
  color: #d31e2d;
}

aside.recipe-img a:hover {
  color: #36910b;
}

aside.brochure {
  width: 243px;
  height: 45px;
  float: left;
  background: url("../_img/download-brochure.png") no-repeat top left;
  margin: 15px 0 0 40px;
}

aside.brochure a {
  width: 243px;
  height: 36px;
  float: left;
  text-indent: -9999px;
}

/* ******* ******* * Footer * ******* ******* */
/* ******* ******* * Footer * ******* ******* */
/* ******* ******* * Footer * ******* ******* */
footer {
  float: left;
  width: 100%;
  background: #81181b url("../_img/footer-shadow.png") no-repeat center top;
}
footer section.bottom {
  float: left;
  width: 960px;
  background: #81181b url("../_img/footer.png") repeat-x left top;
  padding: 20px 20px 10px;
}

nav.footer-menu {
  float: left;
  width: 330px;
  margin-right: 49px;
}
nav.footer-menu h3 {
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  border-bottom: solid 1px #c43a2d;
  margin-bottom: 8px;
  padding-left: 5px;
  text-transform: uppercase;
}
nav.footer-menu ul {
  list-style: none;
  margin: 0 0 0 5px;
  padding: 0;
  float: left;
}
nav.footer-menu ul li {
  float: left;
  width: 147px;
  background: url("../_img/dot.png") no-repeat 0 10px;
  line-height: 22px;
  padding-left: 15px;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
nav.footer-menu ul li a {
  color: #fff;
}
nav.footer-menu ul li a:hover {
  color: #fcb316;
}

address.contact {
  float: right;
  width: 200px;
  font-style: normal;
}
address.contact h3 {
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  border-bottom: solid 1px #c43a2d;
  margin-bottom: 5px;
  padding-left: 5px;
  text-transform: uppercase;
}
address.contact h5 {
  color: #fff;
  line-height: 30px;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  padding-left: 5px;
}
address.contact p {
  color: #fff;
  font-size: 12px;
  margin: 0;
  padding: 0 0 10px 5px;
}

article.copyright {
  float: left;
  width: 960px;
  border-top: solid 1px #c43a2d;
  padding: 0 20px;
  background: #81181b;
}
article.copyright p {
  font-size: 12px;
  color: #fff;
  line-height: 40px;
  float: left;
}
article.copyright p a {
  color: #96de91;
}
article.copyright p a:hover {
  color: #fff;
}

article.copyright p.right {
  float: right;
}

/* ******* ******* * Inner Page * ******* ******* */
/* ******* ******* * Inner Page * ******* ******* */
/* ******* ******* * Inner Page * ******* ******* */
section.inner-banner-container {
  width: 1000px;
  float: left;
  height: 280px;
  background: #fffae6;
  position: relative;
}

aside.inner-banner {
  width: 1000px;
  float: left;
  height: 280px;
}

nav.bredcrum {
  float: left;
  width: 970px;
  padding: 10px 15px;
  background: #fff url("../_img/dotbg.jpg") repeat-x left bottom;
}
nav.bredcrum ul {
  list-style-type: none;
  float: left;
  margin: 0;
  padding: 0;
}
nav.bredcrum ul li {
  float: left;
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
}
nav.bredcrum ul li a {
  color: #b31b0c;
  background: url("../_img/bredcrum.jpg") right 4px no-repeat;
  padding-right: 15px;
  margin-right: 10px;
}
nav.bredcrum ul li li a:hover {
  color: #36910b;
}

section.inner-content {
  width: 100%;
  float: left;
  padding: 0 0 20px;
  background: #fff;
}

/* ******* ******* * About-us * ******* ******* */
/* ******* ******* * About-us * ******* ******* */
/* ******* ******* * About-us * ******* ******* */
article.about-txt {
  width: 930px;
  float: left;
  padding: 15px 20px 0;
  background: #fffae6;
  margin: 20px 0 0 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
article.about-txt h2 {
  color: #36910b;
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 15px;
}
article.about-txt h3 {
  color: #b31b0c;
  font-size: 22px;
  line-height: 22px;
  padding-bottom: 15px;
}
article.about-txt h4 {
  color: #b31b0c;
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 15px;
}
article.about-txt h5 {
  color: #b31b0c;
  font-size: 18px;
  line-height: 18px;
  padding-bottom: 15px;
}
article.about-txt h6 {
  color: #b31b0c;
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 15px;
}
article.about-txt p {
  line-height: 26px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  text-align: justify;
  margin: 0;
  padding: 0 0 15px;
}

/* ******* ******* * Products Page * ******* ******* */
/* ******* ******* * Products Page * ******* ******* */
/* ******* ******* * Products Page * ******* ******* */
section.product-banner-container {
  width: 1000px;
  float: left;
  height: 100px;
  background: #a72328 url("../_img/heading-bg.png") top center;
  position: relative;
}

aside.product-banner {
  width: 1000px;
  float: left;
  height: 100px;
}
aside.product-banner h2 {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  background: url("../_img/dotted.png") repeat-x left center;
  margin: 35px 0 5px;
}
aside.product-banner h2 span {
  background: #a72328;
  padding: 0 15px;
}
aside.product-banner h3 {
  font-family: "Roboto", sans-serif;
  color: #fed100;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}

section.products {
  width: 970px;
  float: left;
  margin: 0 15px;
}

figure.product-img {
  width: 450px;
  float: left;
  margin: 15px 0;
  position: relative;
}

figure.product-no-img {
  width: 710px;
  float: left;
  margin: 15px 0;
  position: relative;
}
figure.product-no-img img {
  float: right;
}

.veg {
  position: absolute;
  left: -10px;
  top: -10px;
}

aside.product-right {
  width: 460px;
  float: right;
  margin: 15px 0;
  padding: 34px 0 0 15px;
  background: url("../_img/txt-bg.jpg") no-repeat;
}

aside.product-right-lab {
  width: 460px;
  float: right;
  margin: 0 0 15px;
  padding: 34px 0 0 15px;
  background: url("../_img/txt-bg.jpg") no-repeat;
}

aside.product-right-center {
  width: 210px;
  float: right;
  margin: 15px 0;
}

article.back {
  width: 210px;
  float: right;
  font-family: "Roboto", sans-serif;
  color: #fed100;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  height: 24px;
  text-align: right;
  margin-bottom: 12px;
}
article.back a {
  color: #74a01f;
  background: url("../_img/back.jpg") no-repeat left center;
  padding-left: 10px;
}
article.back a a:hover {
  color: #b31b0c;
}

article.product-txt {
  width: 410px;
  float: left;
  background: #fffae6;
  padding: 20px 25px 5px;
  min-height: 200px;
}
article.product-txt h3 {
  font-family: "Architects Daughter", cursive;
  color: #b31b0c;
  font-size: 28px;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 10px;
}
article.product-txt h4 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 22px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 10px;
}
article.product-txt h5 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 22px;
  font-weight: 500;
  line-height: 18px;
  padding-bottom: 10px;
}
article.product-txt h6 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 22px;
  font-weight: 500;
  line-height: 16px;
  padding-bottom: 10px;
}
article.product-txt p {
  line-height: 20px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
  text-align: justify;
  margin: 0;
  padding: 0 0 15px;
}
article.product-txt .foodicons {
  margin-top: 1em;
  word-spacing: 1em;
}
article.product-txt .disable {
  opacity: 0.15;
}

aside.meter {
  width: 410px;
  float: left;
  background: #fffae6;
  padding: 5px 25px;
}

section.product-detail {
  width: 970px;
  float: left;
  margin: 25px 15px 5px;
}

aside.tab {
  width: 970px;
  float: left;
  margin-bottom: 5px;
}
aside.tab ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
aside.tab ul li {
  float: left;
  margin-right: 5px;
  background: #e6e0c7;
  line-height: 20px;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
aside.tab ul li.active {
  background: #e57c06;
}
aside.tab ul li a {
  padding: 10px 15px;
  float: left;
  color: #444;
}
aside.tab ul li.active a {
  color: #fff;
}
aside.tab ul li a:hover {
  color: #b31b0c;
}

article.product-detail-txt {
  width: 930px;
  float: left;
  background: #fffae6;
  border: solid 1px #f5eabd;
  padding: 15px 19px 5px;
}
article.product-detail-txt h3 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 10px;
}
article.product-detail-txt h4 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 22px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 10px;
}
article.product-detail-txt h5 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 22px;
  font-weight: 500;
  line-height: 18px;
  padding-bottom: 10px;
}
article.product-detail-txt h6 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 22px;
  font-weight: 500;
  line-height: 16px;
  padding-bottom: 10px;
}
article.product-detail-txt p {
  line-height: 26px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
  text-align: justify;
  margin: 0;
  padding: 0 0 15px;
}
article.product-detail-txt p strong {
  font-weight: 500;
}
article.product-detail-txt ul {
  margin: 0;
  padding: 0 0 10px;
  list-style: none;
}
article.product-detail-txt ul li {
  line-height: 24px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
  text-align: justify;
  padding: 0 0 5px 12px;
  background: url("../_img/bullet.png") no-repeat 0 8px;
}
article.product-detail-txt table {
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin-bottom: 15px;
  width: 765px;
}
article.product-detail-txt table th {
  border-right: solid 1px #ccc;
  border-top: solid 1px #ccc;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #333;
  text-align: left;
  vertical-align: top;
  padding: 8px 15px;
  background: #fffdf6;
}
article.product-detail-txt table td {
  border-right: solid 1px #ccc;
  border-top: solid 1px #ccc;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
  text-align: left;
  vertical-align: top;
  padding: 8px 15px;
}

/* ******* ******* * Product Listing * ******* ******* */
/* ******* ******* * Product Listing * ******* ******* */
/* ******* ******* * Product Listing * ******* ******* */
section.product-listing {
  width: 1000px;
  float: left;
  margin: 15px 0;
}
section.product-listing aside ul li {
  padding-top: 10px;
  padding-bottom: 47px;
}
section.product-listing aside ul li a img {
  max-width: 140px;
  max-height: 270px;
}

.sauce-reaper img {
  height: 230px;
  padding-top: 40px;
}

.sauce-honey img {
  height: 220px;
  padding-top: 50px;
}

.spices-all img {
  height: 240px;
  padding-top: 30px;
}

/* ******* ******* * Red * ******* ******* */
aside.product-Red {
  width: 940px;
  float: left;
  margin: 15px 0 0 15px;
  padding: 5px 15px;
  background: url("../_img/dotbg.jpg") repeat-x left bottom;
  border: solid 1px #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
aside.product-Red h3 {
  font-family: "Roboto", sans-serif;
  color: #a72328;
  font-size: 22px;
  font-weight: 500;
  line-height: 40px;
  height: 40px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px;
}
aside.product-Red ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}
aside.product-Red ul li {
  float: left;
  width: 160px;
  border: solid 1px #ffd6d2;
  text-align: center;
  margin: 0 20px 20px 0;
  position: relative;
  padding: 3px;
  background: #fff;
}
aside.product-Red ul li:hover {
  border: solid 1px #ccc;
  box-shadow: 0 0 10px #aaa;
}
aside.product-Red ul li a h4 {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
  float: left;
  width: 160px;
  background: #b31b0c;
  text-align: center;
  height: 34px;
  position: absolute;
  bottom: 3px;
  left: 3px;
  background: rgba(167, 35, 40, 0.8);
}
aside.product-Red ul li:hover h4 {
  background: #a72328;
}

aside.product-Red:hover {
  background: #fffbec;
  border: solid 1px #f5eabd;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* ******* ******* * Green * ******* ******* */
aside.product-Green {
  width: 940px;
  float: left;
  margin: 15px 0 0 15px;
  padding: 5px 15px;
  background: url("../_img/dotbg.jpg") repeat-x left bottom;
  border: solid 1px #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
aside.product-Green h3 {
  font-family: "Roboto", sans-serif;
  color: #5b9500;
  font-size: 22px;
  font-weight: 500;
  line-height: 40px;
  height: 40px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px;
}
aside.product-Green ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}
aside.product-Green ul li {
  float: left;
  width: 160px;
  border: solid 1px #c4ffbe;
  text-align: center;
  margin: 0 20px 20px 0;
  position: relative;
  padding: 3px;
}
aside.product-Green ul li:hover {
  border: solid 1px #ccc;
  box-shadow: 0 0 10px #999;
}
aside.product-Green ul li a h4 {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
  float: left;
  width: 160px;
  background: #b31b0c;
  text-align: center;
  height: 34px;
  position: absolute;
  bottom: 3px;
  left: 3px;
  background: rgba(91, 149, 0, 0.8);
}
aside.product-Green ul li:hover h4 {
  background: rgb(91, 149, 0);
}

aside.product-Green:hover {
  background: #fffbec;
  border: solid 1px #f5eabd;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* ******* ******* * Yellow * ******* ******* */
aside.product-Yellow {
  width: 940px;
  float: left;
  margin: 15px 0 0 15px;
  padding: 5px 15px;
  background: url("../_img/dotbg.jpg") repeat-x left bottom;
  border: solid 1px #fff;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

aside.product-Yellow:hover {
  background: #fffbec;
  border: solid 1px #f5eabd;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

aside.product-Yellow h3 {
  font-family: "Roboto", sans-serif;
  color: #f4931f;
  font-size: 22px;
  font-weight: 500;
  line-height: 40px;
  height: 40px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px;
}

aside.product-Yellow ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}

aside.product-Yellow ul li {
  float: left;
  width: 160px;
  border: solid 1px #f5eabd;
  text-align: center;
  margin: 0 20px 20px 0;
  position: relative;
  padding: 3px;
  background: #fff;
}

aside.product-Yellow ul li:hover {
  border: solid 1px #ccc;
  box-shadow: 0 0 10px #999;
}

aside.product-Yellow ul li a h4 {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
  float: left;
  width: 160px;
  background: #b31b0c;
  text-align: center;
  height: 34px;
  position: absolute;
  bottom: 3px;
  left: 3px;
  background: rgba(244, 147, 31, 0.8);
}

aside.product-Yellow ul li:hover a h4 {
  background: #f4931f;
}

/* ******* ******* * Product Details * ******* ******* */
/* ******* ******* * Product Details * ******* ******* */
/* ******* ******* * Product Details * ******* ******* */
.products .product-img img {
  padding: 20px;
}

/* ******* ******* * Contact Us * ******* ******* */
/* ******* ******* * Contact Us * ******* ******* */
/* ******* ******* * Contact Us * ******* ******* */
article.contact-txt {
  width: 900px;
  float: left;
  margin: 15px 0 0 30px;
  padding: 20px 0 70px;
  background: url("../_img/contact.png") no-repeat right top;
}

article.contact-txt h3 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 26px;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

article.contact-txt h5 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin: 40px 0 0 5px;
  text-transform: uppercase;
}

article.contact-txt h5 a {
  color: #fff;
  float: left;
  border: solid 1px #286600;
  padding: 8px 20px;
  background: #47a11d;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

article.contact-txt h5 a:hover {
  background: #b31b0c;
  border: solid 1px #7f0b00;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

article.contact-txt p {
  line-height: 28px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
  margin: 0;
  padding: 0 0 4px 40px;
}

article.contact-txt p.address {
  background: url("../_img/map.png") no-repeat;
}

article.contact-txt p.phone {
  background: url("../_img/phone.png") no-repeat;
  margin-bottom: 10px;
}

article.contact-txt p.email {
  background: url("../_img/message.png") no-repeat;
}

article.contact-txt p a {
  color: #b31b0c;
  text-decoration: none;
}

article.contact-txt p a:hover {
  color: #2a8300;
  text-decoration: underline;
}

aside.map {
  width: 940px;
  float: left;
  margin: 0 0 10px 30px;
}

aside.map h3 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 26px;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 10px;
  text-transform: uppercase;
  float: left;
  width: 100%;
}

aside.map iframe {
  float: left;
  width: 930px;
  height: 300px;
  border: solid 3px #47A11D;
  padding: 3px;
}

/* ******* ******* * Recipes * ******* ******* */
/* ******* ******* * Recipes * ******* ******* */
/* ******* ******* * Recipes * ******* ******* */
aside.recipe {
  width: 970px;
  float: left;
  margin: 10px 0 0 15px;
}

article.recipe-txt {
  width: 970px;
  float: left;
  margin: 15px 0;
}

article.recipe-txt img {
  width: 200px;
  height: 200px;
  float: left;
  border: solid 1px #ccc;
  padding: 4px;
}

article.recipe-txt h3 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 22px;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 10px;
}

article.recipe-txt h4 {
  font-family: "Roboto", sans-serif;
  color: #36910B;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 10px;
}

article.recipe-txt p {
  font-family: "Roboto", sans-serif;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  padding: 0 0 15px;
  text-align: justify;
}

article.recipe-txt p strong {
  font-weight: 500;
}

article.recipe-txt ul {
  margin: 0;
  padding: 0 0 5px;
  list-style: none;
}

article.recipe-txt ul li {
  line-height: 24px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
  text-align: justify;
  padding: 0 0 5px 15px;
  background: url("../_img/bullet.png") no-repeat 0 8px;
}

.recipe-left {
  width: 230px;
  float: left;
}

.recipe-right {
  width: 740px;
  float: left;
}

article.recipe-detail {
  width: 930px;
  float: left;
  padding: 10px 19px 5px;
  background: #fffae6;
  border: solid 1px #f5eabd;
  margin-bottom: 15px;
}

article.recipe-detail h3 {
  font-family: "Roboto", sans-serif;
  color: #36910B;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 15px;
}

article.recipe-detail p {
  font-family: "Roboto", sans-serif;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  padding: 0 0 15px;
  text-align: justify;
}

article.recipe-detail p strong {
  font-weight: 500;
}

article.recipe-detail ul {
  margin: 0;
  padding: 0 0 5px;
  list-style: none;
}

article.recipe-detail ul li {
  line-height: 24px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
  text-align: justify;
  padding: 0 0 5px 15px;
  background: url("../_img/bullet.png") no-repeat 0 8px;
}

article.recipe-detail ol {
  margin: 0 0 0 20px;
  padding: 0 0 5px;
}

article.recipe-detail ol li {
  line-height: 24px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
  text-align: justify;
  padding: 0 0 10px;
}

article.recipe-box {
  width: 440px;
  float: left;
  margin: 15px 0 0;
  padding: 15px;
  background: #fffae6;
  border: solid 1px #f5eabd;
}

article.right {
  float: right !important;
}

article.recipe-box img {
  width: 100px;
  height: 100px;
  float: left;
  border: solid 1px #ccc;
  padding: 4px;
  margin-right: 20px;
}

article.recipe-box h3 {
  font-family: "Roboto", sans-serif;
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 10px;
}

article.recipe-box p {
  margin: 0;
  padding: 0;
}

article.recipe-box p a {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  float: left;
  background: #36910B;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

article.recipe-box p a:hover {
  background: #b31b0c;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* ******* ******* * Sitemap * ******* ******* */
/* ******* ******* * Sitemap * ******* ******* */
/* ******* ******* * Sitemap * ******* ******* */
nav.sitemap {
  margin: 20px 25px 0 40px;
  float: left;
}

nav.sitemap ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

html + body .sitemap ul {
  position: relative;
  top: -10px;
}

nav.sitemap ul li {
  position: relative;
  top: 0;
  left: -11px;
  margin: 10px 0 5px;
  padding: 0;
  border: 0;
  margin: 10px 0 5px 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

html + body nav.sitemap ul li {
  display: inline;
  width: 100%;
  position: relative;
  top: 0;
  left: -12px;
  margin: 10px 0 5px;
}

nav.sitemap a,
nav.sitemap a:visited {
  width: 220px;
  display: block;
  margin: 0 0 0 3px;
  padding: 7px 5px;
  font-size: 14px;
  line-height: 22px;
  text-indent: 0.5em;
  text-decoration: none;
  margin: 0 0 0 -10px;
}

html + body .sitemap a,
html + body .sitemap a:visited {
  text-indent: 0;
  padding: 0 0 0 8px;
}

nav.sitemap ul ul {
  padding: 12px 0 18px;
  background: none;
  margin: -10px 0;
}

html + body nav.sitemap ul ul {
  position: relative;
  top: 0;
}

nav.sitemap ul li li {
  position: relative;
  top: 0;
  left: 10px;
  margin: 10px 0 5px 1px;
  padding: 0 0 0 25px;
  left: 0;
}

html + body nav.sitemap ul li li {
  position: relative;
  left: 12px;
  margin: 10px 0 5px;
}

nav.sitemap ul li .sub-sub {
  left: 10px;
  margin: 10px 0 0 1px;
  position: relative;
  top: 0;
  left: 0;
}

nav.sitemap ul ul a,
nav.sitemap ul ul a:visited {
  width: 180px;
  margin: 0;
  font-size: 100%;
  line-height: 20px;
  text-indent: 0.4em;
}

nav.sitemap ul ul ul {
  margin: 0 0 20px 12px;
  padding: 1px 0 0;
}

nav.sitemap ul li li li {
  position: relative;
  top: 10px;
  left: 0;
  margin: 10px 0 5px;
  padding: 0 0 0 20px;
}

html > body .sitemap ul li li li {
  top: 10px;
}

html + body .sitemap ul li li li {
  top: 14px;
}

nav.sitemap ul ul ul a,
nav.sitemap ul ul ul a:visited {
  width: 190px;
  padding: 5px;
  color: #286600;
}

html + body nav.sitemap ul ul a,
html + body nav.sitemap ul ul a:visited {
  text-indent: 0;
  padding: 0 0 0 8px;
}

/* ### Global Settings >>> colors, borders and _img  ### */
nav.sitemap {
  border: 0;
  border-left: 1px solid #286600;
}

nav.sitemap ul li li {
  color: #000;
  background: url("../_img/sitemap_spacer.gif") left center no-repeat;
}

nav.sitemap ul ul ul {
  border-left: 1px solid #286600;
}

nav.sitemap ul li .sub-sub {
  background: url("../_img/sitemap_spacer.gif") top left no-repeat;
}

nav.sitemap a,
nav.sitemap a:visited {
  color: #333;
  border: 1px solid #286600;
  background: #fff;
}

a:focus .sffocus,
nav.sitemap a:active,
nav.sitemap a:focus,
nav.sitemap a:hover {
  color: #36910b;
  border: 1px solid #286600;
}

nav.sitemap ul ul a,
nav.sitemap ul ul a:visited {
  color: #B31B0C;
  border: 1px solid #669633;
  background: #FFF;
}

nav.sitemap ul ul a:active,
nav.sitemap ul ul a:focus,
nav.sitemap ul ul a:hover {
  color: #578426;
  border: 1px solid #B31B0C;
}

/* ******* ******* * Share Form * ******* ******* */
/* ******* ******* * Share Form * ******* ******* */
/* ******* ******* * Share Form * ******* ******* */
aside.share-form {
  width: 920px;
  float: left;
  padding: 15px 24px;
  background: #fffae6;
  margin: 20px 0 0 15px;
  border: solid 1px #f5eabd;
}

aside.share-form h3 {
  font-family: "Roboto", sans-serif;
  color: #b31b0c;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 10px;
  float: left;
  width: 100%;
  border-bottom: dashed 1px #aaa;
  margin-bottom: 15px;
}

aside.share-form p {
  padding: 5px 0;
  float: left;
  width: 50%;
  margin: 0;
}

aside.share-form label {
  font-family: "Roboto", sans-serif;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  float: left;
  width: 105px;
}

aside.share-form label span {
  color: #f00;
}

aside.share-form input[type=text] {
  font-family: Arial;
  color: #333;
  font-size: 14px;
  line-height: 30px;
  float: left;
  width: 290px;
  border: solid 1px #ccc;
  padding: 7px;
}

aside.share-form input[type=file] {
  float: left;
  width: 290px;
  padding: 7px;
}

aside.share-form textarea {
  font-family: Arial;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  float: left;
  width: 750px;
  height: 120px;
  border: solid 1px #ccc;
  padding: 7px;
}

aside.share-form input:focus[type=text],
aside.share-form textarea:focus {
  border: solid 1px #6fb93d;
  box-shadow: 0 0 15px #ccc;
}

aside.share-form input[type=submit] {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  float: left;
  border: solid 1px #286600;
  padding: 8px 30px;
  background: #47a11d;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 25px 0 105px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

aside.share-form input:hover[type=submit] {
  background: #b31b0c;
  border: solid 1px #7f0b00;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/* ******* ******* * RECIPES * ******* ******* */
/* ******* ******* * RECIPES * ******* ******* */
/* ******* ******* * RECIPES * ******* ******* */
.recipes-list {
  padding-left: 80px;
}
.recipes-list a {
  color: #000;
}
.recipes-list a:hover {
  color: #e00;
}

.recipes-page {
  padding-left: 20px;
}
.recipes-page h2 {
  font-size: 2em;
  padding-bottom: 0.2em;
}
.recipes-page h3 {
  font-size: 1.6em;
  padding-top: 0.4em;
  padding-bottom: 0.2em;
}
.recipes-page ul, .recipes-page ol {
  padding-left: 20px;
  padding-right: 20px;
}
.recipes-page .img-right {
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  float: right;
  clear: right;
}

/**/
/* ******* ******* * Header * ******* ******* */
/* ******* ******* * Header * ******* ******* */
/* ******* ******* * Header * ******* ******* */
/**/