/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    scroll-behavior: smooth;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


body {
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}

.main-container {
  margin: 0 auto;
  max-width: 1530px;
}

.pic {
  width: 100%;
}

.sec-mrg {
  margin-left: 15px;
  margin-right: 15px;
}

.mrg-btm {
  margin-bottom: 0px;
}

.mrg-top30 {
  margin-top: 30px;
}
.mrg-bottom20 {
  margin-bottom: 20px;
}
.mrg-bottom30 {
  margin-top: 30px;
}


ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.load-page {
  position: fixed;
  background: #fff;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index:1400000000;}

.textt1 {position:fixed; bottom:0%;left:0px;    z-index:90;}


.load-page .spinner {
  text-align: center;
  position: absolute;
  top: 30%;
  left: 45%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 40px;
  margin: 100px auto; }
.load-page .spinner > div {
  background-color: #f79633;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
/*.load-page .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }
.load-page .spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }
.load-page .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }
.load-page .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }*/

/* ===============    Header section start    =============== */

header {
  padding: 10px 0px;
}

header .top-login {
  margin-top: 12px;
  margin-bottom: 4px;
  display: block;
  overflow: hidden;
}
header .top-login ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
}
header .top-login ul li {
  display: inline-block;
  margin-right: 18px;
}
header .top-login ul li:last-child {
  margin-right: 0px;
}
header .top-login ul li i {
  color: #159134;
  margin-right: 5px;
}
header .top-login ul li a {
  color: #252b33;
  font-family: 'Cabin', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1.2px;
}
header .top-login ul li a:hover {
  color: #159134;
}

header .top-login .badge {
    background-color: rgb(255, 255, 255);
    border-radius: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    color: rgb(21, 145, 52);
    display: inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 1;
    padding: 6px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 25px;
}
header .top-login .shopping-cart {
    background: rgb(21, 145, 52) none repeat scroll 0 0;
    border-radius: 3px;
    float: right;
    margin: 20px 0;
    right: 0;
    padding: 20px;
    position: absolute;
    width: 320px;
    z-index: 9999999;
}
header .top-login .shopping-cart .shopping-cart-header {
    border-bottom: 1px solid rgb(232, 232, 232);
    padding-bottom: 15px;
}
header .top-login .shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
    color: #fff;
}
header .top-login .shopping-cart .shopping-cart-header .shopping-cart-total .main-color-text i {
  color: #fff;
  margin-right: 0px;
  margin-left: 10px;
  font-size: 15px;
}
header .top-login .shopping-cart .shopping-cart-items {
    padding-top: 20px;
    height: 282px;
    overflow-y: scroll;
}
#style-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar
{
  width: 12px;
  border-radius: 10px;
  background-color: #262526;
}

#style-1::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #262526;
}
header .top-login .shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
    margin-right: 0px;
    width: 100%;
}
header .top-login .shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
}
header .top-login .shopping-cart .shopping-cart-items .item-name {
    display: block;
    color: #fff;
    font-size: 16px;
}
header .top-login .shopping-cart .shopping-cart-items .item-price {
    color: #fff;
    font-size: 13px;
}
header .top-login .shopping-cart .shopping-cart-items .item-price i {
  color: #fff !important;
  margin-right: 0px;
  font-size: 13px;
}
header .top-login .shopping-cart .shopping-cart-items .item-quantity {
    color: #fff;
    font-size: 13px;
    margin-right: 10px;
}
header .top-login .shopping-cart::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(21, 145, 52);
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 89%;
    margin-left: -8px;
    pointer-events: none;
    position: absolute;
    width: 0;
}
header .top-login .cart-icon {
    color: rgb(255, 255, 255);
    float: left;
    font-size: 24px;
    margin-right: 7px;
}
header .top-login .button {
    background: #262526;
    border-radius: 4px;
    box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.15);
    color: rgb(255, 255, 255);
    display: block;
    font-size: 16px;
    margin: 25px 0 15px;
    padding: 12px;
    text-align: center;
    text-decoration: none;
}
header .top-login .button:hover {
    background: #fff;
}
header .top-login .clearfix::after {
    clear: both;
    content: "";
    display: table;
}

header .navigation {
  margin-top: 25px;
}

header .navigation .navbar-default {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0px;
  margin-bottom: 0px;
  min-height: 0px;
}
header .navigation .navbar-default .navbar-nav {
  float: right;
}
header .navigation .navbar-default .navbar-nav>li {
  margin-right: 35px;
}
header .navigation .navbar-default .navbar-nav>li:last-child {
  margin-right: 0px;
}
header .navigation .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #252b33;
  background-color: transparent;
  border-bottom: 2px solid #1d9634;
}
header .navigation .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background-color: transparent;
}
header .navigation .navbar-default .navbar-nav>li>a {
  min-height: 32px;
  padding: 5px 0px;
  color: #252b33;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
header .navigation .navbar-default .navbar-nav>li>a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #1d9634;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
header .navigation .navbar-default .navbar-nav>li>a:hover:before, header .navigation .navbar-default .navbar-nav>li>a:focus:before, header .navigation .navbar-default .navbar-nav>li>a:active:before {
  right: 0;
}

header .navigation .navbar-default .nav-mrg {
  padding-right: 0px;
  padding-left: 0px;
}
header .navigation .navbar-default .navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}
header .navigation .navbar-default .navbar-nav>li .dropdown-menu {
  background-color: rgba(21,145,52, 0.9);
  min-width: 232px;
  min-height: 176px;
  padding: 11px 0;
  margin: 0px 0 0;
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 0px solid rgba(0,0,0,.15);
  border-radius: 0px;
  box-shadow: 0 0px 0px rgba(0,0,0,.175);
}
header .navigation .navbar-default .navbar-nav>li .dropdown-menu>li {
  position: relative;
}
header .navigation .navbar-default .navbar-nav>li .dropdown-menu>li>a {
  padding: 10px 20px;
  clear: both;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
}
header .navigation .navbar-default .navbar-nav>li .dropdown-menu>li>a:hover {
  background-color: #252b33;
}
header .navigation .navbar-default .navbar-nav>li .dropdown-menu>li::after {
  content: '';
  position: absolute;
  border-bottom: 1px solid #fff;
  width: 83%;
  margin: 0 auto;
  left: 0;
  right: 0;
}

/* ===============    Home slider section start    =============== */

#home-slider {
  position: relative;
}
#home-slider .carousel-control.left {
  background-image: none;
}
#home-slider .carousel-control.right {
  background-image: none;
}
#home-slider .carousel-indicators {
  display: none;
}

.arrow-scroll {
  width: 137px;
    margin: 0 0 0 -69px;
    padding: 0;
    position: absolute;
    left: 50%;
    bottom: -2px;
}



/* ===============    Home discover our story section start    =============== */

#home-discover-story .bg {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url("../img/bg/bg1.jpg") center top no-repeat;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}
#home-discover-story .bg .discover-story h2 {
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#home-discover-story .bg .discover-story span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#home-discover-story .bg .discover-story p {
  line-height: 30px;
  letter-spacing: 0.8px;
}
#home-discover-story .bg .discover-story a {
  margin-top: 15px;
  display: inline-block;
  padding-top: 3px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  color: #159134;
  font-size:16px;
  font-weight: 500;
  text-transform: uppercase;
  overflow: hidden;
  text-decoration: none;
  border-bottom: 2px solid #159134;
}
#home-discover-story .bg .discover-story a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #159134;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#home-discover-story .bg .discover-story a:hover:before, .bg .discover-story a:focus:before, .bg .discover-story a:active:before {
  right: 0;
}


/* ===============    Home explore our range section start    =============== */

