@charset "UTF-8";
/*
* THIS IS MASTER OF SASS-FILE
* Template customize
* Built with love by juan tonang (rizwanaritonang@gmail.com)
*/
/*  VARIABLE's
/* ------------------------------------ */
@font-face {
  font-family: 'futura_ltregular';
  src: url("../fonts/futuralt-webfont.eot");
  src: url("../fonts/futuralt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futuralt-webfont.woff2") format("woff2"), url("../fonts/futuralt-webfont.woff") format("woff"), url("../fonts/futuralt-webfont.ttf") format("truetype"), url("../fonts/futuralt-webfont.svg#futura_ltregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'futura_ltlight';
  src: url("../fonts/futuralt-light-webfont.eot");
  src: url("../fonts/futuralt-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futuralt-light-webfont.woff2") format("woff2"), url("../fonts/futuralt-light-webfont.woff") format("woff"), url("../fonts/futuralt-light-webfont.ttf") format("truetype"), url("../fonts/futuralt-light-webfont.svg#futura_ltlight") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 7, 2015 */
@font-face {
  font-family: 'futura_ltheavy';
  src: url("../fonts/futuralt-heavy-webfont.eot");
  src: url("../fonts/futuralt-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futuralt-heavy-webfont.woff2") format("woff2"), url("../fonts/futuralt-heavy-webfont.woff") format("woff"), url("../fonts/futuralt-heavy-webfont.ttf") format("truetype"), url("../fonts/futuralt-heavy-webfont.svg#futura_ltheavy") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'futura_ltextrabold';
  src: url("../fonts/futuralt-extrabold-webfont.eot");
  src: url("../fonts/futuralt-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futuralt-extrabold-webfont.woff2") format("woff2"), url("../fonts/futuralt-extrabold-webfont.woff") format("woff"), url("../fonts/futuralt-extrabold-webfont.ttf") format("truetype"), url("../fonts/futuralt-extrabold-webfont.svg#futura_ltextrabold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'futura_ltcondensed';
  src: url("../fonts/futuralt-condensed-webfont.eot");
  src: url("../fonts/futuralt-condensed-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futuralt-condensed-webfont.woff2") format("woff2"), url("../fonts/futuralt-condensed-webfont.woff") format("woff"), url("../fonts/futuralt-condensed-webfont.ttf") format("truetype"), url("../fonts/futuralt-condensed-webfont.svg#futura_ltcondensed") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'futura_ltbook';
  src: url("../fonts/futuralt-book-webfont.eot");
  src: url("../fonts/futuralt-book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futuralt-book-webfont.woff2") format("woff2"), url("../fonts/futuralt-book-webfont.woff") format("woff"), url("../fonts/futuralt-book-webfont.ttf") format("truetype"), url("../fonts/futuralt-book-webfont.svg#futura_ltbook") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 7, 2015 */
@font-face {
  font-family: 'futura_ltbold';
  src: url("../fonts/futuralt-bold-webfont.eot");
  src: url("../fonts/futuralt-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/futuralt-bold-webfont.woff2") format("woff2"), url("../fonts/futuralt-bold-webfont.woff") format("woff"), url("../fonts/futuralt-bold-webfont.ttf") format("truetype"), url("../fonts/futuralt-bold-webfont.svg#futura_ltbold") format("svg");
  font-weight: normal;
  font-style: normal; }
/*  PARAMETRIC-MIXIN's
/* ------------------------------------ */
/*  MODULE
/* ------------------------------------ */
html, body {
  height: 100%; }

body {
  font-family: "futura-pt", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 1.5em;
  font-weight: 400; }


/*Get rid select rounded corner*/
select{
   -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.wf-loading body {
  visibility: hidden;
}

img {
  max-width: 100%; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

a {
  text-decoration: none;
  transition: all 350ms ease-out;
  -moz-transition: all 350ms ease-out;
  -webkit-transition: all 350ms ease-out; }
  a.link-textblue {
    color: #0072bc; }
    a.link-textblue:hover, a.link-textblue:focus {
      color: #0d8755; }
  a:hover, a:focus {
    text-decoration: none; }

p {
  margin: 0 0 18px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h2 {
  font-size: 24px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

b,
strong {
  font-weight: bold; }

dfn,
cite,
em,
i {
  font-style: italic; }

code,
kbd,
tt,
var,
samp,
pre {
  font-family: Inconsolata, monospace; }

.btn-center {
  text-align: center;
  display: block; }

  .btn-center .btn {
    min-width: 180px; }
    .btn-center .btn:first-child {
      margin-right: 20px; }

      @media screen and (max-width: 621px) {
        .btn-center .btn:first-child {
            margin-right: 10px;
        }
      }

.btn {
  display: inline-block;
  padding: 12px 25px;
  text-transform: uppercase;
  -webkit-transition: all 350ms ease-out;
          transition: all 350ms ease-out;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 0;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.2em;
  white-space: normal;
}
  .btn:hover, .btn:focus {
    text-decoration: none;
    outline-color: transparent;
    white-space: normal;
    word-wrap: break-word;
  }

.btn-full .btn {
  width: 100%; }

.btn-gray {
  color: black;
  background-color: #c5c5c5;
  box-shadow: inset 0 0 0 2px #c5c5c5;
  white-space: normal;
}
  .btn-gray:hover, .btn-gray:focus {
    color: black;
    background-color: transparent; }
  .btn-gray .disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.btn-green, .btn-greenBold {
  background: none;
  border: none;
  color: white;
  background: #5DAB77;
  box-shadow: inset 0 0 0 2px #5dab77;
  letter-spacing: 0.1em; }
  .btn-green:hover, .btn-greenBold:hover, .btn-green:focus, .btn-greenBold:focus {
    color: #5DAB77;
    background-color: transparent; }

.btn-green .disabled, .btn-greenBold .disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: default;
}

.btn-greenBold {
  letter-spacing: 1px;
  font-family: 'futura_ltbold'; }

.btn-blue {
  background-color: #00b7f1; }
  .btn-blue:hover, .btn-blue:focus {
    background-color: #25cbff; }

.btn-lnGreen {
  background: none;
  border: none;
  background: white;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: 1px solid #51a46c;
  font-size: 17px;
  text-align: center;
  display: inline-block;
  padding: 7px 25px;
  color: #000000; }
  .btn-lnGreen:hover {
    color: #0067b3;
    color: white;
    background: #51a46c; }

/*input[type="text"],
input[type="email"],
input[type="website"],
input[type="search"],
textarea{
	width: 100%;
	padding: 1em;
	border: 1px solid rgba( $color-border, .7 );
}*/
textarea {
  resize: vertical; }

.form-control {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  height: 43px; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: 94% 50%;
  background-repeat: no-repeat;
  background-image: url("../images/select_arr.png") !important;
  padding: .5em;
  padding-right: 1.5em;
  border-radius: 0; }

/*====== CHECKBOX AND RADIO ======*/
.checkbox, .radio {
  font-size: 13px; }
  .checkbox label, .radio label {
    padding-left: 0; }
  .checkbox input[type="checkbox"], .radio input[type="checkbox"] {
    margin-top: 7px; }

.radio label {
  line-height: 1.6em; }
.radio .txt {
  overflow: hidden; }
.radio strong {
  display: block;
  font-size: 16px;
  font-family: 'futura_ltheavy';
  margin-bottom: 6px; }

input[type="checkbox"], input[type="radio"] {
  display: none; }

/*====== CHECKBOX ======*/
input[type="checkbox"] + label span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: -4px 7px 0 0;
  vertical-align: middle;
  background: url("../images/checkbox.png") left top no-repeat;
  cursor: pointer; }

input[type="checkbox"]:checked + label span {
  background: url("../images/checkbox.png") right top no-repeat; }

input[type="checkbox"].js-wc-braintree-credit-card-tokenize-payment-method,
.store-payment-method input[type="checkbox"] {
  display: inline-block;
  -webkit-appearance: checkbox;
}

/*====== RADIO ======*/
input[type="radio"].js-sv-wc-payment-gateway-payment-token,
input[type="radio"].js-sv-wc-payment-token,
.stored-payment input[type="radio"] {
  display: inline-block;
  -webkit-appearance: radio;
}

input[type="radio"] + label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 3px 10px 0 0;
  vertical-align: middle;
  background: url("../images/radio_fill.png") 0 0 no-repeat;
  cursor: pointer;
  float: left;
  background-size: 15px auto;
  -moz-background-size: 15px auto;
  -webkit-background-size: 15px auto; }

input[type="radio"]:checked + label span {
  background: url("../images/radio_empty.png") 0 0 no-repeat;
  background-size: 15px auto;
  -moz-background-size: 15px auto;
  -webkit-background-size: 15px auto; }

input[type="radio"] + label span.amount,
input[type="radio"] + label span.amount .woocommerce-Price-currencySymbol,
input[type="radio"]:checked + label span.amount .woocommerce-Price-currencySymbol,
input[type="radio"]:checked + label span.amount{
  width: auto;
  height: auto;
  margin: 0;
  background: none;
  float: none;
  background-size: auto;
  vertical-align: inherit;
}
.space15 {
  height: 15px;
  display: block;
  width: 100%; }

.space20 {
  height: 20px;
  display: block;
  width: 100%; }

.space30 {
  height: 30px;
  display: block;
  width: 100%; }

.space45 {
  height: 45px;
  display: block;
  width: 100%; }

.space60 {
  height: 60px;
  display: block;
  width: 100%; }

/** IMG RATIO
===================================*/
/* 9/16*100 */
/* 3/4*100 */
/* … */
.img-center {
  display: block;
  width: 100%;
  margin-bottom: 35px;
  text-align: center; }

.img-right, .img-left {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px; }
  @media screen and (min-width: 42em) {
    .img-right, .img-left {
      float: right;
      margin-left: 40px;
      margin-bottom: 20px;
      max-width: 300px; } }

.caption-postimg {
  display: block;
  text-align: center;
  margin-top: 10px; }

@media screen and (min-width: 42em) {
  .img-left {
    float: left;
    margin-right: 40px;
    margin-left: 0; } }

*:focus {
  outline: 0; }

/*  THEME
/* ------------------------------------ */
.section-box,
.section-box-small,
.section-box-smaller {
  position: relative; }

.section-box {
  padding: 60px 0px 40px; }

.section-box-small {
  padding: 30px 0; }

.section-box-smaller {
  padding: 20px; }

.header-section {
  margin-bottom: 40px;
  text-align: center;
  font-family: "futura_ltbold"; }
  .header-section h2 {
    font-family: "futura_ltbold";
    margin-top: 0;
    letter-spacing: 2px;
    text-transform: uppercase; }

.center-wrap {
  width: 90%;
  max-width: 853px;
  margin: 0 auto; }

/** TITLE
===================================*/
.title-xs {
  font-size: 17px;
  text-transform: uppercase;
  color: black;
  font-weight: 700;
  margin-bottom: 60px;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.4em; }
  @media screen and (min-width: 40em) {
    .title-xs {
      text-align: left; } }

.title-xss {
  font-size: 13px;
  text-transform: uppercase; }

.title-xs-bold {
  margin: 0;
  margin-bottom: 1.4em;
  font-size: 17px;
  font-weight: normal;
  font-family: 'futura_ltbold', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.4em; }

.title-thinMd {
  font-size: 29px;
  margin: 0;
  margin-bottom: 15px;
  text-align: center;
  font-family: 'futura_ltregular'; }
  @media screen and (min-width: 40em) {
    .title-thinMd {
      text-align: left; } }
  .title-thinMd a {
    color: black; }
    .title-thinMd a:hover {
      color: #0d8755; }

.title-bolddMd {
  font-family: 'futura_ltheavy', sans-serif;
  font-size: 30px;
  margin: 0;
  margin-bottom: 15px; }
  @media screen and (min-width: 40em) {
    .title-bolddMd {
      font-size: 40px; } }
  .title-bolddMd a {
    color: black; }
    .title-bolddMd a:hover {
      color: #0d8755; }

.title-lgBold {
  font-family: 'futura_ltbold';
  font-size: 25px;
  margin: 0;
  margin-bottom: 15px;
  line-height: 1em;
  text-transform: uppercase; }
  @media screen and (min-width: 40em) {
    .title-lgBold {
      font-size: 30px; } }
  .title-lgBold a {
    color: black; }
    .title-lgBold a:hover {
      color: #0d8755; }

.title-centerline {
  font-size: 19px;
  font-family: 'futura_ltbold';
  line-height: 1.5em;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 26px;
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 50px;
  text-align: center;
  letter-spacing: 0.05em; }

.item-bestseller {
  text-align: center;
  position: relative;
  margin-bottom: 30px; }
  .item-bestseller .subitem-bestseller {
    position: relative;
    display: block;
    cursor: pointer; }
    .item-bestseller .subitem-bestseller:hover h4, .item-bestseller .subitem-bestseller:hover .price, .item-bestseller .subitem-bestseller:focus h4, .item-bestseller .subitem-bestseller:focus .price {
      color: #5DAB77; }
  .item-bestseller .bestseller-info {
    margin-top: 20px; }
    .item-bestseller .bestseller-info h4, .item-bestseller .bestseller-info .price {
      -webkit-transition: all 350ms ease;
              transition: all 350ms ease; }
    .item-bestseller .bestseller-info h4 {
      margin-top: 0;
      margin-bottom: 5px;
      text-transform: uppercase;
      color: black; }
    .item-bestseller .bestseller-info .price {
      color: black; }

.title-center {
  text-align: center;
  margin-bottom: 55px; }

.title-xl {
  font-family: 'futura_ltregular', sans-serif;
  font-size: 28px;
  margin: 0;
  margin-bottom: 15px; }
  @media screen and (min-width: 40em) {
    .title-xl {
      font-size: 35px; } }

.section-subscribe {
  background: white;
  padding: 27px 0; }
  .section-subscribe.bg-grey {
    background-color: #f3f3f3;
    color: #6e6e6e; }

.text-subscribe {
  font-size: 18px;
  color: #7a7a7a;
  text-align: center;
  margin: 0; }
  .text-subscribe a {
    color: #0067b3;
    position: relative; }
    .text-subscribe a:hover, .text-subscribe a:focus {
      color: #25cbff; }
  .text-subscribe i {
    font-size: 9px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    background-color: #00b7f1;
    color: white;
    position: relative;
    top: -5px; }

.bg-gray-light {
  background-color: #f3f3f3; }

.bg-gray-dark {
  background-color: #e4e3e4; }

.main-grey {
  background-color: #f1f1f1;
  padding: 30px 0; }

.text-uppercase {
  text-transform: uppercase; }

.section-client {
  background: #f6f6f6;
  overflow: hidden;
  padding-bottom: 60px; }
  .section-client.default {
    padding: 25px 0; }
  .section-client .title-client {
    color: #62615d;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px; }
  .section-client .title-client,
  .section-client .client-link {
    min-height: 45px;
    vertical-align: middle;
    position: relative;
    line-height: 45px;
    display: block;
    text-align: center; }

/*====== LAYOUT ======*/
.block-center {
  width: 100%;
  max-width: 865px;
  margin: 0 auto; }
  .block-center:before {
    content: '';
    display: table; }
  .block-center:after {
    clear: both; }

/*  BUTTON
/* ------------------------------------ */
/*  FORM
/* ------------------------------------ */
/*input[type="text"],
input[type="email"],
input[type="website"],
input[type="search"],
textarea{
	width: 100%;
	padding: 1em;
	border: 1px solid transparent;
}*/
textarea {
  resize: vertical; }

.item {
  position: relative; }
  .item .alert {
    float: left;
    margin: 0 0 0 20px;
    padding: 3px 10px;
    color: white;
    border-radius: 3px 4px 4px 3px;
    max-width: 170px;
    white-space: pre;
    position: absolute;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 250ms ease;
            transition: all 250ms ease; }
    .item .alert:after {
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-style: solid;
      border-width: 11px 7px;
      position: absolute;
      top: -1px;
      left: -13px; }
  .item.bad .alert {
    left: 0;
    opacity: 1;
    top: 5px;
    left: 343px;
    font-size: 12px;
    padding: 10px; }

.form-subscribe input[type="email"],
.form-subscribe input[type="submit"] {
  position: relative;
  float: left;
  height: 50px; }
.form-subscribe input[type="email"] {
  width: 65%;
  margin-right: 2%; }
.form-subscribe input[type="submit"] {
  width: 33%;
  color: white;
  text-transform: capitalize; }

/*  HELPER
/* ------------------------------------ */
.space15 {
  height: 15px;
  display: block;
  width: 100%; }

.space30 {
  height: 30px;
  display: block;
  width: 100%; }

.space45 {
  height: 45px;
  display: block;
  width: 100%; }

.space60 {
  height: 60px;
  display: block;
  width: 100%; }

/*  CAPTION
**  This is only for WordPress
**  theme template
/* ------------------------------------ */
/*  ALIGNMENT
**  This is only for WordPress
**  theme template
/* ------------------------------------ */
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto; }

/*  SITE-HEADER
/* ------------------------------------ */
/*  SITE-MAIN
/* ------------------------------------ */
.site-mainSpace {
  padding-bottom: 90px;
  padding-top: 50px; }

@media screen and (max-width: 48em){
  .site-mainSpace.notice-woocommerce{
      padding-top: 0;
  }

  .site-mainSpace.notice-woocommerce .order-success-wrapper{
      margin-top: 30px;
  }
}



/*  SITE-FOOTER
/* ------------------------------------ */
/*  WIDGETS
/* ------------------------------------ */
/*  UPDATED
/* ------------------------------------ */
.bord-bottom {
  border-bottom: 1px solid #b2b2b2; }

.btn-big {
  padding: 16px 32px;
  font-size: 18px; }

.link-inline,
.content-text a {
  display: inline-block;
  border-bottom: 1px solid #333;
  color: #333; }
  .link-inline:hover, .link-inline:focus,
  .content-text a:hover, .content-text a:focus {
    border-bottom: 1px solid #5DAB77;
    color: #5DAB77; }

  .content-text a{
    border-bottom:1px solid white;
  }

.list-circle {
  margin: 0;
  padding: 0;
  padding-left: 20px; }
  .list-circle p {
    margin-bottom: 0; }

.box-list-divide {
  position: relative; }
  .box-list-divide .list-circle {
    float: left;
    width: 30%; }

.list-num {
  margin: 0;
  padding: 0;
  padding-left: 20px; }
  .list-num p {
    margin-bottom: 0; }

.list-tab {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #b2b2b2; }
  .list-tab li {
    float: left; }
    .list-tab li.active a {
      border-bottom: 1px solid white;
      border-left: 1px solid #b2b2b2;
      border-right: 1px solid #b2b2b2;
      border-top: 1px solid #b2b2b2;
      color: #5DAB77; }
    .list-tab li:hover a, .list-tab li:focus a {
      color: #5DAB77; }
  .list-tab a {
    display: block;
    padding: 10px 30px;
    color: #333;
    position: relative;
    bottom: -1px; }

.satisfac__desc h1 {
  font-weight: bold; }

.wrapper-center {
  max-width: 650px;
  margin: 0 auto; }

.tab-content {
  padding: 45px 0; }

.aligncenter {
  text-align: center; }

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

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

.reset-satisfac-top {
  padding-top: 0 !important;
  border-top: none !important; }
  .reset-satisfac-top .row {
    margin-right: -8px !important;
    margin-left: -8px !important; }

.reset-satisfac-logo figure {
  width: auto !important; }

.padding-help {
     padding: 20px 0 0;
}

@media screen and (min-width: 62em){
  .padding-help {
    padding: 2.2em !important;
  }
}

.smallest-container {
  max-width: 650px;
  margin: 0 auto; }
  .smallest-container .item-machine {
    float: left !important; }

.item-review {
  position: relative;
  margin-bottom: 15px;
  padding-left: 7px;
  padding-right: 7px; }

.subitem-review {
  border: 1px solid #b2b2b2;
  padding: 30px;
  /*min-height: 420px; */}
  .subitem-review .title-reviews {
    margin-bottom: 15px;
    text-align: center; }
    @media screen and (min-width: 35em) {
      .subitem-review .title-reviews {
        text-align: left;
        min-width: 120px; } }
    .subitem-review .title-reviews img {
      margin-right: 30px;
      height: auto;
      max-width: 120px;
      margin-bottom: 20px; }
      @media screen and (min-width: 35em) {
        .subitem-review .title-reviews img {
          float: left;
          margin-bottom: 0; } }
  @media screen and (min-width: 35em) {
    .subitem-review .content-title {
      overflow: hidden; } }
  .subitem-review .content-title h3 {
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 5px; }

.item-machinewrap {
  text-align: center; }
  .item-machinewrap:before, .item-machinewrap:after {
    content: '';
    display: table; }
  .item-machinewrap:after {
    clear: both; }

.item-machine {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  float: none !important;
  padding-right: 15px;
  padding-left: 15px; }
  @media screen and (min-width: 38em) {
    .item-machine {
      display: inline-block;
      vertical-align: top;
      float: left !important; } }
  .item-machine figure {
    height: 100%;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle; }
    .item-machine figure.thumbtabs {
      height: 330px; }
    @media screen and (min-width: 42em) {
      .item-machine figure:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%; } }

.subitem-machine {
  display: block; }
  .subitem-machine:hover h2, .subitem-machine:focus h2 {
    color: #5DAB77; }
  .subitem-machine h2 {
    -webkit-transition: all 350ms ease;
            transition: all 350ms ease;
    color: #333;
    margin-top: 0; }

.item-fresh {
  position: relative;
  margin-bottom: 30px;
  text-align: center; }
  .item-fresh .subitem-fresh {
    margin: 0 auto;
    max-width: 250px; }
  .item-fresh figure {
    margin: 0 0 15px; }
  .item-fresh h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold; }
  .item-fresh p {
    margin-bottom: 0; }

.stage-blend-like .list-blend-like {
  list-style: none outside none;
  padding: 0;
  margin: 0; }
.stage-blend-like li {
  position: relative;
  display: inline-block;
  float: left; }
  .stage-blend-like li:last-child a {
    margin-right: 0; }
.stage-blend-like a {
  display: block;
  margin-right: 30px;
  margin-bottom: 30px; }
  .stage-blend-like a:hover img, .stage-blend-like a:focus img {
    opacity: .9; }
  .stage-blend-like a img {
    -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
            transition: opacity 300ms ease, transform 300ms ease; }

.stage-blend-try .item-blend-try {
  position: relative;
  margin-bottom: 30px;
  text-align: center; }
.stage-blend-try .subitem-blend-try {
  display: block; }
  .stage-blend-try .subitem-blend-try:hover figure img, .stage-blend-try .subitem-blend-try:focus figure img {
    opacity: .9; }
.stage-blend-try figure img {
  width: 100%;
  -webkit-transition: opacity 300ms ease, -webkit-transform, 300ms ease;
          transition: opacity 300ms ease, transform, 300ms ease; }
.stage-blend-try h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0; }
  .stage-blend-try h3 a {
    color: #333; }
    .stage-blend-try h3 a:hover, .stage-blend-try h3 a:focus {
      color: #5DAB77; }
.stage-blend-try p {
  margin-bottom: 0;
  font-size: 12px; }



/*  MEDIA-QUERIES
/* ------------------------------------ */
.btn-rwd-sidebar {
  display: none; }

/** HEADER
===================================*/
.site-header-top {
  position: relative;
  width: 100%;
  height: auto;
  line-height: 32px;
  background-color: #ececec; }

 @media screen and (max-width: 767px){
    .site-header-top{
      /*display: none;*/
      background: transparent;
    }
    .site-header-top-left{
        display: none;
    }
 }
  .site-header-top:before, .site-header-top:after {
    content: '';
    display: table; }
  .site-header-top:after {
    clear: both; }

.site-header-top-left,
.site-header-top-right {
  position: relative;
  color: black; }
  .site-header-top-left p,
  .site-header-top-right p {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 13px; }

.site-header-top-left {
  float: left; }

.site-header-top-right {
  float: right; }
  .site-header-top-right .checkout {
    color: #5DAB77;
    margin-left: 7px; }
  .site-header-top-right .icon {
    display: inline-block;
    background-image: url("../images/checkout.png");
    height: 16px;
    width: 16px;
    position: relative;
    background-repeat: no-repeat;
    background-color: transparent;
    top: 2px; }

.site-header-middle {
  position: relative;
  text-align: center;
  margin: 0px 0;
  padding: 20px 0;
  z-index: 5; }

.site-header {
  text-align: left;
  position: relative; }

.logo-header {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 15px;
  max-width: 120px; }
  .logo-header a {
    display: block; }
  .logo-header img {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8); }

.user-about {
  list-style: none;
  padding: 0;
  margin: 0; }
  .user-about li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block; }
    @media screen and (min-width: 45em) {
      .user-about li:first-child {
        margin-right: 15px; } }
    .user-about li a {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 300;
      color: #949494;
      display: inline-block;
      position: relative;
      letter-spacing: 0.2em; }
      .user-about li a:before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 0;
        border-bottom: 1px solid #51a46b;
        -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
        -moz-ransition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out; }
      .user-about li a:hover:before {
        width: 100%; }
    .user-about li a.user {
      background: transparent url("../images/user.png") 0 9px no-repeat;
      padding-left: 19px;
      background-size: 12px auto;
      -moz-background-size: 12px auto;
      -webkit-background-size: 12px auto; }
    .user-about li a.cart-bag {
      background: transparent url("../images/shopbag.png") 0 7px no-repeat;
      padding-left: 20px;
      background-size: 15px auto;
      -moz-background-size: 15px auto;
      -webkit-background-size: 15px auto; }

  @media screen and (max-width: 995px){
      .user-about{
        display: none;
      }
  }

/*====== COMMENT ======*/
.bestseller-container {
  margin-left: 0;
  margin-right: 0; }

.header-bestseller {
  text-align: center; }
  .header-bestseller h3 {
    margin: 0 0 40px;
    padding-bottom: 43px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 2px solid #b2b2b2; }

/** HEADER CHECKOUT
===================================*/
#header-ckout {
  text-align: center;
  padding: 18px 0;
  border-bottom: 1px solid #d8d8d8; }
  #header-ckout #logo {
    display: inline-block;
    margin-bottom: 15px;
    max-width: 100px; }
  #header-ckout .head-email, #header-ckout .head-back {
    font-size: 13px; }
  #header-ckout .head-back {
    margin-bottom: 12px;
    right: 15px; }
    #header-ckout .head-back a {
      color: black; }
      #header-ckout .head-back a:hover {
        color: #4ca269; }
  #header-ckout .head-email {
    left: 15px; }
    #header-ckout .head-email a {
      color: black; }
      #header-ckout .head-email a:hover {
        color: #53a46c; }
  @media screen and (min-width: 42em) {
    #header-ckout #logo {
      margin-bottom: 0; }
    #header-ckout .head-back {
      float: left;
      text-align: left;
      margin-bottom: 0;
      padding-top: 20px; }
    #header-ckout .head-email {
      float: right;
      text-align: right;
      padding-top: 20px; } }
  @media screen and (min-width: 32em) and (max-width: 42em) {
    #header-ckout #logo {}
    #header-ckout .head-email, #header-ckout .head-back {top: 10px; }
    #header-ckout .head-email {
      right: 15px; }
    #header-ckout .head-back {
      left: 15px; } }



/*====== SUBPAGE HERO ======*/
.hero-inner {
  background-color: white;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  padding: 11% 0;
  margin-bottom: 35px; }
  @media screen and (max-width: 61em) {
    .hero-inner {
      background-size: 130% 200px; } }
  @media screen and (min-width: 62em) {
    .hero-inner {
      min-height: 350px; } }
  .hero-inner .hero-inner__desc {
    text-align: center; }
    .hero-inner .hero-inner__desc.colorwhite {
      color: white; }
    .hero-inner .hero-inner__desc.text-left {
      text-align: left; }
    .hero-inner .hero-inner__desc h1 {
      font-family: 'futura_ltbold';
      font-size: 29px;
      margin: 0;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      line-height: 1.3em; }

/** MAIN NAV
===================================*/
.nav-header {
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  z-index: 999; }
  .nav-header ul {
    list-style: none outside none;
    margin: 0;
    padding: 0; }
    .nav-header ul li {
      text-align: left;
      display: inline-block;
      position: relative; }
      .nav-header ul li:hover > a, .nav-header ul li:focus > a, .nav-header ul li.active > a {
        color: #5DAB77;
        text-shadow: 0px 0.3px 0px #5DAB77;
        -moz-text-shadow: 0px 0.3px 0px #5DAB77;
        -webkit-text-shadow: 0px 0.3px 0px #5DAB77; }
        .nav-header ul li:hover > a.cart-menu, .nav-header ul li:focus > a.cart-menu, .nav-header ul li.active > a.cart-menu {
          background-image: url("../images/shopcart_hover.png"); }
      .nav-header ul li > a {
        color: black;
        display: block;
        padding: 5px 10px !important;
        margin: 0 20px;
        font-size: 15px;
        text-shadow: 0px 0.3px 0px #000000;
        -moz-text-shadow: 0px 0.3px 0px #000000;
        -webkit-text-shadow: 0px 0.3px 0px #000000; }
        .nav-header ul li > a.cart-menu {
          background-image: url("../images/shopcart.png");
          background-repeat: no-repeat;
          background-position: 0 12px;
          background-size: 15px auto;
          -moz-background-size: 15px auto;
          -webkit-background-size: 15px auto;
          padding-left: 21px !important; }
      .nav-header ul li .cart-count {
        font-family: 'futura_ltlight';
        display: inline-block;
        padding-left: 4px; }
      .nav-header ul li > ul {
        display: none;
        position: absolute;
        background-color: #5DAB77;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1), 1px 1px 2px rgba(0, 0, 0, 0.3);
        font-weight: normal;
        text-transform: capitalize;
        min-width: 215px;
        margin-top: 20px;
        z-index: 999; }
        .nav-header ul li > ul li {
          display: block; }
          .nav-header ul li > ul li:hover > a, .nav-header ul li > ul li:focus > a {
            color: black; }
          .nav-header ul li > ul li:first-child > a {
            padding-top: 15px; }
            .nav-header ul li > ul li:first-child > a:after {
              position: absolute;
              display: block;
              width: 20px;
              height: 20px;
              background-color: #5DAB77;
              border: 1px solid rgba(0, 0, 0, 0.1);
              border-right: none;
              border-bottom: none;
              content: "";
              -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                      transform: rotate(45deg);
              top: -10px;
              left: 32px; }
          .nav-header ul li > ul li:last-child > a {
            padding-bottom: 15px; }
          .nav-header ul li > ul li > a {
            position: relative;
            color: white;
            padding: 7px 15px;
            margin: 0;
            -webkit-transition: all 400ms ease-out;
                    transition: all 400ms ease-out; }
  .nav-header.nav-left {
    text-align: left; }
    .nav-header.nav-left li:first-child a {
      padding-left: 0;
      margin-left: 0; }
  .nav-header.nav-right li:last-child a {
    padding-right: 0;
    margin-right: 0; }

/** HEADER ALTERNTIVE
===================================*/
.site-header-right .logo-header {
  float: left;
  display: block;
  width: 22%; }
.site-header-right .nav-header {
  dtisplay: inline-block; }
  @media screen and (min-width: 50em) {
    .site-header-right .nav-header {
      padding: 28px 0; }
      .site-header-right .nav-header ul li:last-child > a {
        padding-right: 0;
        margin-right: 0; } }

/** MEGAMENU
===================================*/
.nav-header ul li > ul.megamenu {
  width: 100%;
  min-width: 0;
  max-width: 730px; }

/*Hidden Select Menu responsive*/
.nav-header.nav-left select {
  display: none; }

@media (max-width: 995px) {
  .nav-header.nav-left select {
    display: inline-block;
    padding: 8px;
    width: 92%;
    max-width: 715px;
    line-height: 1.5em; }
    .nav-header.nav-left select .list-add {
      display: none !important; } }
.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .wrapper .wrapper-inner {
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0, 0.95);
            transition: all 500ms cubic-bezier(0.25, 0.1, 0, 0.95);
    position: relative;
    width: 100%;
    display: block;
    margin-right: 0; }
  .wrapper .mask-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 350ms ease;
            transition: all 350ms ease; }
  .wrapper .wrapper-active {
    /*margin-right: -40%;
    float: right; */
    margin-right: 0;
  }
    .wrapper .wrapper-active .mask-wrapper {
      opacity: 1;
      z-index: 11; }
    /*@media (max-width: 570px) {
      .wrapper .wrapper-active {
        margin-right: -60%; } }*/
  .wrapper .on-active-right .mask-wrapper {
    opacity: 1;
    z-index: 11; }

.nav-rwd-sidebar {
  /*width: 40%;*/
  width: 100%;
  z-index: 999;
  background-color: #5DAB77;
  position: fixed;
  /*height: 100%;*/
  height: 0;
  -webkit-transition: all 500ms ease;
          transition: all 500ms ease;
  /*padding: 15px 0 30px;*/
  padding: 0;
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-left: 30px; }
 /* @media (max-width: 570px) {
    .nav-rwd-sidebar {
      width: 60%; } }*/
  .nav-rwd-sidebar .close-sidebar {
    margin-bottom: 30px; }
  .nav-rwd-sidebar .nav-sidebar {
    margin-top: 50px; }
  .nav-rwd-sidebar ul {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    margin-top: 0;
    display: block !important; }
    .nav-rwd-sidebar ul li a, .nav-rwd-sidebar ul li span {
      font-size: 13px;
      text-transform: capitalize;
      padding: 8px 15px;
      display: block;
      font-weight: 600; }
    .nav-rwd-sidebar ul li span.cart-count {
      display: inline-block;
      padding-left: 0; }
    .nav-rwd-sidebar ul li a {
      border-bottom: 1px solid  #54986B;
      padding-left: 0;
      color: white; }
      .nav-rwd-sidebar ul li a .cart-count {
        display: inline-block;
        padding-left: 4px; }
    .nav-rwd-sidebar ul li ul {
      /*padding-left: 18px;*/
      margin-top: 0;
      display: block !important; }

/*.nav-rwd-sidebar {
  margin-left: -40%; }*/
  .nav-rwd-sidebar .btn-hide {
    margin-left: 0;
    margin-top: 32px;
    height: 42px;
    width: 42px;
    display: block;
    text-align: center;
    line-height: 42px;
    background-color: #555554;
    color: white;
    box-shadow: inset 0 0 0 2px #555554; }
    .nav-rwd-sidebar .btn-hide:hover, .nav-rwd-sidebar .btn-hide:focus {
      background-color: transparent;
      color: #555554; }
  /*@media (max-width: 570px) {
    .nav-rwd-sidebar {
      margin-left: -60%; } }*/
  .nav-rwd-sidebar.sidebar-active {
    margin-left: 0;
    margin-left: 0;
    height: 100%;
  }

.nav-sidebar-right {
  margin-right: -40%;
  right: 0;
  text-align: right; }
  @media (max-width: 570px) {
    .nav-sidebar-right {
      margin-right: -60%; } }
  .nav-sidebar-right .btn-hide {
    margin-right: 30px; }
  .nav-sidebar-right.sidebar-active {
    margin-right: 0; }
  .nav-sidebar-right ul li a, .nav-sidebar-right ul li span {
    padding-right: 30px; }

/** NAV IN MAIN
===================================*/
* {
  -webkit-appearance: none; }

@media screen and (max-width: 50em){
  .nav-inMain_wh{
    display: none;
  }
}
.nav-inMain, .nav-inMain_wh {
  color: #000000;
  background: #ececec;
  margin-bottom: 80px; }
  @media screen and (min-width: 50em) {
    .nav-inMain, .nav-inMain_wh {
      text-align: center; } }
  .nav-inMain ul, .nav-inMain_wh ul, .nav-inMain li, .nav-inMain_wh li {
    margin: 0;
    padding: 0;
    list-style: none; }
  @media screen and (max-width: 50em) {
    .nav-inMain ul, .nav-inMain_wh ul {
      background-color: #dfdfdf; } }
  .nav-inMain ul:before, .nav-inMain_wh ul:before, .nav-inMain ul:after, .nav-inMain_wh ul:after {
    content: '';
    display: table; }
  .nav-inMain ul:after, .nav-inMain_wh ul:after {
    clear: both; }
  .nav-inMain ul li, .nav-inMain_wh ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 11px 25px; }
    @media screen and (max-width: 50em) {
      .nav-inMain ul li, .nav-inMain_wh ul li {
        float: left;
        padding: 8px 25px;
        width: 50%;
        background-color: #dfdfdf; }
        .nav-inMain ul li:nth-of-type(odd), .nav-inMain_wh ul li:nth-of-type(odd) {
          border-right: 1px solid #b9b9b9; } }
    .nav-inMain ul li a, .nav-inMain_wh ul li a {
      display: block;
      position: relative;
      color: #8e8e8e;
      font-size: 16px; }
      .nav-inMain ul li a:after, .nav-inMain_wh ul li a:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -7px;
        width: 0;
        height: 1px;
        background: #000;
        transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear; }
        @media screen and (min-width: 50em) {
          .nav-inMain ul li a:after, .nav-inMain_wh ul li a:after {
            bottom: -1px; } }
    .nav-inMain ul li.active a, .nav-inMain ul li:hover a, .nav-inMain_wh ul li:hover a {
      color: #000; 
    }
      .nav-inMain ul li.active a:before, .nav-inMain_wh ul li.active a:before, .nav-inMain ul li:hover a:before, .nav-inMain_wh ul li:hover a:before {
        width: 100%; }

.nav-inMain_wh {
  background-color: white;
  text-transform: uppercase;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 60px; }
  .nav-inMain_wh ul li {
    padding: 8px 4%; }
    .nav-inMain_wh ul li a {
      font-size: 12px;
      color: #a8a8a8;
      display: inline-block;
      padding: 4px 8px; }
      .nav-inMain_wh ul li a:after {
        display: none; }
    @media screen and (max-width: 50em) {
      .nav-inMain_wh ul li {
        background-color: white; } }
    .nav-inMain_wh ul li:hover a {
      text-shadow: 0px 0px 0 #000; }

/** HOME
===================================*/
.layer-intro{
  max-width: 1600px;
  margin: 0 auto;
}
.section-banner {
  width: 100%;
  background-position: 27% 70%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  position: relative;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 1000px) {
    .section-banner {
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
    }
  }
  @media only screen and (min-width: 996px) and (max-width: 1199px){
  	.site-header-middle > .container{width: 100%; }
  }
  @media only screen and (min-width: 996px) and (max-width: 1012px){
  	.site-header-middle .nav-header > ul > li > a{
  		    margin-right: 0;
  	}
  }
  @media only screen and (min-width: 1000px) and (max-width: 1279px){
    .section-banner {
      min-height: 668px;
    }
  }
  @media only screen and (max-width: 500px) and (min-width: 300px) {
    .section-banner {
      background-size: 200% auto; }
  }

    .section-banner figure {
      position: relative;
      overflow: hidden;
      background-color: white;
      opacity: 0;
      visibility: hidden; }
      @media only screen and (max-width: 500px) and (min-width: 300px) {
         .section-banner figure {
            height: 300px;
          }

            .section-banner .btn-center .btn {
               min-width: 210px;
            }
      }

      @media screen and (max-width: 499px){
        .section-banner .btn-center .btn{
           min-width: 0;
        }
        .layer-intro .section-banner .btn-center .btn{
          min-height: 26px;
        }
      }



  .section-banner .banner-caption {
      position: absolute;
      text-align: center;
      z-index: 0;
      left: 0;
      right: 0;
      top: 40%;
  }

    .section-banner .banner-caption.colorWhite {
      color: white; }
      .section-banner .banner-caption.colorWhite h1 {
        color: white; }
  .section-banner h1 {
   font-size: 72px;
    color: black;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1em;
    text-shadow: 0 0 1px white;
    font-family:  "futura-pt", sans-serif;
    font-weight: 700;
  }
  @media only screen and (max-width: 1100px) and (min-width: 901px){
   .section-banner h1{
      font-size: 60px;
    }
  }
  @media only screen and (max-width: 900px) and (min-width: 701px){
    .section-banner h1{
      font-size: 53px;
    }
  }
  @media only screen and (max-width: 700px) and (min-width: 501px){
    .section-banner h1{
      font-size: 46px;
    }
  }
  @media only screen and (max-width: 500px){
    .section-banner h1{
      font-size: 30px;
    }
  }


/** LAYER INTRO
===================================*/
.NewDisclaimer {
  display: none;
  line-height: 1em;
  width: 300px;
  text-align: left;
  position: absolute;
  bottom: 20px;
  right: 15px;
  font-family: "futura-pt";
  font-size: 0.9em;
  text-shadow: 0 0 0 #000;
}
  @media screen and (min-width: 70em) {
    .NewDisclaimer {
      display: block; } }



/*====== REVIEW SECTION ======*/
.review-wrap {
  background-color: #f6f6f6;
  padding: 50px 0; }
  .review-wrap h2 {
    text-align: center;
    margin: 0;
    margin-bottom: 1.6em; }

.review-item {
  text-align: center;
  margin-bottom: 25px; }
  @media screen and (min-width: 55em) {
    .review-item {
      margin-bottom: 0; } }
  .review-item a {
    color: #141414; }
  .review-item .inside {
    max-width: 280px;
    margin: 0 auto; }
  .review-item figure {
    text-align: center;
    max-width: 280px;
    min-height: 185px;
    margin: 0 auto 15px;
    overflow: hidden;
    border: 1px solid transparent;
    background-color: #dddddd; }
  .review-item .coment {
    font-size: 1.2em;
    display: block; }
  .review-item:hover {
    border-color: darken #f6f6f6, 10%; }
    .review-item:hover a {
      color: #51a16c; }

/** PRODUCT OFFER
===================================*/
.offer-box {
  position: fixed;
  right: -400px;
  bottom: 0;
  width: 100%;
  max-width: 370px;
  padding: 18px 23px;
  z-index: 101;
  background-color: white;
  border-top: 8px solid #5aad75;
  -webkit-transition: all .7s ease-in-out;
          transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
          transition: all .7s ease-in-out;
  -webkit-transition: all .7s ease-in-out;
          transition: all .7s ease-in-out; }
  .offer-box.show {
    right: 0; }
  @media screen and (min-width: 28em) {
    .offer-box {
      border-top-left-radius: 5px; } }
  @media screen and (max-width: 380px) {
    .offer-box {
      text-align: center; }
      .offer-box .form-control {
        margin-bottom: 8px; } }
  .offer-box .offer-box_text {
    line-height: 1.4em;
    font-family: 'futura_ltheavy'; }
  .offer-box .offer-box__form {
    margin-bottom: 9px; }
  .offer-box .form-control {
    border: 1px solid #c5c5c5;
    display: inline-block;
    width: 75%;
    height: 42px;
    vertical-align: top;
    margin-right: 5px; }
    .offer-box .form-control::-webkit-input-placeholder {
      color: #b7b7b7;
      font-style: italic; }
    .offer-box .form-control :-moz-placeholder {
      /* Firefox 18- */
      color: #b7b7b7;
      font-style: italic; }
    .offer-box .form-control ::-moz-placeholder {
      /* Firefox 19+ */
      color: #b7b7b7;
      font-style: italic; }
    .offer-box .form-control :-ms-input-placeholder {
      color: #b7b7b7;
      font-style: italic; }
  .offer-box .btn-green, .offer-box .btn-greenBold {
    min-width: 0;
    color: white;
    padding: 9px 20px 13px;
    line-height: 1.3em; }
  .offer-box .offer-box__close {
    color: #b7b7b7;
    font-size: 0.8em;
    text-decoration: underline; }
    .offer-box .offer-box__close:hover {
      color: #b40c00; }


/** BLOG
===================================*/
.blogintro {
  margin-bottom: 37px; }

.blogintro__thumb {
  position: relative;
  height: 0;
  overflow: hidden;
  background-color: #f3f3f3;
  padding-bottom: 25%;
  text-align: center; }
  .blogintro__thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

/*====== HEADER NAV BLOG ======*/
.headnav-blog {
  text-align: center;
  padding-bottom: 8%; }
  .headnav-blog .headnav-blog__inner {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle; }
  @media screen and (min-width: 42em) {
    .headnav-blog .ddropdown {
      margin-right: 30px;
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle; } }

/** DROPDOWN
===================================*/
.ddropdown {
  width: 220px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  text-align: left;
  padding: 10px 0; }

.ddown-nav {
  background: #f3f3f3;
  display: block;
  padding: 3px 30px 4px 10px;
  border: 1px solid #838383;
  position: relative;
  color: #181a1c;
  overflow: hidden; }
  .ddown-nav span {
    cursor: pointer;
    display: block;
    padding: 5px; }
  .ddown-nav .ready {
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    padding: 0 13px;
    height: 100%; }
    .ddown-nav .ready:before {
      vertical-align: bottom;
      top: 32%;
      position: relative; }
    .ddown-nav .ready:hover:before {
      color: #6692f5; }

.ddown-list {
  position: relative; }
  .ddown-list ul {
    display: none;
    margin: 0;
    padding: 0;
    background: white;
    list-style: none;
    padding: 5px 0px;
    position: absolute;
    left: 0px;
    top: 2px;
    width: auto;
    width: 100%;
    border: 1px solid #f3f3f3;
    box-shadow: 1px 2px 5px 0px #A5A4A4;
    -moz-box-shadow: 1px 2px 5px 0px #A5A4A4;
    -webkit-box-shadow: 1px 2px 5px 0px #A5A4A4; }
    .ddown-list ul li {
      display: block; }
      .ddown-list ul li a {
        display: block;
        padding: 5px 16px;
        color: #181a1c; }
        .ddown-list ul li a:hover {
          background: #0d8755;
          color: white; }
  .ddown-list span.value {
    display: none; }

.rss-link {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  background: url("../images/rss.png") left top no-repeat;
  background-size: 22px;
  -moz-background-size: 22px;
  -webkit-background-size: 22px;
  padding-left: 30px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: black;
  text-align: left; }
  .rss-link:hover {
    -webkit-animation: shake .5s ease-in-out;
            animation: shake .5s ease-in-out; }

/*====== BLOG MAIN CONTENT ======*/
.blogitem {
  overflow: hidden;
  margin-bottom: 70px; }
  .blogitem .thumb {
    margin: 0 auto 25px;
    text-align: center;
    position: relative;
    height: 0;
    overflow: hidden;
    background-color: #f3f3f3;
    padding-bottom: 23.8%;
    width: 240px; }
    .blogitem .thumb img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    @media screen and (min-width: 40em) {
      .blogitem .thumb {
        margin: 0;
        margin-right: 38px;
        float: left;
        text-align: left; } }
  @media screen and (min-width: 40em) {
    .blogitem .desc {
      overflow: hidden; } }
  .blogitem header {
    margin-bottom: 20px; }
  .blogitem .meta-auth {
    font-size: 0.9em;
    display: block; }
  .blogitem .link-textblue {
    display: block;
    margin-top: 10px;
    text-align: center; }
    @media screen and (min-width: 40em) {
      .blogitem .link-textblue {
        text-align: left; } }

/** BLOG AUTHOR
===================================*/
.blog-author {
  padding-bottom: 55px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e5e5e5; }
  .blog-author:before, .blog-author:after {
    content: "";
    display: table; }
  .blog-author:after {
    clear: both; }

.blog-author__thumb {
  width: 180px;
  height: 180px;
  margin: 0 auto 25px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%; }
  .blog-author__thumb img {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%; }
  @media screen and (min-width: 40em) {
    .blog-author__thumb {
      margin: 0;
      margin-right: 38px;
      float: left;
      text-align: left; } }

@media screen and (min-width: 40em) {
  .blog-author__desc {
    overflow: hidden; } }
.blog-author__desc header {
  padding-bottom: 24px; }
.blog-author__desc .author-name {
  margin: 0;
  margin-bottom: 8px;
  font-family: 'futura_ltheavy';
  font-size: 37px; }
  @media screen and (min-width: 40em) {
    .blog-author__desc .author-name {
      font-size: 43px; } }
.blog-author__desc .author-as {
  font-style: italic;
  font: .9em; }

.author-favCoffee {
  margin-top: 40px;
  text-align: center; }
  @media screen and (min-width: 38em) {
    .author-favCoffee {
      text-align: left; } }
  .author-favCoffee li {
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 0 17px; }
    @media screen and (min-width: 38em) {
      .author-favCoffee li {
        text-align: left;
        padding: 0;
        margin-right: 60px; } }
  .author-favCoffee h4 {
    margin: 0;
    margin-bottom: 19px;
    font-size: 16px;
    font-family: 'futura_ltheavy';
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  .author-favCoffee .fav-thumb {
    position: relative;
    height: 0;
    overflow: hidden;
    background-color: #f3f3f3;
    width: 167px;
    padding-bottom: 99%;
    border: 1px solid #c9c9c9;
    margin: 0 auto 12px auto; }
    .author-favCoffee .fav-thumb img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    @media screen and (min-width: 38em) {
      .author-favCoffee .fav-thumb {
        margin: 0;
        margin-bottom: 12px; } }
  .author-favCoffee .detail {
    font-size: 0.9em; }
  .author-favCoffee .favCoffee__name {
    text-transform: uppercase;
    display: block; }
  .author-favCoffee .compos {
    color: black; }

/** BLOG DETAIL
===================================*/
.blog-single {
  padding-bottom: 50px; }
  .blog-single .post-dtl-share {
    margin-top: 80px; }

.link-backwrap {
  margin: 20px 0 80px;
  text-align: center; }

.link-back {
  color: black;
  font-size: 16px; }
  .link-back .fa:before {
    margin-right: 8px; }
  .link-back:hover {
    color: #0d8755; }
    .link-back:hover .fa:before {
      margin-right: 5px; }

.blog-single__head {
  margin-bottom: 40px; }
  .blog-single__head .title-bolddMd {
    margin-bottom: 17px; }
  .blog-single__head .meta-author {
    font-size: 18px; }

/*====== POST AUTHOR ======*/
.post-author {
  padding-bottom: 20px;
  margin-bottom: 25px; }
  .post-author.line-top {
    border-top: 1px solid #e5e5e5;
    padding-top: 40px; }
  .post-author .post-author__head {
    overflow: hidden;
    margin-bottom: 13px; }
  .post-author h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px; }
    .post-author h3 a {
      color: black;
      text-decoration: underline; }
      .post-author h3 a:hover {
        color: #0d8755; }
  .post-author .author-as {
    font-style: italic;
    font-size: 0.9em; }
  .post-author .post-author__img {
    width: 67px;
    padding-bottom: 67px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    background-color: #f3f3f3;
    margin: 0 auto 25px; }
    .post-author .post-author__img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    @media screen and (min-width: 40em) {
      .post-author .post-author__img {
        float: left;
        margin: 0;
        margin-right: 25px; } }
  .post-author .personal {
    text-align: center; }
    @media screen and (min-width: 40em) {
      .post-author .personal {
        overflow: hidden;
        text-align: left; } }

/** PAGINATE
===================================*/
.paginatewrap {
  text-align: center;
  margin: 0 auto 50px; }
  .paginatewrap .pagination {
    font-size: 0.9em; }
    .paginatewrap .pagination .fa {
      margin: 0 5px; }
  .paginatewrap .pagination > .active > a, .paginatewrap .pagination > .active > span, .paginatewrap .pagination > .active > a:hover, .paginatewrap .pagination > .active > span:hover, .paginatewrap .pagination > .active > a:focus, .paginatewrap .pagination > .active > span:focus {
    background-color: #0d8755;
    color: white; }
  .paginatewrap .pagination > li > a, .paginatewrap .pagination > li > span {
    border-color: #0d8755;
    color: #000000; }
  .paginatewrap .pagination > li {
    display: none; }
    @media screen and (min-width: 40em) {
      .paginatewrap .pagination > li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        float: left; } }
  .paginatewrap .pagination > li.button {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle; }

/** FAQ
===================================*/
.wide-banner {
  position: relative;
  min-height: 317px;
  padding: 87px 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  z-index: 5;
  text-align: center;
  margin-bottom: 46px; }
  /*.wide-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: -1; }*/
  .wide-banner article {
    text-align: center;
    max-width: 630px;
    text-align: center;
    color: white;
    margin: 0 auto; }
    .wide-banner article h2 {
      margin: 0;
      font-size: 29px;
      font-weight: 700;
      margin-bottom: 12px; }
    .wide-banner article .content-text {
      font-size: 23px; }
    .wide-banner article a {
      color: white; }
    .wide-banner article .link-mail {
      font-size: 20px;
      background: url("../images/mailto.png") 0 7px no-repeat;
      padding-left: 30px;
      background-size: 21px auto;
      -moz-background-size: 21px auto;
      -webkit-background-size: 21px auto; }

.faqmain-desc {
  margin-bottom: 50px;
  display: none; }

.faq-banner {
  background-image: url("../images/banner_wide_2.jpg"); }

.faqmain .title-xs {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cbcbcb; }
  .faqmain .title-xs .fa:before {
    font-size: 1.2em;
    vertical-align: middle;
    margin-right: 15px; }

.faqmain-item {
  margin-bottom: 25px; }
  .faqmain-item h4 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700; }

/** 404
===================================*/
.logo404 {
  padding: 25px 0;
  border-bottom: 1px solid #d5d9d8; }
  .logo404 figure {
    max-width: 115px;
    margin: 0 auto; }

.error-wrap {
  min-height: 580px; }
  .error-wrap .container {
    position: relative;
    z-index: 1; }
  .error-wrap .bg-coffee {
    width: 68%;
    margin: 0 auto 20px; }
    @media screen and (min-width: 73em) {
      .error-wrap .bg-coffee {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0; } }

.error-msg {
  max-width: 480px;
  margin: 0 auto;
  text-align: center; }
  @media screen and (min-width: 73em) {
    .error-msg {
      float: right;
      margin-top: 14%;
      margin-right: 120px;
      text-align: left; } }
  .error-msg h1 {
    font-size: 48px;
    font-weight: 300;
    margin: 0;
    margin-bottom: 25px;
    line-height: 1em; }
    @media screen and (min-width: 45em) {
      .error-msg h1 {
        font-size: 75px; } }
  .error-msg .content-text a {
    text-decoration: underline; }
  .error-msg .btn-green, .error-msg .btn-greenBold {
    margin-top: 25px; }

/** STORY
===================================*/
.ourmis-intro {
  text-align: center;
  margin-bottom: 60px; }
  .ourmis-intro .content-text {
    font-size: 23px;
    line-height: 1.6em; }

.ourmis-started {
  background: #e7f1ea;
  margin-bottom: 58px;
  overflow: hidden; }
  .ourmis-started .container {
    position: relative; }
  .ourmis-started .thumb {
    position: relative;
    height: 0;
    padding-bottom: 55%; }
    .ourmis-started .thumb img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    @media screen and (min-width: 48em) {
      .ourmis-started .thumb {
        padding-bottom: 37.6%; } }
    @media screen and (min-width: 62em) {
      .ourmis-started .thumb img {
        width: auto;
        left: -138px;
        max-width: none; } }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .ourmis-started .thumb img {
        left: -225px; } }

.ourmis-started__text {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media screen and (min-width: 62em) {
    .ourmis-started__text {
      float: right;
      padding-right: 80px; } }
  .ourmis-started__text h3 {
    margin: 0;
    margin-bottom: 1em;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase; }
  .ourmis-started__text .content-text {
    line-height: 1.8em; }

/** MISSION MADE
===================================*/
.ourmis-made {
  max-width: 630px;
  margin: 0 auto;
  margin-bottom: 80px; }

.ourmis-made__thumb {
  width: 35px;
  margin: 0 auto; }
  @media screen and (min-width: 42em) {
    .ourmis-made__thumb {
      float: left;
      margin-right: 30px; } }

@media screen and (min-width: 42em) {
  .ourmis-made__desc {
    overflow: hidden; } }

/*====== NEXT STEP ======*/
.next-step {
  text-align: center; }
  .next-step a {
    color: black; }
    .next-step a:hover {
      color: #52a46d; }
  .next-step .theline {
    position: relative;
    display: block;
    width: 10px;
    height: 53px;
    border-top: 1px solid black;
    margin: 0 auto 15px; }
    .next-step .theline:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      height: 100%;
      width: 1px;
      background-color: black; }

/** STORY PRODUCTION
===================================*/
.ourprod-land {
  overflow: hidden;
  margin-bottom: 60px; }
  .ourprod-land .title-xs-bold {
    margin-bottom: 50px;
    text-align: center; }
  .ourprod-land ul, .ourprod-land li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .ourprod-land .shopDtl-prodtext {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (min-width: 50em) {
      .ourprod-land .shopDtl-prodtext {
        margin-bottom: 50px; } }

.ourprod-item {
  text-align: center; }
  .ourprod-item:before, .ourprod-item:after {
    content: '';
    display: table; }
  .ourprod-item:after {
    clear: both; }
  .ourprod-item .inner {
    width: 88%;
    padding: 15px 10px;
    margin: 0 auto 15px;
    -transition: all 0.3s linear;
    -moz--transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear; }
    .ourprod-item .inner:hover {
      box-shadow: 0 0 10px #c8c7ce; }
    .ourprod-item .inner.cart-proditem .inner {
      width: 100%; }
  .ourprod-item a {
    color: black; }
    .ourprod-item a:hover {
      color: #4ca267; }
  .ourprod-item .thumb {
    width: 200px;
    height: 190px;
    overflow: hidden;
    margin: 0 auto 25px;
    vertical-align: middle; }
  .ourprod-item h4 {
    margin: 0;
    margin-bottom: 20px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'futura_ltextrabold', sans-serif;
    font-size: 17px; }
  @media screen and (min-width: 48em) {
    .ourprod-item .content-text {
      width: 60%;
      margin: 0 auto; } }

/** STORY TEAM
===================================*/
.storyTeam-intro {
  text-align: center;
  max-width: 800px;
  margin: 0 auto  60px; }
  .storyTeam-intro .content-text {
    font-size: 21px;
    line-height: 1.5em; }

.sTeam-wrap {
  max-width: 630px;
  margin: 0 auto 60px;
  text-align: center; }
  .sTeam-wrap ul, .sTeam-wrap li {
    list-style: none; }
  .sTeam-wrap ul {
    margin: 0;
    padding: 0; }

.list-steam {
  margin: 0;
  padding: 0;
  margin-bottom: 35px;
  overflow: hidden; }
  .list-steam a {
    color: black; }
    .list-steam a:hover {
      color: #51a46c; }
  .list-steam figure {
    width: 175px;
    height: 175px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 17px; }
  .list-steam .name {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    font-weight: normal;
    font-family: "futura_ltbold";
    text-transform: uppercase; }
  .list-steam .as {
    border-left: 1px solid black;
    padding-left: 8px;
    margin-left: 8px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    text-transform: uppercase; }

/** SUBSCRIBTION
===================================*/
.subs-box {
  overflow: hidden;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #d0d0d0;
  padding: 0 30px;
  background: white; }

.subs-head {
  max-width: 600px;
  margin: 0 auto 60px;
  text-align: center; }
  .subs-head .content-text {
    font-size: 19px; }

.subs-boxhead {
  background-color: #f2f2f2;
  padding: 18px 25px;
  margin-left: -30px;
  margin-right: -30px;
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  cursor: pointer;
  margin-top: -1px; }
  .subs-boxhead.active {
    background-color: #555554;
    border-bottom: 0; }
    .subs-boxhead.active h2 {
      color: white; }
  @media screen and (min-width: 50em) {
    .subs-boxhead {
      padding: 25px 48px; } }
  .subs-boxhead h2 {
    font-size: 18px;
    margin: 0;
    line-height: 1.4em; }
    .subs-boxhead h2 span {
      display: inline-block;
      width: 38px; }
    @media screen and (min-width: 50em) {
      .subs-boxhead h2 {
        font-size: 22px; }
    }

.subs-boxItem .total-select {
  text-align: center;
  font-size: 17px;
  margin: 0;
  margin-bottom: 40px; }
.subs-boxItem.subs-pod .subsItem li.list-prod {
  width: 48%;
  padding: 0 18px; }
  @media screen and (max-width: 35em) {
    .subs-boxItem.subs-pod .subsItem li.list-prod {
      width: 100%;
      display: block; } }
  @media screen and (min-width: 68em) {
    .subs-boxItem.subs-pod .subsItem li.list-prod {
      width: 33%; } }
.subs-boxItem.subs-coffee .subsItem li.list-prod {
  width: 48%;
  vertical-align: top; }
  @media screen and (max-width: 35em) {
    .subs-boxItem.subs-coffee .subsItem li.list-prod {
      width: 100%;
      display: block; } }
  @media screen and (min-width: 68em) {
    .subs-boxItem.subs-coffee .subsItem li.list-prod {
      width: 33%;
      padding: 0 3.1%; } }
.subs-boxItem.subs-coffee .subsItem .thumb-box {
  padding-bottom: 25px; }
  .subs-boxItem.subs-coffee .subsItem .thumb-box:before {
    display: none; }

/*====== SUBSCRIBTION METHOD ======*/
.subsItem {
  padding: 40px 0 23px; }

  @media screen and (min-width: 35em){
    .subsItem {
      padding: 20px 0 15px; }

    .subsItem .space30, .subs-boxItem .space45{
       height: auto;
    }
  }

  .subsItem ul, .subsItem li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .subsItem ul li.list-prod {
    display: inline-block;
    width: 48%;
    padding: 0 15px;
    margin-bottom: 25px;
    cursor: pointer;
    vertical-align: top;
    text-align: center; }
    @media screen and (max-width: 35em) {
      .subsItem ul li.list-prod {
        width: 100%;
        display: block; } }
    @media screen and (min-width: 68em) {
      .subsItem ul li.list-prod {
        width: 24%; } }
    .subsItem ul li.list-prod .thumb {
      text-align: center;
      height: 200px;
      overflow: hidden;
      border: 1px solid #d0d0d0;
      margin-bottom: 15px;
      position: relative;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      padding-top: 15px; }
      @media screen and (min-width: 68em) {
        .subsItem ul li.list-prod .thumb {
          padding-top: 0; }
          .subsItem ul li.list-prod .thumb:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%; } }
    .subsItem ul li.list-prod .thumb-box {
      border: 1px solid #d0d0d0;
      min-height: 250px;
      position: relative;
      margin-bottom: 15px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px; }
      .subsItem ul li.list-prod .thumb-box:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
      .subsItem ul li.list-prod .thumb-box img {
        margin-bottom: 10px; }
    .subsItem ul li.list-prod.selected .thumb {
      border: 1px solid #0067b3; }
    .subsItem ul li.list-prod.selected .captext {
      color: #0067b3; }
    .subsItem ul li.list-prod.selected .choSen {
      opacity: 1;
      visibility: visible; }
    .subsItem ul li.list-prod.selected .thumb-box {
      border: 1px solid #0067b3; }

.choSen {
  position: absolute;
  top: 0;
  right: 0;
  color: #0067b3;
  font-size: 19px;
  margin-top: -2px;
  display: block;
  margin-right: -1px;
  opacity: 0;
  visibility: hidden;
  z-index: 100; }

.priceVarian {
  display: block; }
  .priceVarian .price-other, .priceVarian .price-our {
    display: inline-block;
    vertical-align: middle; }
  .priceVarian .price-other {
    font-size: 27px;
    font-weight: 400;
    line-height: 0.8em; }
    .priceVarian .price-other small {
      font-size: 11px;
      color: #606060;
      display: block; }
  .priceVarian .price-our {
    font-size: 27px;
    font-family: 'futura_ltextrabold'; }

.group-count {
  margin-top: 15px; }
  .group-count button {
    background: none;
    border: none;
    color: white;
    background: #5c5c5c;
    padding-right: 9px;
    padding-left: 9px; }
  .group-count input[type='text'] {
    border: 1px solid #c5c5c5;
    width: 43px;
    text-align: center;
    height: 33px;
    padding: 8px 7px; }

/*====== TABLE REVIEW ======*/
.tb-subsRev {
  padding: 30px 0; }
  .tb-subsRev .fa-times {
    color: #cccccc;
    display: inline-block;
    margin-left: 3px;
	font-size:22px;
	}
    .tb-subsRev .fa-times:hover {
      color: #E44D4D;
	  }
  .tb-subsRev .table th {
    border-top: 0;
    font-weight: 400;
    text-transform: uppercase;
    color: #989898;
    font-size: 13px;
    text-align: center;
    padding-bottom: 14px; }
    .tb-subsRev .table th:last-child {
      text-align: right; }
    .tb-subsRev .table th:first-child {
      text-align: left; }
  .tb-subsRev .table td {
    font-size: 14px;
    font-weight: normal;
    padding: 25px 8px;
    vertical-align: middle;
    text-align: center; }
    .tb-subsRev .table td:first-child {
      text-align: left; }
    .tb-subsRev .table td:last-child {
      text-align: right;
    }

    @media screen and (max-width: 767px){
       .tb-subsRev .table td:last-child {
            text-align: left !important;
        }
        .tb-subsRev .table  td.actions{
           white-space: normal;
        }
         .tb-subsRev .table  td.actions input[type="submit"]{
            min-width: 177px;
         }
         .tb-subsRev .table  td.actions .coupon{

         }

         /*.tb-subsRev .table  td.actions .btn{
            padding-right: 15px;
            padding-left: 15px;
         }*/

         input#coupon_code, .giftcard input#giftcard_code{
          margin-bottom: 15px;
          vertical-align: top;
         }

         .giftcard{
            margin-left: 3px !important;
         }

         td.actions input#coupon_code{
            height: 46px;
            vertical-align: top;
         }
    }


    @media screen and (max-width: 38em){
         .tb-subsRev .table  td.actions input[type="submit"]{
            min-width: 0;
         }
         .tb-subsRev .table td.actions .btn{
            padding-left: 8px !important
         }
    }

     @media screen and (max-width: 454px){
         .tb-subsRev .table  td.actions{
           text-align: left;
         }
     }


  .tb-subsRev .tb-subRev__thumb {
      width: 100px;
      overflow: hidden;
      margin-bottom: 15px;
      display: none;
    }

    @media screen and (min-width: 991px){
      .tb-subsRev .tb-subRev__thumb {
        float: left;
        margin: 0;
        margin-right: 25px;
        display: block;
      }
    }
  .tb-subsRev .tb-subRev__desc {
    overflow: hidden;
    white-space: normal; }
    .tb-subsRev .tb-subRev__desc h4 {
      font-weight: normal;
      font-family: "futura_ltbold";
      font-size: 16px;
      margin: 0;
      margin-bottom: 8px;
      line-height: 1.3em; }
    .tb-subsRev .tb-subRev__desc h5 {
      font-weight: normal;
      font-family: "futura_ltbold";
      font-size: 15px;
      margin: 0;
      margin-bottom: 8px;
      line-height: 1.3em; }
    .tb-subsRev .tb-subRev__desc span {
      font-size: 14px; }

.group-btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle; }

.group-qty {
  text-align: center; }
  .group-qty .btn-circle {
    height: 20px;
    width: 20px;
    line-height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #cfcfcf;
    background-color: transparent;
    text-align: center;
    color: #cfcfcf;
    transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
    -webkit-appearance: none;
    overflow: hidden;
    padding: 0; }

    @media screen and (max-width: 991px){
      .group-qty .btn-circle{
        display: none;
      }
    }

    .group-qty .btn-circle span {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
      position: relative; }
    .group-qty .btn-circle.btn-pluss span {
      left: -1px;
      top: -1px; }

  .group-qty input[type="text"],
  .group-qty input[type="number"] {
    max-width: 70px;
    text-align: center;
    margin: 0 5px;
    padding: .3em 0em;
    border: none;
    background: white;
    border: 1px solid #cfcfcf; }

    .QuickAddForm .group-qty .Quantity input[type="text"],
    .QuickAddForm .group-qty .Quantity input[type="number"]{
      padding: .34em 0em;
   }

.tb-subtotal .subtotal_text {
  margin-right: 40px;
  text-transform: uppercase;
  color: #c5c5c5; }
.tb-subtotal .subtotal_price {
  font-family: "futura_ltbold";
  font-size: 23px; }
.tb-subtotal .subtotal_prices {
  font-size: 20px; }

.ct-target .text-center {
  margin-top: 25px; }

/** ACCOUNT
===================================*/
.account-wrap {
  padding-bottom: 60px; }

@media screen and (min-width: 62em) {
  .content-acc .inside {
    padding-left: 11%; } }

.acc-infoBox {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 38px;
  margin-bottom: 30px; }
  .acc-infoBox .acc-infoBox__line {
    border: 1px solid #d3d3d3;
    text-align: center;
    color: black;
    font-size: 14px; }
  .acc-infoBox .acc-infoBox__in {
    display: block;
    width: 100%;
    padding: 25px 15px 20px;
    vertical-align: top; }
    @media screen and (min-width: 45em) {
      .acc-infoBox .acc-infoBox__in {
        display: inline-block;
        width: 48%; } }
    .acc-infoBox .acc-infoBox__in h4 {
      margin: 0;
      line-height: 1em;
      margin-bottom: 8px;
      font-size: 40px;
      font-weight: normal;
      font-family: 'futura_ltheavy'; }
    .acc-infoBox .acc-infoBox__in .subtext, .acc-infoBox .acc-infoBox__in .share-reward {
      display: block; }
    .acc-infoBox .acc-infoBox__in .subtext {
      font-size: 13px;
      letter-spacing: 0.2em;
      font-family: 'futura_ltheavy'; }
    .acc-infoBox .acc-infoBox__in a.link-infoBox {
      color: black;
      text-decoration: underline; }
      .acc-infoBox .acc-infoBox__in a.link-infoBox:hover {
        color: #53a46c; }
    .acc-infoBox .acc-infoBox__in .text-box {
      background: #e5eeee;
      color: black;
      border: 1px solid #ccdede;
      display: inline-block;
      margin: 0 3px;
      padding: 1px 5px;
      border-radius: 3px;
      overflow: auto;
      vertical-align: middle; }
    .acc-infoBox .acc-infoBox__in:first-of-type {
      border-bottom: 1px solid #d3d3d3; }
      @media screen and (min-width: 45em) {
        .acc-infoBox .acc-infoBox__in:first-of-type {
          border-bottom: none;
          border-right: 1px solid #d3d3d3; } }

.acc-row {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 25px; }

.acc-row__head {
  position: relative;
  font-size: 13px;
  margin-bottom: 32px; }
  .acc-row__head .acc-row__label {
    display: block;
    text-transform: uppercase;
    font-family: 'futura_ltheavy'; }
    .acc-row__head .acc-row__label small {
      color: #999999;
      font-size: 16px;
      font-style: italic;
      font-family: 'futura_ltlight';
      text-transform: none;
      display: block; }
  .acc-row__head .acc-row__edit {
    position: absolute;
    top: 10px;
    right: 0;
    color: #999999;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: underline; }
    .acc-row__head .acc-row__edit .fa {
      font-size: 20px; }
    .acc-row__head .acc-row__edit:hover {
      color: #53a46c; }

.cc-row__form {
  display: none;
  padding-bottom: 25px; }

/** ACCOUNT ORDER
===================================*/
.table-order {
  font-size: 13px; }
  .table-order .table th {
    border-top: 0;
    border-bottom: 1px solid #cccccc;
    font-weight: normal;
    font-family: 'futura_ltheavy'; }
  .table-order .table td {
    border: none;
    padding: 10px 8px; }

/** ACCOUNT ADDRESS
===================================*/
.acc-address__new .btn-action {
  text-align: right; }

.acc_addForm {
  margin-top: 25px;
  display: none;
  padding-bottom: 25px; }

.acc_editLink {
  color: #999999;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: underline; }
  .acc_editLink .fa {
    font-size: 20px; }
  .acc_editLink:hover {
    color: #53a46c; }

.acc-addsBox {
  border: 1px solid #cdcdcd;
  padding: 10px 17px;
  margin-bottom: 12px;
  vertical-align: top; }
  .acc-addsBox .table {
    margin-bottom: 0; }
    .acc-addsBox .table td {
      border: none;
      font-size: 14px;
      position: relative; }
      .acc-addsBox .table td .name {
        font-weight: normal;
        font-weight: 700; }
      .acc-addsBox .table td:last-child {
        vertical-align: middle; }
      .acc-addsBox .table td.acc-actionBox-td {
        vertical-align: top; }
       .acc-addsBox .table td.acc-actionBox-td .fa {
        font-size: 14px;
      }

.shipAdd-boxes .acc-addsBox,
.cardAdd-boxes .acc-addsBox {
  margin-bottom: 0;
  margin-top: -1px; }

/** ACCOUNT CARD
===================================*/
.acc-refertext {
  margin-bottom: 20px; }

.card-thumb {
  max-width: 50px;
  padding-top: 6px; }

.acc-referRow {
  margin-bottom: 30px; }
  .acc-referRow h4 {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 700; }
  .acc-referRow .urlBox {
    display: block;
    border: 1px solid #cdcdcd;
    padding: 8px 15px;
    font-size: 14px;
    background-color: white; }
  .acc-referRow .acc_referForm {
    margin-top: 8px; }

.fade_form {
  display: none; }

.arr-tbToggle {
  background: #ebebeb;
  color: #bcbcbc;
  display: block;
  width: 27px;
  height: 27px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-align: center;
  font-size: 21px;
  line-height: 0.9em; }
  .arr-tbToggle:hover {
    background: #53a46c;
    color: white; }
  .arr-tbToggle .fa {
    vertical-align: middle;
    padding-top: 2px; }

.acc-actionBox a {
  color: #999999;
  display: inline-block; }
  .acc-actionBox a:hover {
    color: #5DAB77; }
.acc-actionBox .makeDefault {
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 0.8em; }
  @media screen and (min-width: 48em) {
    .acc-actionBox .makeDefault {
      position: absolute;
      bottom: 0;
      top: auto;
      right: 0;
      width: 100%; } }
.acc-actionBox span.makeDefault { text-decoration: none; }
.acc-actionBox .acc-action-btn a {
  margin-left: 5px;
  text-decoration: none; }

/** SHOP
===================================*/
.shop-land {
  padding-bottom: 70px;
  overflow: hidden; }

.shop-landItem {
  text-align: center;
  margin-bottom: 30px; }
  .shop-landItem .inner {
    max-width: 300px;
    margin: 0 auto; }
    .shop-landItem .inner:hover a {
      color: #23527c; }
  .shop-landItem a {
    color: #000000; }
  .shop-landItem figure {
    margin-bottom: 0;
    border: 1px solid transparent;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out; }
    .shop-landItem figure:hover {}
  .shop-landItem .desc {
    font-size: 13px;
    line-height: 1.6em; }
    .shop-landItem .desc .composition {
      display: block; }
    .shop-landItem.categories:hover h3{
      font-weight:bold;
      color: #5dab77;
    }
    .shop-landItem.categories:hover h3::before{
       display:block;
      content:attr(title);
      font-weight:bold;
      height:1px;
      color:transparent;
      overflow:hidden;
      visibility:hidden;
      margin-bottom:-1px;
    }

.shop-landItem.contentProd figure{
  margin-bottom: 10px;
}
.shop-landItem .price{
    font-weight: 700;
    font-family: georgia;
    margin: 0.5em 0 1em 0;
    font-size: 16px;
}

/** SHOP DETAIL
===================================*/
.shopdtl-titleWrap {
  position: relative;
  text-align: center;
  z-index: 1;
  margin-bottom: 50px; }

  @media screen and (max-width: 767px){
    .shopdtl-titleWrap{
      margin-bottom: 20px;
    }
  }
  .shopdtl-titleWrap:before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #e5e5e5;
    position: absolute;
    top: 30%;
    left: 0;
    z-index: -1; }
  .shopdtl-titleWrap .shopdtl-title {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    background-color: white;
    padding: 0 30px; }
    .shopdtl-titleWrap .shopdtl-title h2 {
      margin: 0;
      font-size: 26px;
      text-transform: uppercase;
      line-height: 1.3em;
      font-weight: normal;
      letter-spacing: 0.15em; }
    .shopdtl-titleWrap .shopdtl-title .subtle {
      font-size: 14px;
      font-style: italic; }

.shopdtl-cart {
  padding-bottom: 50px; }

.shopdtl-cart__thumb {
  text-align: center;
  margin-bottom: 40px; }
  @media screen and (min-width: 48em) {
    .shopdtl-cart__thumb {
      margin-bottom: 0; } }
  .shopdtl-cart__thumb figure {
    position: relative;
    height: auto;
    overflow: hidden;
    background-color: #f3f3f3;
    background: white;
    /*padding-bottom: 61%;*/ }
    @media screen and (min-width: 48em) {
      .shopdtl-cart__thumb figure {
        margin-right: 15px; } }
    .shopdtl-cart__thumb figure img {
      /*position: absolute;*/
      top: 0;
      left: 0;
      /*width: 100%;*/ }
    .shopdtl-cart__thumb figure img {
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto; }

.shopdtl-cart__desc .table tr td {
  border-color: #bad9c4;
  padding-left: 0;
  padding-right: 0; }
.shopdtl-cart__desc .price {
  font-size: 23px;
  color: #5c5c5c;
  font-family: 'futura_ltheavy';
  margin-bottom: 28px; }
  .shopdtl-cart__desc .price .tot_pod {
    font-size: 15px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    vertical-align: bottom;
    font-family: 'futura_ltregular'; }
.shopdtl-cart__desc .dtlprod {
  margin-bottom: 8px; }
  .shopdtl-cart__desc .dtlprod ul li {
    position: relative;
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 15px; }
    .shopdtl-cart__desc .dtlprod ul li:before {
      content: '-';
      position: absolute;
      left: 0;
      top: 0; }
.shopdtl-cart__desc .radiowrap {
  margin: 10px 0; }
.shopdtl-cart__desc .radio {
  color: #595959;
  margin: 0;
  font-size: 13px;
  margin-bottom: 8px; }
  .shopdtl-cart__desc .radio strong {
    color: #595959;
    margin-bottom: 4px;
    font-weight: normal;
    font-family: 'futura_ltheavy'; }
  .shopdtl-cart__desc .radio p {
    margin-bottom: 0; }
.shopdtl-cart__desc .label-text {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 13px;
  font-family: 'futura_ltheavy'; }
.shopdtl-cart__desc .group-qty {
  text-align: right; }
.shopdtl-cart__desc .btn-green, .shopdtl-cart__desc .btn-greenBold {
  width: 100%;
  margin-top: 10px; }

.satisfac {
  border-top: 1px solid #e5e5e5;
  padding: 60px 0 80px; }

.satisfac__desc {
  text-align: center;
  margin-bottom: 25px; }
  @media screen and (min-width: 48em) {
    .satisfac__desc {
      text-align: left;
      margin-bottom: 0; }
      .satisfac__desc .inside {
        max-width: 480px; } }
  .satisfac__desc h2 {
    margin: 0;
    margin-bottom: 23px;
    font-size: 22px;
    font-family: 'futura_ltheavy'; }
  .satisfac__desc .content-text {
    margin-bottom: 15px; }

.satisfac__logo {
  text-align: center; }
  .satisfac__logo figure {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 15px; }
  .satisfac__logo .content-text {
    font-size: 14px;
    font-family: 'futura_ltheavy';
    line-height: 1.4em;
    color: #ea7b0f; }

/** ASIDE
===================================*/
.account-menu {
  margin-bottom: 30px; }
  @media screen and (min-width: 62em) {
    .account-menu {
      margin-bottom: 0; } }
  .account-menu ul, .account-menu li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .account-menu li {
    display: block;
    margin-bottom: 5px; }
    .account-menu li a {
      color: #b9b9b9;
      font-family: 'futura_ltheavy';
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      display: block;
      padding: 12px 0 15px;
      border-bottom: 1px solid; }
      .account-menu li a:hover {
        color: black; }
      .account-menu li a:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.3em;
        vertical-align: middle;
        width: 30px;
        display: inline-block; }
      .account-menu li a.fa-user:before {
        font-size: 20px; }
      .account-menu li a.fa-clock-o:before {
        font-size: 21px; }
      .account-menu li a.fa-map-marker:before {
        font-size: 24px; }
      @media screen and (min-width: 62em) {
        .account-menu li a {
          border-bottom: 0; } }
    .account-menu li.active a {
      color: black; }
    .account-menu li:last-child a {
      border-bottom: 0; }
    @media screen and (min-width: 62em) {
      .account-menu li {
        margin-bottom: 15px; }
        .account-menu li:last-child {
          margin-top: 70px; } }

/** ASIDE CHECKOUT
===================================*/
@media screen and (min-width: 62em) {
  .asideInner {
    padding-left: 68px; } }

.ship-summary {
  border: 2px solid #e0e0e0;
  padding: 18px;
  margin-bottom: 30px; }
  @media screen and (min-width: 48em) {
    .ship-summary {
      padding: 25px; } }

.ship-summary h4 {
  font-size: 16px;
  font-family: 'futura_ltheavy';
  margin: 0;
  margin-bottom: 22px; }
.ship-summary .table td {
  border: none;
  font-size: 13px;
  padding: 4px 8px; }
  .ship-summary .table td:first-child {
    padding-left: 0; }
  .ship-summary .table td .coupon {
    text-decoration: underline; }

/** TOOLTIP STYLE
===================================*/
.tip {
  color: #fff;
  background: #1d1d1d;
  display: none;
  /*--Hides by default--*/
  padding: 10px;
  position: absolute;
  z-index: 1000;
  border-radius: 3px; }

/** CHECKOUT
===================================*/
.login-form .form-control {
  height: 48px; }
.login-form .loginRadio {
  margin: 40px 0 20px 0; }

.woocommerce #payment .form-row select#wc-autoship-braintree-cc-expiration-year,
.woocommerce #payment .form-row select#wc-autoship-braintree-cc-expiration-month {
  width: 100%;
}
.woocommerce-page .cart-collaterals h2 {
    margin-top: 0;
}

.ship-nav {
  background-color: #efefef;
  overflow: hidden;
  padding: 30px 0;
  margin-bottom: 40px;
  text-align: center; }
  .ship-nav .box {
    position: relative;
    z-index: 1;
    font-size: 14px;
    margin-bottom: 15px;
    font-family: 'futura_ltheavy'; }
    .ship-nav .box:last-of-type {
      margin-bottom: 0; }
    .ship-nav .box.lined:after {
      content: '';
      z-index: -1;
      display: none;
      position: absolute;
      width: 210px;
      left: 25px;
      right: 0;
      top: 25%;
      height: 1px;
      background-color: #c3c3c3; }
      @media screen and (min-width: 45em) {
        .ship-nav .box.lined:after {
          display: block; } }
    @media screen and (min-width: 45em) {
      .ship-nav .box {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        margin: 0 50px; } }
    .ship-nav .box .numb {
      display: block;
      margin: 0 auto 8px;
      width: 33px;
      height: 33px;
      background-color: #ffffff;
      color: #c3c3c3;
      border: 1px solid #c3c3c3;
      line-height: 33px; }
      .ship-nav .box .numb:before {
        content: '';
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        height: 100%; }
    .ship-nav .box .text {
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 0.1em;
      color: #a4a4a4; }
    .ship-nav .box.active .numb {
      background-color: #53a56c;
      color: white;
      border-color: #53a56c; }
    .ship-nav .box.active .text {
      color: #000000; }

@media screen and (max-width: 62em) {
  .form-shipAdd .leftside {
    margin-bottom: 30px; } }

.f-headtext {
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 35px; }
  .f-headtext h5 {
    font-size: 17px;
    font-family: 'futura_ltheavy';
    margin-bottom: 5px;
    text-align: center; }
  .f-headtext .f-headtext__link {
    text-align: center;
    color: #0067b3;
    display: block; }
    .f-headtext .f-headtext__link:hover {
      color: #53a56c; }
  @media screen and (min-width: 45em) {
    .f-headtext h5 {
      float: left;
      margin-bottom: 0;
      text-align: left; }
    .f-headtext .f-headtext__link, .f-headtext .right {
      float: right;
      text-align: right; } }

.hideSibling {
  display: none; }



/** OFFICE DELIVERY
===================================*/
.hero-offDel {
  background: #ffffff url("../images/banner5.jpg") 0 0 no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  min-height: 317px;
  margin-bottom: 60px; }

.hero-offDel__desc {
  padding: 8% 0;
  text-align: right;
  max-width: 600px;
  word-wrap: break-word;
  margin: 0 auto; }
  @media screen and (min-width: 48em) {
    .hero-offDel__desc {
      float: right; } }
  .hero-offDel__desc h2 {
    font-weight: normal;
    letter-spacing: 0.1em;
    font-size: 25px;
    line-height: 1.3em;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px; }
    @media screen and (min-width: 48em) {
      .hero-offDel__desc h2 {
        font-size: 32px;
        background: transparent;
        padding: 0; } }
  .hero-offDel__desc .hero_offDel-point ul li {
    font-size: 13px;
    margin: 0 8px;
    text-transform: uppercase; }
    .hero-offDel__desc .hero_offDel-point ul li:before {
      margin-right: 7px; }
    @media screen and (min-width: 48em) {
      .hero-offDel__desc .hero_offDel-point ul li {
        margin: 0;
        margin-left: 14px; } }

.coffee-plans {
  margin-bottom: 60px; }
  .coffee-plans ul {
    overflow: hidden; }
    .coffee-plans ul li {
      text-align: center;
      margin-bottom: 30px; }
      @media screen and (min-width: 48em) {
        .coffee-plans ul li {
          margin-bottom: 0; } }
      @media screen and (min-width: 55em) {
        .coffee-plans ul li .inside {
          width: 75%;
          margin: 0 auto;
          overflow: hidden; } }
      .coffee-plans ul li .numb {
        display: block;
        padding: 0;
        width: 93px;
        height: 93px;
        line-height: 93px;
        background-color: #cdcdcd;
        color: white;
        font-size: 47px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        margin: 0 auto 30px; }
      .coffee-plans ul li .coffee-plans__name {
        font-size: 17px;
        font-family: 'futura_ltheavy';
        display: block;
        margin-bottom: 15px; }

.coffee-action {
  max-width: 900px;
  overflow: hidden;
  margin: 0 auto; }

.coffact-box {
  text-align: center;
  border: 1px solid #dedede;
  margin-bottom: 15px;
  font-size: 18px; }
  .coffact-box .inside {
    padding: 8% 10%; }
  @media screen and (min-width: 62em) {
    .coffact-box:first-of-type {
      border-right: none; } }
  .coffact-box h5 {
    margin: 0;
    font-size: 17px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'futura_ltheavy';
    letter-spacing: 0.15em; }
  .coffact-box .btn-green, .coffact-box .btn-greenBold {
    min-width: 265px; }

.spreadbox {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  background: white;
  padding: 18px;
  display: none; }
  @media screen and (min-width: 50em) {
    .spreadbox {
      padding: 50px; } }
  .spreadbox h3 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 18px;
    text-transform: uppercase;
    font-family: 'futura_ltheavy';
    letter-spacing: 0.15em; }
  .spreadbox .content-text {
    font-size: 18px;
    margin-bottom: 40px; }
  .spreadbox .spreadform {
    overflow: hidden; }
    .spreadbox .spreadform .form-control {
      border: 1px solid #53a46c; }
    .spreadbox .spreadform .btn-green, .spreadbox .spreadform .btn-greenBold {
      min-width: 260px; }
  .spreadbox .spreadbox_term {
    padding: 25px 30px;
    background: #f4f4f4;
    margin: 30px 0; }
    .spreadbox .spreadbox_term .input-line {
      border: none;
      border-bottom: 1px solid #5c5c5c;
      padding: 5px 8px 0;
      background-color: transparent; }

/*====== POPUP ======*/
.fancybox-skin {
  background: transparent; }

.fancybox-opened .fancybox-skin {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none; }

.fancybox-close {
  top: 0;
  right: 0; }

.offdeliver-head {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 50px; }
  .offdeliver-head .title-xl {
    text-transform: uppercase;
    letter-spacing: 0.15em; }
  .offdeliver-head P {
    font-size: 18px; }

.offdelivTb .table tr th {
  border: none;
  border-top: 2px solid #E2E1E1;
  border-bottom: 2px solid #E2E1E1;
  text-transform: uppercase;
  font-family: 'futura_ltregular';
  font-size: 16px;
  color: #9e9e9e;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding-top: 10px;
  letter-spacing: 0.1em; }
  .offdelivTb .table tr th:first-child, .offdelivTb .table tr th:last-child {
    padding-left: 28px; }
.offdelivTb .table tr td {
  border-top: 0;
  font-size: 16px; }
  .offdelivTb .table tr td:first-child, .offdelivTb .table tr td:last-child {
    padding-left: 28px; }
  .offdelivTb .table tr td.offdelivTb-title-tb {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding-bottom: 16px;
    padding-top: 22px; }
  .offdelivTb .table tr td .offdelivTb-thumb {
    max-width: 98px;
    margin-bottom: 15px; }
    @media screen and (min-width: 48em) {
      .offdelivTb .table tr td .offdelivTb-thumb {
        float: left;
        margin-right: 25px;
        margin-bottom: 0; } }
  @media screen and (min-width: 48em) {
    .offdelivTb .table tr td .offdelivTb-desc {
      overflow: hidden; } }
  .offdelivTb .table tr td .offdelivTb-desc h5 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 6px; }
  .offdelivTb .table tr td .offdelivTb-desc p {
    font-size: 13px;
    color: #939393; }
  .offdelivTb .table tr td.tbline {
    border-bottom: 2px solid #E2E1E1; }
  .offdelivTb .table tr td.totalprice {
    font-family: 'futura_ltheavy'; }
  .offdelivTb .table tr td .btn-green, .offdelivTb .table tr td .btn-greenBold {
    min-width: 200px;
    margin-top: 30px; }

/** TOGGLE DESCRIPTION SECTION
===================================*/
.descToggle {
  background-color: #f6f6f6;
  margin-top: -30px;
  padding-bottom: 50px; }
  .descToggle .nav-descToggle {
    text-align: center;
    width: 100%;
    }
   .descToggle .nav-descToggle .descToggle-nav{
      background: url("../images/toggle.png") left top no-repeat;
      background-size: 40px auto;
      -moz-background-size: 40px auto;
      -webkit-background-size: 40px auto;
      display: inline-block;
      font-size: 40px;
      width: 40px;
      height: 50px;
      cursor: pointer;
  }
  .descToggle .content-descToggle {
    /*display: none;*/
    padding-top: 25px;
}
  .descToggle .content-text {
    margin-bottom: 30px; }
  .descToggle .vidwrap {
    position: relative;
    padding-bottom: 45%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
    .descToggle .vidwrap object, .descToggle .vidwrap embed, .descToggle .vidwrap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/** SATISFACTION GUARANTEE
===================================*/
.satisfa-splash {
  margin-bottom: 50px; }
  @media screen and (min-width: 50em) {
    .satisfa-splash {
      margin-bottom: 120px; } }
  .satisfa-splash .content-text {
    margin-bottom: 60px; }

.satisfa-testi {
  border: 1px solid #b2b2b2;
  overflow: hidden;
  margin-bottom: 100px; }
  .satisfa-testi .thumb {
    text-align: center;
    margin-bottom: 25px; }
    @media screen and (min-width: 48em) {
      .satisfa-testi .thumb {
        float: right;
        text-align: right;
        padding-right: 0;
        margin-bottom: 0; } }
  @media screen and (min-width: 48em) {
    .satisfa-testi .desc {
      padding: 2.2em; } }
  .satisfa-testi .desc h4 {
    font-size: 16px;
    color: black;
    margin: 0 0 17px;
    font-family: 'futura_ltbold';
    letter-spacing: 0.05em; }
  .satisfa-testi .desc p {
    line-height: 1.8em; }

/** QUICK ADD FORM
===================================*/
.QuickAddForm {
  text-align: center;
}
.contentProd .QuickAddForm {
  margin-top: 14px;
}
/*.QuickAddForm .Quantity {
  display: inline-block;
  padding: 0.48em 0.75em;
  font-weight: normal;
  font-size: 14px;
  margin: 0 0.25em;
  width: 3em;
  border: none;
  box-shadow: inset 0 0 0 2px #CCC;
  -webkit-box-shadow: inset 0 0 0 2px #CCC;
  -moz-box-shadow: inset 0 0 0 2px #CCC;
}*/

.QuickAddForm label,
.QuickAddForm .group-qty{
  font-weight: normal;
  margin-bottom: 0;
  display: inline-block;
}

.QuickAddForm .group-qty .Quantity {
  padding: 0;
  margin: 0;
  width: auto;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}



.QuickAddForm span,
.QuickAddForm .quantity { display: inline-block; }
.QuickAddForm .quantity { margin: 0 5px; }
.QuickAddForm .btn-green{
       padding: 0.6em 1em;
       vertical-align: top;
    text-transform: lowercase;
    cursor: pointer;
    font-size: 11px;
}
.QuickAddForm .add_to_cart_button.loading{
  cursor: default;
  opacity: 0.6;
  pointer-events: none;
}

.QuickAddForm a {
	padding : 1em !important;
	color : white;
}
/** FOOTER
===================================*/
.site-footer {
  position: relative;
  padding: 60px 0px 10px;
  background: #555554; }

.widget-footer {
  margin-bottom: 30px;
  position: relative; }
  .widget-footer p {
    color: #b2b2b2; }
    .widget-footer p a {
      color: #b2b2b2; }
      .widget-footer p a:hover, .widget-footer p a:focus {
        color: #5DAB77; }
  .widget-footer .title-widget {
    margin-top: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: white;
    font-weight: normal;
    letter-spacing: 1px; }
  .widget-footer .text-info {
    color: white;
    font-size: 24px;
    margin-bottom: 13px; }
    .widget-footer .text-info a {
      color: white; }
      .widget-footer .text-info a:hover, .widget-footer .text-info a:focus {
        color: #5DAB77; }

.list-widget-link {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  font-size: 16px; }
  .list-widget-link li {
    display: block; }
    .list-widget-link li:last-child {
      margin-bottom: 0; }
    .list-widget-link li a {
      display: inline-block;
      color: white;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 5px; }
      .list-widget-link li a:hover, .list-widget-link li a:focus {
        color: #5DAB77; }

.list-widget-socmed {
  list-style: none outside none;
  margin: 0;
  padding: 0; }
  .list-widget-socmed li {
    display: inline-block;
    margin-right: 5px; }
    .list-widget-socmed li:last-child {
      margin-right: 0; }
  .list-widget-socmed a {
    border-radius: 50%;
    height: 43px;
    width: 43px;
    line-height: 43px;
    background-color: white;
    color: #7f7f7f;
    font-size: 21px;
    text-align: center;
    display: block; }
    .list-widget-socmed a:hover, .list-widget-socmed a:focus {
      background-color: #5DAB77;
      color: white; }

.footshare-bar {
  background-color: #efefef;
  color: #000000;
  text-align: center;
  padding: 10px 0; }
  .footshare-bar .emailtext {
    margin-bottom: 14px;
    text-transform: uppercase;
    font-size: 12px;
    color: #777777;
    display: block;
    letter-spacing: 0.18em; }
    @media screen and (min-width: 45em) {
      .footshare-bar .emailtext {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        margin-bottom: 0;
        margin-right: 15px; } }
  .footshare-bar .foot-share {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle; }
    .footshare-bar .foot-share ul li {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
      margin: 0 6px; }
      .footshare-bar .foot-share ul li a {
        color: #777777;
        font-size: 20px;
        display: block;
        padding: 4px 5px 0; }
        .footshare-bar .foot-share ul li a:hover {
          color: #23527c; }

.footer-alt-btm {
  font-size: 13px;
  padding: 22px 0;
  overflow: hidden;
  text-align: center; }
  .footer-alt-btm p {
    margin-bottom: 0; }
  .footer-alt-btm .copyright {
    margin-bottom: 14px; }
  .footer-alt-btm .privpo a, .footer-alt-btm .privpo span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle; }
  .footer-alt-btm .privpo a {
    color: #333333;
    text-decoration: underline; }
    .footer-alt-btm .privpo a:hover {
      color: #23527c; }
  @media screen and (min-width: 45em) {
    .footer-alt-btm {
      text-align: left; }
      .footer-alt-btm .copyright {
        float: left;
        margin-bottom: 0; }
      .footer-alt-btm .privpo {
        float: right; } }

@media (max-width: 1200px) {
  .subitem-review {
    min-height: 460px; }

  .video-wrapper {
    margin-bottom: 30px; }

  .nav-header ul li > a {
    margin: 0 10px;
    font-size: 12px; } }
@media (max-width: 995px) {
  .site-header-middle {
    padding-bottom: 10px;
    padding-top: 10px; }

  .logo-header {
    margin-left: 0; }

  .nav-header {
    display: none; }
    .nav-header.nav-left {
      /*display: block !important;*/
      margin-bottom: 20px;
      text-align: center;
      padding-bottom: 10px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      display: none;
    }
      .nav-header.nav-left ul {
        display: none; }
        .nav-header.nav-left ul li {
          text-align: right; }
          .nav-header.nav-left ul li:last-child a {
            padding-right: 0;
            margin-right: 0;
            font-size: 11px; }
          .nav-header.nav-left ul li ul {
            display: none !important; }

  .btn-rwd-sidebar {
    margin-top: 15px;
    display: inline-block;
    float: left;
    width: 45px;
    height: 45px;
    line-height: 46px;
    text-align: center;
    background-color: white;
    box-shadow: inset 0 0 0 2px #5dab77;
    -moz-box-shadow: inset 0 0 0 2px #5dab77;
    -webkit-box-shadow: inset 0 0 0 2px #5dab77;
    color: #5dab77; }
    .btn-rwd-sidebar:hover, .btn-rwd-sidebar:focus {
      background-color: #5dab77;
      color: white; }

  .section-client .title-client,
  .section-client .client-link {
    margin-bottom: 20px; } }
@media (max-width: 993px) {
  .stage-blend-like .list-blend-like {
    text-align: center; }
  .stage-blend-like li {
    float: none; } }
@media (max-width: 990px) {
  .list-tab {
    border-bottom: none; }
    .list-tab li {
      float: none;
      display: block; }
      .list-tab li.active a {
        border-bottom-color: #b2b2b2; }

  .subitem-review {
    min-height: auto; }

  .item-machine {
    width: 33.33333%;
    float: none !important; } }
@media (max-width: 767px) {
  .item-machine {
    width: 33.33333%;
  }
}

 /* .section-banner .banner-caption {
    padding: 100px 0 70px; } }*/
@media (max-width: 621px) {
  .btn-center a {
    margin-bottom: 15px; } }
@media (max-width: 570px) {
  .item-machine {
    width: 100%; }

  .site-header-top {
    height: auto;
    line-height: inherit;
    padding: 5px 0; }
    .site-header-top .site-header-top-left,
    .site-header-top .site-header-top-right {
      float: none;
      text-align: center;
      margin-bottom: 5px; } }
.imgZoom, .review-item {
  overflow: hidden; }
  .imgZoom img, .review-item img {
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    /* Firefox */
    /* IE 9 */
    /* Opera */
    transition: all 1s ease; }
  .imgZoom:hover img, .review-item:hover img {
    -webkit-transform: scale(1.25);
    /* Safari and Chrome */
    /* Firefox */
    -ms-transform: scale(1.25);
    /* IE 9 */
    /* Opera */
    transform: scale(1.25); }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  60% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  60% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }


@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive .table {
    margin-bottom: 0;
  }
  .table-responsive .table thead tr th,
  .table-responsive .table tbody tr th,
  .table-responsive .table tfoot tr th,
  .table-responsive .table thead tr td,
  .table-responsive .table tbody tr td,
  .table-responsive .table tfoot tr td {
    white-space: nowrap;
  }
}

/** THANKS ALT
===================================*/
.title-successBold {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 30px;
  text-align: center;
  letter-spacing: 0.02em; }
  @media screen and (min-width: 38em) {
    .title-successBold {
      font-size: 40px; } }

.thanks-galleries header {
  margin-bottom: 35px; }
.thanks-galleries h5 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.2em;
  margin: 0;
  margin-bottom: 3px; }

.ts-gallery-item {
  text-align: center;
  margin-bottom: 25px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear; }
  @media screen and (min-width: 28em) {
    .ts-gallery-item {
      width: 48%;
      padding: 0 15px; } }
  @media screen and (min-width: 48em) {
    .ts-gallery-item {
      width: 32%; } }
  .ts-gallery-item:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=” $value * 100 “)";
    filter: alpha(opacity=70);
    zoom: 1; }

#coupons_list{
    margin-bottom: 40px;
    text-align: center;
}
.tb-subsRev #coupons_list{
  text-align: right;
}
@media screen and (max-width: 991px){
  .tb-subsRev #coupons_list{
    text-align: center;
  }

  #coupons_list h2{
        font-size: 20px;
    margin-bottom: 20px;
  }
}

/** FREE SHIPPING PAGE STYLE
===================================*/
.satisfa-testi .thumb.pull-left {
  text-align: center; }

.font-28 {
  font-size: 28px;
  line-height: 1.6em !important; }

/** DESCALING NESSPRESSO PAGE STYLE
===================================*/
.item-descalling-video h2 {
    color: #181818;
    font-size: 23px !important;
    font-weight: bold !important;
    margin-top: 20px !important;
    text-align: center;
}
.item-descalling-video .small-views {
    display: none;
}

/** THANKS ALT
===================================*/
.title-successBold {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 30px;
  text-align: center;
  letter-spacing: 0.02em; }
  @media screen and (min-width: 38em) {
    .title-successBold {
      font-size: 40px; } }

.thanks-galleries header {
  margin-bottom: 35px; }
.thanks-galleries h5 {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.2em;
  margin: 0;
  margin-bottom: 3px; }

.ts-gallery-item {
  text-align: center;
  margin-bottom: 25px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear; }
  @media screen and (min-width: 28em) {
    .ts-gallery-item {
      width: 48%;
      padding: 0 15px; } }
  @media screen and (min-width: 48em) {
    .ts-gallery-item {
      width: 32%; } }
  .ts-gallery-item:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=” $value * 100 “)";
    filter: alpha(opacity=70);
    zoom: 1; }

/** CART PREVIEW ON NAV
===================================*/
#CartItemPreview {
  display: none;
  width: 250px;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  right: 0;
  text-align: left;
  padding: 15px 10px;
  max-width: 280px;
  color: #333;
  background-color: white;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  text-shadow: none;
  line-height: 1.2em;
  text-transform: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }
  @media screen and (max-width: 991px) {
    #CartItemPreview {
      display: none !important; } }
  #CartItemPreview ul, #CartItemPreview li {
    margin: 0;
    padding: 0;
    list-style: none; }
  #CartItemPreview p {
    margin-bottom: 10px; }
  #CartItemPreview #FreeShippingReport {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 18px;
    font-weight: 700; }
  #CartItemPreview .empty {
    margin: 0;
    padding: 5px 9px; }
  #CartItemPreview .btn-gray {
    display: inline-block;
    padding: 5px 8px; }
  #CartItemPreview .btn-gray.disabled {
    opacity: 0.6;
    cursor: default;
    pointer-events: none; }
  #CartItemPreview .subtotal {
    margin: 5px 0 0;
    padding: 2px 0; }
  #CartItemPreview .mini-products-list li {
    list-style-type: none;
    padding: 0;
    display: block;
    padding: 10px !important;
    margin-bottom: 8px !important;
    background-color: #F5F5F5;
    width: 100%; }
    #CartItemPreview .mini-products-list li .product-name {
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 0.5em; }
      #CartItemPreview .mini-products-list li .product-name a {
        color: black; }
        #CartItemPreview .mini-products-list li .product-name a:hover {
          color: #5DAB77; }
    #CartItemPreview .mini-products-list li .product-image {
      width: 50px;
      float: left;
      margin: 0;
      text-align: left;
      padding: 0 !important;
      margin-right: 1em !important; }
    #CartItemPreview .mini-products-list li .product-details {
      overflow: hidden; }
    #CartItemPreview .mini-products-list li .ProductQuantityAndPrice {
      margin-bottom: 8; }
  #CartItemPreview .summary {
    margin: 15px 0;
    text-align: center; }
    #CartItemPreview .summary .price {
      color: #5DAB77;
      font-size: 1.3em;
      display: inline-block;
      vertical-align: middle; }
  #CartItemPreview .btn-green, #CartItemPreview .btn-greenBold {
    display: block;
    width: 100%;
    padding: 8px 12px;
    text-align: center; }

/** Modal
===================================*/
.modal-dialog {
  width: 840px; }
  .modal-dialog .modal-content {
    border-radius: 0; }
  .modal-dialog .modal-header {
    padding: 0;
    border: none; }
    .modal-dialog .modal-header button {
      position: absolute;
      top: -10px;
      right: -10px;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      color: white;
      border: 1px solid white;
      background-color: black;
      padding: 0;
      -webkit-transition: all 350ms ease;
              transition: all 350ms ease;
      opacity: 1; }
      .modal-dialog .modal-header button:hover, .modal-dialog .modal-header button:focus {
        background-color: #4d4d4d; }

.modal-confirm {
  max-width: 560px;
  width: auto;
  text-align: center; }
  .modal-confirm .modal-content {
    padding: 30px 20px; }

.modal-head {
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px; }

.modal-text {
  font-size: 20px; }

.modal-btnwrap {
  padding: 15px 0; }
  .modal-btnwrap .btn {
    padding: 7px 25px;
    font-size: 15px;
    margin: 0 8px; }


/** REMOVE ARROW IN INPUT NUMBER
===================================*/
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input[type=number] {
    -moz-appearance:textfield;
  }

/** AUTOSHIP 3
===================================*/
.autoship-box {
  margin: 35px 0; }
  .autoship-box .btnwrap {
    text-align: center; }
    .autoship-box .btnwrap .btn {
      margin-bottom: 9px; }
    .autoship-box .btnwrap p {
      font-size: 0.8em; }

.autoship-boxitem {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 65px; }
  @media screen and (min-width: 62em) {
    .autoship-boxitem {
      margin-bottom: 40px; } }
  .autoship-boxitem .inside {
    border: 1px solid #c1c1c1;
    border-top: 4px solid #51a46a;
    padding: 40px 20px 25px;
    position: relative;
    min-height: 175px; }
    @media screen and (min-width: 48em) {
      .autoship-boxitem .inside {
        padding: 40px 25px 25px; } }
  @media screen and (min-width: 48em) {
    .autoship-boxitem {
      width: 45%; } }
  @media screen and (min-width: 62em) {
    .autoship-boxitem {
      width: 33%; } }
  .autoship-boxitem .numb {
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
    margin: auto;
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    font: 700 33px/47px 'futura-pt';
    border: 4px solid #52a46c;
    text-align: center;
    color: #52a46c;
    background-color: white;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%; }
  .autoship-boxitem figure {
    float: left;
    text-align: center;
    margin-right: 32px; }
  .autoship-boxitem .desc {
    overflow: hidden;
    text-align: left;
    font-size: 15px; }
    .autoship-boxitem .desc h4 {
      margin: 0;
      margin-bottom: 8px;
      font: 600 17px 'futura-pt';
      color: black; }
    .autoship-boxitem .desc p {
      margin-bottom: 0;
      display: block !important;
    }

.btn-whiteBorder {
  background: none;
  border: none;
  color: #5DAB77;
  box-shadow: inset 0 0 0 2px #5dab77;
  letter-spacing: 0.1em;
  background: white;
  text-transform: none; }
  .btn-whiteBorder:hover, .btn-whiteBorder:focus {
    background: #5DAB77;
    color: white;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  60% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  60% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

/** TOOLTIP
===================================*/
.tip-popup {
  display: inline-block;
  position: relative;
  text-decoration: underline;
  cursor: pointer;
  color: black; }
  .tip-popup .tip-popupmain {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -125px;
    width: 250px;
    display: inline-block;
    z-index: 1000;
    padding: 10px 16px 13px;
    background-color: white;
    border: 1px solid #51a36b;
    border-top: 4px solid #51a36b;
    color: black;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease; }
    .tip-popup .tip-popupmain:before {
      content: '';
      z-index: 999;
      border: 6px solid transparent;
      background: transparent;
      border-top-color: transparent;
      border-bottom-color: #51a36b;
      background-color: transparent;
      position: absolute;
      top: -16px;
      left: 50%;
      margin-left: -6px; }
  .tip-popup:hover .tip-popupmain {
    visibility: visible;
    opacity: 1;
    top: 100%; }

/*INSPIRATION */
.inspi-wraplist {
  text-align: center; }
  @media screen and (min-width: 48em) {
    .inspi-wraplist {
      text-align: left; } }

.inspi-item {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  vertical-align: top;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 28px;
  border: 1px solid white; }
  @media screen and (min-width: 35em) {
    .inspi-item {
      width: 48%; } }
  @media screen and (min-width: 62em) {
    .inspi-item {
      width: 33%; } }
  .inspi-item .inside {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    background-color: black;
    color: white;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .inspi-item .inside a{
      color:#fff;
    }
    .inspi-item .inside:hover {
      background-color: white;
      color: black; }
      .inspi-item .inside:hover a {        
        color: black; }
  .inspi-item .fig-caption {
    text-align: center;
    padding: 25px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    line-height: 1.4em; }
    .inspi-item .fig-caption h4 {
      font-size: 27px;
      margin: 0;
      margin-bottom: 15px; }
    .inspi-item .fig-caption .link-more {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle;
      color: white;
      font-size: 0.9em;
      margin-top: 15px; 
    }
    .inspi-item a:hover .fig-caption .link-more{
      color:black;
      text-decoration: underline;
    }
    @media screen and (min-width: 75em) {
      .inspi-item .fig-caption:before {
        content: '';
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        height: 20%; } }
  .inspi-item figure img {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=” $value * 100 “)";
    filter: alpha(opacity=30);
    zoom: 1; }

.timelineSc {
  text-align: center;
  max-width: 700px;
  overflow: hidden;
  margin: 0 auto; }
  .timelineSc .thumb-lg {
    display: none; }

.timelineSc-btn {
  text-align: center;
  margin: 30px 0px; }
  .timelineSc-btn a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    color: #361d11;
    text-align: center;
    padding: 10px 26px;
    padding-right: 65px;
    text-transform: uppercase;
    font-size: 20px;
    border: 1px solid #361d11;
    background-image: url("../images/icon_arrdown.png");
    background-repeat: no-repeat;
    background-position: 94% center;
    background-color: white;
    background-size: 35px auto;
    -moz-background-size: 35px auto;
    -webkit-background-size: 35px auto; }
  .timelineSc-btn.open a {
    background-image: url("../images/icon_arrtop.png"); }

.pagination-wrap {
  text-align: center;
  margin: 40px 0; }

@media screen and (max-width: 48em) {
  .pagination.paginateStyle > li {
    display: none; }
    .pagination.paginateStyle > li:first-child, .pagination.paginateStyle > li:last-child {
      display: inline-block;
      *display: inline;
      zoom: 1;
      vertical-align: middle; } }
.pagination.paginateStyle > li span, .pagination.paginateStyle > li a {
  border-color: #107c4b;
  color: #2d6fae;
  font-weight: 400;
  font-size: 0.9em;
  line-height: 1.5em; }
  .pagination.paginateStyle > li span:hover, .pagination.paginateStyle > li a:hover {
    background-color: #107c4b;
    color: white; }
.pagination.paginateStyle > li span {
  background-color: #107c4b;
  color: white;
  font-weight: 700px; }
.pagination.paginateStyle > li .prevnext span {
  background-color: transparent;
  color: #2d6fae; }
.pagination.paginateStyle > li .prevnext:hover span {
  color: white; }