#home-rice-range .bg {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url("../img/bg/bg2.jpg") center top no-repeat;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}
#home-rice-range .bg .heading h2 {
  color: #fff;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#home-rice-range .bg .heading span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#home-rice-range .bg .heading p {
  line-height: 30px;
  letter-spacing: 0.8px;
}
#home-rice-range .bg .category {
  position: relative;
  overflow: hidden;
}
#home-rice-range .bg .category {
  position:relative;
  transition:all .2s ease-out 0s;
}
#home-rice-range .bg .category .overlay,.category:after {
  position:absolute;
  left:20px;
  right:20px;
}
#home-rice-range .bg .category:after {
  content:"";
  display:block;
  background:#159134;
  top:20px;
  bottom:20px;
  opacity:0;
  transform:rotate3d(-1,1,0,100deg);
  transition:all .4s ease-in-out 0s;
}
#home-rice-range .bg .category:hover:after {
  opacity:.8;
  transform:rotate3d(0,0,0,0deg);
}
#home-rice-range .bg .category .overlay {
  top:49%;
  opacity:0;
  z-index:1;
  -webkit-transform:translate(10%,-30%);
  transform:translate(10%,-30%);
  transition:all .2s ease-out 0s;
}
#home-rice-range .bg .category:hover .overlay {
  opacity:1;
  transform:translate(0,-50%);
  transition-delay:.2s;
}
#home-rice-range .bg .category .overlay h1 {
  margin-bottom: 10px;
  display:block;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 45px;
  text-transform: uppercase;
  letter-spacing: 5px;
}


/* ===============    Home our favourite recipes section start    =============== */
#home-recipes .bg {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url("../img/bg/bg1.jpg") center top no-repeat;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}
#home-recipes .bg .recipe-content h2 {
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#home-recipes .bg .recipe-content span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#home-recipes .bg .recipe-content h3 {
  margin-top: 17px;
  margin-bottom: 18px;
  color: #262526;
  font-family: 'Cabin', sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#home-recipes .bg .recipe-content p {
  line-height: 30px;
  letter-spacing: 0.8px;
}
#home-recipes .bg .recipe-content a {
  margin-top: 15px;
  display: inline-block;
  padding-top: 3px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  color: #159134;
  font-size:16px;
  font-weight: 500;
  text-transform: uppercase;
  overflow: hidden;
  text-decoration: none;
  border-bottom: 2px solid #159134;
}
#home-recipes .bg .recipe-content a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #159134;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#home-recipes .bg .recipe-content a:hover:before, .bg .recipe-content a:focus:before, .bg .recipe-content a:active:before {
  right: 0;
}
#home-recipes .bg .recipe-content a.recipes-detail {
  margin-right: 36px;
}

/* ===============    Home r&d section start    =============== */

#home-research-development .bg {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url("../img/bg/bg3.jpg") center top no-repeat;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}
#home-research-development .bg .research-content h2 {
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#home-research-development .bg .research-content span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#home-research-development .bg .research-content h3 {
  margin-top: 17px;
  margin-bottom: 18px;
  color: #262526;
  font-family: 'Cabin', sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#home-research-development .bg .research-content p {
  line-height: 30px;
  letter-spacing: 0.8px;
}
#home-research-development .bg .research-content a {
  margin-top: 15px;
  display: inline-block;
  padding-top: 3px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  color: #159134;
  font-size:16px;
  font-weight: 500;
  text-transform: uppercase;
  overflow: hidden;
  text-decoration: none;
  border-bottom: 2px solid #159134;
}
#home-research-development .bg .research-content a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #159134;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#home-research-development .bg .research-content a:hover:before, .bg .research-content a:focus:before, .bg .research-content a:active:before {
  right: 0;
}

/* ===============    Page breadcrumb start    =============== */

#page-breadcrumb .breadcrumb {
  padding: 0px 0px;
  margin-bottom: 14px;
  margin-top: 14px;
  list-style: none;
  background-color: transparent;
  border-radius: 0px;
}
#page-breadcrumb .breadcrumb>li>a {
  color: #252b33;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Cabin', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
}
#page-breadcrumb .breadcrumb>li>a:hover {
  color: #159134;
}
#page-breadcrumb .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #252b33;
    content: "/\00a0";
}
#page-breadcrumb .breadcrumb>.active {
  color: #159134;
  font-family: 'Cabin', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ===============    Contact page start    =============== */

#contact-page {
  margin-top: 80px;
  margin-bottom: 118px;
}
#contact-page .contact-address p {
  margin: 0 0 0px;
  color: #262526;
  letter-spacing: 0.8px;
  line-height: 24px;
}
#contact-page .contact-address .detail {
  margin-top: 37px;
}
#contact-page .contact-address .detail h2 {
  margin-bottom: 8px;
  color: #159134;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#contact-page .contact-address .detail p {
  margin: 0 0 0px;
  color: #262526;
  letter-spacing: 0.8px;
  line-height: 24px;
}
#contact-page .contact-address .detail p a {
  color: #262526;
  text-decoration: none;
}
#contact-page .contact-address .detail p a:hover {
  color: #159134;
}

#contact-page .contact-form .form-group {
  margin-bottom: 30px;
}
#contact-page .contact-form .form-group label {
  font-size: 16px;
  font-weight: normal;
}
#contact-page .contact-form .form-group span.mandatory {
  color: #ff0000;
}
#contact-page .contact-form .form-group .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#contact-page .contact-form .form-group .form-control1 {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#contact-page .contact-form .form-group .send-message {
  text-align: right;
}
#contact-page .contact-form .form-group .send-message .btn-send {
  margin-top: 18px;
  padding: 9px 28px;
  background-color: #159134;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
#contact-page .contact-form .form-group .send-message .btn-send i {
  margin-right: 10px; 
}
#contact-page .contact-form .form-group .send-message .btn-send:hover {
  background-color: #262526;
}



/* ===============    The group discover story start    =============== */
#group-discover-story {
  margin-top: 60px;
  margin-bottom: 80px;
  text-align: center;
  overflow: hidden;
}
#group-discover-story h2 {
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#group-discover-story span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#group-discover-story p {
  line-height: 30px;
  letter-spacing: 0.8px;
}

#team .bg {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url(../img/bg/bg1.jpg) center top no-repeat;
  background-size: cover;
  overflow: hidden;
}
#team .bg .team-content h2 {
  margin-bottom: 6px;
  text-align: left;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#team .bg .team-content span {
  margin-bottom: 25px;
  display: block;
  color: #159134;
  font-family: 'Cabin', sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#team .bg .team-content p {
  margin: 0 0 0px;
  font-family: 'Cabin', sans-serif;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.8px;
}

#vision-mission {
  margin-top: 80px;
  margin-bottom: 117px;
  text-align: center;
}
#vision-mission .vision h2 {
  margin-bottom: 28px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#vision-mission .vision p {
  margin: 0 0 0px;
  font-family: 'Cabin', sans-serif;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.8px;
}

#vision-mission .mission h2 {
  margin-bottom: 28px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#vision-mission .mission p {
  margin: 0 0 0px;
  font-family: 'Cabin', sans-serif;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.8px;
}

/* ===============    Infrastructure start    =============== */
#infrastructure {
  margin-top: 60px;
  margin-bottom: 100px;
  text-align: center;
  overflow: hidden;
}
#infrastructure h2 {
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#infrastructure span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#infrastructure p {
  line-height: 30px;
  letter-spacing: 0.8px;
}

#infrastructure .infrastructure-slider {
  margin-bottom: 27px;
}

/* ===============    404 page start    =============== */

#page404 {
  margin-top: 12px;
  margin-bottom: 125px;
  text-align: center;
}

#page404 .content h1 {
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 300px;
}
#page404 .content span {
  margin-top: -110px;
  margin-bottom: 7px;
  display: block;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 85px;
  text-transform: uppercase;
  letter-spacing: 8px;
}
#page404 .content p {
  font-family: 'Cabin', sans-serif;
  font-size: 26px;
  letter-spacing: 1px;
  line-height: 40px;
}
#page404 .content .btn-homepage {
  margin-right: 17px;
  padding: 9px 20px;
  color: #fff;
  font-family: 'Cabin', sans-serif;
  font-size: 14px;
  background-color: #159134;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#page404 .content .btn-homepage:hover {
  background-color: #262526;
}
#page404 .content a i {
  font-size: 16px;
  margin-right: 5px;
}

#page404 .content .btn-contactpage {
  padding: 9px 20px;
  color: #fff;
  font-family: 'Cabin', sans-serif;
  font-size: 14px;
  background-color: #262526;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#page404 .content .btn-contactpage:hover {
  background-color: #159134;
}

/* ===============    Research and development start    =============== */

#research-development {
  margin-top: 64px;
  margin-bottom: 125px;
}
#research-development h2 {
  text-align: center;
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#research-development span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  text-align: center;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#research-development .research-content h3 {
  margin-bottom: 18px;
  color: #262526;
  font-family: 'Cabin', sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#research-development .research-content p {
  margin-bottom: 20px;
  line-height: 30px;
  letter-spacing: 0.5px;
}

/* ===============    Rice range start    =============== */

#explore-rice-range {
  margin-top: 60px;
  margin-bottom: 80px;
  text-align: center;
}
#explore-rice-range h2 {
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#explore-rice-range span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#explore-rice-range p {
  margin: 0 0 0px;
  line-height: 30px;
  letter-spacing: 0.8px;
}

#rice-range {
  margin-top: 60px;
  margin-bottom: 125px;
  text-align: center;
}
#rice-range .nav-tabs {
  border-bottom: 0px solid #ddd;
}
#rice-range .nav-tabs>li.active>h1>a, .nav-tabs>li.active>h1>a:focus, .nav-tabs>li.active>h1>a:hover {
  color: #fff;
  cursor: pointer;
  background-color: #159134;
  border: 1px solid #159134;
  border-bottom-color: transparent;
}
#rice-range .nav-tabs>li>h1 {
	margin: 0.67em 0;
}
#rice-range .nav-tabs>li>h1>a {
  margin-right: 0px;
  border-radius: 0px 0px 0 0;
  border:1px solid #159134;
  color: #262526;
  padding: 20px 135px;
  font-family: 'Cabin', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  text-decoration: none;
}
#rice-range .nav-tabs>li>h1>a:hover {
  background-color: #159134;
  color: #fff;
}
#rice-range .nav-tabs>li {
  float: none;
  display: inline-block;
  zoom: 1;
}
#rice-range .tab-content {
  margin-top: 40px;
}
.range {
  margin-bottom: 30px;
  position: relative;    
  overflow: hidden;
  -webkit-transition: 0.5s Ease;
  -moz-transition: 0.5s Ease;
  -o-transition: 0.5s Ease;
  transition: 0.5s Ease; 
}
.smooth {
    opacity: 1;    
}
.range-content {
    background-color: rgba(21,145,52,0.8);
    color: #FFFFFF;
    position: absolute;
    bottom: -38px;
    /*top: 430px;*/
    width: 92%;
    margin:  0px 20px 0px 19px;
    text-align:center;
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;
    overflow: hidden;
}
.smooth:hover > .range-content {    
    bottom:0%;
    padding-top: 18px;
    padding-bottom: 39px;
    overflow: hidden;
}
.range-content h2 {
  margin: 0 0 0px;
  padding-top: 12px;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.range-content a {
  margin-top: 15px;
  display: inline-block;
}


/* ===============    Rice range start    =============== */

#explore-rice-range {
  margin-top: 60px;
  margin-bottom: 80px;
  text-align: center;
}
#explore-rice-range h2 {
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#explore-rice-range span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#explore-rice-range p {
  margin: 0 0 0px;
  line-height: 30px;
  letter-spacing: 0.8px;
}

#rice-range {
  margin-top: 60px;
  margin-bottom: 125px;
  text-align: center;
}
#rice-range .nav-tabs {
  border-bottom: 0px solid #ddd;
}
#rice-range .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #fff;
  cursor: pointer;
  background-color: #159134;
  border: 1px solid #159134;
  border-bottom-color: transparent;
}
#rice-range .nav-tabs>li>a {
  margin-right: 0px;
  border-radius: 0px 0px 0 0;
  border:1px solid #159134;
  color: #262526;
  padding: 20px 135px;
  font-family: 'Cabin', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  text-decoration: none;
}
#rice-range .nav-tabs>li>a:hover {
  background-color: #159134;
  color: #fff;
}
#rice-range .nav-tabs>li {
  float: none;
  display: inline-block;
  zoom: 1;
}
#rice-range .tab-content {
  margin-top: 40px;
}
.range {
  margin-bottom: 30px;
  position: relative;    
  overflow: hidden;
  -webkit-transition: 0.5s Ease;
  -moz-transition: 0.5s Ease;
  -o-transition: 0.5s Ease;
  transition: 0.5s Ease; 
}
.smooth {
    opacity: 1;    
}
.range-content {
    background-color: rgba(21,145,52,0.8);
    color: #FFFFFF;
    position: absolute;
    bottom: -38px;
    /*top: 430px;*/
    width: 92%;
    margin:  0px 20px 0px 19px;
    text-align:center;
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;
    overflow: hidden;
}
.smooth:hover > .range-content {    
    bottom:0%;
    padding-top: 18px;
    padding-bottom: 39px;
    overflow: hidden;
}
.range-content h2 {
  margin: 0 0 0px;
  padding-top: 12px;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.range-content a {
  margin-top: 15px;
  display: inline-block;
}

/* ===============    Products start    =============== */

#products-range {
  margin-top: 60px;
  margin-bottom: 125px;
  text-align: center;
}
#products-range .nav-tabs {
  border-bottom: 0px solid #ddd;
}
#products-range .nav-tabs>li.active>h1>a, .nav-tabs>li.active>h1>a:focus, .nav-tabs>li.active>h1>a:hover {
  color: #fff;
  cursor: pointer;
  background-color: #159134;
  border: 1px solid #159134;
  border-bottom-color: transparent;
}
#products-range .nav-tabs>li>h1 {
	margin: 0.3em 0 0.6em 0;
}
#products-range .nav-tabs>li>h1>a {
  margin-right: 0px;
  border-radius: 0px 0px 0 0;
  border:1px solid #159134;
  color: #262526;
  padding: 20px 53px;
  font-family: 'Cabin', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  text-decoration: none;
}
#products-range .nav-tabs>li>h1>a:hover {
  background-color: #159134;
  color: #fff;
}
#products-range .nav-tabs>li {
  float: none;
  display: inline-block;
  zoom: 1;
}
#products-range .tab-content {
  margin-top: 40px;
}
.range {
  margin-bottom: 30px;
  position: relative;    
  overflow: hidden;
  -webkit-transition: 0.5s Ease;
  -moz-transition: 0.5s Ease;
  -o-transition: 0.5s Ease;
  transition: 0.5s Ease; 
}
.smooth {
    opacity: 1;    
}
.range-content {
    background-color: rgba(21,145,52,0.8);
    color: #FFFFFF;
    position: absolute;
    bottom: -38px;
    /*top: 430px;*/
    width: 92%;
    margin:  0px 20px 0px 19px;
    text-align:center;
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;
    overflow: hidden;
}
.smooth:hover > .range-content {    
    bottom:0%;
    padding-top: 18px;
    padding-bottom: 39px;
    overflow: hidden;
}
.range-content h2 {
  margin: 0 0 0px;
  padding-top: 12px;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.range-content a {
  margin-top: 15px;
  display: inline-block;
}


/* ===============    Product detail start    =============== */

#product-detail {
  margin-top: 60px;
  margin-bottom: 125px;
}
#product-detail .content h1 {
  margin-bottom: 27px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#product-detail .content p {
  line-height: 30px;
  letter-spacing: 0.5px;
}

#product-detail .product-image {
  display: block;
  margin: 0 auto;
  text-align: -webkit-center;
}

#product-detail .content .product-description {
  margin-top: 40px;
}
#product-detail .content .product-description .responsive-accordion li {
  margin: 0 0 -1px 0; 
  }
#product-detail .content .product-description .responsive-accordion-default.responsive-accordion li .responsive-accordion-head {
  border-left: 0px solid #159134;
  border-right: 0px solid #159134;
  padding: 10px 28px 13px 0px;
  color:#159134;
  font-family: 'Cabin', sans-serif;
  font-size:16px;
  font-weight: normal !important;
  } 
#product-detail .content .product-description .responsive-accordion-default.responsive-accordion li .responsive-accordion-head i {
  top: 14px;
  color:#159134;
  }
#product-detail .content .product-description .responsive-accordion-default.responsive-accordion li .responsive-accordion-head.active i {
  top: 14px;
  color:#159134;
  } 
#product-detail .content .product-description .responsive-accordion li .responsive-accordion-head.active {
  color:#159134 !important;
  }
.icon-arrow-color {
  color:#159134;
  }
#product-detail .content .product-description .responsive-accordion-default.responsive-accordion li .responsive-accordion-panel {
  border-top: 1px solid #159134;
  border-left: 0px solid #159134;
  border-right: 0px solid #159134;
  padding: 0px 0px 0px 0px;
  overflow:hidden;
  }
.panel-margin {
  overflow:hidden;
  width:100%;
  margin:0 auto;
  padding:0px;
  }
.panel-margin ul {
  margin:0 auto;
  padding:0px;
  overflow:hidden;
  }
.panel-margin ul li {
  padding-top:7px;
  padding-bottom:8px;
  border-bottom:1px solid #d1d1d1;
  overflow:hidden;
  }
.panel-margin ul li:last-child {
  overflow:hidden;
  padding-top:7px;
  padding-bottom:8px;
  border-bottom:0px solid #d1d1d1;
  }   
  
.left-description {
  text-align:left;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  font-weight: normal !important;
  }
.left-description i {
  font-style: normal;
  cursor: pointer;
  }
.left-description i:hover {
  color:#159134;
  }
.right-description span {
  font-style: normal;
  cursor: pointer;
  }
.right-description span:hover {
  color:#159134;
  }     

.right-description {
  text-align:right;
  padding-right:20px;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  font-weight: normal !important;
  }
  
.nutritional-information-margin {
  overflow:hidden;
  width:100%;
  margin:0 auto;
  padding:0px;
  } 
.nutritional-information-margin ul {
  margin:0 auto;
  padding:0px;
  overflow:hidden;
  }
.nutritional-information-margin ul li {
  padding-top:7px;
  padding-bottom:8px;
  overflow:hidden;
  } 
.ingredients-main-title {
  margin:0 auto;
  padding:0px;
  padding-top:4px;
  padding-bottom:1px;
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:16px;
  }
.ingredients-main-description {
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  line-height:20px;
  letter-spacing:0.5px;
  } 
.allergy-main-title {
  margin:0 auto;
  padding:0px;
  padding-top:22px;
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  }
.allergy-main-description {
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  line-height:20px;
  letter-spacing:0.5px;
  }
.storage-instructions-main-title {
  margin:0 auto;
  padding:0px;
  padding-top:22px;
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  }
.storage-instructions-main-description {
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  line-height:20px;
  letter-spacing:0.5px;
  }
.nutritional-information-small-gray {
  padding-top:22px;
  color:#747474;
  font-family: 'Cabin', sans-serif;
  font-size:12px;
  line-height:16px;
  letter-spacing:0.3px;
  } 
.nutritional-information-left-column {
  width:50%;
  margin-right:8px;
  }
.nutritional-information-right-column {
  width:44%;
  } 
.nutritional-information-right-side {
  padding-top:10px;
  padding-bottom:10px;
  }

.social-share-title {
  margin-right:19px;
  padding-top:14px;
  color:#159134;
  font-family: 'Cabin', sans-serif;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  display:inline;
  float:left;
}
.categories-social-links {
  padding:10px 0px 0px 0px;
  overflow:hidden;
  } 
.categories-social-links ul {
  margin:0 auto;
  padding:0px;
  }
.categories-social-links ul li {
  margin:0 auto;
  padding:0px;
  list-style:none;
  display:inline;
  color:#159134;
  }
.categories-social-links ul li a {
  color:#159134;
  padding:10px 5px;
  }
.print-screen {
  padding:10px 0px 0px 0px;
  overflow:hidden;
  } 
.print-screen ul {
  margin:0 auto;
  padding:0px;
  }
.print-screen ul li {
  margin:0 auto;
  padding:0px;
  padding-right:10px;
  text-align:right;
  list-style:none;
  color:#159134;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  text-transform:uppercase;
  height:25px;
  }
.print-screen ul li a {
  color:#159134;
  padding:10px 0px;
  text-decoration:none;
  letter-spacing:0.5px;
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  font-weight: bold;
  }
.print-left-margin {
  margin-left:8px;
  }

#product-detail .content .product-price {
  margin-top: 35px;
}
#product-detail .content .product-price .price-list {
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
}
#product-detail .content .product-price .price-list .cutting-price {
  margin-right: 30px;
  float: left;
  color: #262526;
  font-size: 24px;
}
#product-detail .content .product-price .price-list .cutting-price .strike {
  text-decoration: line-through;
}
#product-detail .content .product-price .price-list .price {
  float: left;
  color: #159134;
  font-size: 24px;
}
#product-detail .content .product-price p {
  color: #159134;
  font-size: 18px;
  text-transform: uppercase;
}

#product-detail .content .add-cart {
  margin-top: 10px;
  padding-bottom: 25px;
  border-bottom: 1px solid #159134;
}
#product-detail .content .add-cart .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #404040;
  background-color: #fff;
  background-image: none;
  border: 1px solid #9e9e9e;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#product-detail .content .add-cart select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url("../img/select-arrow.png") no-repeat !important;
    background-position: 92% 50% !important;
}
#product-detail .content .add-cart .cart-btn .btn-cart {
  width: 100%;
  padding: 9px 0px;
  background-color: #159134;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
#product-detail .content .add-cart .cart-btn .btn-cart i {
  margin-right: 5px;
}
#product-detail .content .add-cart .cart-btn .btn-cart:hover {
  background-color: #262526;
}


/* ===============    Recipes start    =============== */

#favourite-recipes {
  margin-top: 60px;
  margin-bottom: 80px;
  text-align: center;
}
#favourite-recipes h2 {
  color: #159134;
  font-family: 'Great Vibes', cursive;
  font-size: 90px;
}
#favourite-recipes span {
  display: block;
  margin-top: -45px;
  margin-bottom: 15px;
  color: #262526;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 60px;
  text-transform: uppercase;
  letter-spacing: 6px;
}
#favourite-recipes p {
  margin: 0 0 0px;
  line-height: 30px;
  letter-spacing: 0.8px;
}

#rice-recipes {
  margin-top: 60px;
  margin-bottom: 125px;
  text-align: center;
}

/* ===============    Recipe detail start    =============== */

#recipe-detail {
  margin-top: 60px;
  margin-bottom: 125px;
}
#recipe-detail .content h1 {
  margin-bottom: 27px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#recipe-detail .content p {
  line-height: 30px;
  letter-spacing: 0.5px;
}

#recipe-detail .recipe-image {
  display: block;
  margin: 0 auto;
  text-align: -webkit-center;
}

#recipe-detail .content .recipe-description {
  margin-top: 40px;
}
#recipe-detail .content .recipe-description .responsive-accordion li {
  margin: 0 0 -1px 0; 
  }
#recipe-detail .content .recipe-description .responsive-accordion-default.responsive-accordion li .responsive-accordion-head {
  border-left: 0px solid #159134;
  border-right: 0px solid #159134;
  padding: 10px 28px 13px 0px;
  color:#159134;
  font-family: 'Cabin', sans-serif;
  font-size:16px;
  font-weight: normal !important;
  } 
#recipe-detail .content .recipe-description .responsive-accordion-default.responsive-accordion li .responsive-accordion-head i {
  top: 14px;
  color:#159134;
  }
#recipe-detail .content .recipe-description .responsive-accordion-default.responsive-accordion li .responsive-accordion-head.active i {
  top: 14px;
  color:#159134;
  } 
#recipe-detail .content .recipe-description .responsive-accordion li .responsive-accordion-head.active {
  color:#159134 !important;
  }
.icon-arrow-color {
  color:#159134;
  }
#recipe-detail .content .recipe-description .responsive-accordion-default.responsive-accordion li .responsive-accordion-panel {
  border-top: 1px solid #159134;
  border-left: 0px solid #159134;
  border-right: 0px solid #159134;
  padding: 0px 0px 0px 0px;
  overflow:hidden;
  }
.panel-margin {
  overflow:hidden;
  width:100%;
  margin:0 auto;
  padding:0px;
  }
.panel-margin ul {
  margin:0 auto;
  padding:0px;
  overflow:hidden;
  }
.panel-margin ul li {
  padding-top:7px;
  padding-bottom:8px;
  border-bottom:1px solid #d1d1d1;
  overflow:hidden;
  }
.panel-margin ul li:last-child {
  overflow:hidden;
  padding-top:7px;
  padding-bottom:8px;
  border-bottom:0px solid #d1d1d1;
  }   
  
.left-description {
  text-align:left;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  font-weight: normal !important;
  }
.left-description i {
  font-style: normal;
  cursor: pointer;
  }
.left-description i:hover {
  color:#159134;
  }
.right-description span {
  font-style: normal;
  cursor: pointer;
  }
.right-description span:hover {
  color:#159134;
  }     

.right-description {
  text-align:right;
  padding-right:20px;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  font-weight: normal !important;
  }
  
.nutritional-information-margin {
  overflow:hidden;
  width:100%;
  margin:0 auto;
  padding:0px;
  } 
.nutritional-information-margin p {
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  font-weight: normal !important;
  line-height: 24px !important;
  letter-spacing: 0.5px;
}
.nutritional-information-margin ul {
  margin:0 auto;
  padding:0px;
  overflow:hidden;
  }
.nutritional-information-margin ul li {
  padding-top:7px;
  padding-bottom:8px;
  overflow:hidden;
  } 
.ingredients-main-title {
  margin:0 auto;
  padding:0px;
  padding-top:4px;
  padding-bottom:1px;
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:16px;
  }
.ingredients-main-description {
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  line-height:20px;
  letter-spacing:0.5px;
  } 
.allergy-main-title {
  margin:0 auto;
  padding:0px;
  padding-top:22px;
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  }
.allergy-main-description {
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  line-height:20px;
  letter-spacing:0.5px;
  }
.storage-instructions-main-title {
  margin:0 auto;
  padding:0px;
  padding-top:22px;
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  }
.storage-instructions-main-description {
  color:#222222;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  line-height:20px;
  letter-spacing:0.5px;
  }
.nutritional-information-small-gray {
  padding-top:22px;
  color:#747474;
  font-family: 'Cabin', sans-serif;
  font-size:12px;
  line-height:16px;
  letter-spacing:0.3px;
  } 
.nutritional-information-left-column {
  width:50%;
  margin-right:8px;
  }
.nutritional-information-right-column {
  width:44%;
  } 
.nutritional-information-right-side {
  padding-top:10px;
  padding-bottom:10px;
  }

.social-share-title {
  margin-right:19px;
  padding-top:14px;
  color:#159134;
  font-family: 'Cabin', sans-serif;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  display:inline;
  float:left;
}
.categories-social-links {
  padding:10px 0px 0px 0px;
  overflow:hidden;
  } 
.categories-social-links ul {
  margin:0 auto;
  padding:0px;
  }
.categories-social-links ul li {
  margin:0 auto;
  padding:0px;
  list-style:none;
  display:inline;
  color:#159134;
  }
.categories-social-links ul li a {
  color:#159134;
  padding:10px 5px;
  }
.print-screen {
  padding:10px 0px 0px 0px;
  overflow:hidden;
  } 
.print-screen ul {
  margin:0 auto;
  padding:0px;
  }
.print-screen ul li {
  margin:0 auto;
  padding:0px;
  padding-right:10px;
  text-align:right;
  list-style:none;
  color:#159134;
  font-family: 'Cabin', sans-serif;
  font-size:14px;
  text-transform:uppercase;
  height:25px;
  }
.print-screen ul li a {
  color:#159134;
  padding:10px 0px;
  text-decoration:none;
  letter-spacing:0.5px;
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  font-weight: bold;
  }
.print-left-margin {
  margin-left:8px;
  }


/* ===============    Login start    =============== */

#login {
  margin-top: 10px;
  margin-bottom: 75px;
}
#login .bg {
  background: url("../img/bg/login-bg.jpg") bottom right no-repeat;
  background-position: 100% 165%;
  overflow: hidden;
}
#login .bg .login-sec {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px;
  border:1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19); 
  box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
}
#login .bg .login-sec h2 {
  margin-bottom: 27px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#login .bg .login-sec .form-group label {
  font-size: 16px;
  font-weight: normal;
}
#login .bg .login-sec .form-group label span.mandatory {
  color: #ff0000;
}
#login .bg .login-sec .form-group .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#login .bg .login-sec .form-group.login-btn {
  text-align: right;
  margin-bottom: 0px;
}
#login .bg .login-sec .form-group .btn-login {
  margin-bottom: 10px;
  padding: 10px 30px;
  color: #fff;
  background-color: #159134;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#login .bg .login-sec .form-group .btn-login:hover {
  background-color: #262526;
}
#login .bg .login-sec .form-group .btn-login i {
  margin-right: 8px;
  font-size: 16px;
}
#login .bg .login-sec .form-group a {
  display: block;
  color: #262526;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-decoration: none;
}
#login .bg .login-sec .form-group a:hover {
  color: #159134;
}

/* ===============    Register start    =============== */

#register {
  margin-top: 10px;
  margin-bottom: 75px;
}
#register .bg {
  background: url("../img/bg/login-bg.jpg") bottom right no-repeat;
  background-position: 100% 110%;
  overflow: hidden;
}
#register .bg .register-sec {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px;
  border:1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19); 
  box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
}
#register .bg .register-sec h2 {
  margin-bottom: 27px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#register .bg .register-sec .form-group label {
  font-size: 16px;
  font-weight: normal;
}
#register .bg .register-sec .form-group label span.mandatory {
  color: #ff0000;
}
#register .bg .register-sec .form-group .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#register .bg .register-sec .form-group.register-btn {
  text-align: right;
  margin-top: 17px;
  margin-bottom: 0px;
}
#register .bg .register-sec .form-group .btn-register {
  margin-bottom: 10px;
  padding: 10px 30px;
  color: #fff;
  background-color: #159134;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#register .bg .register-sec .form-group .btn-register:hover {
  background-color: #262526;
}
#register .bg .register-sec .form-group .btn-register i {
  margin-right: 8px;
  font-size: 16px;
}
#register .bg .register-sec .form-group a {
  color: #159134;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-decoration: none;
}
#register .bg .register-sec .form-group a:hover {
  color: #262526;
}

/* ===============    Continue guest start    =============== */

#continue-guest {
  margin-top: 10px;
  margin-bottom: 75px;
}
#continue-guest .guest-sec {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px;
  border:1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19); 
  box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
}
#continue-guest .guest-sec h2 {
  margin-bottom: 27px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#continue-guest .guest-sec .form-group label {
  font-size: 16px;
  font-weight: normal;
}
#continue-guest .guest-sec .form-group label span.mandatory {
  color: #ff0000;
}
#continue-guest .guest-sec .form-group .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#continue-guest .guest-sec .form-group.register-btn {
  text-align: right;
  margin-top: 17px;
  margin-bottom: 0px;
}
#continue-guest .guest-sec .form-group .btn-register {
  margin-bottom: 10px;
  padding: 10px 30px;
  color: #fff;
  background-color: #159134;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#continue-guest .guest-sec .form-group .btn-register:hover {
  background-color: #262526;
}
#continue-guest .guest-sec .form-group .btn-register i {
  margin-right: 8px;
  font-size: 16px;
}
#continue-guest .guest-sec .form-group a {
  color: #159134;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-decoration: none;
}
#continue-guest .guest-sec .form-group a:hover {
  color: #262526;
}
#continue-guest .guest-sec .continue-sec {
  text-align: center;
  margin-top: 142px;
  margin-bottom: 142px;
}
#continue-guest .guest-sec .continue-sec .btn-color {
  margin-bottom: 10px;
  padding: 10px 30px;
  color: #fff;
  background-color: #159134;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#continue-guest .guest-sec .continue-sec .btn-color:hover {
  background-color: #262526;
}

#continue-guest .guest-sec .or-sec {
  text-align: center;
}
#continue-guest .guest-sec .or-sec img {
  margin-top: -60px;
}

#continue-guest .guest-sec .login-sec {
  margin-top: 50px;
}
#continue-guest .guest-sec .login-sec .login-btn {
  text-align: right;
  margin-bottom: 0px;
}
#continue-guest .guest-sec .login-sec .login-btn .btn-login {
  margin-bottom: 10px;
  padding: 10px 30px;
  color: #fff;
  background-color: #159134;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#continue-guest .guest-sec .login-sec .login-btn .btn-login:hover {
  background-color: #262526;
}
#continue-guest .guest-sec .login-sec .login-btn a {
    display: block;
    color: #262526;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-decoration: none;
}
#continue-guest .guest-sec .login-sec .login-btn a:hover {
  color: #159134;
}



/* ===============    Forgot password start    =============== */

#forgot-password {
  margin-top: 10px;
  margin-bottom: 75px;
}
#forgot-password .bg {
  background: url("../img/bg/login-bg.jpg") bottom right no-repeat;
  background-position: 100% 308%;
  overflow: hidden;
}
#forgot-password .bg .forgot-sec {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px;
  border:1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19); 
  box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
}
#forgot-password .bg .forgot-sec h2 {
  margin-bottom: 27px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#forgot-password .bg .forgot-sec .form-group label {
  font-size: 16px;
  font-weight: normal;
}
#forgot-password .bg .forgot-sec .form-group label span.mandatory {
  color: #ff0000;
}
#forgot-password .bg .forgot-sec .form-group .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#forgot-password .bg .forgot-sec .form-group.forgot-btn {
  text-align: center;
  margin-bottom: 0px;
}
#forgot-password .bg .forgot-sec .form-group .btn-forgot {
  margin-bottom: 10px;
  padding: 10px 30px;
  color: #fff;
  background-color: #159134;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#forgot-password .bg .forgot-sec .form-group .btn-forgot:hover {
  background-color: #262526;
}
#forgot-password .bg .forgot-sec .form-group .btn-forgot i {
  margin-right: 8px;
  font-size: 16px;
}

/* ===============    Shopping cart start    =============== */

#shopping-cart {
  margin-top: 50px;
  margin-bottom: 120px;
}
#shopping-cart h2 {
  margin-bottom: 32px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;  
}
#shopping-cart .shopping-cart-sec {
  margin-top: 32px;
  margin-bottom: 50px;
  padding: 30px;
  border:1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19); 
  box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
}
#shopping-cart .shopping-cart-sec .cart-detail .table>thead>tr .col-space1 {
  width: 10%;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>thead>tr .col-space2 {
  width: 30%;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>thead>tr .col-space3 {
  width: 30%;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>thead>tr .col-space4 {
  width: 15%;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>thead>tr .col-space5 {
  width: 15%;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>thead>tr {
  background-color: #159134;
  color: #fff;
  text-transform: uppercase;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>thead>tr>th {
  text-align: center;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-top: 1px solid #f0f0f0;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>tbody>tr>td {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>tbody>tr>td.product-description {
  text-align: left;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>tbody>tr>td.product-quantity {
  text-align: center;
  display: block;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>tbody>tr>td .mycart-qty {
  display: block;
  text-align: left;
  width: 30%;
  display: unset;
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>tbody>tr>td .packing-style {
  margin-top: 10px;
  margin-bottom: 10px;
  display: unset;
  text-align: center;
  width: 30%;
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>tbody>tr>td select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url("../img/select-arrow.png") no-repeat !important;
    background-position: 95% 50% !important;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>tbody>tr>td .update {
  cursor: pointer;
  display: inline-block;
  width: 38px;
  height: 34px;
  border-radius: 4px;
  padding: 6px;
  color: #fff;
  background-color: #428bca;
}
#shopping-cart .shopping-cart-sec .cart-detail .table>tbody>tr>td .cancel {
  cursor: pointer;
  display: inline-block;
  width: 38px;
  height: 34px;
  border-radius: 4px;
  padding: 6px;
  color: #fff;
  background-color: #ea2e49;
}
#shopping-cart .shopping-cart-sec .cart-total .apply-coupon {
  width: 60%;
}
#shopping-cart .shopping-cart-sec .cart-total .apply-coupon .input-group .cpc {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#shopping-cart .shopping-cart-sec .cart-total .apply-coupon .input-group-btn .applycode-btn {
  background-color: #159134;
  padding: 9px 20px;
  color: #fff;
  font-size: 14px;
}
#shopping-cart .shopping-cart-sec .cart-total .apply-coupon .input-group-btn .applycode-btn:hover {
  background-color: #262526;
}

#shopping-cart .shopping-cart-sec .total .subtotal-left {
  text-align: right;
  width: 70%;
  height: 50px;
  vertical-align: middle;
}
#shopping-cart .shopping-cart-sec .total .subtotal-right {
  text-align: right;
  width: 30%;
  height: 50px;
  vertical-align: middle;
}

#shopping-cart .shopping-cart-sec .total .total-left {
  text-align: right;
  color: #159134;
  height: 50px;
  vertical-align: middle;
}
#shopping-cart .shopping-cart-sec .total .total-right {
  text-align: right;
  color: #159134;
  height: 50px;
  vertical-align: middle;
}

#shopping-cart .shopping-cart-sec .proceed {
  text-align: right;
}
#shopping-cart .shopping-cart-sec .proceed .cancel-order {
  background-color: #159134;
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
#shopping-cart .shopping-cart-sec .proceed .cancel-order i {
  margin-right: 5px;
}
#shopping-cart .shopping-cart-sec .proceed .cancel-order:hover {
  background-color: #262526;
}

#shopping-cart .shopping-cart-sec .proceed .continue-shopping {
  background-color: #159134;
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
#shopping-cart .shopping-cart-sec .proceed .continue-shopping i {
  margin-right: 5px;
}
#shopping-cart .shopping-cart-sec .proceed .continue-shopping:hover {
  background-color: #262526;
}

#shopping-cart .shopping-cart-sec .proceed .checkout {
  background-color: #159134;
  display: inline-block;
  border-radius: 4px;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
#shopping-cart .shopping-cart-sec .proceed .checkout i {
  margin-right: 5px;
}
#shopping-cart .shopping-cart-sec .proceed .checkout:hover {
  background-color: #262526;
}

/* ===============    Checkout start    =============== */


#checkout {
  margin-top: 10px;
  margin-bottom: 75px;
}
#checkout .checkout-sec {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px;
  border:1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19); 
  box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
}
#checkout .checkout-sec h2 {
  margin-bottom: 27px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#checkout .checkout-sec h2 span.shipping-address {
  color: #159134;
  font-size: 15px;
  letter-spacing: 1px;
  min-height: 22px;
}
#checkout .checkout-sec .form-group label {
  font-size: 16px;
  font-weight: normal;
}
#checkout .checkout-sec .form-group label span.mandatory {
  color: #ff0000;
}
#checkout .checkout-sec .form-group .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#checkout .checkout-sec .form-group select {
  -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url("../img/select-arrow.png") no-repeat !important;
    background-position: 92% 50% !important;
}
#checkout .checkout-sec .form-group.register-btn {
  text-align: right;
  margin-top: 17px;
  margin-bottom: 0px;
}
#checkout .checkout-sec .form-group .btn-register {
  margin-bottom: 10px;
  padding: 10px 30px;
  color: #fff;
  background-color: #159134;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#checkout .checkout-sec .form-group .btn-register:hover {
  background-color: #262526;
}
#checkout .checkout-sec .form-group .btn-register i {
  margin-right: 8px;
  font-size: 16px;
}
#checkout .checkout-sec .form-group a {
  color: #159134;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-decoration: none;
}
#checkout .checkout-sec .form-group a:hover {
  color: #262526;
}

/* ===============    Shopping cart checkout start    =============== */

#shopping-cart-checkout {
  margin-top: 0px;
  margin-bottom: 50px;
}
#shopping-cart-checkout .shopping-cart-sec {
  padding: 30px;
  border:1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19); 
  box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>thead>tr .col-space1 {
  width: 10%;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>thead>tr .col-space2 {
  width: 30%;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>thead>tr .col-space3 {
  width: 30%;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>thead>tr .col-space4 {
  width: 15%;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>thead>tr .col-space5 {
  width: 15%;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>thead>tr {
  background-color: #159134;
  color: #fff;
  text-transform: uppercase;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>thead>tr>th {
  text-align: center;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-top: 1px solid #f0f0f0;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>tbody>tr>td {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>tbody>tr>td.product-description {
  text-align: left;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>tbody>tr>td.product-quantity {
  text-align: center;
  display: block;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>tbody>tr>td .mycart-qty {
  display: inline-block;
  text-align: center;
  width: 20%;
  display: unset;
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>tbody>tr>td .update {
  cursor: pointer;
  display: inline-block;
  width: 38px;
  height: 34px;
  border-radius: 4px;
  padding: 6px;
  color: #fff;
  background-color: #428bca;
}
#shopping-cart-checkout .shopping-cart-sec .cart-detail .table>tbody>tr>td .cancel {
  cursor: pointer;
  display: inline-block;
  width: 38px;
  height: 34px;
  border-radius: 4px;
  padding: 6px;
  color: #fff;
  background-color: #ea2e49;
}
#shopping-cart-checkout .shopping-cart-sec .cart-total .apply-coupon {
  width: 60%;
}
#shopping-cart-checkout .shopping-cart-sec .cart-total .apply-coupon .input-group .cpc {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#shopping-cart-checkout .shopping-cart-sec .cart-total .apply-coupon .input-group-btn .applycode-btn {
  background-color: #159134;
  padding: 9px 20px;
  color: #fff;
  font-size: 14px;
}
#shopping-cart-checkout .shopping-cart-sec .cart-total .apply-coupon .input-group-btn .applycode-btn:hover {
  background-color: #262526;
}

#shopping-cart-checkout .shopping-cart-sec .total .subtotal-left {
  text-align: right;
  width: 70%;
  height: 50px;
  vertical-align: middle;
}
#shopping-cart-checkout .shopping-cart-sec .total .subtotal-right {
  text-align: right;
  width: 30%;
  height: 50px;
  vertical-align: middle;
}

#shopping-cart-checkout .shopping-cart-sec .total .total-left {
  text-align: right;
  color: #159134;
  height: 50px;
  vertical-align: middle;
}
#shopping-cart-checkout .shopping-cart-sec .total .total-right {
  text-align: right;
  color: #159134;
  height: 50px;
  vertical-align: middle;
}

#shopping-cart-checkout .shopping-cart-sec .proceed {
  text-align: right;
}
#shopping-cart-checkout .shopping-cart-sec .proceed .cancel-order {
  background-color: #159134;
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
#shopping-cart-checkout .shopping-cart-sec .proceed .cancel-order i {
  margin-right: 5px;
}
#shopping-cart-checkout .shopping-cart-sec .proceed .cancel-order:hover {
  background-color: #262526;
}

#shopping-cart-checkout .shopping-cart-sec .proceed .continue-shopping {
  background-color: #159134;
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
#shopping-cart-checkout .shopping-cart-sec .proceed .continue-shopping i {
  margin-right: 5px;
}
#shopping-cart-checkout .shopping-cart-sec .proceed .continue-shopping:hover {
  background-color: #262526;
}

#shopping-cart-checkout .shopping-cart-sec .proceed .checkout {
  background-color: #159134;
  display: inline-block;
  border-radius: 4px;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
#shopping-cart-checkout .shopping-cart-sec .proceed .checkout i {
  margin-right: 5px;
}
#shopping-cart-checkout .shopping-cart-sec .proceed .checkout:hover {
  background-color: #262526;
}

#payment-method-cart {
  padding: 30px;
  height: 250px;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
}
#payment-method-cart .heading {
  margin-bottom: 20px;
  padding-top: 8px;
  padding-left: 15px;
  background-color: #159134;
  color: #fff;
  text-transform: uppercase;
  min-height: 38px;
}
#payment-method-cart .card .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#payment-method-cart .card select {
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  background: url("../img/select-arrow.png") no-repeat !important;
  background-position: 94% 50% !important;
}

.terms-conditions-card {
  margin-top: 30px;
}
.terms-conditions-card .checkbox label {
  margin-bottom: 5px;
  font-size: 14px;
  letter-spacing: 1px;
}
.terms-conditions-card .confirm-order {
  background-color: #159134;
  display: inline-block;
  border-radius: 4px;
  padding: 10px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
.terms-conditions-card .confirm-order i {
  margin-right: 8px;
}
.terms-conditions-card .confirm-order:hover {
  background-color: #262526;
}

/* ===============    Dashboard change password start    =============== */

#change-password {
  margin-top: 10px;
  margin-bottom: 75px;
}
#change-password .bg {
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px;
  border:1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19); 
  box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.19);
}
#change-password .bg .left-panel h2 {
    margin-bottom: 27px;
    color: #252b33;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#change-password .bg .left-panel ul li {
  background: url(../img/arrow-left.png) no-repeat;
  background-position: 0% 50%;
  padding-left: 22px;
  line-height: 30px;
}
#change-password .bg .left-panel ul li a {
  color: #252b33;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}
#change-password .bg .left-panel ul li a:hover {
  color: #159134;
}
#change-password .bg .left-panel ul li a.active {
  color: #159134;
}

#change-password .bg .right-panel {
  border-left: 1px solid #d3d3d3;
  padding-left: 30px;
  min-height: 300px;
}
#change-password .bg .right-panel h2 {
  margin-bottom: 27px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#change-password .bg .right-panel h2 span {
  padding-top: 16px;
  float: right;
  color: #159134;
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  letter-spacing: 0px;
}
#change-password .bg .right-panel h2 span i {
  margin-right: 5px;
}
#change-password .bg .right-panel h2 span a {
  color: #159134;
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  text-decoration: none;
}
#change-password .bg .right-panel h2 span a:hover {
  color: #252b33;
}
#change-password .bg .right-panel .form-group label {
  font-size: 16px;
  font-weight: normal;
}
#change-password .bg .right-panel .form-group .detail-bdr {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d3d3d3;
  height: 40px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #999999;
  background-color: #fff;
}
#change-password .bg .right-panel .form-group label span.mandatory {
  color: #ff0000;
}
#change-password .bg .right-panel .form-group .form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d3d3d3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#change-password .bg .right-panel .register-btn {
  text-align: right;
  float: right;
  margin-top: 17px;
  margin-bottom: 0px;
}
#change-password .bg .right-panel .form-group .btn-register {
  margin-bottom: 10px;
  padding: 10px 30px;
  color: #fff;
  background-color: #159134;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#change-password .bg .right-panel .form-group .btn-register:hover {
  background-color: #262526;
}
#change-password .bg .right-panel .form-group .btn-register i {
  margin-right: 8px;
  font-size: 16px;
}
#change-password .bg .right-panel .form-group a {
  color: #159134;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-decoration: none;
}
#change-password .bg .right-panel .form-group a:hover {
  color: #262526;
}

#change-password .bg .right-panel .table>thead>tr>th {
  text-align: center;
  color: #fff;
  background-color: #159134;
}
#change-password .bg .right-panel .table>thead>tr>th.col1 {
  width: 25%;
}
#change-password .bg .right-panel .table>thead>tr>th.col2 {
  width: 25%;
}
#change-password .bg .right-panel .table>thead>tr>th.col3 {
  width: 25%;
}
#change-password .bg .right-panel .table>thead>tr>th.col4 {
  width: 25%;
}

#change-password .bg .right-panel .table>tbody>tr>td {
  text-align: center;
  vertical-align: middle;
}
#change-password .bg .right-panel .table>tbody>tr>td i {
  font-size: 14px;
}
#change-password .bg .right-panel .table>tbody>tr>td p {
  margin: 0 0 0px;
}
#change-password .bg .right-panel .table>tbody>tr>td.col-left {
  text-align: left;
}
#change-password .bg .right-panel .table>tbody>tr>td.col-right {
  text-align: left !important;
}
#change-password .bg .right-panel .table>tbody>tr>td>.btn-order {
  padding: 10px 20px;
  color: #fff;
  background-color: #159134;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#change-password .bg .right-panel .table>tbody>tr>td>.btn-order i {
  margin-right: 5px;
}
#change-password .bg .right-panel .table>tbody>tr>td>.btn-order:hover {
  background-color: #262526;
}
#change-password .bg .right-panel .table>tbody>tr>td:last-child {
  text-align: center;
}
#change-password .bg .right-panel .order-pagination {
  text-align: center;
}
#change-password .bg .right-panel .order-pagination .pagination>li:first-child>a, .pagination>li:first-child>span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination>li>a, .pagination>li>span {
  color: #262526;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: #fff;
  background-color: #159134;
}

#change-password .bg .right-panel .total .table .subtotal-left {
  text-align: right;
  width: 65%;
  height: 50px;
  vertical-align: middle;
}
#change-password .bg .right-panel .total .table .subtotal-right {
  text-align: right;
  width: 35%;
  height: 50px;
  vertical-align: middle;
}
#change-password .bg .right-panel .total .table .subtotal-right i {
  font-size: 14px;
}
#change-password .bg .right-panel .total .table .total-left {
    text-align: right;
    color: #159134;
    height: 50px;
    vertical-align: middle;
}
#change-password .bg .right-panel .total .table .total-right {
    text-align: right;
    color: #159134;
    height: 50px;
    vertical-align: middle;
}
#change-password .bg .right-panel .total .table .total-right i {
  font-size: 14px;
}

#change-password .bg .right-panel .billing-section h3 {
  margin-bottom: 20px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#change-password .bg .right-panel .billing-section .col-left {
  color: #000;
  font-size: 14px;
}
#change-password .bg .right-panel .billing-section .col-right {
  color: #797979;
  font-size: 14px;
}

#change-password .bg .right-panel .shipping-section h3 {
  margin-bottom: 20px;
  color: #252b33;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#change-password .bg .right-panel .shipping-section .col-left {
  color: #000;
  font-size: 14px;
}
#change-password .bg .right-panel .shipping-section .col-right {
  color: #797979;
  font-size: 14px;
}


/* ===============    Footer start    =============== */
#scroll-top {
  text-align: center;
  margin-top: -45px;
}

footer {
  background-color: #262526;
}
footer .bg {
  padding-top: 75px;
  padding-bottom: 75px;
  overflow: hidden;
}
footer .bg .quick-links h4 {
  padding-bottom: 4px;
  color: #fff;
  font-family: 'Cabin', sans-serif;
  font-size: 26px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
footer .bg .quick-links ul {
  margin-top: 10px;
}
footer .bg .quick-links ul li {
  background: url("../img/arrow-left.png") no-repeat;
  background-position: 0% 50%;
  padding-left: 22px;
  line-height: 30px;
}
footer .bg .quick-links ul li a {
  color: #fff;
  font-family: 'Cabin', sans-serif;
  font-size: 15px;
  text-decoration: none;
  letter-spacing: 1px;
}
footer .bg .quick-links ul li a:hover {
  color: #159134;
}

footer .bg .rice-range-links h4 {
  padding-bottom: 4px;
  color: #fff;
  font-family: 'Cabin', sans-serif;
  font-size: 26px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
footer .bg .rice-range-links ul {
  margin-top: 10px;
}
footer .bg .rice-range-links ul li {
  background: url("../img/arrow-left.png") no-repeat;
  background-position: 0% 50%;
  padding-left: 22px;
  line-height: 30px;
}
footer .bg .rice-range-links ul li a {
  color: #fff;
  font-family: 'Cabin', sans-serif;
  font-size: 15px;
  text-decoration: none;
  letter-spacing: 1px;
}
footer .bg .rice-range-links ul li a:hover {
  color: #159134;
}

footer .bg .get-touch h4 {
  padding-bottom: 4px;
  color: #fff;
  font-family: 'Cabin', sans-serif;
  font-size: 26px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
footer .bg .get-touch ul {
  margin-top: 10px;
}
footer .bg .get-touch ul li {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}
footer .bg .get-touch ul li .icon {
  float: left;
  width: 13%;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 1px;
}
footer .bg .get-touch ul li .icon i {
  color: #159134;
  font-size: 24px;
  text-align: center;
}
footer .bg .get-touch ul li .content {
  float: left;
  width: 80%;
  color: #fff;
  font-family: 'Cabin', sans-serif;
  font-size: 15px;
  vertical-align: top;
  line-height: 30px;
  letter-spacing: 0.3px;
}
footer .bg .get-touch ul li .content a {
  color: #fff;
  text-decoration: none;
}
footer .bg .get-touch ul li .content a:hover {
  color: #159134;
}

footer .bg .followus-links h4 {
  padding-bottom: 4px;
  color: #fff;
  font-family: 'Cabin', sans-serif;
  font-size: 26px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
footer .bg .followus-links ul {
  margin-top: 10px;
}
footer .bg .followus-links ul li {
  display: inline-block;
  margin-right: 10px;
}
footer .bg .followus-links ul li:last-child {
  margin-right: 0px;
}
footer .bg .followus-links ul li a {
  cursor: pointer;
  display: block;
  padding-top: 5px;
  width: 30px;
  height: 30px;
  background-color: #159134;
  border-radius: 50%;
  color: #262526;
  text-decoration: none;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}
footer .bg .followus-links ul li a:hover {
  color: #fff;
}


footer .copyright-bg {
  border-top: 1px solid #484748;
  overflow: hidden;
  padding-top: 18px;
  padding-bottom: 18px;
}
footer .copyright-bg .copyright {
  text-align: left;
}
footer .copyright-bg .copyright p {
  margin: 0 0 0px;
  color: #fff;
  font-size: 14px;
}
footer .webdevelopment-company {
  text-align: right;
}
footer .webdevelopment-company p {
  margin: 0 0 0px;
}
footer .webdevelopment-company p a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
footer .webdevelopment-company p a:hover {
  color: #159134;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}