/** Shopify CDN: Minification failed

Line 3962:1 Expected identifier but found "*"
Line 4014:1 Expected identifier but found "*"
Line 4015:1 Expected identifier but found "*"
Line 5238:31 Unexpected "{"

**/
/*
	Theme Name: Together Health Ltd
	Author: Anonymous
	Author URI:
	Version: 1
	Description: Base theme for Wordpress
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: base
	Tags: one-column, two-columns, three-column, four column
	Theme URI:
*/

body {
/*   fix broken browser rendering */
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  position: relative;
  left: 0;
}

* {
	margin: 0;
	padding: 0;
	max-height: 1000000px;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset {
	margin: 0 0 14px;
}
html, body, div, span, applet, embed, object, iframe, frameset, p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center, h1, h2, h3, h4, h5, h6, b, strong, big, u, ins, i, cite, em, var, dfn, address, s, strike, del, dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt, fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border: 0;
	background: none;
}
html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
}
body {
	color: #6d6e71;
	min-width: 320px;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	margin: 0;
}
.template-index, .template-page {
  font-size: 18px;
}

img {
	border-style: none;
}
a {
	text-decoration: none;
	color: #000;
	outline: none !important;
}
a:hover {
	text-decoration: none;
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	color: #4d9546;
}
a:active {
	background-color: transparent;
}
input, textarea, select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #a7a9ac;
	background: #fff;
	border-radius: 3px;
	border: 0;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
input[type=text], input[type=search], input[type=email], input[type=password], input[type=file], input[type=submit], textarea, input[type=tel] {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
}
 input[type="search"]::-webkit-search-cancel-button {
 -webkit-appearance: none;
 display: none;
 border-radius: 0;
 -webkit-border-radius: 0;
}
 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
 -webkit-appearance: none;
}
input[type=search] {
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	border-radius: 0;
	-webkit-border-radius: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}
* { max-height: 1000000px; }
b, strong, th {
	font-weight: bold;
}
button, [role="button"], [type="button"], [type="submit"] { height: auto !important; }
i, cite, em, var, dfn, address {
	font-style: italic;
}
u, ins {
	text-decoration: underline;
}
s, strike, del {
	text-decoration: line-through;
}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
}
blockquote {
	border-left: 4px solid #ccc;
	padding-left: 10px;
	margin-left: 14px;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	border: 1px solid #ccc;
	padding: 3px 7px;
	text-align: left;
	vertical-align: top;
}
th {
	border-color: #999;
	text-align: center;
	vertical-align: middle;
}
ul {
	margin-left: 0;
}
ul, ol {
	padding-left: 0;
}
ul ul, ul ol, ol ul, ol ol {
	padding-left: 0;
	margin: 0;
}
ul>li {
	list-style-type: none;
}
dl dt {
	float: left;
	clear: left;
	padding-right: 4px;
	font-weight: bold;
}
.searchform input[type="text"], input[type="text"], textarea, .searchform input[type="email"], input[type="url"], .comment-form textarea, .comment-form input[type="text"], .search-form input[type="search"], input[type="email"], input[type="tel"] {
	width: 100%;
	color: #6d6e71;
	background: #fff;
	border-radius: 2px;
	border: 0;
	font: 700 14px/21px  'Karla', sans-serif;
    padding: 10px 17px;
	height: auto;
	display: block;
	outline: none;
  border: 1px #EEE solid;
}
.grid__item {
  margin-top: 20px;
}
.errors {
    color: #ffffff;
    /* background: #F90; */
    background: #C73327;
    padding: 20px 20px 5px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.errors a {
	text-decoration: none;
	color: #000;
	outline: none !important;
}

.errors a:hover {
	text-decoration: none;
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	color: #ffffff;
}

.errors a:active {
	background-color: transparent;
}

.comment-list {
	padding: 0;
}
.comment-form textarea {
	padding: 20px;
	height: 150px;
}
.comment-author img {
	float: left;
	margin: 0 30px 30px 0;
}
input[type="submit"], .comment-form input[type="submit"] {
	background: #91BD55;
    border: 0;
    padding: 12px 18px;
    text-align: center;
    outline: none;
    cursor: pointer;
    font: 700 17px/1.4 'Karla', sans-serif;
    color: #fff;
    border-radius: 8px;
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
input[type="submit"]:hover, .comment-form input[type="submit"]:hover {
	background: #579140;
}
pre {
	max-width: 100%;
	overflow: auto;
}
.widget {
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #ededed;
	padding: 0 15px 15px;
}
.widget ul {
	padding: 0;
	margin: 0 0 15px;
}
.widget ul li {
	position: relative;
	padding: 0 0 0 15px;
}
.widget ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 5px solid #ee4222;
	border-bottom: 5px solid transparent;
}
.widget select {
	min-width: 150px;
}
.post-password-form label {
	vertical-align: top;
}
.post-password-form input[type="password"], .search-form input[type="search"] {
	width: 150px;
}
.commentlist {
	margin: 0 0 14px;
	padding: 0;
}
.commentlist .edit-link {
	margin: 0;
}
.commentlist-item .commentlist-item {
	padding: 0 0 0 3em;
}
@media only screen and (max-width: 767px) {
  .commentlist-item .commentlist-item {
    padding: 0;
  }
  #terms-amp-conditions .about-holder .head {
    height: 0px;
    padding-bottom: 6%;
  }
  #contact-us-faqs-how-to-product-information .about-holder .head {
    height: 0px;
    padding-bottom: 1%;
  }
}
.comment, .commentlist-holder {
	overflow: hidden;
}
.commentlist-item .commentlist-item, .commentlist-item + .commentlist-item {
	padding-top: 14px;
}
.commentlist .avatar-holder {
	float: left;
	margin: 0 14px 4px 0;
}
.comment-form label {
	display: block;
	padding-bottom: 4px;
}
.hidden {
  display: none;
}
.nopacity {
  opacity: 0;
}


.comment-form textarea {
	padding: 3px 4px;
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
}
.widget_calendar #next {
	text-align: right;
}
.gallery-item dt {
	float: none;
	padding: 0;
}
.navigation {
	overflow: hidden;
	margin: 0 0 14px;
}
.navigation .next {
	float: left;
}
.navigation .prev {
	float: right;
}
.wp-caption {
	max-width: 98%;
	clear: both;
	border: 1px solid #ccc;
	padding: 5px;
}
.wp-caption img {
	vertical-align: top;
}
.wp-caption p {
	margin: 10px 0 0;
}
div.aligncenter {
	margin: 0 auto 14px;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	float: left;
	margin: 0 40px 0 0;
}
.alignright {
	float: right;
	margin: 0 0 0 40px;
}
::-webkit-input-placeholder {
 color: #6d6e71;
}
:-moz-placeholder {
 color: #6d6e71;
}
::-moz-placeholder {
 color: #6d6e71;
 opacity: 1;
}
:-ms-input-placeholder {
 color: #6d6e71;
}
#wrapper {
	width: 100%;
	position: relative;
}
#header {
	max-width: 1800px;
	margin: 0 auto;
	padding: 20px 15px 0;
  box-sizing: border-box;
	position: relative;
}
#header:after, #nav:after, #nav ul:after {
	display: block;
	clear: both;
	content: '';
}
#header .logo {
	width: 196px;
	float: left;
	margin: 1px 0 0;
	position: relative;
	z-index: 9999;
}
#header .logo img {
	display: block;
	width: 100%;
	height: auto;
}
main {
	padding: 0;
	margin: 0 auto;
	width: auto !important;
}
.links {
  font-weight: bold;
  float: right;
  width: 250px;
  position: relative;
  z-index: 1000;
  text-align: right;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.links >li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 2px 0 23px;
}
.links > li > a {
  display: block;
  padding: 7px;
  border: 2px solid #006d9b;
  color: #006d9b;
  border-radius: 8px;
  margin-left: 5px;
  transition: all 0.15s ease-in-out;
  box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.links > li > a:hover {
  box-shadow: 0px 2px 10px rgba(0,0,0,0.25);
}

.SearchingArea {
    margin: 0 auto;
    max-width: 500px;
    overflow: hidden;
    width: 100%;
	padding: 0 20px;
}
.search {
	float: left;
	width: 100%;
}
.search input[type="search"] {
	border: 1px solid #cccccc;
	width: 100%;
}
.links > li > a:hover,
.links > li.link-account > a:hover {
	border: 2px solid #e6303a;
	color: #e6303a;
}
.links > li.link-account > a {
	border: 2px solid #4d9546;
	color: #4d9546;
	padding: 7px 18px;
	margin-left: 0;
}
.links .dropdown {
	font: 400 16px/1.3 'Karla', sans-serif;
	color: #6d6e71;
	position: absolute;
	width: 323px;
	top: 100%;
	right: 0;
	background: #fff;
	border: 1px solid #007ba5;
	text-align: left;
	display: none;
}
.slide-a img {
    height: auto;
    max-width: 100%;
}
.links .dropdown .holder {
	margin: 0 -9999px -9999px;
	padding: 0 9999px 9999px;
	background-color: rgba(0, 0, 0, .15);
}
.links .dropdown .frame {
	background: #fff;
	padding: 18px 23px 8px;
}
.links .dropdown:after {
	position: absolute;
	content: '';
	background: url(drop-a.png) no-repeat;
	width: 27px;
	height: 9px;
	right: 51px;
	top: -9px;
}

.product-content { padding: 58px 0 0; }

.template-collection .product-container .product-content { padding: 58px 20px 0; }

@media only screen and (max-width: 1024px) {
  .gf-left .template-collection #gf-tree { width: 25%; }
  .gf-left .template-collection #gf-tree+#gf-grid { width: 75%; }
}
@media only screen and (max-width: 768px) {
  .gf-left .template-collection #gf-tree { width: 30%; }
  .gf-left .template-collection #gf-tree+#gf-grid { width: 70%; }
}


.links .dropdown a { color: #0084a9; }
.links .dropdown a:hover { color: #e6303a; }
.links .dropdown .head {
	background: url(devider-s.png) no-repeat 0 100%;
	background-size: contain;
	padding: 0 0 17px;
	margin: 0 0 17px;
}
.links .dropdown .head img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 0 0;
}
.links .dropdown .titie {
    font-weight: bold;
	color: #0084a9;
	display: inline-block;
	vertical-align: middle;
	
}
.links .dropdown .block {
	background: url(devider-s.png) no-repeat 0 100%;
	background-size: contain;
	padding: 0 0 17px;
	margin: 0 0 17px;
	overflow: hidden;
}
.links .dropdown .block img {
	float: left;
	margin: 0 40px 0 0;
}
.links .dropdown p { margin: 0; }
.links .dropdown .block .txt { overflow: hidden; }
.links .dropdown .name {
	font: 700 20px/1.3 'Karla', sans-serif;
	color: #6d6e71;
	display: block;
}
.links .dropdown .cap {
	font: 400 16px/1.3 'Karla', sans-serif;
	color: #6d6e71;
	display: block;
}
.links .dropdown .price {
	font: 700 16px/1.3 'Karla', sans-serif;
	color: #6d6e71;
	display: block;
}
.links .dropdown .bottom-bar {
	font-weight: 700;
	color: #6d6e71;
	overflow: hidden;
}
.links .dropdown .bottom-bar span {
	float: right;
}
.links .dropdown .bottom-bar span:first-child {
	float: left;
}
.links .dropdown .btns {
    font-weight: bold;
	overflow: hidden;
	text-align: center;
}
.links .dropdown .btns a {
	display: block;
	margin: 0 auto 8px;
}
.links .dropdown .btn-checkout {
	background: #cc343a url(bg-btn-h.png);
	border-radius: 1px;
	color: #fff;
	padding: 8px;
	width: 192px;
}
.additional-checkout-button--amazon {
  vertical-align: top;
  display: none !important; /* Temporarily hide Amazon button */
}
.links .dropdown .btn-checkout:hover {
	color: #fff;
	background: #579140 url(bg-btn.png);
}
.links .dropdown .btn-cont {
	border-radius: 1px;
	color: #225924;
	border: 1px solid #225924;
	padding: 7px;
	width: 192px;
}
.links .dropdown .btn-cont:hover { border: 1px solid #d4333a; }
#nav {
	overflow: hidden;
	padding: 2px 15px 0;
}
#nav ul {
    font-weight: bold;
	font-size: 14px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}
#nav ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 32px;
}
#nav ul a {
    font-weight: bold;
	color: #225924;
}
#nav ul a:hover,
#nav ul li.active > a,
#nav ul li.current_page_item > a {
	color: #e6303a;
	color: #8EC63F;
}
.opener {
	display: none;
}
.js-slide-hidden {
	display: block !important;
	left: -9999px !important;
	position: static !important;
	top: -9999px !important;
}
.slider {
	position: relative;
	width: 100%;
  min-height: 400px;
  opacity: 0;
}
.slider:after {
	content: '';
	background: url(banner-arrow.png) no-repeat;
	width: 109px;
	height: 134px;
	position: absolute;
	top: 99.8%;
	left: 50%;
	margin-left: -54px;
	display: none;
}
.slider .holder {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.slider .img-banner {
	display: block;
	width: 100%;
	height: 100%;
}
.slider .img-banner img {
	display: block;
	width: 100%;
	height: auto;
}
.mega-nav {
	position: absolute;
	width: 100%;
	z-index: 9999;
	top: 80px;
	left: 0;
	text-align: left;
	background: #fff;
	padding: 0 10%;
	display: none;
}
#nav ul li:hover .mega-nav {
/* 	display: block; */
}
.mega-nav .holder {
	padding: 30px 9999px 10px;
	margin: 0 -9999px;
	background: #fff;
  box-shadow: 0 15px 15px rgba(0,0,0,0.25);
}
#nav .mega-nav ul {
	text-align: right;
	width: 100%;
	float: none;
	overflow: hidden;
	padding: 0 0 23px;
}
#nav .mega-nav ul li {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 152px;
	width: 16%;
	padding: 0;
	margin: 0 1.3% 10px;
}
#nav .mega-nav ul li ul li {
  width: 100%;
}

#nav .mega-nav ul ul {
	padding: 18px 0 0;
	overflow: hidden;
}
#nav .mega-nav ul li li {
	margin: 0 0 9px;
	font: 16px/1.25 'Karla', sans-serif;
}
#nav .mega-nav ul li li a {
	color: #58595b;
	font: 16px/1.25 'Karla', sans-serif;
}
#nav .mega-nav ul li li a:hover { color: #e6303a; }
#nav .mega-nav .btn {
	color: #fff;
/*   margin-left: 4%; */
}
#nav .mega-nav .slide-a {
	position: static !important;
	width: auto !important;
	display: block !important;
}
#nav .mega-nav .accordion>li:nth-child(3) {
  width: 32%;
}
#nav .mega-nav .accordion>li:nth-child(3) ul {
  column-count: 2;
}
#nav .mega-nav .accordion.additional-links li {
  width: 64%;
  margin-right: 7.8%;
  margin-left: 2.6%;
}
#nav .mega-nav .btn.alt {
  background-color: white;
  color: #96C11F;
  border: 2px #96C11F solid;
  padding: 10px 18px;
}
@media only screen and (max-width: 1279px) {
  #nav .mega-nav .btn.alt {
    padding: 6px 8px;
  }
}
#nav .mega-nav .btn.alt:hover {
  color: white;
  background-color: #96C11F;
}
.carousel {
	position: relative;
	width: 100%;
	height: 100%;
}
.carousel .mask {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.carousel .mask .slideset {
	float: left;
	height: 100%;
	width: 100%;
}
.carousel .slideset .slide {
	height: 100%;
	list-style: none;
	position: relative;
	width: 100%;
	float: left;
	overflow: hidden;
}
.slider .txt-block  {
	overflow: hidden;
	margin: 0 auto;
	padding: 7% 1.2% 20px;
    width: 68%;
	position: relative;
	height: 100%;
	z-index: 99;
}
.slider .txt-block ol {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 104px;
	padding: 0 19px 0 63px;
}
.slider .txt-block li {
	margin: 0 0 16px;
}
.slider .txt-block h1 {
	margin: 0 0 5px;
}
.slider .txt-block h1 img {
	width: 100%;
	height: auto;
	display: block;
}
.slider .container {
	position: relative;
	overflow: visible;
	padding: 0 3.2%;
	height: 100%;
}
.slider .container:after {
	content: '';
	display: block;
	clear: both;
}
#auto_deliver_label { padding: 15px 0; }
.slider .img-holder .info {
	height: auto;
    left: 41.7%;
    position: absolute;
    top: -103px;
    width: 29%;
}
.slider .img-holder .info img {
	display: block;
	width: 100%;
}
.carousel .slideset .img-holder .info {
	position: absolute;	
}
.carousel .active {
	z-index: 1;
}
.carousel .caption {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.carousel .caption .caption-holder {
	display: table;
	width: 100%;
	height: 100%;
}
.slider .btn-holder {
	text-align: center;
	overflow: hidden;
}
.slider .btn-start {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	display: block;
	position: relative;
}
.slider .btn-start a {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin: 0 9px;
	padding: 12px 40px;
}
.slider  .btn-start .img-holder {
	display: inline-block;
	vertical-align: middle;
}


.columny {
  float: left;
  padding: 0px 20px;
}
.columny:after {
  content: "";
  display: table-row;
}
.one-third {
  width: 33.3333333%;
}

.two-thirds {
  width: 66.6666666%
}


.HomePageProductPromise {
  color: #FFF;
  text-align: center;
  background-color: #225928;
}
.HomePageProductPromise .flex-row {
  align-items: top;
}
.HomePageProductPromise .container {
    padding: 65px 1.0%;
}
.HomePageProductPromise .leader {
  color: white;
  font: 14px/1.25 'Karla', sans-serif;
}
.HomePageProductPromise .leader img {
  max-width: 500px;
  width: 80%;
}
.HomePageProductPromise .flex-row div {
  width: 100%;
  padding: 0px 20px;
}
.HomePageProductPromise .flex-row div img {
    max-width: 60%;
    margin: 10px 0px;
}
.HomePageProductPromise h3 {
  color: #96C11F;
  font-weight: bold;
}
.HomePageProductPromise .btn.rev {
  background: #96C11F;
  font-size: 22px;
  padding: 10px 20px;
  margin-top: 20px;
}
.HomePageProductPromise .btn.rev:hover {
  background: #AFD545;
}



.flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.HomePageFindUsIn {
  position: relative;
}
.HomePageFindUsIn .container {
  padding: 65px 1% 45px;
}
.HomePageFindUsIn .bx-wrapper {
	max-width: 1000px !important;
}


@media only screen and (min-width: 768px) {
.HomePageFindUsIn .bxslider {
	display: flex;
	align-items: center;
}
   
/* .HomePageFindUsIn li:nth-child(1) { width: 14.0%; margin: 0 4% 0 0; }
.HomePageFindUsIn li:nth-child(2) { width: 37.0%; margin: 0 4% 0 0; }
.HomePageFindUsIn li:nth-child(3) { width: 13.0%; margin: 0 4% 0 0; }
.HomePageFindUsIn li:nth-child(4) { width: 18.0%; margin: 0 4% 0 0; }
.HomePageFindUsIn li:nth-child(5) { width: 10.0%; }
.HomePageFindUsIn li { display: inline-block; }
 */
}


@media only screen and (max-width: 768px) {
  .HomePageFindUsIn .bxslider li>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
  }
  .HomePageFindUsIn .bxslider li>div.mobile-only img {
    margin-top: 12%;
  }
  .HomePageFindUsIn .container {
    padding-bottom: 0px !important;
  }
}
  
.HomePageFindUsIn .container img {
  vertical-align: middle;
}

.HomePageFindUsIn h2 {
  text-align: center;
}


.chelsea {
    font-weight: bold;
}


.HomePageProduct .container { padding: 0 20px; }
.banner-caption {
	font: 700 18px/1.25 'Karla', sans-serif;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	padding: 0 5%;
}
.banner-row {
	background-color: rgba(0, 0, 0, 0.35);
	margin: 0 -9999px;
	padding: 25px 9999px 12px;
}
.banner-caption .title {
    font-weight: bold;
	display: block;
	margin: 0 0 24px;
	text-align: center;
}
.banner-caption .three-column {
	overflow: hidden;
	text-align: center;
}
.banner-caption .three-column .column {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin: 0 1.2%;
	text-align: left;
}
.banner-caption .three-column .column:nth-child(1) {
  margin-left: 0px;
}
.banner-caption .three-column .column:nth-child(3) {
  margin-right: 0px;
}

.banner-caption .three-column .img {
	float: left;
	margin: 0 15px 0 0;
}
.banner-caption .three-column .txt {
	padding: 15px 0;
	overflow: hidden;
}
.javascript {overflow:auto;}
.container {
	max-width: 1313px;
	margin: 0 auto;
	padding: 65px 20px;
	width: 100% !important;
  box-sizing: border-box;
}
.container.reinforced {
  max-width: 1350px !important;
}
.template-article .container.tab-content {
  max-width: 760px;
}

.container:after {
	content: '';
	display: block;
	clear: both;
}
.about-content { padding: 53px 6% 75px; }
.grid__item.large--four-fifths {
    padding: 50px 0 0;
}
.tabs {
	text-align: center;
	padding: 65px 4% 0;
	overflow: hidden;
}
.tab {
	padding: 0 15%;
}
.fun-holder .tab {
	padding: 32px 11% 0;
}
.tab-list {
	overflow: hidden;
	height: auto !important;
}
.tabs h2 {
    font-weight: bold;
	margin: 0 0 17px;
}
.tabs h3 {
	font: 400 24px/1.35 'McLaren', sans-serif;
	margin: 0 0 17px;
	color: #b55da4;
	color: #4d9546;
}
.tabs p { margin: 0 0 37px; }
.tabset {
	height: auto !important;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.tabset li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 15px;
}
.fun-holder {
  margin-top: 50px;
}
.fun-holder p {
	text-align: center;
}
.fun-holder .tabset li {
	margin: 0px;
  height: 0px;
  overflow: hidden;
  position: relative;
}
.fun-holder .tabset li:nth-child(1) { max-width: 248px; width: 23.777%; padding-bottom: 15.94%; }
.fun-holder .tabset li:nth-child(2) { max-width: 449px; width: 43.048%; padding-bottom: 15.83%; margin: 0px -30px; }
.fun-holder .tabset li:nth-child(3) { max-width: 310px; width: 29.781%; padding-bottom: 15.05%; }
.fun-holder .tabset li:nth-child(4) { max-width: 665px; width: 63.258%; padding-bottom: 16.67%; margin-right: -30px; margin-top: -15px; }
.fun-holder .tabset li:nth-child(5) { max-width: 378px; width: 36.241%; padding-bottom: 14.60%; margin-top: -15px; }
.fun-holder .tabset li a {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
.fun-holder .tabset {
  max-width: 900px;
  margin: auto;
}

.fun-holder .tabset li:hover a, .fun-holder .tabset li a.active {
  top: auto;
  bottom: 0px;
}
.fun-holder .tabset li img {
  width: 100%;
  float: left;
}

.tabset li img {
	display: block;
}
.tabset li a:hover { opacity: 0.7; }
.carousel2 .mask {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}
.carousel2 .slideset {
	float: left;
	overflow: hidden;
}
.carousel2  {
	margin: 0 auto 17px;
	position: relative;
	padding: 0 5%;
	max-width: 1313px;
	overflow: hidden !important;
}
.carousel2 .mask {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
}
.carousel2 .slideset .slide {
	display: inline-block;
    margin: 0 0.38% 24px;
    vertical-align: middle;
    width: 9.9%;
	height: auto;
}
.carousel2 .active { z-index: 1; }
.carousel2:after {
	content: '';
	background: url(banner-arrow2.png) no-repeat;
	width: 109px;
	height: 134px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -54px;
	z-index: 99;
}
.carousel2 .btn-prev,
.carousel2 .btn-next {
	position: absolute;
	left: 3%;
	top: 46%;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 999;
	margin: -11px 0 0;
	background: url(arrow3.png) no-repeat;
	width: 40px;
	height: 23px;
}
.carousel2 .btn-next {
	left: auto;
	right: 3%;
	background-image: url(arrow4.png);
}
.carousel2 .btn-prev:hover,
.carousel2 .btn-next:hover { opacity: 0.7; }
.carousel2 .slide img {
	width: 100%;
	height: auto;
	display: block;
}
.range {
	text-align: center;
	background: #f9f7f4;
	position: relative;	
}
.promise-holder .range {
	background: #fff;
}
.promise-holder .range .title {
    font-weight: bold;
	display: block;
	color: #4d9546;
}
.promise-holder .range .btn-holder { padding: 10px 0; }
.promise-holder .range .btn,
.step__footer__continue-btn {
    font-weight: bold;
	background: #579140 url(bg-btn.png);
	background-size: cover;
	display: inline-block;
	vertical-align: top;
	padding: 7px 17px;
	margin: 19px 0 0;
}
.promise-holder .range .btn:hover,
.step__footer__continue-btn {
	background: #cc343a url(bg-btn-h.png);
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
	background-size: cover;
}
.range-holder { padding: 64px 6% 41px; }
.range-holder h2 { margin: 0 0 27px; }
.range .threecolumns:after {
	content: '';
	display: block;
	clear: both;
}
.range .threecolumns {
	width: 104.3%;
	padding: 28px 0 0;
}
.range .threecolumns .column {
	text-align: center;
	float: left;
    margin: 0 2.8% 15px 0;
    position: relative;
    width: 30.2%;
	overflow: hidden;
}
.range .threecolumns .column img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.range .threecolumns .txt {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: none;
	z-index: 99;
  opacity: 0;
}
.range .threecolumns .txt-holder {
	display: table;
	width: 100%;
	height: 100%;
}
.range .threecolumns .txt-holder p { margin: 0 0 20px; }
.range .threecolumns .txt-frame {
	display: table-cell;
	vertical-align: middle;
	padding: 7%;
}
.range .threecolumns .btn-shop,
.btn {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	padding: 9px 24px 8px;
	background: #96C11F;
	border-radius: 8px;
	-moz-transition: background 0.15s ease-in-out;
	-webkit-transition: background 0.15s ease-in-out;
	-o-transition: background 0.15s ease-in-out;
	transition: background 0.15s ease-in-out;
}
.container.range-holder > p { padding: 0 6%; }
.range .threecolumns .btn-shop { padding: 10px 27px; }
.range .threecolumns .btn-shop:hover,
.btn:hover {
	background: #284C34;
	color: #fff;
}

.btn.rev {
  background: #579140;
}
.btn.rev:hover {
  background: #cc343a url(bg-btn-h.png);
}
  

.slider .btn-start .btn,
.banner-frame .btn { background-color: transparent; }
.slider .btn-start .btn:hover,
.banner-frame .btn:hover { background-color: transparent; }
.range .threecolumns .column .txt {
	display: block;
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.range .threecolumns .column:hover .txt {
  opacity: 1;
}
.banner2 {
  min-height: 560px;
  background-size: cover;
  background-position: center center;
  font-weight: bold;
}
.banner.banner2 .caption p {
  font-size: 17px;
  line-height: 20px;
}

.banner.banner-product-recommender .caption p {
  font-size: 18px;
  line-height: 24px;
  max-width: 500px;
  margin: 0 0 15px;
}
.banner.banner-product-recommender .caption p img {
  width: 120px;
}
.banner.banner-product-recommender .flex-grid--item.caption>img:first-child {
  margin-bottom: 32px;
}
.banner.banner-product-recommender .caption {
  min-width: 0;
}
.banner.banner-product-recommender .flex-grid--item:nth-child(2) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.banner.banner-product-recommender .btn.rev {
  border: 2px #225924 solid;
  background: #225924;
  color: #FFF;
  margin-top: 20px;
  padding: 8px 20px;
  font-size: 22px;
}

.banner {
	overflow: hidden;
	position: relative;
}
.banner .img-banner2 img {
	display: block;
	width: 100%;
	height: auto;
}
.banner-holder {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner .txt {
	display: table;
	width: 100%;
	height: 100%;
}
.banner .txt-holder {
	display: table-cell;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner .img-txt {
	float: left;
    padding: 8px 0;
    width: 44.1%;
}
.banner .img-txt img {
	display: block;
	width: 100%;
	height: auto;
}
.banner .caption {
	color: #fff;
    float: right;
    font-size: 16px;
    line-height: 19px;
    padding: 50px 0;
    width: 49.5%;
  text-align: center;
}
.banner2:after {
  content: "";
  display: table;
  clear: both;
}
.banner.banner2 .img-txt {
  padding: 0;
}
.caption img {
  width: 150px;
}
.caption > img:first-child {
  width: 450px;
  max-width: 85%;
  margin-bottom: 10px;
}
.banner .caption p {
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 17px;
}
.brnad { background: #4b9138; }
.brand-holder {
	padding: 55px 5% 35px;
}
.fourcolumns {
	overflow: hidden;
	text-align: center;
	color: #414042;
	margin-right: -1.2%;
}
.fourcolumns .column {
	width: 263px;
	background: url(bg-box.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: top;
	vertical-align: top;
	margin: 0 0.8% 1.6% 0.8%;
	padding: 20px 15px 50px;
	position: relative;
/* 	height: 256px; */
  max-width: 22%;
}

.fourcolumns .column img {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 17px;
  max-width: 100%;
}
.fourcolumns h2 {
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 10px;
}
.fourcolumns .delivery img {
	margin: 10px 0 15px;
}
.fourcolumns .proud h2 {
	color: #6cb33f;
	margin: 0 0 23px;
}
.fourcolumns .find h2 {
	color: #225924;
	font-size: 33px;
	line-height: 36px;
	margin: 4px 0 34px;
}
.fourcolumns .delivery h2 {
	color: #f0525b;
	margin: 13px 0 0;
}
.carousel3 {
	width: 100%;
	height: 145px !important;
}
.fourcolumns  .btn-holder {
	position: absolute;
	left: 0;
	bottom: 18px;
	right: 0;
}
.fourcolumns .btn-more {
	display: inline-block;
	vertical-align:top;
	font-size: 16px;
	color: #fff;
	background: #579140 url(bg-btn.png);
	padding: 8px 15px;
	border-radius: 2px;
/* 	width: 126px; */
}
.fourcolumns .btn-more:hover {
	background: #cc343a url(bg-btn-h.png);
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.column.delivery p {
  margin-bottom: 6px;
}
.join {
	background: url(join-bg.jpg) no-repeat;
	background-size: cover;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}
.join h2 {
	/* margin: 0 0 38px; */
    margin: 0 0 0px;
	padding: 0 26% 0 29%;
}
.join p { margin: 0 0 34px; }
.join h2 img {
	display: inline-block;
	width: 100%;
	height: auto;
  max-width: 800px;
}
.join-holder {
	max-width: 840px;
    padding: 41px 15px 16px;
/*     padding: 41px 15px 0px; */
}
.mfp-content {
	max-width: 90%;
}

.subscribe-form {
	overflow: hidden;
	margin: 0 0 33px;
	padding: 0 24%;
}
.subscribe-form input[type="submit"] {
	float: right;
	margin:0 0 0 12px;
}
#footer .subscribe-form input[type="submit"] {
	background: #cc343a url(bg-btn-h.png);
}
#footer .subscribe-form input[type="submit"]:hover {
	background: #579140 url(bg-btn.png);
}
.subscribe-form .input-holder {
	overflow: hidden;
}
.follow .title {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.follow ul {
	font-size: 43px;
	display: inline-block;
	vertical-align: middle;
}
.follow ul li {
	display: inline-block;
	vertical-align:middle;
	margin: 0 0;
}
.follow ul a { color: #fff; }
.follow ul a:hover {
	color: #2c5c21;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.twocolumns {
	overflow: hidden;
}
.twocolumns .column {
	float: left;
	width: 50%;
	padding: 0 15px 15px;
}
.updates h2 {
	font-size: 25px;
	margin: 0 0 22px;
	letter-spacing: 0;
}
.updates .news-holder h2 { padding: 0 15px; }
.updates h3 {
	color: #4d9546;
	margin: 0 0 10px;
}
.article-holder {
	overflow: hidden;
}
.article-holder .article {
	float: left;
	width: 46.8%;
	padding:0 3px 15px;
	margin-left: 4%;
}
.article-holder .article:first-child { margin-left: 0; }
.article-holder .article img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
}
.article-holder .btn-holder {
	text-align: right;
}
.article-holder .btn-read {
	background: url(btn-after.png) no-repeat 95% 50%;
	padding: 0 35px 0 0;
	font-size: 14px;
	font-weight: 700;
	color: #6d6e71;
}
.article-holder .btn-read:hover {
	background-image: url(btn-after-h.png);
	color: #4d9546;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.news-holder img {
	display: block;
	width: 100%;
	height: auto;
	margin: -15px 0 15px;
}
.twocolumns .post-holder {
	width: 51%;
}
.twocolumns .news-holder {
	float: right;
	width: 48%;
}
.updates  { padding: 51px 2.7% 38px; }
.about-holder {
  width: 100%;
	overflow: hidden;
}
.about-holder h1 { margin: 0; }
.about-us-page .about-holder .head .screen, .contact-us-page .about-holder .head .screen {
  margin: 0;
  padding-top: 50px;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(0,0,0,0.5);

}
.about-us-page .about-holder .head h1, .contact-us-page .about-holder .head h1 {
  position: relative;
  z-index: 10;
}
.about-us-page ul {
	padding-left: 20px;
}
.about-us-page ul>li {
	list-style-type: disc;
	padding-bottom: 14px;
}


.about-holder h1 img {
	display: block;
	margin: 0 auto;
/*   width: 420px !important; */
}
.order-form .jcf-unselectable.select-area {
	display: none;
}
.order-form .auto-order .jcf-unselectable.select-area {
	display: block;
}
.about-holder .head {
  background: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/together-health-wood-header-0119.jpg?89448) no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
  display: table;
  width: 100%;  
}
.template-page .coupon-code .about-holder .head,
#claim-your-coupon.template-page .about-holder .head,
#claim-your-sample.template-page .about-holder .head,
#product-recommender.template-page .about-holder .head,
#rewards.template-page .about-holder .head,
#together-rewards.template-page .about-holder .head {
  background: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/together-health-wood-header-0119.jpg?89448) no-repeat;
  background-size: cover;
}
#rewards.template-page .about-holder .head h1 { margin-bottom: 58px; }
#rewards.template-page .about-holder .head h1 img { width: 100%; }
#together-rewards.template-page .about-holder .head h1 { margin-bottom: 58px; }
#together-rewards.template-page .about-holder .head h1 img { width: 90%; max-width: 400px; }
.template-page .coupon-code .flex-row,
#claim-your-coupon.template-page .flex-row { margin-top: 60px; }
@media (max-width: 680px) {
  .template-page .coupon-code .about-holder .head,
  #claim-your-coupon.template-page .about-holder .head,
  #claim-your-sample.template-page .about-holder .head {
    margin-bottom: 0;
  }
}
.template-page .coupon-code .about-holder .head h1,
#claim-your-coupon.template-page .about-holder .head h1,
#claim-your-sample.template-page .about-holder .head h1 {
  margin-bottom: 30px;
}
#claim-your-sample.template-page .about-holder .head h1 img {
  max-width: 360px;
  margin-top: 0px;
}
.template-page .coupon-code .about-holder .head h1 img,
#claim-your-coupon.template-page .about-holder .head h1 img {
  max-width: 420px;
  margin-top: 0px;
}
.template-page .coupon-code .about-holder .head h1 .mobile-only img {
  max-width: 260px;
}
.template-page .about-holder .head {
  background: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/Ilkley-Moor-FULL.jpg?89448) no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
  position: relative;
  display: table;
  width: 100%;
}
.template-page .about-holder .head:before, .template-page .about-holder .head:after {
	content: " ";
	display: block;
	width: 50%;
	position: absolute;
	bottom: -1px;
	border: 0px transparent solid;
	border-bottom: 30px #FFF solid;
  z-index: 200 !important;
}
.template-page .coupon-code .about-holder .head:before, .template-page .coupon-code .about-holder .head:after,
#claim-your-coupon.template-page .about-holder .head:before, #claim-your-coupon.template-page .about-holder .head:after,
#claim-your-sample.template-page .about-holder .head:before, #claim-your-sample.template-page .about-holder .head:after,
#product-recommender.template-page .about-holder .head:before, #product-recommender.template-page .about-holder .head:after {
  content: none;
}
.template-page .coupon-code .blog-detail,
#claim-your-coupon .blog-detail,
#claim-your-sample .blog-detail,
#product-recommender .blog-detail { padding: 0 !important;}
.template-page .about-holder .head:before {
	border-right-width: 50px;
	left: 0px;
}
.template-page .about-holder .head:after {
	border-left-width: 50px;
	right: 0px;
}
.product .head:after { display: none; }
.template-page .promise-holder .head { background: url(Promise_banner_image.jpg) no-repeat top center; background-size: cover; }
.template-page .about-holder .head-holder { padding: 36px 5% 0; }
.template-page .promise-holder .head-holder { padding: 36px 5% 57px; }
.product .head-holder { padding: 36px 0 0; }
.product-container {
	padding: 58px 0 0;
	margin: 0 auto;
}
.template-collection .product-container {
	padding: 0px;
}

.template-collection .product-container #subnaving {
  padding-top: 58px;
}
#ranges.template-collection .product-container #subnaving {
  padding-bottom: 30px;
}
.promise-holder .content-holder .title {
	font-size: 18px;
  line-height: 26px;
	margin: 0 0 41px;
}
.promise-holder .content-holder {
    padding: 40px 6% 40px;
  max-width: 1000px;
}

.promise-holder .content-holder>p:nth-child(1) {
    max-width: 800px;
    margin: 0px auto 40px;
}
.promise-holder .content-holder>div:nth-child(1) .layoutArea {
  font-size: 1.15em;
}
.promise-holder .content-holder p img { margin: 20px 0px; }
.promise-holder .content-holder>p:nth-child(2) img { width: 280px; max-width: 75%; }
.promise-holder .content-holder>p:nth-child(4) img { width: 460px; }
.promise-holder .content-holder>p:nth-child(6) img { width: 260px; max-width: 60%; }
.promise-holder .content-holder>div:nth-child(8) img { width: 270px; max-width: 90%; }
.promise-holder .content-holder>p:nth-child(10) img { width: 440px; }
.promise-holder .content-holder>p:nth-child(12) img { width: 1000px; }
.promise-holder .content-holder>p:last-child img { max-width: 85%; }

.account .head-holder { padding: 28px 5% 0; }
.account .multi-tabset li { width: 22%; }
.account .product-container { padding: 58px 1% 25px; }
.about-content .block {
	position: relative;
	margin: 0 0 42px;
	padding: 0 0 33px;
	line-height: 19px;
}
.about-content .block:after {
	content: '';
	background: url(devider.png) no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	height: 7px;
	left: -8.5%;
	bottom: 0;
	right: -11.5%;
}
.content-holder {
	text-align: center;
	padding: 45px 15%;
}
.content-holder .title {
	display: block;
	margin: 0 0 25px;
	font-weight: 700;
	color: #58595b;
}
.content-holder .post {
	position: relative;
	margin: 0 0 42px;
	text-align: center;
	padding: 0 6% 33px;
	line-height: 19px;
}
.content-holder .post:after {
	content: '';
	background: url(devider.png) no-repeat 100% 0;
  background-size: 100%;
	position: absolute;
	height: 7px;
	left: 0%;
	bottom: 0;
	right: 0%;
}
.content-holder h2 {
	margin: 0 0 32px;
}
.promise-holder .content-holder .twocolumns .img-holder {
	margin: 0 0 -9px;
}
.promise-holder .content-holder h3 { margin: 0 0 2px; }
.content-holder h2 img {
	display: block;
	margin: 0 auto;
}
.promise-holder  .content-holder .post {
    margin: 0 0 32px;
    padding: 0 6% 30px;
    position: relative;
    text-align: center;
}






/*.content-holder .post::after {
    left: -17.5%;
    right: -20.5%;
}*/
.promise-holder .content-holder .range .title {
	font-size: 24px;
	margin: 54px 0 8px;
}
.content-holder .description {
	display: block;
	margin: 0 0 25px;
	font-size: 20px;
}
.content-holder .img-holder {
	display: table;
	width: 100%;
	height: 281px;
	margin: 0 0 25px;
}
.content-holder .img-holder .img-frame {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.content-holder .img-holder img {
	display: inline-block;
	vertical-align: top;
	height: auto;
}
.content-holder h3 {
	color: #8dc63f;
}
.img-center { margin: 0 auto; }
.img-center img {
	display: block;
	margin: 0 auto;
	height:auto;
}
.about-content .block h2 {
	margin: 0 0 20px;
}
.about-content .block h2 img {
	display: block;
	margin: 0 auto;
}
.about-content .value {
	text-align: center;
	padding: 0 0 42px;
	margin: 0 0 72px;
}
.about-content .value .description {
	display: block;
    margin: 0 0 27px;
	padding: 0 6%;
}
.about-holder .tabs {
	padding: 0 4% 15px;
}
.blog-holder .tabs {
	padding: 0 5% 15px;
}
.blog-holder .blog-detail .tabs {
	padding: 0 0 15px;
}
.blog-holder .multi-tabset {
	padding: 0;
}
.blog-holder .multi-tabset-holder {
  background: #FAFAF7;
    margin-left: -6.2%;
    margin-right: -6.2%;
}
@media (max-width: 768px) {
  .blog-holder .multi-tabset-holder {
    overflow: auto;
    margin-left: -5.5%;
    margin-right: -5.5%;
    padding: 0 10%;
    margin-top: 10px;
  }
  .template-article .multi-tabset:after {
    display: none;
  }
}
.template-article .container.head-holder {
    min-height: 0;
}
@media (max-width: 768px) and (max-width: 768px) {
  .template-article .about-holder .head {
    margin-bottom: 20px;
  }
}
.about-holder.blog-holder .multi-tabset-holder .container {
  padding-top: 0;
  width: 100% !important;
  max-width: 1120px;
  margin: 0 auto;
}
.about-holder .accordion {
	padding: 15px 0 0;
}
.about-holder .accordion li {
	overflow: hidden;
    margin-bottom: 10px;
}
.about-holder .accordion p { margin: 15px 0; }
.about-holder .accordion .opener-a img {
	display: block;
	margin: 0 auto 25px;
}
/*.about-holder .accordion .slide-a {
	overflow: hidden;
	display: block !important;
	position: static !important;
}*/
.blog-holder .blog-detail .multi-tabset {
	padding: 44px 0 0;
	text-align: center;
}
.about-holder .tabs .header,
.blog-detail .header {
	font-size: 14px;
	font-weight: 700;
	background: #f8f7f4;
	margin: 0 -9999px;
	padding: 0 9999px;
}
.blog-holder .tabs .header {
  padding-top: 0px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .template-blog .blog-holder .tabs .header {
    margin-bottom: 0;
  }
  .template-blog .about-holder.blog-holder .tab-content {
    margin-top: 20px;
  }
  .template-blog .about-holder.blog-holder .tab-content .be-social {
    margin-top: 0;
  }
}

.about-holder .tabs .description {
	font: 400 20px/1.2 'Karla', sans-serif;
	display: block;
	padding: 0 2% 56px;
}
.about-holder .multi-tabset {
	width: 100%;
	margin: 0 auto;
} 
.about-holder .mobileSettabs {
	display: none;
}
.blog-holder .multi-tabset li {
	display: inline-block;
	vertical-align: top;
/* 	margin: 0 4.8%; */
}
.blog-holder .multi-tabset li:first-child a { padding-left: 0; }
.blog-holder .multi-tabset li:first-child {
	margin-left: 0;
}
.blog-holder .multi-tabset li:last-child {
	margin-right: 0;
}
.about-holder .multi-tabset a {
	color: #4b9239;
	display: block;
	position: relative;
	padding: 15px;
	text-align: center;
}
.blog-holder .multi-tabset a {
	padding: 15px 15px 20px;
	position: relative;
	z-index: 9;
}
.blog-holder .tab {
    padding: 61px 8.7% 21px;
}
.be-social {
	position: fixed;
	width: 92px;
	top: 50%;
	right: 0;
	z-index: 999;
}
.be-social img {
	position: relative;
	right: 40%;
    top: -19px;
}
.be-social li {
	margin: 0 0 1px;
}
.be-social a {
	text-align: left;
	display: block;
	padding: 8px 12px;
	color: #fff;
	font-size: 40px;
	background: #4b9239;
}
.be-social a:hover { color: #000; }
@media only screen and (max-width: 768px) {
.be-social { position: relative; display: block !important; width: 100%; margin-top: 40px; }
.be-social>img { display: block; position: absolute; right: calc(50% - 100px); bottom: 100%; top: auto; max-width: none; transform: rotate(45deg); }
}

.product .tab { padding: 0; }
.product .multi-tabset {
  text-align: center;
  max-width: 1600px;
}
.product .head .multi-tabset {
  max-width: 1900px;
  width: calc(100% + 80px);
  margin-left: -40px;
  margin-right: -40px;
}

.product .multi-tabset li {
/* 	width: 19%; */
	display: inline-block;
	vertical-align: top;
}
.product .tab-content .multi-tabset li { width: 32%; }
.account .tab-content .multi-tabset li { width: 19.5%; }
.product .multi-tabset a {
  background: #4b9239;
  color: #fff;
  text-align: center;
  padding: 11px;
  margin: 0 1px;
}
@media only screen and (min-width: 768px) {
.product .multi-tabset a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
}
.account input[type="text"],
.account input[type="email"],
.account input[type="search"] {
	border: 1px  solid #000;
	display: block;
	margin: 0 0 15px;
}
.about-holder .multi-tabset a:hover,
.about-holder .multi-tabset a.active {
	color: #225924;
}

/* .product .multi-tabset li a {
	position: relative;
	overflow: hidden;
}
.product .multi-tabset li a:hover {
	background-color: #4b9239;
}
.product .multi-tabset li a:before {
	content: attr(data-title);
  padding-top: 12px;
	display: block;
	position: absolute;
	background-color: white;
	width: 100%;
	left: 0;
	bottom: 0;
	top: 100%;
	transition: all 0.1s ease-in-out;
	border-top-left-radius: 0%;
	border-top-right-radius: 0%;
}
 */
@keyframes rattle {
	0% { border-top-left-radius: 0%; border-top-right-radius: 0%; }
	50% { border-top-left-radius: 100%; border-top-right-radius: 100%; }
	100% { border-top-left-radius: 0%; border-top-right-radius: 0%; }
}

.product .multi-tabset li a:hover:before {
	top: 0;
	animation-name: rattle;
	animation-duration: 0.1s;
}
.product .multi-tabset li a.active:before {
  content: none;
}
.product .multi-tabset li a.active:hover {
  background: white;
}
.product .multi-tabset li a.active:hover:before {
	animation-name: none;
}


.product .multi-tabset a:hover,
.product .multi-tabset a.active {
	color: #4d9546;
	background: #fff;
}
.product .tab-content .multi-tabset a {
	padding: 0;
	margin: 0 3px;
}
.account .tab-content .multi-tabset a {
	font: 700 17px/1.3 'Karla', sans-serif;
	padding: 5px;
}
.account .tab-content .multi-tabset a.active,
.account .tab-content .multi-tabset a:hover {
	color: #4b9239;
	background: #e5eeca;
}
.product .tab-content .multi-tabset img {
	display: block;
	width: 100%;
	height: auto;
}
.about-holder .multi-tabset a.active:after,
.blog-detail .multi-tabset a.active:after,
.blog-holder .multi-tabset a.active:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	margin: 0 0 0 -58px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 59px 0 59px;
	border-color: #f8f7f4 transparent transparent transparent;
}
.product .multi-tabset a.active:after { display: none; }
.product .tab-content .multi-tabset a.active:after,
.product .tab-content .multi-tabset a:hover:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	margin: 0 0 0 -18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 18px 0 18px;
	border-color: #e72b3b transparent transparent transparent;
	display: block;
}
.product .tab-content .multi-tabset li:nth-child(2n) a.active:after,
.product .tab-content .multi-tabset li:nth-child(2n) a:hover:after {
	border-color: #007ba5 transparent transparent transparent;
}
.product .tab-content .multi-tabset li:nth-child(3n) a.active:after,
.product .tab-content .multi-tabset li:nth-child(3n) a:hover:after {
	border-color: #4b9239 transparent transparent transparent;
}
.account .tab-content .multi-tabset a.active:after,
.account .tab-content .multi-tabset a:hover:after,
.account .tab-content .multi-tabset li:nth-child(2n) a.active:after,
.account .tab-content .multi-tabset li:nth-child(2n) a:hover:after,
.account .tab-content .multi-tabset li:nth-child(3n) a.active:after,
.account .tab-content .multi-tabset li:nth-child(3n) a:hover:after {
	border-color: #e5eeca transparent transparent transparent;
}
.product .detail {
	overflow: hidden;
	font-size: 14px;
	color: #6d6e71;
	margin: 0 0 18px;
}
.product .detail > img {
	float: left;
    margin: 20px 4.5% 25px 23px;
    width: 34%;
  max-width: 288px;
}
.product .detail .txt-holder {
    padding: 20px 22px 0 0;
}
.product-list {
	list-style: none;
	margin: 0 -14px 25px 0;
	padding: 0px 14px 25px;
	color: #4d9546;
}
.product-list li {
	text-align: center;
	display: block;
	vertical-align: top;
	width: calc(25% - 14px);
	margin: 0 14px 15px 0;
  float: left;
}
.product-list li:nth-child(4n+5) {
  clear: both;
}
.product-list img {
	display: block;
	width: 100%;
	max-width: 90%;
	margin: 0 auto 10px;
}
.product-list .title {
	color: #4d9546;
  margin-bottom: 20px;
  display: inline-block;
  line-height: 32px;
}
.product-list .title a {
	color: #4d9546;
}
.product-list .title span {
	display: block;
}
.account-table {
	width: 100%;
	border: 0;
	margin: 0 0 24px;
}
.account-table tr {
	border: 0;
	position: relative;
	background: url(devider.png) no-repeat 0 100%;
}
.account-table th {
	border: 0;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	color: #6d6e71;
	padding: 18px;
}
.account-table td {
	font-size: 16px;
	font-weight: 700;
	color: #6d6e71;
	border: 0;
	padding: 15px;
}
.account-table td:first-child {		
	width: 50%;	
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type="number"] {
    -moz-appearance: textfield;
}
.account-table img {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 15px 0;
}
.account-table .txt {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 15px;
	overflow: hidden;
}
.account-table .txt a { color: #6d6e71; }		
.account-table .txt a:hover { color: #4d9546; }
.account-table .txt .title {
	display: block;
}
.account-table .txt .info {
	color: #6d6e71;
	font-weight: 400;
}
.account-table .duration {
	display: inline-block;
	vertical-align: top;
}
.account-table .buttons {
	float: right;
	width: 92px;
	margin: 25px 0;
}
.account-table .buttons a {
	display: block;
	color: #6d6e71;
	font-size: 17px;
	font-weight: 700;
	background: #f8f7f4;
	text-align: center;
	border: 1px solid #d7d7d7;
	margin: 0 0 10px;
	padding: 5px;
}
.account-table .buttons a:hover {
	background: #e6303a;
	color: #fff;
}
.account .btn-manage {
	padding: 10px 20px;
}
.account .block {
	font-size: 20px;
	background: url(devider.png) no-repeat 0 100%;
	padding: 0 0 35px;
	margin: 0 0 35px;
	overflow: hidden;
	text-align: center;
}
.banner-frame.container{ padding: 20px 3%; }
.account .block p { margin: 0; }
.account .block h2 {
	font-size: 35px;
	margin: 0 0 10px;
}
.account .block h3 {
	color: #4d9546;
	margin: 0 0 10px;
}
.account .btns-area {
	font-size: 17px;
	font-weight: 700;
	margin: 0 0 15px;
}
.account .btns-area a {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 10px;
	background: #4b9239;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #4b9239;
}
.account .btns-area a:hover,
.account .btns-area a.copy:hover {
	background: #e6303a;
	color: #fff;
	border: 1px solid #e6303a;
}
.account .social-networks {
	font-weight: 700;
	font-size: 17px;
	overflow: hidden;
	margin: 0 0 15px;
	padding: 0;
}
.account .social-networks li {
	display: inline-block;
	vertical-align: top;
	margin: 0 3px 6px;
	border: 1px solid #d7d7d7;
	color: #6d6e71;
}
.account .social-networks a {
	color: #6d6e71;
	background: #fdfdfc;
	padding: 5px 10px;
	display: block;
}
.account .social-networks a:hover {
	background: #e6303a;
	color: #fff;
}
.account .social-networks a:hover i { color: #fff; }
.account .social-networks i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
	color: #2c5c21;
	font-size: 18px;
}
.account .social-networks span {
	display: inline-block;
	vertical-align:middle;
}
.account .btns-area a.copy {
	color: #6d6e71;
	background: #f8f7f4;
	border: 1px solid #d7d7d7;
}
#EditAddress_2848828164  h4 {
	padding: 20px 0 0;
}
.account h3 {
	padding: 20px 0 0;
}
.secletion-form {
	overflow: hidden;
	text-align: right;
	color: #6d6e71;
	font-size: 16px;
}
.secletion-form .row {
	overflow: hidden;
	margin: 0 0 25px;
}
.secletion-form .row-select label {
	color: #4d9546;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 0 0;
}
.secletion-form label {
	margin: 0 0 0 10px;
}
.secletion-form label a {
	color: #6d6e71;
	text-decoration: underline;
}
.secletion-form input[type="submit"] {
	margin: 0 0 15px;
}
.secletion-form input[type="submit"]:hover {
	background: #4d9546;
}
.secletion-form label a:hover { text-decoration: none; }
.basket .account-table tr th:last-child,
.basket .account-table tr td:last-child {
	text-align: right;
}
.basket .account-table tr:last-child:after { 
	background: url(devider-h.png) no-repeat 100% 100%;
}
.account-table .fa-close {
	background: #ece8df;
    border-radius: 50%;
    color: #706f6f;
    display: inline-block;
    font-size: 20px;
    font-weight: 100;
    height: 32px;
    line-height: 20px;
    margin: 0 10px;
    overflow: hidden;
    padding: 4px 6px;
    text-align: center;
    vertical-align: middle;
    width: 32px;
}
.account-table .fa-close:hover { color: #e6303a; }
.payment {
	margin: 0 0 15px;
}
.payment img {
	display: inline-block;
	vertical-align: top;
}
.payment a:hover { opacity: 0.8; }
.threecolumns {
	margin: 0 -40px 0 0;
	overflow: hidden;
	text-align: left;
	color: #6d6e71;
	font-size: 16px;
}
.tabs .threecolumns { margin: 0 -4% 0 0; }
.threecolumns .column {
	display: inline-block;
	vertical-align: top;
	margin: 0 3% 25px 0;
	width: 29.6%;
}
.threecolumns .column img {
	display: block;
	width: 100%;
	margin: 0 0 19px;
	height: auto;
}
.threecolumns .time {
	display: block;
	font-size: 14px;
	font-style: italic;
	color: #4d9546;
	margin: 0 0 4px;
}
.threecolumns p { margin: 0 0 10px; }
.blog-detail .threecolumns h2,
.threecolumns h2,
/* .blog-holder .tabs h2 {
	font-size: 18px;
	line-height: 28px;
	margin: 0 0 10px;
} */
.threecolumns .btn-holder {
	text-align: right;
  margin-top: 20px;
}
.SwipeText { display: none; }
.range .threecolumns .btn-holder { text-align: center; }
.threecolumns .btn-read {
    font-weight: bold;
	background: url(btn-after.png) no-repeat 95% 50%;
	padding: 0 35px 0 0;
	font-size: 15px;
	font-weight: 700;
	color: #6d6e71;
}
.threecolumns .btn-read:hover {
	background-image: url(btn-after-h.png);
	color: #4d9546;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.block .heading {
    margin: 25px 0 39px;
}
.block .heading img {
	display: block;
    height: auto;
    width: 99%;
}
.block.value a { color: #4d9546; }
.block.value a:hover { color: #74af26; }
.about-content .block:last-child:after {
	display: none;
}
.about-content .block .txt-holder {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
.about-content .block .txt-holder p { margin: 0 0 10px; }
.about-content .block .img-holder {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	margin: 0 0 12px;
}
.about-content .block-h .img-holder { margin: 0; }
.about-content .block .img-holder img {
	display: block;
	margin: 30px auto 25px;
	height: auto;
	max-width: 100%;
}
.about-content .block-h .img-holder img { margin: 0 auto; }
.about-content .block .text-holder {
	float: left;
	width: 50%;
  padding-right: 20px;
}
.about-content .block .text-holder h2 {
	margin: 0 0 28px;
}
.about-content .block .text-holder h2 img {
	display: block;
	width: 97%;
	height: auto;
}
.about-content .block .text-holder a {
	color: #6d6e71;
	text-decoration: underline;
}
.about-content .block .text-holder a:hover { text-decoration: none; }
.about-content .block .text-holder p { margin: 0 0 8px; }
.about-content .block .img {
	text-align: center;
	margin: 0 0 34px;
	display: block;
}
.about-content .block .img img {
	display: block;
	margin: 0 auto;
	height: auto;
	width: 100%;
	max-width: 170px;
}
.about-content .pledge-holder .img-frame {
	display: block;
	margin: 0 0 15px;
}
.about-content .block .pledge-holder .img { margin: 0 0 19px; }
.about-content .block .pledge-holder .img img { max-width: 274px; }
.about-content .block .rotate-img {
	box-shadow: 5px 5px 7px -5px rgba(0,0,0,.4);
	padding: 10px;
	background: #fff;
	 -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
	 position: relative;
	 right: -13px;
	 margin: 0 0 29px;
}
.about-content .block .rotate-img img {
	display: block;
	width: 100%;
	height: auto;
}
.about-content .block .info {
    font-weight: bold;
	display: block;
	color: #6cb33f;
	padding: 0 30px;
}
#footer .container { padding: 50px 5%; }
.contact-block {
	padding: 25px 0 15px;
    font-weight: bold;
	color: #fff;
}
.contact-block .column {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	padding: 0 4%;
  box-sizing: border-box;
  margin: 0px;
	text-align: center;
}
.contact-block .column:first-child {
/* 	width: 244px; */
}
.contact-block .title {
	color: #8dc63f;
	margin: 0 0 6px;
	display: block;
}
.contact-block a { color: #fff; }
.contact-block a:hover { color: #8dc63f; }
.contact-block time {
	font: 16px/18px 'Karla', sans-serif;	
	display: block;
	margin: 8px 0 0;
}
.about-content .pledge-holder {
	float: right;
	width: 50%;
	text-align: center;
  padding-left: 20px;
}
.product-detail {
	max-width: 1313px;
    padding: 26px 15px 0;
	position: relative;
}
.product-detail:not(.no-before):before {
	content: '';
	width: 100%;
	background: #cec6ba;
	height: 1px;
	position: absolute;
	top: 0;
	margin: 0 -9999px;
	padding: 0 9999px;
}
.product-detail .btn-holder {
	margin: 0 0 17px;
}
.product-detail .btn-back {
    font-weight: bold;
	color: #4d9546;
	padding: 0 0 0 49px;
	background: url(arrow5.png) no-repeat 0 50%;
}
.product-detail .btn-back:hover {
	color: #e6303a;
	background: url(arrow6.png) no-repeat 0 50%;
}
.product-holder {
	position: relative;
/* 	overflow: hidden; */
	padding: 0 0 43px;
}
.product-holder:after {
	content: '';
	display: table;
	clear: both;
}
.product-slider {
	float: left;
	width: 53%;
}
.product-slider .pagination {
	width: 114px;
	float: left;
	/*max-height: 500px;
	overflow: scroll;*/
}
.product-slider .pagination li {
	margin: 12px 16px 58px;
}
.product-slider .pagination li a:hover { opacity: 0.7; }
.product-slider .pagination img {
	display: block;
	margin: 0 auto;
}
.product-slider .slide-holder {
	overflow: hidden;
	padding: 8px 13% 0 15%;
}
.product-slider .slide img {
	display: block;
	width: 100%;
	height: auto;
}
.product-detail .aside {
	overflow: hidden;
	padding: 3px 0 0;
	cursor: pointer;
	border: 0;
    width: 47%;
  overflow: visible;
  float: left;

}
.product-detail .aside .subtext img {
  max-width: 80px;
}
.product-detail .head { overflow: hidden; }
.product-detail .btn-add {
	float: right;
	margin: 0 0 10px 4px;
	border: 0;
}
.product-detail .head .txt {
	overflow: hidden;
	margin: 0 0 15px;
}
.product-detail h1 {
	font-size: 25px;
	line-height: 1.2;
	text-transform: none;
	margin: 8px 0 3px;
}
.product-detail .detail-list {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.product-detail .detail-list li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px 7px;
	padding: 0 0 0 10px;
	position: relative;
}
.product-detail .detail-list li:first-child {
	margin-left: 0;
	padding-left: 0;
}
.product-detail .btn-add {
    font-weight: bold;
/* 	padding: 10px 30px; */
  
    height: 40px !important;
    padding: 10px 30px;
    margin-top: 10px;  
  
}
.product-detail .detail-list li:after {
	content: '';
	background: #6d6e71;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	position: absolute;
	left: -2px;
	top: 50%;
	margin: -2px 0 0 0;
}
.product-detail .detail-list li:first-child:after { display: none; }
.auto-order {
	background: #f8f7f4;
	overflow: hidden;
	padding: 17px 20px 5px;
	margin: 0 0 21px;
}
.custom-order {
    padding: 0 20px 8px;
}
.order-form {
	background: url(devider-h.png) no-repeat 100% 100%;
	overflow: hidden;
	padding: 0 0 22px;
	margin: 0 0 20px;
}
.order-form .row {
	overflow: hidden;
	margin: 0 0 12px;
}
.order-form .chose-area {
	display: inline-block;
	vertical-align: middle;
	width: 62%;
}
.order-form .chose-area label {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
}
.order-form .price {
	font-size: 30px;
	line-height: 34px;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	color: #4d9546;
}
.order-form .select-holder {
	overflow: hidden;
	margin: 0 0 10px;
	padding: 0 0 0 38px;
}
.order-form .select-holder label {
	font-size: 20px;
	margin: 0 10px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.order-form select {
	width: 155px;
}
.order-form .select-holder a {
	margin: 0 0 0 15px;
	color: #6d6e71;
	text-decoration: underline;
	display: inline-block;
	vertical-align: middle;
}
.order-form .select-holder a:hover {
	text-decoration: none;
}
.order-form .select-holder .select-bar {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 170px;
	
}
.product-detail .info-list {
	list-style: none;
	overflow: hidden;
	margin: 0 0 22px;
	padding: 0;
}
.product-detail .info-list li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	position: relative;
	width: 48%;
}
.product-detail .info-list li:after {
	content: '';
	background: #6d6e71;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	position: absolute;
	left: -2px;
	top: 50%;
	margin: -2px 0 0 0;
}
.product-detail .ico-list {
	list-style: none;
	overflow: hidden;
	margin: 0 0 25px;
	padding: 0;
	text-align: center;
}
.product-detail .tabs-area {
	overflow: hidden;
	margin: 0 -9999px;
	padding: 74px 9999px 49px;
	background: #4b9239;
	position: relative;
	color: #fff;
}
.product-detail .tabs-area:after {
	content: '';
	background: url(banner-arrow2.png) no-repeat;
	width: 109px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -54px;
	z-index: 99;
}
.product-detail .multi-tabset {
    font-weight: bold;
	display: table;
	width: 100%;
	margin: 0;
}
.product-detail .multi-tabset li {
	display: table-cell;
	vertical-align: bottom;
	margin: 0 5px;
	text-align: center;
	width: 18%;
}
.product-detail .multi-tabset a {
	display: block;
	color: #b8cba1;
	font-size: 20px;
	background: #2c5c21;
	padding: 10px;
	margin: 0 2px;
}
.product-detail .multi-tabset li:first-child a { margin-left: 0; }
.product-detail .multi-tabset li:last-child a { margin-right: 0; }
.product-detail .multi-tabset a.active,
.product-detail .multi-tabset a:hover {
	background: #fff;
	color: #4d9546;
}
.product-detail .tab {
	padding: 0;
}
.tab-frame {
	background: #fff;
	padding: 21px 10px 16px 29px;
}
.product-detail .ico-list li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px 5px;
}
.query-holder {
    font-weight: bold;
	background: url(bg-banner.jpg) 50% 50%;
	background-size: contain;
	margin: 0 -9999px;
	padding: 61px 9999px 66px;
	color: #fff;
	text-align: center;
}
.query-holder .title {
	display: inline-block;
	vertical-align: middle;
}
.query-holder .btn-take {
    font-weight: bold;
	background: url(bg-btn.png);
	padding: 12px 33px;
}
.query-holder .btn-take:hover { background: url(bg-btn-h.png); }
.featurs {
	overflow: hidden;
	padding: 50px 0 0;
	text-align: center;
}
.featurs h2 {
	margin: 0 0 15px;
}
input[type="number"] {
	text-align: center;
	width: 60px;
	border: 1px solid #d7d7d7;
	padding: 8px 3px;
	border-radius: 1px;
	margin: 0 5px;
	color: #706f6f;
	background: #fff;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.qtyminus,
.qtyplus {
	margin: 0 5px;
	text-align: center;
	width: 40px;
	border: 1px solid #d7d7d7;
	border-radius: 0;
	padding: 7px 3px;
	border-radius: 1px;
	margin: 0 5px;
	height: 40px !important;
	color: #706f6f;
	background: #fbfaf7;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.contact-container {
	padding: 47px 16.5% 3px;
	position: relative;
}
.contact-n-container {
	text-align: center;
	padding: 56px 4% 3px;
	font-size: 14px;
}
.contact-container h2 {
	color: #6cb33f;
}
.contact-container p {
	margin: 0 11% 35px;
}
.contact-links {
	padding: 0;
	margin: 0 auto 50px;
	text-align: center;
	display: table;
	width: 100%;
    max-width: 600px;
}
.contact-links li {
	display: table-cell;
	vertical-align: middle;
	margin: 0 0 10px;
}
.contact-links a {
	color: #225924;
	position: relative;
	padding: 0 0 10px;
	display: inline-block;
}
.contact-links a:after {
	content: '';
	background: url(devider-gray-up.png) no-repeat 100% 0;
	width: 100%;
	height: 7px;
	position: absolute;
	left: 0;
	top: 100%;
}
.contact-links li.active a:after,
.contact-links li:hover a:after {
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
	background-image: url(devider-green-u.png);
}
.contact-list {
	padding: 11px 13% 0;
	margin: 0 0 16px;
	text-align: center;
}
.contact-list li {
	display: inline-block;
	vertical-align: top;
	width: 24%;
	margin: 0 4% 25px;
}
.contact-list li img {
	display: block;
	width: 100%;
	height: auto;
  max-width: 165px;
  margin: auto;
}
.contact-list .img-holder {
/* 	border-radius: 50%; */
	overflow: hidden;
	margin: 0 0 15px;
}
.contact-list .titie {
	display: block;
	color: #4d9546;
	margin: 0 0 5px;
}
.contact-container:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 33px 55px 0 55px;
	border-color: #fff  transparent transparent;
    left: 50%;
    margin-left: -54px;
    position: absolute;
    top: 100%;
}
.contact-container .row {
	margin: 0 0 25px;
	overflow: hidden;
}
.contact-container .row .img-holder {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 15px 0;
	width: 89px;
}
.contact-container .row img { display: block; }
.contact-container .row .txt {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	margin: 0 0 15px;
}
.contact-container .txt .title {
	color: #6cb33f;
}
.contact-container .txt .tel {
	color: #225924;
	margin: 0 0 0 10px;
}
.contact-container .txt .timing {
	display: block;
}
.contact-container .email {
	display: block;
}
.contact-container .email a {
	color: #225924;
}
.contact-container .email a:hover { color: #e6303a; }
.contact-area {
	background: #2c5c21;
}
.contact-area .container {
	padding: 60px 10.5% 20px;
}
.contact-area h2 {
	text-align: center;
	color: #fff;
	margin: 0 0 31px;
}
.contact-area input[type="text"],
.contact-area input[type="email"],
.contact-area textarea  {
	margin: 0 0 15px;
	font-weight: 400;
}
.contact-area textarea  {
	resize: none;
	overflow: auto;
	width: 100%;
	height: 165px;
}
.contact-area .btn-holder {
	text-align: center;
	margin: 40px 0 10px;
}
.basket h1 {
	font-size: 36px;
	font-weight: 700;
	text-transform: none;
}
.basket {
	padding: 31px 3%;
}
#CustomerLoginForm, #create-account .container.basket>.grid .grid__item.large--one-half.small--text-center > div {
    box-shadow: 0px 5px 25px rgba(0,0,0,0.25);
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: white;
}

.account-table img {
	margin: 0 43px 15px 0;
	width: 61px;		
	height: auto;
}
.blog-detail {
	padding: 0 15px 40px !important;
	text-align: left;
	position: relative;
}
.blog-detail .head-t {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	padding: 0 8% 24px;
	text-align: center;
}
.section-header {
	text-align: center;
}
.blog-detail h2 {
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	margin: 0 0 12px;
}
.blog-detail .head-t .time,
.section-header .time {
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 18px;
	font-weight: 400;
	display: block;
	color: #6d6e70;
	font-style: italic;
}
.blog-detail .img-holder {
	overflow: hidden;
	margin: 0 0 28px;
}
.blog-detail .img-holder img {
	display: block;
	width: 100%;
	height: auto;
}
.blog-detail .txt-holder {
	overflow: hidden;
	position: relative;
	padding: 0 0 30px;
	margin: 0 0 30px;
}
.offer_newline { margin: 10px 0 0; }
.blog-detail .txt-holder:first-child {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	padding: 0 8% 24px;
	text-align: center;
}
.blog-detail .txt-holder:first-child:after {
	display: none;
}
.blog-detail .txt-holder:after {
	content: '';
	position: absolute;
	background: url(devider-h.png);
	background-size: cover;
	height: 7px;
	width: 100%;
	left: 0;
	bottom: 0;
}
.blog-detail .txt-holder ul {
	margin: 0;
	padding: 0;
}
.blog-detail .txt-holder ul li {
	padding: 0 0 8px 11px;
	position: relative;
}
.blog-detail .txt-holder ul li:after {
	content: '';
	width: 4px;
	height: 4px;
	background: #6d6e71;
	position: absolute;
	left: 0;
	top: 8px;
	border-radius: 50%;
}
.blog-detail .txt-holder a {
	color: #4d9546;
}
.blog-detail .txt-holder a:hover { color: #000; }
.blog-detail h3 {
	color: #4d9546;
	margin: 0 0 15px;
	letter-spacing: -1px;
}
.blog-detail h4 {
	color: #6d6e71;
	margin: 0 0 5px;
}
.blog-detail p { margin: 0 0 7px; }
.blog-detail .two-imgs {
	text-align: center;
	padding: 20px 0 0;
	margin: 0 0 15px;
	overflow: hidden;
}
.blog-detail .two-imgs img {
	display: inline-block;
	vertical-align: top;
	margin: 5px 21px;
}
.tags {
	position: absolute;
	left: 0px;
	top: 6%;
	background: #fff;
	width: 150px;
	z-index: 99;
}
.tags .title {
	display: block;
	color: #4d9546;
	background: #f8f7f4;
	padding: 8px 1px 14px 43px;
}
.tags ul {
	padding: 19px 5px 19px 42px;
}
.tags ul li {
	margin: 0 0 4px;
}
.tags ul li:last-child a { color: #6cb33f; }
.tags ul li:last-child a:hover { color: #000; }
#footer { background: #f9f7f4; }
#footer .twocolumns .column:first-child {
	padding: 0 25px 0 0;
}
#footer .twocolumns .block {
	margin: 0 0 32px;
  padding: 0px 20px;
	font-size: 14px;
	color: #414042;
	line-height: 1.6;
}
#footer .twocolumns a {
	color: #414042;
}
#footer .twocolumns address {
	display: block;
	font-style: normal;
	margin: 0;
}
#footer .twocolumns .tel,
#footer .twocolumns .email {
	display: block;
	margin: 0;
}
#footer .twocolumns .tel a {
	cursor: default;
}
#footer .twocolumns .column {
	width: 46.8%;
	padding-right: 0;
	float: right;
}
#footer .twocolumns .column:first-child {
	float: left;
	width: 51%;
}
#footer .twocolumns a:hover {
	color: #4d9546;
}
#footer h3 {
	color: #4d9546;
	margin: 0 0 14px;
}
#footer h3 img {
	display: block;
	margin: 0 0 15px;
	max-width: 75%;
	height: auto;
}
#footer .social-networks {
	list-style: none;
	margin: -11px 0 0;
	font-size: 46px;
	padding: 0;
}
#footer .social-networks li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 16px 0 0;
}
#footer .social-networks a {
	color: #2c5c21;
}
#footer .subscribe-form { padding: 0; }
#footer a:hover  {
	color: #4d9546;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
#footer .link-list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#footer .link-list > li {
	float: left;
	width: 26.8%;
	margin: 0 6% 0 0;
}
#footer .link-list ul li {
	margin: 0;
}
#footer .link-list a {
	color: #414042;
}
.select-frame {
	display: inline-block;
	vertical-align: middle;
	width: 362px;
	text-align: left;
}
/* hide original element */
.jcf-hidden {
	display: block !important;
	position: absolute !important;
	left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom checkbox styles */
.chk-area {
	border: 1px solid #777;
	margin: 0 2px 0 0;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
}
.chk-checked {
	background: #4d9546;
}
.chk-focus {
	border-color: #f00;
}
.chk-disabled {
	background: #eee;
}
.jcf-label-disabled {
	color: #ccc;
}
/* custom radio styles */
.rad-area {
	border: 1px solid #c2c2c2;
	border-radius: 50%;
	margin: 0 10px 0 0;
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	padding: 8px;
	height: 31px;
	background: #fff;
}
.rad-checked {
	background: #fff url(btn-rad.png) no-repeat;
	border-color: transparent;
}
.rad-checked span {
	background: #6f9b4c;
}
.rad-focus {
	border-color: #fff;
}
.rad-disabled {
	background: #eee;
}
/* custom select styles */
.select-area {
	border: 1px solid #c2c2c2;
	position: relative;
	overflow: hidden;
	cursor: default;
	height: 36px;
	float: left;
	background: #fff;
	width: 100% !important;
}
.select-focus {
	border-color: #f00;
}
.select-area .center {
	white-space: nowrap;
	padding: 6px 10px;
	display: block;
}
.select-disabled {
	background: #eee;
}
.select-area .select-opener {
	background: url(select.png) no-repeat;
	position: absolute;
	height: 36px;
	width: 25px;
	right: 0;
	top: 0;
}
.select-frame .select-area .select-opener {
	background: url(opener2.png) no-repeat;
	width: 15px;
	height: 8px;
	top: 50%;
	margin: -4px 0 0;
	right: 18px;
}
.select-frame .select-area {
	background: #f9f8f6;
}
.select-options {
	position: absolute;
	overflow: hidden;
	background: #fff;
	z-index: 2000;
}
.select-options .drop-holder {
	border: 1px solid #777;
	overflow: hidden;
	height: 1%;
}
.select-options ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.select-options ul li {
	width: 100%;
	float: left;
}
.select-options ul a {
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	cursor: default;
	color: #000;
	height: 1%;
}
.select-options .item-selected a {
	text-decoration: none;
	background: #4b9239;
	color: #fff;
}
.select-area img, .select-options a img {
	vertical-align: top;
	margin: 0 5px 0 0;
}
/* select options optgroup example styles */
.select-options .optgroup {
	clear: both;
}
.select-options .optgroup strong {
	display: block;
	padding: 5px;
}
.select-options .optgroup ul a {
	padding-left: 30px;
}
/* multiple select styles */
.select-multiple-area {
	border: 1px solid #777;
	clear: both;
}
.select-multiple-area .multiple-list{
	border: none;
	position: static;
}
.select-multiple-area .multiple-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.select-multiple-area .multiple-list li {
	margin: 0;
}
.select-multiple-area .multiple-list a:hover {
	text-decoration: none;
	background: #fff;
	color: #000;
}
.select-multiple-area .multiple-list a {
	display: block;
	cursor: default;
	padding: 5px;
	color: #000;
}
.select-multiple-area .multiple-list .item-selected a {
	background: #007;
	color: #fff;
}
.select-multiple-area .multiple-list .optgroup strong {
	display: block;
	padding: 5px;
}
.select-multiple-area .multiple-list .optgroup a {
	padding-left: 30px;
}
.select-disabled  .multiple-list .item-selected a {
	background: #777;
}
/* textarea example styles (optional) */
.text-block .control-wrapper {
	border: 1px solid #777;
	float: left;
}
.text-block textarea {
	font-size: 12px;
	width: 500px;
	height: 150px;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
}
.live-example fieldset .text-block .scrollable-area-wrapper {
	margin: 0;
}
/* custom file input */
.file-area .jcf-input-wrapper {
	position: relative;
	overflow: hidden;
	float: left;
}
.file-area .jcf-upload-button {
	border: 1px solid #777;
	padding: 10px 15px;
	background: #777;
	color: #fff;
	float: left;
	height: 20px;
}
.file-area .jcf-fake-input {
	border: 1px solid #777;
	padding: 10px 15px;
	float: left;
	margin: 0 5px;
	width: 200px;
	height: 20px;
}
.file-disabled .jcf-upload-button {
	border-color: #eee;
	background-color: #eee;
	color: #777;
}
.file-disabled .jcf-fake-input {
	border-color: #eee;
	color: #aaa;
}
/* custom scrollbars styles */
.scrollable-area-wrapper {
	position: relative;
	overflow: hidden;
	width: 100% !important;
}
.scrollable-area-wrapper .hscrollbar,
.scrollable-area-wrapper .vscrollbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
}
.scrollable-area-wrapper .hscroll-left,
.scrollable-area-wrapper .vscroll-up,
.scrollable-area-wrapper .hscroll-right,
.scrollable-area-wrapper .vscroll-down {
	background: #777;
	width: 20px;
	height: 20px;
	float: left;
	display: none;
}
.scrollable-area-wrapper .hscroll-line,
.scrollable-area-wrapper .vscroll-line {
	background: #ececec;
	width: 13px;
	float: left;
}
.scrollable-area-wrapper .hscroll-slider,
.scrollable-area-wrapper .vscroll-slider {
	background: #4b9239;
	width: 13px;
	height: 20px;
}
.scrollable-area-wrapper .hscrollbar {
	position: static;
	height: 20px;
	top: auto;
}
.scrollable-area-wrapper .hscroll-line {
	height: 20px;
	width: auto;
}
.accordion-holder { display: none; }
/* misc styles */
.controls-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.controls-list li {
	margin: 0 0 10px;
	overflow: hidden;
	width: 100%;
}
.controls-list label {
	margin: 0 10px 0 0;
	float: left;
}
.controls-list label.demo-label span {
	font: bold 11px "Courier New", Courier, monospace;
	color: #007;
}
.controls-list select {
	width: 150px;
}
.scrollable-area {
	background: #fff;
	font-size: 16px;
	line-height: 19px;
	color: #6d6e71;
	overflow: auto;
	height: 263px;
	padding: 10px 25px 0 0;
	width: 100%;
}
.scrollable-area > p {
    margin: 0 0 10px;
}
.anyscrollable .text,
.hscrollable .text {
	width: 600px;
}
.file-list .row {
	overflow: hidden;
	margin: 0 0 10px;
	width: 100%;
}
.file-list .flip .jcf-fake-input {
	float: right;
}
.test-select {
	width: 123px;
}
.select-options li.default {
	display: none;
}
ul.thumbnails {
	list-style: none;
	font-size: 50px;
	line-height: 150px;
	text-align: center;
	float: left;
	padding: 0;
	margin: 0;
}
ul.thumbnails li {
	background: #eee;
	display: inline;
	float: left;
	margin: 15px;
	width: 150px;
	height: 150px;

}
.btn-disabled {
	background: #aaa !important;
}
.pagination-custom {		
	font-size: 16px;		
	text-align: center;		
	line-height: 24px;		
}
.pagination-custom > li {		
	display: inline-block;		
	margin: 0 3px 3px;		
	vertical-align: middle;		
}		
.pagination-custom .active span {		
	background: #4d9546;		
	color: #fff;		
}		
.pagination-custom a,		
.pagination-custom span {		
	color: #4d9546;		
	display: block;		
	padding: 2px 10px;		
	border: 1px solid #fff;		
}
.pagination-custom a:hover,		
.pagination-custom span:hover {		
	border-color: #4d9546;		
}		
.grid__item.large--one-half.small--text-center > div {
	background: #f9f7f4 none repeat scroll 0 0;
	margin: 0 auto;
	max-width: 400px;
	padding: 29px;
	width: 100%;
	text-align: center;
}
.grid__item.large--one-half.small--text-center label {
	display: block;
	margin: 0 0 7px;
	text-align: left;
}
.section-header__title {		
	text-align: center;		
}
.about-holder h1 {
	font-size: 22px;
}
.about-holder.blog-holder h1 {
  /* margin-bottom: 48px; */
  margin-bottom: 18px;
}
#product-recommender .about-holder.blog-holder h1 {
  margin-bottom: 0;
}
.blog-detail h1 {
	font-size: 25px;
	text-transform: none;

}
#customer_login input[type="email"],  .grid__item.large--one-half.small--text-center input[type="email"],		
#customer_login input[type="text"], .grid__item.large--one-half.small--text-center input[type="text"],		
#customer_login input[type="password"], .grid__item.large--one-half.small--text-center input[type="password"] {		
	font: 700 14px/21px "Karla",sans-serif;		
	border: 1px solid #4d9546;		
	display: block;
	margin: 0 0 15px;
	width: 100%;
	padding: 7px 17px;		
}
#footer .container.twocolumns {
  padding-left: 20px;
  padding-right: 20px;
}
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
	height: auto;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	display: none;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

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

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    background: rgba(0, 0, 0, 0) url("arrow3.png") no-repeat scroll 0 0;
  background-size: 100%;
    height: 23px;
    left: -3%;
    margin: -11px 0 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 30px;
    z-index: 999;
}

.bx-wrapper .bx-next {
	background-image: url("arrow4.png");
    left: auto;
    right: -3%;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

.popup {
	font: 18px/1.25 'Karla', sans-serif;
	width: 440px;
	background: url(bg-pop.jpg) no-repeat;
	background: url(social-image-c.jpg) no-repeat;
	background-size: cover;
	position: fixed;
	top: 20%;
	z-index: 99;
	padding: 10px;
	border: 8px solid #fff;
	border-radius: 10px;
	z-index: 9999;
	text-align: center;
	color: #fff;
	-webkit-box-shadow: 4px 4px 5px 2px rgba(0,0,0,.1);
	box-shadow: 4px 4px 5px 2px rgba(0,0,0,.1);
	-moz-transition: all 0.75s linear;
	-webkit-transition: all 0.75s linear;
	-o-transition: all 0.75s linear;
	transition: all 0.75s linear;
	left: -100%;
}
.PopUpInAnimate {
	-moz-transition: all 0.75s linear;
	-webkit-transition: all 0.75s linear;
	-o-transition: all 0.75s linear;
	transition: all 0.75s linear;
	left: 0;
}
@keyframes PopUpInAnimate {
    100% { transform: translateX(0%); }
}

@-webkit-keyframes PopUpInAnimate {
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes popup {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes popup {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}
.popup a { color: #fff; }
.popup a:hover { color: #000; }
.popup .btn-area {
	overflow: hidden;
	text-align: right;
}
.popup .btn-area a {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 16px;
	right: 24px;
	font-size: 24px;
}
.popup .msg {
	text-decoration: underline;
	font-size: 14px;
}
.popup .holder {
	padding: 16px 12px;
}
.popup h2 {
	color: #fff;
	margin: 0 0 5px;
}
.popup .holder img {
	display: block;
	width: 100%;
	margin: 0 0 10px;
}
.popup .holder p {
	font-weight: 700;
	margin: 0 0 10px;
}
.knowledge-base {
	padding: 0 15px;
}
.popup input[type="email"] {
	margin: 0 0 10px;
}
.popup {
	padding: 0 1em;
}
.popup .holder h2 {
	font-family: 'Chelsea Market', sans-serif;
	text-align: left;
	padding-bottom: 0.5em;
}
.popup .holder p {
    font-weight: normal;
    max-width: 57%;
    text-align: left;
    padding-bottom: 1em;
    font-size: 20px;
}
.popup.success .holder>h2 {
	display: none;
}
.popup.success .holder>p {
	display: none;
}
.popup .holder .drip-confirmation p {
  max-width: 68%;
}
.popup .holder .drip-confirmation h2 {
  max-width: 80%;
}
.popup .holder input {
	border-radius: 8px;
	display: inline-block;
	vertical-align: top;
	height: 40px !important;
}
.popup .holder [type="email"] {
	width: calc(100% - 130px);
}
.popup .holder [type="submit"] {
	width: 120px;
	font-weight: normal;
	padding: 8px 12px;
	background: #91BD55;
}

.consent {
	background: white;
	border-radius: 20px;
	display: block !important;
	width: 100%;
	margin-top: 1em;
}
.consent>div {
	display: inline-block !important;
	vertical-align: top;
}
form .consent>div:first-child {
	background-color: #EEE;
	width: 70px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
  height: 40px;
    text-align: center;
}
form .consent>div:nth-child(2) {
	width: calc(100% - 75px);
}
.consent label {
	color: #BBB;
	font: 12px/1.4 'Karla', sans-serif;
	text-align: left !important;
	float: left;
	padding-top: 4px;
	padding-left: 4px;
}

.consent {
	position: relative;
}
.consent [type="checkbox"] {
  margin-top: 2px;
}
.consent [type="checkbox"]:before, .consent [type="checkbox"]:after {
	content: '';
	display: block;
	position: absolute;
	background: #BBB;
	border-radius: 16px;
	width: 48px;
	height: 28px;
	left: 6px;
	top: 6px;
	transition: all 0.15s ease-in-out;
}
.consent [type="checkbox"]:after {
	background: #EEE;
	border-radius: 12px;
	width: 24px;
	height: 24px;
	left: 8px;
	top: 8px;
}
.consent [type="checkbox"]:checked:after {
	left: 28px;
	background: #FFF;
}
.consent [type="checkbox"]:checked:before {
	background: #8EC63F;
}


/* Custom for blog index signup */
#drip-blog-signup .consent {
	background: transparent;
	margin-bottom: 2em;
}
#drip-blog-signup form .consent>div:first-child {
	background: transparent;
}
#drip-blog-signup .consent label {
	color: white;
}
#drip-blog-signup .consent label a {
	color: #8EC63F;
}








.bxslider img {
	display: block;
	width: 100%;
	height: auto;
}
.knowledge-base {
	max-width: 1300px;
	padding: 50px 15px;
	margin: 0 auto;
	overflow: hidden;
}
.category-list {
	margin: 0 -3.4% 0 0;
	padding: 0;
	overflow: hidden;
}
.category-list li,
.category-list li:nth-child(3n) {
	display: inline-block;
	vertical-align: top;
	margin: 0 3% 35px 0;
	width: 21.5%;
	float: none;
}
.HomePageProduct .container {
  position: relative;
}
.HomePageProduct .container p {
  display: none;
  position: absolute;
  bottom: 48px;
  left: 0px;
  right: 0px;
  text-align: center;
  color: #4d9546;
  font-size: 16px;
}
.container.head-holder {
  min-height: 246px;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;         
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;  
}
.container.copy-holder {
  color: #FFF;
  font-size: 14px;
  padding: 25px 20px 35px !important;
  font-weight: bold;
}
.template-article  #tab1 .grid__item.large--four-fifths {
  padding-top: 0px;
  margin-top: 0px;
}

.carousel3 .bx-wrapper {
  width: 100%;
}

.template-product .subtext ul li {
  list-style-type: disc;
  padding-left: 20px;
  list-style-position: inside;
}
.template-product .subline {
  margin-top: -10px;
}
.template-product .subline .bullet {
  padding: 0px 10px;
}
.template-product .subline ul, .template-product .subline ul li {
  display: inline-block;
/*   padding-left: 25px; */
  list-style-type: none;
  padding-left: 0px;
}
.template-product .subline ul li:before {
/*   content: "•";
  position: relative;
  left: -5px; */
}
.template-product .subtext ul {
  padding: 10px 0px;
  margin-top: 10px;
  border-top: 1px #EEE solid;
  float: left;
  text-align: center;
  width: 100%;
}
.template-product .subtext ul li {
  float: left;
  width: 50%;
  padding-left: 0px;
}
.template-product .subtext p {
  text-align: center !important;
}


.radio_option {
  position: relative;
}
.time-price {
    position: absolute;
    right: -30px;
    font-size: 20px;
    top: 1px;
}

.aside .radio_option {
  padding: 5px 10px;
}

@media only screen and (max-width:768px) {
  .HomePageProduct .container p {
    display: block;
  }
}

@media only screen and (max-width:1899px) {
	.slider .txt-block {
		padding: 3% 1.2% 20px;
		width: 56%;
	}
	.carousel .slideset .txt-block {
		padding: 2.3% 1.2% 20px;
		width: 49%;
	}
	.carousel h1 img {
		width: 76%;
	}
	.carousel h1 {
		margin: 0 0 30px;
	}
	.carousel .slideset .txt-block ol {
		margin: 0 0 96px;
	}
	.carousel .slideset .txt-block li {
		margin: 0 0 8px;
	}
	.carousel .slideset .img-holder {
		right: 0;
    	top: 3%;
		padding: 9.1% 0 0;
		width: 56.2%;
	}
	.carousel .slideset .img-holder img {
		width: 79%;
	}
	.banner .img-txt {
		width: 36.5%;
		padding: 0;
	}
	.banner .caption {
		padding: 0;
	}
	.fourcolumns {
		margin-right: 0;
	}
}
@media only screen and (max-width:1699px) {
	.slider .txt-block {
		width: 50%;
		margin: 0 auto;
	}
}
@media only screen and (max-width:1699px) {
	.slider .txt-block h1 img {
		width: 100%;
		margin: 0 auto;
	}
	.slider .btn-start a {
		padding: 10px 30px;
	}
	.blog-holder .multi-tabset li {
/* 		margin: 0 5%; */
	}
}
@media only screen and (max-width:1599px) {
	.blog-holder .multi-tabset li {
/* 		margin: 0 3.9%; */
	}
	.banner-caption {
		font-size: 15px;
	}
	.banner-row {
		padding: 10px 9999px;
	}
}
@media only screen and (max-width:1279px) {
	.slider .txt-block ol {
		font-size: 14px;
	}
	.slider .txt-block {
		width: 59%;
		padding: 1.6% 1.2% 0;
	}
	#header { padding: 20px 15px 8px; }
	.mega-nav {
		top: 60px;
	}
	.banner-caption .title {
		font-size: 22px;
		margin: 0 0 15px;
	}
	.slider .txt-block {
		width: 45%;
	}
	.slider .txt-block h1 {
		margin: 0 0 0px;
	}
	.banner-caption {
		font-size: 13px;
	}
	.brand-holder { padding: 55px 15px 35px; }
  /*
  Just inexplicable
	.fourcolumns .column {
		margin: 0 0 20px;
		width: 245px;
	}
  */
	.fourcolumns .column img {
/* 		max-width: 210px; wrong*/
		height: auto;
	}
	#nav ul {
		font-size: 13px;
	}
	#header .logo {
		width: 195px;
		margin: 0 0 10px;
	}
	.links > li { padding: 0 0 12px; }
	.links {
		font-size: 14px;
		width: 230px;
	}
	#nav ul li {
		padding: 8px 7px 0px;
	}
	.range .threecolumns .txt {
		font-size: 14px;
	}
	.range .threecolumns .btn-shop, .btn {
		font-size: 16px;
	}
	.blog-holder .tab { padding: 5px 3.7% 21px; }
	.contact-block .column,
	.contact-block .column:first-child {
		width: 100%;
		margin: 0 0 25px;
		padding: 0 25px;
	}
	.contact-list li {
		margin: 0 3% 25px;
		width: 25%;
	}
	#nav .mega-nav ul li {
		width: 15%;
     	margin: 0 2% 10px;

	}
	#nav .mega-nav ul li li {
		font-size: 14px;
	}
	#nav .mega-nav .nav-btn {
		font-size: 14px;
		padding: 8px 12px;
	}
	.banner .caption {
		font-size: 14px;
		line-height: 18px;
		padding:0;
		width: 33.2%;
	}
	.updates h3 {
		font-size: 18px;
	}
	.order-form .chose-area label { margin: 0 0 0 5px; }
	.blog-holder .multi-tabset li {
		margin: 0 1.9%;
	}
}
@media only screen and (max-width:767px) {
	.accordion-holder { display: block; }
	.fun-holder { display: none; }
}
@media only screen and (max-width:1120px) {
	#header { padding: 15px 15px 0; }
	#nav li:hover .mega-nav { display: none !important; }
	.opener {
		width: 65px;
		height: 50px;
		position: relative;
		display: block;
		left: 94%;
		margin: 0;
		top: -8px;
	}
	.links {
      width: 320px;
		float: left;
		margin: 0 15px;
	}
	.opener:before, .opener:after, .opener span {
		background: #4d9546;
		border-radius: 4px;
		position: absolute;
		top: 50%;
		left: 25%;
		right: 25%;
		height: 4px;
		margin-top: -2px;
		-moz-transition: all 0.25s linear;
		-webkit-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		transition: all 0.25s linear;
	}
	#nav {
		padding: 0;
		position: relative;
		z-index: 999;
		overflow: visible;
		margin: 0 -15px;
		padding: 0 15px;
	}
	#nav ul {
		width: 100%;
		padding: 0;
		float: none;
		text-align: center;
		-moz-transition: all 0.25s linear;
		-webkit-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		transition: all 0.25s linear;
		position: relative;
	}
	#nav ul li {
		display: block;
		padding: 0 15px;
		margin: 0 -15px;
		background: url(devider-s.png) no-repeat 50% 0;
	}
	#nav ul li:first-child {
		background: none;
	}
	#nav ul li a {
		padding: 20px;
		display: inline-block;
		vertical-align: top;
	}
	.opener:before, .opener:after {
		content: '';
		top: 30%;
	}
	.opener:after {
		top: 70%;
	}
	.active .opener span {
		opacity: 0;
	}
	.opener:hover {
		opacity: .9;
	}
	.active .opener:after, .active .opener:before {
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		top: 50%;
		left: 15%;
		right: 15%;
	}
	.active .opener:after {
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.open-close .drop {
		max-height: 0;
		-webkit-transition: all 0.25s linear;
		transition: all 0.25s linear;
		position: absolute;
		left: 0;
		top: 50px;
		overflow: hidden;
		width: 100%;
		z-index: 9999;
		padding: 0;
	}
	.open-close .drop .slide {
		background: #fff;
		overflow: hidden;
		-moz-transition: all 0.25s linear;
		-webkit-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		transition: all 0.25s linear;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
		padding: 10px;
		text-align: center;
	}
	.open-close .drop ul:after {
		display: none;
	}
	.open-close.active .drop {
		max-height: 4000px;
	}
	.open-close.active .drop .slide {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.mega-nav {
		position: static !important;
		padding: 0;
	}
	#nav .mega-nav .slide-a {
		-moz-transition: all 0.25s linear;
		-webkit-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		transition: all 0.25s linear;
		display: none !important;
	}
	#nav .mega-nav .active .slide-a {
		-moz-transition: all 0.25s linear;
		-webkit-transition: all 0.25s linear;
		-o-transition: all 0.25s linear;
		transition: all 0.25s linear;
		display: block !important;
	}
	.mega-nav .holder {
		padding: 10px 9999px;
		text-align: center;
	}
	#nav .mega-nav ul ul {
		padding: 0;
	}
	#nav .mega-nav .nav-btn {
		display: inline-block;
		vertical-align: top;
		margin: 0 auto;
	}
	#nav .mega-nav ul { padding: 0; }
	#nav .mega-nav ul li {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0;
	}
}
@media only screen and (max-width:1023px) {
	.slider .btn-holder { bottom: 7.5%; }
	.js-slide-hidden {
		position: absolute !important;
	}
	.carousel2 .img-list li {
		margin: 0 3px 24px;
	}
	.be-social { width: 58px; }
	.banner-frame {
		padding: 15px;
	}
	.blog-holder .multi-tabset { padding: 15px 0 0; }
/* 	.blog-holder .multi-tabset a { padding: 15px; } */
	.blog-detail .two-imgs img {
		margin: 5px 15px;
	}
	.account .head-holder {
/* 		padding: 18px 5% 0 !important; */
	}
	.slider .btn-holder { text-align: center; }
	.slider .btn-start {
		font-size: 14px;
		padding: 0;
	}
	.banner .caption {
		font-size: 12px;
		line-height: 15px;
	}
	.about-holder .head:after,
	.promise-holder .head:after {
/* 		background: url(banner-arrow-s.png);
		width: 56px;
		height: 17px;
		margin-left: -28px; */
	}
	.promise-holder .head:after {
		background: url(banner-arrow-4-m.png);
	}
	.tabs h2, h2 {
/* 		font-size: 30px; */
		margin: 0 0 20px;
	}
	.contact-block {
		font-size: 28px;
		line-height: 32px;
	}
	.about-holder .multi-tabset a.active::after, .blog-detail .multi-tabset a.active::after, .blog-holder .multi-tabset a.active::after {
		border-width: 18px 30px 0;
		margin: 0 0 0 -30px;
	}
	.contact-links {
/* 		font-size: 28px; */
		line-height: 32px;
		margin: 0 auto 25px;
/*       max-width: none; */
	}
	.tabs h3 {
		font-size: 24px;
	}
	.range .threecolumns .txt {
/* 		font-size: 11px; */
	}
	.range .threecolumns .btn-shop, .btn {
		font-size: 14px;
	}
	.carousel .slideset .txt-block ol {
		font-size: 12px;
  		margin: 0 0 59px;
	}
	.tab { padding: 0 5%; }
	.threecolumns .column { margin: 0 15px 15px 0; }
	banner-frame {
		padding: 10px 15px;
	}
	.banner .caption p {
		margin: 0 0 15px;
	}
	.slider .txt-block ol {
		font-size: 11px;
		padding: 0 15px;
	}
	.slider .txt-block { width: 59.5%; }
	.fourcolumns { padding: 0 3%; }
	.fourcolumns .column {
		margin: 0 1.6% 4.0%;
/* 		width: 270px; */
      max-width: 42%
	}
	.range .threecolumns .btn-shop, .btn {
		padding: 7px 18px;
	}
	.account .tab-content .multi-tabset li {
		width: 22.5%;
	}
	.blog-detail {
		padding: 0 15px 15px !important;
	}
	.blog-detail .container {
		 padding: 0  15.8%;
	}
	.blog-detail h1 { font-size: 36px; }
	.container { padding: 50px 5.5% 45px; }
	#together .container { padding: 40px 5.5% 45px; }
	.grid__item.large--four-fifths {
		padding: 50px 0 0;
	}
	.slider .txt-block h1 {
		margin: 0 0 10px;
	}
	.multi-tabset a {
/* 		font-size: 14px !important; */
	}
	.range .threecolumns .txt-holder p { margin: 0 0 8px; }
	.rad-area {
		margin: 0;
	}
	.order-form .chose-area label { font-size: 12px; }
	.query-holder .title {
		display: block;
		margin:  0 0 15px;
	}
	.category-list li, .category-list li:nth-child(3n) {
		width: 29.5%;
	}
	.blog-holder .tabs { padding: 0 5% 15px;  }
}
 @media only screen and (max-width:992px) {
	.slider .txt-block h1 img {
		margin: 0 auto;
		height: auto;
	}
	.content-holder .img-holder {
		height: 175px;
	}
	.promise-holder .head {
		background: url(img-promise-m-updated.jpg) no-repeat;
		background-position: top center;
		background-size: cover;
		display: table;
		width: 100%;
		height: 147px;
	}	
	.promise-holder .content-holder .range .title {
		font-size: 22px;
	}
	.contact-container .row .img-holder {
		width: 45px;
	}
	.contact-container .txt .title,
	.contact-container .txt .tel,
	.contact-container .email a {
		font-size: 24px;
	}
	.contact-container:after {
		 border-width: 16px 28px 0;
		 margin-left: -28px;
	}
	.promise-holder .head-holder {
		padding: 36px 5% 52px;
	}
	.slider .btn-start a {
		padding: 5px 12px;
	}
	.account-table td:first-child {		
		width: 30%;		
	}
	.product-detail .multi-tabset a { padding: 5px; }
 }


 @media only screen and (max-width:960px) {
	.tags {
		position: static;
		margin: 0 auto;
		width: 100%;
	}
	.tags ul li {
		display: inline-block;
		vertical-align: top;
		width: 44.5%;
		margin: 0 2.2%;
	}
 }


.iqholder > input {
	margin: 0;
	float: left;
}
.iqholder > [type="number"] {
	height: 40px;
	border-left: none;
	border-right: none;
}


 @media only screen and (max-width:768px) {
	 #header {
	 	padding: 15px 15px 0;
	 }
	 .slider .txt-block ol li {
		margin: 0 0 10px;
	}
	 .gallery-holder {
	 	display: none;
	 }
	 .blog-holder .tabs { padding: 25px 5% 15px;  }
	 .slider .txt-block {
	 	width: 100%;
		padding: 2.3% 0 20px;
		float: none;
	 }
	 
	  .account-table td:first-child { width: 100%; }
	 .img-center img { max-width: 100%; }
	 .account .tab-content .multi-tabset li {
		display: inline-block !important;
		margin: 0 2px 10px !important;
		width: calc(48% - 16px) !important;
		text-align: center;
       min-width: 0px !important;
	}
	.blog-holder .blog-detail .multi-tabset,
	.about-holder .multi-tabset {
		padding: 0 !important;
		text-align: center;
		margin: 15px 0;
	}
	.account .product-container { padding: 0 3% !important; }
	.template-customers-order .account .product-container { padding: 40px 3% !important; }
	.blog-holder .multi-tabset a {
		padding: 10px;
/* 		background: #4f954a;
		color: #fff; */
	}
	 .account .btns-area a { font-size: 16px; }
	 .account-table thead {
     	display: none;
     }
	 .account-table td {
		display: block;
		text-align: right;
		border-bottom: 1px dotted #ccc;
		font-weight: 400;
     }
	 .account-table .buttons {
	 	margin: 58px 0 15px;
	 }
	 .select-frame { width: 100%; }
	 .account-table td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
     }
	 .basket h1 { font-size: 28px; }
	 .SwipeText {
	 	display: block;
		position: absolute;
		left: 50%;
		margin: -9px 0 0 -29px;
		color: #4d9546;
	 }
	 .slider .txt-block ol {
		padding: 0 10px;
	 	font-size: 11px;
		margin: 0 0 25px;
	}
	.slider .btn-holder {
		bottom: -1.5%;
		text-align: center;
	}
	.slider .btn-start a {
		padding: 7px 8px;
		margin: 0;
	}
	.about-holder .accordion .slide-a {
		display: none !important;
	}
	.about-holder .accordion li.active .slide-a { display: block !important; }
	.tabset li {
		width: 58px;
	}
	.about-holder .tabs .description { display: none; }
	.carousel2 .slideset .slide {
		width: 24.5%;
	}
	.tabset li img {
		display: block;
		width: 100%;
		height: auto;
	}

	.product-slider {
		width: 100%;
		overflow: hidden;
		float: none;
		margin: 0 0 30px;
	}
	.product-detail h1 {
		font-size: 24px;
	}
	.order-form .select-area {
		padding: 0;
	}
	.product-slider .pagination {
		width: 70px;
	}
	.product-slider .pagination img {
		width: 100%;
		height: auto;
	}
	 .carousel h1 {
	 	margin: 0 0 10px;
	 }
	 .carousel .btn-holder {
	 	padding: 0;
	 }
	 .tabs .threecolumns { margin: 0; }
	 .carousel .btn-start {
	 	font-size: 15px;
	 }
	 .carousel .slideset .txt-block ol { margin: 0; }
	.slider::after {
		display: none;
	}
	.about-holder .multi-tabset a.active::after { display: none; }
	body {
		font-size: 14px;
	}
	#header .logo {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 0 15px;
	}
	#header .logo img {
		display: inline-block;
		vertical-align: top;
		width: 200px;
		height: auto;
	}
	.links {
		font-size: 14px;
		margin-left: 0;
	}
	#nav {
		top: 50px;
		text-align: center;
	}
	.opener {
		left: 83.5%;
		top: -4px;
	}
	.tab { padding: 0; }
	.links {
		width: 246px;
		text-align: left;
	}
	.carousel2 .img-list li {
		width: 30%;
	}
	.range .threecolumns .column,
	.twocolumns .column,
	.twocolumns .post-holder,
	#footer .twocolumns .column:first-child,
	#footer .twocolumns .column,
	.fourcolumns .column,
	.about-content .block .txt-holder,
	.about-content .block .img-holder,
	.about-content .block .text-holder,
	.about-content .pledge-holder,
	.threecolumns .column,
	.query-holder .title {
		display: block;
		float: none;
		margin: 0 0 15px;
		width: 100%;
	}
	.range .threecolumns .column,
	.fourcolumns .column {
		margin: 0 auto 15px;
		max-width: 325px;
	}
	.about-content .block .rotate-img {
		right:0;
      margin: 5% 10%;
	}
	.accordion .img-holder {
		margin: 0;
	}
	.about-content .pledge-holder .img-frame img {
		max-width: 240px;
		margin: 0 auto;
		display: block;
	}
	.about-content .block {
		margin: 0 0 35px;
		padding: 0 20px 15px;
	}
	.about-content .block:last-child {
      padding-bottom: 0px;
      
	}
    #footer .container.twocolumns {
      padding-top: 40px !important;
    }
	.contact-container .row .img-holder {
		margin: 0 5px 15px 0;
	}
	.popup {
/* 		width: 320px; */
      max-width: 100%;
	}
	.threecolumns { margin: 0 0 10px; }
	.slider .txt-block h1 {
		border: 0 none;
/* 		bottom: 58px; */
		margin: 0 0 10px;
		position: absolute;
		text-align: center;
		width: 100%;
	}
	.slider .txt-block h1 img {
		margin: 0 auto;
		width: 80%;
	}
	.contact-container .txt .tel,
	.contact-container .txt .title,
	.contact-container .email a { font-size: 22px; }
	.contact-container .row .img-holder img {
		width: 100%;
		height: auto;
		margin: 0 auto;
		max-width: 80px;
	}
/* 	.container { padding: 44px 15px 35px !important; } */
    .HomePageProduct .container {
	  padding-top: 30px !important;
	}

	.tabs.container  {padding: 35px 15px 0 !important; }
	.HomePageProduct .container,  { padding: 0 15px !important; }
	.about-content { padding: 50px 15px 10px !important; }
	.about-content .block .info {
		font-size: 18px;
		line-height: 22px;
	}
	.slider .container { padding: 15px !important; }
	h2 {
		font-size: 20px !important;
		line-height: 24px !important;
	}
	.searchform input[type="text"], .searchform input[type="email"], input[type="url"], .comment-form textarea, .comment-form input[type="text"], .search-form input[type="search"], input[type="email"],
	.subscribe-form input[type="submit"] {
		font-size: 14px;
		padding: 8px 17px;
	}
	.subscribe-form { padding: 0; }
	h3,
	#footer h3 {
		font-size: 20px !important;
		line-height: 26px !important;
	}
	.range .threecolumns {
		width: 100%;
		padding: 15px 0;
	}
	input[type="submit"], .comment-form input[type="submit"] {
/* 		padding: 8px 10px !important; */
	}
	.banner > img {
		height: 314px;
	}
	.follow ul,
	#footer .social-networks {
		font-size: 26px;
		margin: 0;
	}
	#footer .social-networks li { margin: 0 6px 6px; }
	#footer .link-list > li {
		width: 28%;
		margin: 0 5% 0 0;
	}
	#footer .twocolumns .column {
		padding: 0;
	}
	.follow .title {
/* 		font-size: 28px; */
	}
	.links {
		margin: 0;
	}
	.product-container {
		margin: 0;
	}
	.product-content { padding: 0; }
	.tab-content.container { padding: 0 !important; }
	.product .product-container > .multi-tabset > li {
		display: inline-block;
		vertical-align: top;
		margin: 0 2px 10px;
		width: 48%;
	}
	.product .product-container .tab-content .multi-tabset li {
		width: 100% !important;
		margin: 0 !important;
	}
	.product .product-container .tab-content .multi-tabset {
		margin-top: 0;
	}
	.content-holder .img-holder {
		display: block;
		height: auto;
	}
	.content-holder .img-holder .img-frame {
		display: block;
	}
	.contact-area h2 {
		font-size: 15px;
	}
	.contact-area .btn-holder {
		margin: 25px auto;
	}
	.be-social a {
		font-size: 26px;
		padding: 0;
		background-color: #fff;
		color: #4a9138;
		margin: 0 2px 0;
	}
	.about-holder .tabs .header, .blog-detail .header {
		background: #fff;
	}
	.contact-links li {
		display: inline-block;
		margin: 0 15px 15px;
/* 		width: 40%; */
	}
	.contact-links {
		display: block;
		width: 100%;
		font-size: 16px;
		line-height: 18px;
		margin: 25px auto 15px;
	}
	.contact-container p {
		margin: 0 0 15px;
	}
	.contact-list {
		padding: 0 0 15px;
	}
	.contact-list .img-holder {
		max-width: 204px;
		margin: 0 auto 15px;
	}
	.contact-block {
		font-size: 18px;
		line-height: 22px;
		padding: 0 0 10px;
	}
	.content-holder .img-holder img,
	.img-center img {
		display: block;
		margin: 0 auto 15px;
		width: 100%;
		height: auto;
		max-width: 127px;
	}
	.promise-holder .content-holder .post:last-child .img-center img {
		max-width: 225px;
	}
	.product-list {
		font-size: 16px;
		line-height: 20px;
		margin-right: -7px;
		padding:0;
	}
	.product-list { text-align: center; }
	.product-list li {
		width: 30%;
		margin: 0 7px 15px 0;
          display: inline-block;
      float: none;
	}
	.product .detail > img {
		display: block;
		float: none;
		margin: 10px auto;
		width: 50%;
	}
	#footer h3 img {
		height: auto;
		max-width: 276px;
	}
	.product .tab-content .multi-tabset a.active::after, .product .tab-content .multi-tabset a:hover::after {
		display: none;
	}
	.banner .img-txt {
		display: block;
		margin: 0 auto 15px;
		max-width: 280px;
		width: 100%;
	}
	.banner .caption {
		width: 58%;
		font-size: 10px;
		float: none;
		overflow: hidden;
	}
	.join h2 {
		margin: 0 auto 15px;
		padding: 0 4%;
		max-width: 560px;
	}
	.be-social {
		position: static;
		width: 100%;
		text-align: center;
	}
	.be-social>img {
      display: none;
	}
	.be-social li {
		display: inline-block;
		vertical-align: top;
	}
	.be-social li { margin: 2px; }
	.join p { margin: 0 10% 20px; }
	.subscribe-form { margin: 0 0px 20px; }
	.carousel2 .img-list li {
		width: 47%;
		margin-bottom: 5px;
	}
	.about-holder h1 img {
		max-width: 100%;
		margin: 0 auto;
		height: auto;
/*       width: 360px; */
	}
	.about-content .block .img-holder { margin: 0; }
	.popup .holder p {
		font-size: 13px;
	}
	.popup .holder {
		padding: 5px 15px 0;
	}
	.category-list li, .category-list li:nth-child(3n) {
		width: 46.5%;
	}
	.about-holder .head-holder { padding: 15px 5% 0px!important; }
	.template-collection .about-holder .head-holder { padding: 0 0 10px !important; }
    #recommendations.template-collection .about-holder .head-holder, #product-recommender .about-holder.blog-holder .container { padding: 0 !important; }
   
   .about-holder.blog-holder h1 { margin-bottom: 0; }
	.promise-holder .head-holder {
		padding: 15px 5% 37px !important;
	}
	.links .dropdown {
		width: 250px;
		left: 50%;
		margin: 0 0 0 -125px;
	}
	.links .dropdown::after { right: 100px; }
	.links .dropdown .titie { font-size: 16px; }
	.product-detail .btn-add {
		font-size: 14px;
		padding: 10px 17px;
	}
	.order-form .select-holder {
		padding: 0;
	}
	.order-form .select-holder label {
		display: block;
		margin: 0 0 8px;
	}
	.order-form .select-holder .select-bar {
		display: block;
		width: 100%;
		margin: 0 0 8px;
		overflow: hidden;
	}
	.order-form .select-holder a { margin: 0; }
	.custom-order { padding: 0; }
	.product-detail .info-list li {
		display: block;
		width: 100%;
		margin: 0 0 15px;
	}
	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next {
		margin: 0 0 0 -100px;
		bottom: -40px;
		top: auto;
		left: 50%;
	}
	.about-content .block h2 img {
		width: 100%;
		height: auto;
		margin: 0 auto;
   		max-width: 328px;
	}
	.links > li:first-child > a,
	.links > li > a {
		padding: 7px;
	}
	.carousel2 .btn-next,
	.bx-wrapper .bx-next  {
		left: auto;
		right: 50%;
		margin: 0 -100px 0 0;
	}
	.carousel2 .img-list {
		padding: 0 0 35px;
	}
	.contact-area textarea { height: 100px; }
	.promise-holder .range .btn {
		font-size: 18px;
	}
	.blog-detail h1 {
		font-size: 25px;
	}
	.product .tab-content .multi-tabset a { margin: 0; }
	.about-content .block-h .img-holder img { margin-bottom: 0; }
	.blog-detail .txt-holder:first-child { display: none; }
	.account-table img {
		display: block;
		margin: 0 auto 15px;
	}
	.about-holder .mobileSettabs { display: block; }
	.accordion p { margin: 15px 0; }
	.blog-detail .two-imgs img {
		width: 100%;
		margin: 0 auto 35px;
		max-width: 310px;
	}
	.hide-p { display: none; }
	.account-table .txt {
		display: block;
		margin: 0 0 10px;
		text-align: center;
	}
	.account-table input[type="number"] {
		text-align: center;
		width: 65px;
	}
	.slider .btn-start img { top: -3px; }
	.slider .btn-holder {
      top: 32%;
      position: absolute;
      left: 0px;
      right: 0px;
	}
	.blog-holder .multi-tabset li:first-child a,
	.blog-holder .multi-tabset li:last-child a {
/* 		padding: 10px  */
	}
	.blog-holder .multi-tabset li:last-child a {
      margin: 0px 8px;
      margin: 0px 0px;
    /* margin: 0px; */
/*     padding: 10px 20px; */
	}
	.knowledge-base h1 {
		font-size: 30px;
	}
	.mobileSettabs {
		display: block;
	}
	.mobileHeader {
		display: none;
	}
	.twocolumns .column {
		padding: 0 15px 10px;
		margin: 0 0 25px;
		position: relative;
	}
   .updates .twocolumns .column:last-child {
     margin-bottom: 0;
   }
   .promise-holder .content-holder .post {
     margin-bottom: 0px;
     padding-bottom: 10px;
   }
	.about-holder.promise-holder .twocolumns .column:nth-child(2)>*:last-child {
      margin-bottom: 40px;
    }
	.about-holder .multi-tabset a:hover,
	.about-holder .multi-tabset a.active {
		color: #225924;
		background: #fff;
	}
/* 	.popup {
		position: static;
		width: 100%;
		max-width: 767px;
		margin: 0 auto 25px;
		display: block !important;
	} */
/* 	.popup.PopUpInAnimate { display: block !important; } */
	.about-holder.promise-holder .post-holder .post:nth-child(3) {
      position: relative;
      display: block;
    }
	.about-holder.promise-holder .post-holder .post:nth-child(3) .img-center:after {
		background: rgba(0, 0, 0, 0) url("devider.png") no-repeat scroll 100% 0;
		bottom: 0;
		content: "";
		height: 7px;
		left: 6%;
		position: absolute;
		right: 6%;
    }
	.twocolumns .column:after {
		background: rgba(0, 0, 0, 0) url("devider.png") no-repeat scroll 100% 0;
		bottom: 0;
		content: "";
		height: 7px;
		left: -8.5%;
		position: absolute;
		right: -8.5%;
	}
	.updates .twocolumns .column:after {
      content: none;
	}
	.twocolumns .column:first-child:after { display: none; }
	#footer .twocolumns .column:after {
		display: none;
	}
	.fourcolumns .column {
/* 		height: 265px !important; */
		background-size: 100% 100%;
	}
	.content-holder .post:after { display: none; }
	.account-table tr {
		display: block;
		margin: 30px 0 0;
	}
	.product .detail { margin: 0; }
	#nav ul li .mega-nav { display: none !important; }
	.iqholder {
		padding: 30px 0 15px;
		width: 100%;
	}
	.container.range-holder > p { padding: 0; }
/* 	.product-list img { margin: 0 0 5px; } */
	#footer .twocolumns .column:first-child { padding: 0; }
	
	.contact-container .txt .tel, .contact-container .txt .title, .contact-container .email a { font-size: 15px; }
   
   
  .product-detail .aside {
    width: 100%;
  }
   
   
  #health-blog .about-holder h1 img, .about-holder h1 img {
/*     max-width: 100% !important; */
  }
   
   
   
}
	.content-holder h2 img {
		display: block;
		margin: 0 auto 15px;
		width: 100%;
		height: auto;
		max-width: 375px;
	}




 @media only screen and (max-width:600px) {
	.contact-links li {
      display: inline-block;
      margin: 0 5px 15px;
      width: 28%;
	}
 }
 @media only screen and (max-width:500px) {
	.contact-links li {
      width: 100%;
	}
 }

 @media only screen and (max-width:479px) {
 	.category-list {
		margin: 0;
	}
	.category-list li, .category-list li:nth-child(3n) {
		width: 100%;
		display: block;
		margin: 0 0 15px;
	}
 }
@media ( -webkit-min-device-pixel-ratio : 1.5 ) and (max-width:992px),( min-resolution : 144dpi ) and (max-width:992px){
	.about-holder .head:after {
/* 		background-image: url(banner-arrow3.png);
		background-size:56px 17px; */
	}
	.promise-holder .head:after {
		background-image: url(banner-arrow-4-m-2x.png);
		background-size:56px 17px;
	}
	.promise-holder .head {
		background-image: url(img-promise-m-updated-2x.jpg);
/* 		background-size:768px 147px; */
	}
	
}
@media ( -webkit-min-device-pixel-ratio : 1.5 ) and (max-width:767px),( min-resolution : 144dpi ) and (max-width:767px){
	.promise-holder .head {
		background-image: url(img-promise-m-updated-2x.jpg);
/* 		background-size:768px 147px; */
		
	}	
}

/* Product Promise */
  #product-promise .post-holder .post:nth-child(1) h2 img {
    max-width: 483px;
    height: auto;
  }
  #product-promise .post-holder .post:nth-child(2) h2 img {
    max-width: 412px;
    height: auto;
  }
  #product-promise .post-holder .post:nth-child(3) h2 img {
    max-width: 327px;
    height: auto;
  }
  /* images */
  .content-holder .post:nth-child(1) .img-holder img {
    width: 240px;
    max-width: 65%;
  }
  .content-holder .post:nth-child(1) .column:nth-child(2) .img-holder img {
    width: 195px;
    max-width: 60%;
    margin-top: 30px;
  }
  .content-holder .post:nth-child(2) .img-holder img {
    max-width: 195px;
  }
  .content-holder .post:nth-child(3) .img-center img {
    max-width: 327px;
  }



.about-holder.blog-holder .container {
  padding-bottom: 0px;
  max-width: none;
}
.template-blog .about-holder.blog-holder .container, .template-article .about-holder.blog-holder .container:not(.multi-tabset) {
  padding-top: 20px;
}
.template-blog .introduction {
	font-size: 120%;
	line-height: 1.4;
	max-width: 1160px;
	margin: auto;
}


@media only screen and (max-width: 768px) {
.template-blog .introduction { display: none; }
.template-blog .about-holder.blog-holder h1, .template-article .about-holder.blog-holder h1 {
    margin-bottom: 20px;
}
  .template-blog .about-holder.blog-holder .header.tab .container {
    position: relative;
  }
.template-blog .about-holder.blog-holder .container, .template-article .about-holder.blog-holder .container {
  padding-top: 0px;
}
}
.blog-holder .tabs article h2 {
  font-size: 18px;
  text-align: left;
}
.blog-holder .tabs article p,
.blog-holder .tabs article a {
  font-size: 16.8px;
  line-height: 1.4;
  font-weight: 500;
}
.blog-holder .tabs .header  p {
  margin-bottom: 10px;
  font-weight: 300;
}



.about-holder .about-content .txt-holder img {
  max-width: 100%;
  margin: auto;
}


.radio_option input {
  vertical-align: middle;
}

#wrapper .cc-banner {
  background-image: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/Main-banner.jpg?89448);
  background-size: cover;
  background-position: center center;
  height: 680px;
  position: relative;
  display: flex;
  align-items: stretch;
}
#wrapper .cc-banner .btn {
	font-size: 15px;
}
#wrapper .cc-banner p {
  text-align: center;
}

#wrapper .cc-banner h2.underlay {
  color: #FFF;
  font-family: inherit;
  text-align: center;
  margin: 3% 0px;
}
#wrapper .cc-banner .subline {
    color: #FFF;
  	font-size: 24px;
    font-weight: bold;
    max-width: 400px;
    margin: 10% auto 3%;
    width: 100%;
}
@media only screen and (max-width: 424px) {
  .underlay br {
    display: none;
  }
  #wrapper .cc-banner .container .overlay {
    margin-top: 10%;
  }
  .footer-links ul {
    width: 50%;
  }
}
#wrapper .cc-banner .overlay {
  text-align: center;
}
#wrapper .cc-banner .overlay img {
  margin-top: 4%;
  width: 360px;
  max-width: 400px;
}
.new-standard {
  background: #f9f7f4;
}

#wrapper .cc-banner .container {
  padding: 24px 3.5%;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.banner-items {
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  font: 700 15px/1.25 'Karla', sans-serif;
  color: #fff;
}
.banner-items p {
  display: block;
  margin: 0 0 24px;
  text-align: center;
}

.banner-items .item-line div {
  width: 33.333%;
  float: left;
/*     display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
  display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
  align-items: center; */
  padding-right: 20px;
  font-weight: normal;
}

.banner-items .item-line div img {
  float: left;
  margin-right: 20px;
/*   width: 60px !important; */
  width: 50px !important;
}
.banner-items .item-line div:nth-child(2) img {
    margin-top: -8px;
    margin-bottom: -11px;
/*   width: 80px !important; */
  width: 70px !important;
}
.banner-items .item-line div:nth-child(3) img {
   margin-top: -4px;
   margin-bottom: -4px;
/*   width: 68px !important; */
  width: 54px !important;
}

.item-line div {
  position: relative;
}
.item-line div span {
  position: absolute;
  display: block;
  top: 50%;
  left: 80px;
  right: 40px;
  transform: translate(0, -50%);
  -webkit-transform: translate(0,-50%);
}
.item-line div:nth-child(2) span {
  left: 110px;
  right: 20px;
}
.item-line div:nth-child(3) span {
  left: 90px;
}
@media only screen and (max-width: 1024px) {
  .item-line span { font-size: 15px; }
  .banner-items .item-line div img { width: 50px !important; }
  .banner-items .item-line div:nth-child(2) img { width: 70px !important; }
  .banner-items .item-line div:nth-child(3) img { width: 54px !important; }
  .item-line div span { left: 70px; }
  .item-line div:nth-child(2) span { left: 90px; }
  .item-line div:nth-child(3) span { left: 70px; }
}
@media only screen and (max-width: 700px) {
  .banner-items .item-line div {
    width: 100%;
    margin-bottom: 20px;
  }
  .banner-items .item-line div img { width: 30px !important; }
  .banner-items .item-line div:nth-child(2) img { width: 30px !important; }
  .banner-items .item-line div:nth-child(3) img { width: 30px !important; }
  .item-line div span { left: 60px; }
  .item-line div:nth-child(2) span { left: 60px; }
  .item-line div:nth-child(3) span { left: 60px; }
  
}



#wrapper .cc-banner .btn-holder p {
  text-align: center;
}
#about-us #main .about-content>h2 {
  text-align: center;
}

.tabs.container.homepage_content {
  padding-top: 45px;
}

#product-promise .about-holder.promise-holder .container.head-holder h1 img {
  max-width: 600px !important; /* There are inline styles */
  width: 90% !important; /* There are inline styles */
}
@media only screen and (max-width: 768px) {
  #product-promise .about-holder.promise-holder .container.head-holder h1 img {
    max-width: 500px !important;
    width: 80% !important;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 480px) {
  #product-promise .about-holder.promise-holder .container.head-holder h1 img {
    width: 100% !important;
    margin-bottom: 0px;
  }
  .account .tab-content .multi-tabset li, .about-holder .multi-tabset li {
    min-width: calc(48% - 22px) !important;
  }

}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .slider {
    overflow: hidden;
  }
  .slider .img-banner img {
    margin-left: -25%;
    width: 150%;
  }
}



.slider .holder .three-column .img img {
  max-width: 100%;
}


@media only screen and (max-width: 660px) {
  #together-health-blog-live-well-live-long-be-healthy .about-holder .head-holder  {
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  #together-health-blog-live-well-live-long-be-healthy .about-holder .head {
    height: auto;
  }

  .slider .holder .three-column .img {
    text-align: center;
    width: 100%;
  }
  .slider .holder .three-column .txt {
    clear: both;
  }
  .about-content .block .rotate-img {
    margin: 30px 10% 50px;
  }
  .about-content .block .text-holder {
    padding-right: 0px;
  }
  .about-content .pledge-holder {
    padding-left: 0px;
  }
  	.about-holder .multi-tabset { margin: 0px 0 0; padding: 0 20px !important; }
	.product-detail .multi-tabset li,
	.product .tab-content .multi-tabset li {
		display: block;
		width: 100% !important;
		margin: 0;
	}
  .product-detail .multi-tabset a {
    margin: 0px;
  }
  .template-product .subline {
/*     margin-top: 0px; */
    width: 100%;
  }
  #main .product-detail [for="Quantity"] {
    display: none;
  }
  .custom-order.product-single__quantity {
	display: block;
    width: 100%;
  }
  
  .template-product .custom-order button {
    margin-left: 3% !important;
  }
  .custom-order.product-single__quantity {
    margin-bottom: 20px !important;
  }
}

@media only screen and (max-width: 1500px) {
  .brnad .fourcolumns h2 {
    font-size: 18px;
    line-height: 22px;
  }
  .container.head-holder {
/*     min-height: 254px; */
  }
  #product-promise .promise-holder .content-holder {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 1150px) {
  .brnad .fourcolumns h2 {
    font-size: 20px;
    line-height: 26px;
  }
  .container.range-holder {
    padding: 64px 40px 20px;
  }
}

.slider .holder .three-column .img img {
/*   max-height: 85px; */
}
.slider .holder .three-column .column:nth-child(2) .img img {
  margin: -13px 0px;
}

@media only screen and (max-width: 1000px) {
  .slider .holder .three-column .img img {
    max-height: 60px;
  }
  .slider .holder .three-column .column:nth-child(2) .img img {
    margin: 0px;
  }
  .slider .banner-caption {
    padding: 20px 0px 0px;
  }
  .banner-caption .three-column {
    margin: 0px 30px;
  }
  .homepage_content {
    padding-bottom: 10px;
  }
}


@media only screen and (max-width: 768px) {
  #health-blog .container.head-holder {
    display: block;
  }
  .container.head-holder {
    min-height: 194px;
  }
  .content-holder .post:nth-child(1) .column:nth-child(2) .img-holder img {
    margin-top: 0px;
  }
  .range .threecolumns {
    padding-bottom: 0px;
    margin-bottom: 18px;
  }
  .range .container {
    padding-bottom: 20px !important;
  }
  .template-product .tab-content table {
    width: 100%;
  }
  .product-holder {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 501px) {
  .template-index .banner .img-banner2 img {
    margin-top: -120px;
  }
  .banner .caption {
/*     padding-right: 30% !important; */
  }
}

.container.head-holder {
/*   max-width: 80%; */
}
@media only screen and (max-width: 700px) {
  .container.head-holder {
    min-height: 120px;
  }
}

.footer-links {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
.footer-links ul {
  width: 33%;
  float: left;
}

.no-script .slider {
  opacity: 1;
}
  
@media only screen and (min-width: 768px) {
  .template-collection  .container.head-holder img {
    margin-bottom: 20px;
  }
  .banner-holder {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .banner-frame.container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}


.blog-holder .tabs h2 {
  margin-bottom: 20px;
}
.normalise, .normalise2, .normalise3 {
  padding: 1px 0px;
}


@media only screen and (min-width: 768px) {
  .about-holder .head {
    min-height: 20%;
    opacity: 0;

  }
}
@media only screen and (max-width: 768px) {
  .about-holder .head {
    margin-bottom: 0px;
  }
}

.banner .img-txt, .banner .caption {
	float: none;
  display: inline-block;
}
.banner-frame .caption {
/*   margin-left: 25%; */
}

@media only screen and (max-width: 768px) {
  .opener {
    left: auto;
    right: 0px;
    position: absolute;
  }
}



/* Homepage patches */
.HomePageProduct {
  opacity: 0;
  max-height: 300px;
  padding-top: 45px;
  text-align: center;
}
.HomePageProduct .starz {
  margin: 30px 0px 40px;
}
.HomePageProduct .starz img {
  width: calc(15% - 10px);
  max-width: 56px;
  margin: 0 5px;
}
.HomePageProduct h2 {
  text-align: center;
}
.HomePageProduct .bxslider li {
  width: 20%;
  max-width: 228px;
}
.HomePageProduct {
  position: relative;
}
.HomePageFindUsIn:after {
  content: " ";
  border: 30px rgba(0,0,0,0) solid;
  border-top: 20px #FFF solid;
  left: calc(50% - 30px);
  position: absolute;
  top: 100%;
  z-index: 1010;
}

.homepage_content .bx-wrapper {
  margin: 20px auto 0px;
}

/* Control icons on page load */
.homepage_content .layoutArea p {
  width: 10%;
}
.homepage_content .layoutArea li p {
  width: auto;
}

.homepage_content {
  opacity: 0;
  text-align: center;
}
.homepage_content h4 {
  display: none;
}
.homepage_content h6 {
  display: none;
}

.homepage_content p {
/*   width: 10%; */
  display: inline-block;
/*   margin: 20px 0.5% 30px; */
}
.homepage_content p:nth-of-type(2) {
/*   width: 7.5%; */
}
.homepage_content p:nth-of-type(11) {
/*   width: 14%; */
}

@media only screen and (max-width: 960px) {
  .homepage_content p {
/*     width: 12%; */
/*     margin: 15px 1.5%; */
  }
  .homepage_content p:nth-of-type(2) {
/*     width: 13%; */
  }
  .homepage_content p:nth-of-type(11) {
/*     width: 24%; */
  }
}
@media only screen and (max-width: 680px) {
  .homepage_content p {
/*     width: 15%;
    margin: 10px 1.5%; */
  }
  .homepage_content p:nth-of-type(2) {
/*     width: 16%; */
  }
  .homepage_content p:nth-of-type(11) {
/*     width: 28%; */
  }
}
@media only screen and (max-width: 460px) {
  .homepage_content p {
/*     width: 21%; */
  }
  .homepage_content p:nth-child(3n+3) {
    clear: both;
  }
  .homepage_content p:nth-of-type(2) {
/*     width: 23%; */
  }
  .homepage_content p:nth-of-type(11) {
/*     width: 50%; */
  }
}
.homepage_content p img {
  width: 100%;
}
#content_head {
  margin-top: 20px;
}
#content_paragraph {
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 12px auto;
}
.container {
  max-width: 1260px;
}

#nav .mega-nav ul li li.e_pad {
  padding: 7px 0px;
}

.account-table tr {
  background: none;
}
.account-table td {
  padding: 12px 15px;
}
.account-table .divider td {
  padding: 0px;
}
.account-table .divider img {
  width: 100%;
  float: left;
  margin: 0px;
}
.range .threecolumns .column.active .txt {
  opacity: 1;
}

.separated {
  border-bottom: 1px #EEE solid;
}

@media only screen and (min-width: 769px) {
  .bx-wrapper .bx-prev {
    left: -50px;
  }
  .bx-wrapper .bx-next {
    right: -50px;
  }
  .bx-wrapper {
    width: calc(100% - 220px);
  }
}

.fourcolumns .column {
  height: 0px;
  width: calc(25% - 10px);
  padding-bottom: 20%;
  margin: 0 5px 1.6%;
}
.column.proud img {
  width: 90%;
}
.column.promise img {
  min-width: 50%;
  max-width: 60%;
}
.fourcolumns h2 {
  margin: 1% 0 6%;
}
.fourcolumns .proud h2 {
  margin: 1% 0 10%;
}
.fourcolumns .delivery h2 {
  margin: 1% 0 3%;
}
.fourcolumns .delivery img {
  min-width: 80%;
  max-width: 90%;
}
@media only screen and (max-width: 1250px) {
  .column.promise img {
    max-width: 50%;
    min-width: 50%;
  }
  .fourcolumns .delivery img {
    max-width: 80%;
  }
}
@media only screen and (max-width: 1023px) {
  .fourcolumns .column {
	width: calc(40% - 10px);
    padding-bottom: 34%;
  }
  .column.promise img {
    max-width: 45%;
    min-width: 45%;
  }
  .fourcolumns .delivery img {
    max-width: 70%;
  }
  .template-product .custom-order.product-single__quantity .qtyminus {
    margin-left: 0%;
  }
  .template-product .custom-order.product-single__quantity .qtyplus {
    margin-right: 0%;
  }
  .template-product .custom-order.product-single__quantity button {
    margin-right: 0%;
  }
  .template-product .product-detail .btn-add {
    padding-left: 20px;
    padding-right: 20px;
  }
  .template-product #Quantity {
    width: 60px;
  }
}


@media only screen and (max-width: 768px) {
  .fourcolumns .column {
    display: inline-block;
  }
}
@media only screen and (max-width: 680px) {
  .column.promise img {
    max-width: 60%;
    min-width: 60%;
  }
  .fourcolumns .column {
    width: 280px;
    padding-bottom: 240px;
    margin-bottom: 10px;
  }
}
.promise-holder .content-holder .title {
  font-weight: 500;
  margin: 0px 14% 40px;
}
#product-promise .content-holder p, #product-promise .content-holder span {
  font-size: 14px;
  line-height: 18px;
}
#product-promise .content-holder .title {
  font-size: 24px;
  padding: 0px 30px;
  line-height: 1.2;
  margin-top: 40px;
  margin-bottom: 30px;
}
#product-promise .content-holder .subline {
  display: block;
  margin-bottom: 30px;
  padding: 0px 40px;
  width: 100%;
}


.promise-holder .content-holder h3 {
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 10px;
  margin-top: 30px;
}

#product-promise .content-holder p.description {
    margin: 20px 0px 30px;
}


.post-holder .post:nth-child(1) h3 {
  color: #95c11f;
}
.post-holder .post:nth-child(2) .twocolumns article:nth-child(1) h3 {
  color: #1380a7;
}
.post-holder .post:nth-child(2) .twocolumns article:nth-child(2) h3 {
  color: #a83d8e;
}





@media only screen and (max-width: 768px) {
  .HomePageFindUsIn:after {
    top: 100%;
  }
  .promise-holder .content-holder {
    padding-top: 30px !important;
  }

}

@media only screen and (max-width: 768px) {
  .banner-holder {
    display: block;
  }
  .banner-frame {
    display: block;
    text-align: center;
  }
  .banner .caption {
    width: 400px;
    margin: auto;
    max-width: 90%;
    min-width: 60%;
  }
  .banner .caption {
/*     text-align: left; */
    font-size: 20px;
    line-height: 24px;
    padding-right: 100px;
  }
  .banner .btn-holder .btn {
    font-size: 16px;
    padding: 8px 24px;
  }
  .banner .caption p {
    margin: 20px 0 25px;
  }
}

@media only screen and (max-width: 1220px) and (min-width: 940px) {
  .banner.banner2 .caption {
    width: 50%;
  }
  .banner.banner2 .img-txt {
    width: 50%;
    overflow: hidden;
  }
  .banner.banner2 .img-txt p img {
    margin-left: -40%;
    width: 140%;
    max-width: none;
  }
}


@media only screen and (min-width: 1200px) {
  .banner .caption {
    font-size: 20px;
    line-height: 24px;
  }
  .banner .btn-holder .btn {
    font-size: 16px;
    padding: 8px 24px;
  }
}

#health-blog .container {
  max-width: 1180px;
}

.template-page .coupon-code .about-holder .head h1 {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}

.template-page .coupon-code .fixed-container,
#claim-your-coupon .fixed-container,
#claim-your-sample .fixed-container,
#product-recommender .fixed-container {
  max-width: 1180px;
  margin: auto;
  padding: 40px;
}
.template-page .coupon-code .fixed-container h2,
#claim-your-coupon.template-page .fixed-container h2,
#claim-your-sample.template-page .fixed-container h2 {
  color: #6d6e71;
}
.template-page .coupon-code .fixed-container h2 span,
#claim-your-coupon.template-page .fixed-container h2 span,
#claim-your-sample.template-page .fixed-container h2 span {
  color: #4d9546;
}

#product-recommender .fixed-container a {
    color: #fff;
    background: #91BD55;
    display: inline-block;
    border-radius: 8px;
    transition: all 0.15s ease-in-out;
    padding: 16px 30px;
    margin: 40px 0;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}


#product-recommender .fixed-container a:hover {
    box-shadow: 0 5px 10px rgba(0,0,0,0.25);
}

.copy_container {
  max-width: 1180px;
  display: block !important;
  margin: auto;
}
.copy_container h2 {
  margin: 30px 0px;
}
#health-blog .threecolumns {
    width: 100%;
    float: left;
}

.reading_width {
  max-width: 800px;
}
@media only screen and (max-width: 1140px) {
  .reading_width {
    max-width: 700px;
  }
}
@media only screen and (max-width: 960px) {
  .reading_width {
    padding: 20px;
  }
}

.template-article h2 img {
  width: 100%;
  max-width: 500px;
}


@media only screen and (min-width: 1500px) {
  .slider .txt-block {
    width: 70%;
  }
  #header {
    height: 80px;
  }
  #nav .slide>ul>li {
    margin-right: 2%;
    padding-bottom: 40px;
    padding-top: 7px;
  }
  #nav .slide>ul>li:last-child {
    margin-right: 0px;
  }
  #nav .slide>ul>li>a {
    font-size: 16px;
    font-weight: 700;
  }
  #nav .slide>ul>li>a:first-child {
	padding-bottom: 40px;
  }
  .links {
    font-size: 16px;
    margin-top: -4px;
    width: 340px;
  }
  #header .links li a {
    padding: 10px 24px;
  }
  #nav .mega-nav .accordion li {
    font-size: 20px;
  }
  #nav .mega-nav ul {
    padding-right: 60px;
  }
  .mega-nav {
    top: 80px;
  }
  .about-holder .content-holder {
    padding: 44px 1%;
  }
  .about-holder .content-holder .twocolumns {
    margin: 10px 40px;
  }
  .twocolumns .column:first-child {
    padding-right: 30px;
  }
  .twocolumns .column:last-child {
    padding-left: 30px;
  }
  #footer .twocolumns .block {
/*     font-size: 12px; */
  }
  #contact_form input, #contact_form textarea {
/*     font-size: 14px; */
  }
  .range .threecolumns .txt-frame {
    font-size: 14px;
  }
  
  .blog-holder .tab {
    padding: 61px 2% 21px;
  }
  #health-blog .threecolumns p {
    font-size: 14px;
  }
  .threecolumns .btn-read {
    font-size: 14px;
    font-weight: 500;
  }
  .threecolumns .column {
    margin-bottom: 45px;
  }
  
  #about-us .about-holder p, #about-us .about-holder span, #about-us .about-holder a {
    font-size: 14px;
    line-height: 18px;
  }
  .links >li {
    padding-bottom: 4px;
  }
  
  .fourcolumns .column {
    max-width: none;
    width: calc(25% - 20px);
    padding-bottom: 22%;
  }
  .fourcolumns h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .fourcolumns .find h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .brnad .btn-more {
    font-size: 16px;
    padding: 10px 20px;
  }
  .fourcolumns .delivery h2 {
    font-size: 21px;
    line-height: 25px;
  }
}

#twitter-widget-0 {
  zoom: 1.1;
  width: 100% !important;
}



@media only screen and (min-width: 1279px) {
  #nav .drop .slide>ul>li:first-child {
    padding-bottom:32px;
  }
}

@media only screen and (min-width: 1279px) and (max-width: 1500px) {
  #nav ul li {
    padding-top: 10px;
  }
}


@media only screen and (max-width: 1023px) {
  .brnad .brand-holder {
    max-width: 740px;
  }
}


  .banner-items li img {
    width: 100px;
  }


  #wrapper .cc-banner .container {
    padding: 18px 4.5% !important;
  }
  #wrapper .cc-banner .container .btn {
    font-size: 22px;
    padding: 12px 18px;
    margin-bottom: 20px;
  }


  #wrapper .cc-banner {
    height: 520px;
/*     padding-bottom: 38%; */
  }
  #wrapper .cc-banner .overlay img {
    width: 360px;
  }
  #wrapper .cc-banner .subline {
    font-size: 24px;
    max-width: 400px;
    margin: 5% auto 3%;
  }
  #wrapper .cc-banner h2.underlay {
    font-size: 21px;
    margin: 22px 0px;
  }

@media only screen and (max-width: 1500px) {
  .banner-items li {
    font-size: 15px;
  }
  .banner-items li img {
    width: 60px;
  }
  .banner-items li:nth-child(2) img {
    width: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .about-content .block .text-holder h2 img {
    max-width: 80%;
    width: 420px;
  }
  .container.head-holder {
    width: 200px;
  }
  #product-promise .promise-holder .post-holder .post:first-child {
    padding-bottom: 20px;
  }
  .promise-holder .range .btn {
    margin-top: 0px;
  }
  #contact .container.head-holder {
    min-height: 120px;
  }
  #contact .contact-area .container {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 700px) {
  .banner-items li {
    float: none;
    width: 90%;
    margin-left: 20px;
  }
  .banner-items li img {
    margin-left: 0px;
    margin-right: 30px;
  }
  .banner-items li:nth-child(2) img {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -10px;
    margin-right: 20px;
  }
  #wrapper .cc-banner {
/*     padding-bottom: 94%; */
    height: 620px;
/*     background-image: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/banner-main-mobile-s.jpg?89448); */
/*     background-image: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/banner-main-mobile-2.jpg?89448); */
    
  }
}
@media only screen and (max-width: 620px) {
  #wrapper .cc-banner .overlay img {
/*     margin-top: 90%; */
    margin-left: 2%;
/*     width: 96%; */
/*     display: none; */
    max-width: 90%;
  }
  #wrapper .cc-banner h2.underlay {
    padding-top: 40px;
  }
  #wrapper .cc-banner .overlay {
/*       margin-top: 94%; */
  }
  #wrapper .cc-banner {
    height: 600px;
/*     padding-bottom: 160%; */
    background-image: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/banner-main-mobile-2.jpg?89448);
  }
  .banner-items .item-line div img {
    display: none;
  }
  .banner-items .item-line div {
    text-align: center;
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .banner-items .item-line div span {
    left: 0px;
    position: static;
    transform: none;
    -webkit-transform: none;
  }
  .banner-items p {
    margin-bottom: 10px;
  }
  #wrapper .cc-banner .container {
    padding: 10px !important;
  }
  .HomePageProductPromise .flex-row {
    flex-direction: column;
  }
}

@media only screen and (max-width: 500px) {
  #wrapper .cc-banner {
    height: 500px;
/*     padding-bottom: 180%; */
  }
  #product-promise .content-holder .subline {
    padding: 0px 0px;
  }
  #together .img-banner2 img {
    overflow: hidden;
    margin-left: -20%;
    margin-right: -20%;
    width: 140%;
    max-width: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1022px) {
  #together .container {
    padding-bottom: 0px;
  }
  #together .HomePageFindUsIn .container {
    padding-bottom: 45px;
  }
  #together .banner-holder .banner .container {
    padding-top: 0px;
  }
  .template-index .banner .img-banner2 img {
    margin-left: -15%;
    margin-right: -15%;
    width: 130%;
  }
}

#ProductThumbs {
    display: none;
}
[id^="recurring_choice_"] .radio_option {
  width: 100%;
}

.template-blog .tab-content.container #tab1 {
  padding-top: 0px;
}
@media only screen and (max-width: 480px) {
  .about-content .block .text-holder h2 img {
    max-width: 90%;
  }
	.product-list li {
		width: 40%;
		margin: 0 7px 15px 0;
	}
	.product-list li .grid__item {
      margin-top: 0px;
    }
  .subscribe-form {
    margin: 0px;
  }
	.contact-list li {
		display: block;
		width: 100%;
		margin: 0 0 15px;
	}
  .contact-list li img {
    display: inline-block;
  }
  .contact-list .img-holder {
    max-width: none;
    text-align: center;
  }
  .slider .holder .three-column .column {
    width: 100%;
    clear: both;
    display: block;
  }
  .slider .holder .three-column .img {
    width: 20%;
  }
  .slider .holder .three-column .img img {
    margin-bottom: 10px;
  }
  .slider .holder .three-column .txt {
    clear: none;
    float: left;
    width: 65%;
    margin-left: 5%;
  }
  #footer .twocolumns .block {
    padding: 0px 10px;
  }
  .about-content .block {
    padding: 0 10px 15px;
  }
  .slider .holder .three-column .img img {
    height: 40px;
  }
  .banner-caption .three-column .txt {
    padding: 5px 0px;
    margin-left: 3%;
  }
  .about-content .block .rotate-img {
    margin: 30px 2% 40px;
  }
}

.temporary-original {
  display: none;
}
.template-product  .tab-content {
  background-color: #FFF;
  color: #444;
  padding: 30px 40px 20px;
}
.tab-content div {
  display: none;
}
.tab-content .product-content div {
  display: block;
}
.tab-content div .lion-loyalty-panel-content__overflow-container,
.tab-content div .lion-loyalty-panel-rule-item__title,
.tab-content div .lion-loyalty-panel-rule-item__points,
.tab-content div .lion-loyalty-panel-reward-item__meta,
.tab-content div .lion-loyalty-panel-page-rewards__claimed-rewards,
.tab-content div .lion-loyalty-panel-page-rewards__claimed-rewards div,
.tab-content div .lion-loyalty-panel-sidebar__points,
.tab-content div .lion-loyalty-panel-reward-item__fill,
.tab-content div .lion-referral-widget-main__intro,
.tab-content div .lion-referral-widget-main__share-controls,
.tab-content div .lion-referral-widget-main__share-controls div,
.tab-content div .lion-loyalty-panel-tier-item--current,
.tab-content div .lion-loyalty-panel-tier-item__accent,
.tab-content div .lion-loyalty-panel-tier-item__context,
.tab-content div .lion-loyalty-panel-tier-item__list-container,
.tab-content div .lion-loyalty-panel-tier-item__list-container div
{
  display: block;
}
.template-blog .tab-content div {
  display: block;
}
.template-article .tab-content.container {
  padding-top: 20px;
}

#health-blog .tab-content div, #ranges .tab-content div, .template-article .tab-content div {
  display: initial;
}
.tab-content div:first-child {
  display: block;
}

.product-detail .tab-content ul {
  padding-left: 20px;
}

.product-detail .tab-content ul li {
  list-style-type: disc;
}


.template-index .bx-wrapper .bx-viewport {
  min-height: 150px;
  opacity: 0;
}

.product-slider .slide-holder {
    padding: 8px 16% 0px 18%;
}

.about-holder .head h1.collection-plain-header {
  color: #FFF;
  font-size: 300%;
}

#subscription-service .tab-content div {
  display: block;
}


.product-list h4 {
  text-align: center;
}
.template-article #comments {
  display: none;
  margin: 60px auto;
  max-width: 800px;
}
.blog-comments--title { font-size: 120%; }
.blog-detail.container>.tab-content.container>h2 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.template-article .blog-detail .threecolumns .column h3 {
  text-align: left;
  font-size: 24px;
}
@media only screen and (min-width: 1120px) {
  #nav .slide>ul>li:first-child {
      padding-bottom: 22px;
  }
}
@media only screen and (min-width: 1120px) {
  #nav .drop>.slide>ul>li:first-child {
/*       padding-bottom: 50px; */
  }
  .slide>ul>li:nth-child(1)>a {
    position: relative;
  }
  .slide>ul>li:nth-child(1):hover>a:before, .slide>ul>li:nth-child(1):hover>a:after {
    content: "";
    background-color: transparent;
    display: block;
    width: 200px;
    height: 100px;
    position: absolute;
    top:0;
  }
  .slide>ul>li:nth-child(1):hover>a:before {
    right: 50%;
    transform-origin: 100% 0;
    transform: rotate(-15deg);
  }
  .slide>ul>li:nth-child(1):hover>a:after {
    left: 50%;
    transform-origin: 0 0;
    transform: rotate(15deg);
  }
}


#content_head {
  font-family: 'McLaren', sans-serif;
  color: #b55da4;
}

@media only screen and (max-width: 768px) {
  .template-blog .blog-holder .tabs {
    padding-top: 45px;
  }
  .template-product  a.subscription-tooltip:hover span {
    left: -100px;
  }
  /*   .bx-controls-direction { display: none; } */
  .bx-controls-direction:after {
    content: "Slide";
    position: relative;
    top: 34px;
    color: #225928;
    width: 100%;
    text-align: center;
    display: inline-block;
  }
  .HomePageProduct .container>p { display: none; }  
}

.template-article .container.head-holder {
  display: block;
}

img {
  max-width: 100%;
}

  .contact-container.contact-n-container.container {
    padding-bottom: 0px !important;
  }

.template-collection  #type1 .txt-holder p {
  min-height: 50px;
}



@media only screen and (min-width: 600px) {
#Quantity {
  width: 100px;
}
}
.custom-order.product-single__quantity {
  display: block;
  text-align: right;
  margin-bottom: 0px;
}
.custom-order.product-single__quantity label {
  margin-right: 12px;
}
.custom-order.product-single__quantity [type="button"], .custom-order.product-single__quantity [type="number"] {
  margin: 0px;
  height: 44px !important;
  margin: 0px -4px;
}

#SubcartSection {
  display: none !important;
}


.template-customers-account .container.head-holder, .template-customers-order .container.head-holder {
  display: block;
}
.template-customers-order .tab-content div {
  display: block;
}


/* Recharge page */
.template-customers-account table {
  width: 100%;
}
.template-customers-account table td, .template-customers-account table th {
  text-align: left;
  border: none;
}
.template-customers-account table td:first-child {
  width: 75%;
}
.template-customers-account table td:nth-child(2) {
  text-align: center;
}
.template-customers-account table td.td-actions {
  white-space: nowrap;
}
.template-customers-account #showAddProduct {
  border: none;
}
.template-customers-account hr {
  background-color: #FFF;
  background-image: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/devider.png?89448);
  background-repeat: no-repeat;
  background-size: 100%;
  border: none;
  width: 100%;
  height: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.template-customers-account .edit_address_link {
  margin-left: 10px;
    padding: 3px 18px;
}
.template-customers-account .edit_address_link, .template-customers-account .td-actions a, .template-customers-account .ReCharge-table a, .template-customers-account #individual_subscription_product [id*="-ReCharge-"], .template-customers-account #individual_subscription_product .update_payment_info_row a, .template-customers-account #individual_subscription_product .cancel_subscription_row a, .template-customers-account #individual_subscription_product .display_address_row a {
    font-weight: 700;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    background: #cc343a url(bg-btn-h.png);
    border-radius: 2px;
  margin-top: -4px;
}
.template-customers-account .edit_address_link:hover, .template-customers-account .td-actions a:hover, .template-customers-account .ReCharge-table a:hover, .template-customers-account #individual_subscription_product [id*="-ReCharge-"]:hover, .template-customers-account #individual_subscription_product .update_payment_info_row a:hover, .template-customers-account #individual_subscription_product .cancel_subscription_row a:hover, .template-customers-account #individual_subscription_product .display_address_row a:hover {
	background: #579140 url(bg-btn.png);
    color: #fff;
    -moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.template-customers-account .td-actions a, .template-customers-account .ReCharge-table a, .template-customers-account #individual_subscription_product .display_address_row a {
  padding: 3px 8px;
}
.template-customers-account #individual_subscription_product .display_address_row a {
  margin-top: 4px;
}

.template-customers-account #individual_subscription_product [id*="-ReCharge-"], .template-customers-account #individual_subscription_product .update_payment_info_row a, .template-customers-account #individual_subscription_product .cancel_subscription_row a {
  padding: 3px 8px;
  margin-top: 4px;
}
.template-customers-account .td-actions a:nth-of-type(2) {
  margin-top: 4px;
}
#ReCharge-Nav .nav-stacked li {
  margin-top: 8px;
}


@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
  .rc_layout #ReCharge-Nav {
    display: block;
    margin-bottom: 40px;
  }
  .rc_layout #ReCharge-Mobile-Nav {
    display: none;
  }
}

.template-customers-account #ReCharge table td:first-child {
  width: auto;
}
.template- .product .multi-tabset li {
  min-width: 200px;
}

.template-customers-account .purchase-history table td:nth-child(2), .template-customers-account .purchase-history table td:nth-child(3), .template-customers-account .purchase-history table th:nth-child(2), .template-customers-account .purchase-history table th:nth-child(3) {
  text-align: center;
}




/* Prevent column widening on main account (orders) table */
.template-customers-account table.account-table td:first-child {
  width: auto;
}
.template-customers-account table.account-table td:nth-child(2) {
  text-align: left;
}


/* Override the ridiculous bootstrap mess */
#ReCharge .container.with-navbar {
  padding: 65px 5.5%;
}
footer#footer {
  background: #f9f7f4;
  text-align: left;
}
footer#footer a {
  font-size: inherit;
  font-family: inherit;
}
footer#footer .fa {
  font-family: FontAwesome;
}


#health-blog .about-holder h1 img, .about-holder h1 img {
  max-width: 600px;
}

.btn.disabled, .btn.disabled:hover {
  background: #CCC !important; /* Shorthand to eliminate background-image */
}

@media only screen and (max-width: 480px) {
.about-holder h1 img {
  width: 100%;
}
}



.about-content .block.value:after {
  display: none;
}


/* CT mods from 31/7/2017 - Phase 1 / 1.5 */
@media only screen and (max-width: 767px) {
  .template-cart [data-label="Item"]:before {
      display: none;
  }
  .template-cart [data-label="Item"] {
      border-bottom: none !important;
      padding: 4px;
  }
  .template-cart [data-label="Item"] .grid__item:nth-child(1)>a img {
      width: 100%;
  }
  .template-cart [data-label="Item"] .grid__item:nth-child(1)>a {
      width: 33%;
      box-sizing: border-box;
      display: inline-block;
      float: left;
  }
  .template-cart [data-label="Item"] .grid__item:nth-child(1) .txt {
      width: 65%;
      box-sizing: border-box;
      display: inline-block;
      font-weight: bold;
      float: right;
      text-align: right;
      padding-right: 16px;
  }
  .template-cart [data-label="Price"] {
      border-bottom: none !important;
  }
  .template-cart [data-label="Price"]:before {
      display: none;
  }
  .template-cart [data-label="Price"] .grid__item {
      margin-top: 0px;
      width: 66%;
      float: left;
  }
  .template-cart [data-label="Quantity"] {
      font-size: 0.8em;
  }
  .template-cart [data-label="Quantity"]:before {
      display: none;
  }
  .template-cart [data-label="Quantity"]:after {
    content: "";
    display: table;
    clear: both;
  }
  .template-cart [data-label="Quantity"] input {
      height: 30px !important;
      width: 30px;
  }
  .template-cart [data-label="Quantity"] [type="number"] {
      width: 40px;
  }
  .template-cart [data-label="Total"] .grid__item:nth-child(1) {
      margin-top: 0px;
      position: relative;
  }
  .template-cart [data-label="Total"] .grid__item:nth-child(1):before, .template-cart [data-label="Total"] .grid__item:nth-child(1):after {
      content: " ";
      height: 10px;
      display: block;
      width: calc(100% + 20px);
      background: url(devider.png) no-repeat 0 100%;
      border-bottom: none;
      position: absolute;
      top: -24px;
      left: -10px;
  }
  .template-cart [data-label="Total"] .grid__item:nth-child(1):after {
      top: auto;
      bottom: -20px;
  }
  .template-cart tr td {
      border-bottom: none;
  }

  .template-cart .divider {
      display: none;
  }
  .HomePageFindUsIn .bxslider li {
	padding-bottom: 2%;
    height: 0px;
  }
  #product-promise-simplified-sep-17 .twocolumns .column:after {
    display: none;
  }
  .promise-holder .content-holder>p:nth-child(4) img {
/*     width: 214px;
    margin-left: -1px; */
  }
  .promise-holder .content-holder>div:nth-child(10) img {
    width: 180px;
  }
  .promise-holder .content-holder>div:nth-child(10) img {
    width: 180px;
  }
  .content-holder .img-holder img, .img-center img {
    width: 200px;
    max-width: 100%;
  }
}


@media only screen and (max-width: 520px) {
  .HomePageFindUsIn .bxslider li {
	padding-bottom: 3.5%;
  }
}
@media only screen and (max-width: 480px) {
  .HomePageFindUsIn .bxslider li {
	padding-bottom: 5%;
  }
}


.desktop-only {
  display: initial;
}
.mobile-only {
  display: none !important;
}

@media only screen and (max-width: 767px) {
.desktop-only {
  display: none !important;
}
.mobile-only {
  display: initial !important;
}
}

.not-enough-slides .slide-holder .mask {
  height: auto !important;
}

/* @media only screen and (max-width: 768px) and (min-width: 600px) {
	.product-holder .product-slider {
		width: 40%;
		float: left;
	}
	.product-holder .aside {
		width: 55%;
		float: left;
	}
}
 */
.template-product .product-holder .head, .template-product .product-holder .subline {
	text-align: center;
}
.template-product .product-holder .custom-order {
  text-align: right;
}
.template-product .custom-order * {
	display: inline-block;
	float: none;
	vertical-align: middle;
}
.template-product .custom-order button {
  height: 42px !important;
  margin-left: 4%;
  width: 49%;
}

.template-product .custom-order .qtyminus {
/*   margin-left: 5%; */
}
.template-product .custom-order .qtyplus {
  margin-right: 5%;
}

.template-product .aside .subtext img {
	max-width: 80px;
}



.banner2 {
/*   background-image:url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/Support-your-lifestyle--DT-Banner-2017.jpg?89448); */
  background: #96C11F;
  min-height: 0px;
}
.banner2 .img-txt, .banner2 .caption {
  width: 50%;
}
@media only screen and (max-width: 940px) {
  .banner2 .img-txt, .banner2 .caption { width: 100%; }
  .banner2 .banner-frame.container { display: block; }
  .banner .img-txt { max-width: none; display: none; }
}
.banner2 .container {
  max-width: none;
  padding: 0;
}
.banner2 p {
  margin: 0;
}
.banner2 .banner-holder {
  position: static;
}

.banner2 .caption {
  padding: 40px;
  color: #225924;
}



.mobile-only {
  display: none;
}


@media only screen and (max-width: 767px) {
  .HomePageProductPromise>.container>.columny.one-third.leader {
    width: 100%;
  }
  .HomePageProductPromise>.container>.columny.one-third.leader .flex-row {
    font-weight: bold;
    font-size: 1.0em;
    color: #225928;
  }
  .HomePageProductPromise>.container>.columny.two-thirds.flex-rows {
    display: none;
  }
  .mobile-only {
    display: initial;
  }
  .banner2 {
/*     background-image:url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/Support_your_lifestyle_MOB_banner_2017.png?89448); */
    min-height: 600px;
  }
  .banner2 .caption {
    padding-right: 10px !important;
    padding-left: 10px !important;
    box-sizing: border-box;
    text-align: center;
  }
  #wrapper .cc-banner {
    background-image: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/Together-Health-MOB-Banner-2017-dark-middle.png?89448);
  }
}




#terms-amp-conditions .blog-holder .tabs .header {
    padding-top: 0px;
    background: url(join-bg.jpg) no-repeat;
    background-size: cover;
    height: 300px;
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    background-position: center center;
}

@media only screen and (max-width: 767px) {
  .HomePageFindUsIn {
    width: 100%;
  }
  .HomePageFindUsIn .flex-row {
    display: block;
  }
  .HomePageFindUsIn .flex-row img {
    width: 80%;
    margin: 10%;
  }
}

@media only screen and (max-width: 414px) {
	.product-detail .query-holder .title {
		font-size: 0.7em !important;
	}
}






@media only screen and (max-width: 1180px) {
  .about-content .block:after {
    left: 0px;
    right: 0px;
    max-width: 100%;
    background-position: top right;
  }
}


@media only screen and (max-width: 767px) {
	.banner-holder .banner-frame {
		padding: 0px !important;
	}
  	.banner {
		min-height: 314px;
	}
  .banner-holder {
    position: relative;
  }

}

@media only screen and (max-width: 768px) {
  .template-customers-account .container.head-holder {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .template-customers-account .container.head-holder .multi-tabset, .template-customers-account .container.head-holder .multi-tabset li {
    margin-bottom: 0px !important;
  }
  .template-customers-account .container.head-holder .multi-tabset li {
    min-width: 33.33333% !important;
    width: 33.33333% !important;
  }
}

.one-whole {
  width: 100%;
}


@media only screen and (max-width: 767px) {
  .medium-down--one-whole {
    width: 100%;
  }
}


hr.tight {
  margin-top: 0px;
  margin-bottom: 0px;
}
td.tight {
  padding-top: 4px;
  padding-bottom: 0px;
}

@media only screen and (max-width: 480px) {
hr.tight {
  width: 400%;
  margin-left: -100%;
}
td.tight {
  overflow: hidden;
}
.tab-content div:first-child {
  width: 100%;
}
}


.product.account .grid__item  {
  float: left;
}

.tab-content #open_page {
  display: block;
}


.product-promise-page .about-holder .head h1 img {
	margin-left: 100px;
}


@media only screen and (max-width: 768px) and (min-width: 700px) {
  #header .logo {
    position: absolute;
    left: 100px;
    right: 100px;
    width: auto;
  }
  #nav {
    position: absolute;
    top: 10px;
    width: 50px;
    right: 20px;
    left: auto;
  }
  .open-close.active .drop {
    min-width: 400px;
    right: 0;
    left: auto;
  }
}

.template-page #main.contact-us-page .about-holder .head-holder {
  padding-top: 10px;
}
.contact-us-page .about-holder .head h1 { padding-bottom: 10px; }

@media only screen and (max-width: 767px) {
.product-promise-page .about-holder .head h1 img {
	margin-left: 10%;
	width: 500px;
  max-width: 90%;
}
  
  .HomePageFindUsIn ul li {
    width: 100%;
  }
.HomePageFindUsIn .container img {
      margin-top: 5px;
/*   width: 70%;
  margin-left: 15%;
  margin-top: 20px; */
}
  .product-promise-page .about-holder .head {
    height: auto;
    padding-bottom: 24%;
  }
  .about-us-page .about-holder .head, .contact-us-page .about-holder .head {
    margin-bottom: 0;
  }
  .about-us-page .about-holder .head .container.head-holder, .contact-us-page .about-holder .head .container.head-holder {
    min-height: 0;
    height: auto;
    padding-bottom: 60px !important;
  }
  .about-us-page .about-holder .head h1, .contact-us-page .about-holder .head h1 {
    padding-top: 27px;
  }
  .about-us-page .about-holder .head .container.head-holder h1 img, .contact-us-page .about-holder .head .container.head-holder h1 img {
    width: 400px;
    max-width: 90%;
  }
  .about-us-page#main .about-holder .about-content.container, .contact-us-page#main .about-holder .about-content.container {
    padding-top: 20px !important;
  }

  .product-promise-page .about-holder .head {
    padding-bottom: 8%;
    margin-bottom: 0;
  }
  .product-promise-page .about-holder h1 img {
    width: 100% !important;
    margin-top: 5%;
  }
  
}

  .about-holder .head {
/*     height: 300px; */
  }
  .about-holder .head h1 img {
    width: 90%;
  }

@media only screen and (min-width: 768px) {
  .template-collection .about-holder .head {
    height: 267px;
  }
  .template-collection .product .head .multi-tabset {
    margin: auto;
    max-width: 1400px;
    width: 100%;
  }
  
  .about-holder.account .head {
    height: 240px;
  }
}




.about-holder.promise-holder em img{
  max-width: 100%;
  max-height: 200px;
}
.about-holder.promise-holder i img{
  max-width: 100%;
  max-height: 200px;
}
.about-holder.promise-holder hr, #account.template-customers-login .small--text-center hr {
  background-color: #FFF;
  background-image: url(//www.togetherhealth.co.uk/cdn/shop/t/114/assets/promise-divider.png?89448);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: none;
  width: 100%;
  max-width: 600px;
  height: 10px;
  margin: 60px auto;
}

#account.template-customers-login hr+h2, #account.template-customers-login .small--text-center #customer_login_guest {
  text-align: center;
}

.about-holder.promise-holder {
	font-size: 18px;
}

.accordion-holder .block-h .opener-a {
  display: block;
  margin: auto;
}
.accordion-holder .block-h .opener-a div {
  margin: auto;
  height: 0;
  overflow: hidden;
}
.accordion-holder .block-h:nth-child(1) .opener-a { max-width: 248px; }
.accordion-holder .block-h:nth-child(1) .opener-a div { padding-bottom: 33%; }
.accordion-holder .block-h:nth-child(1) .opener-a div img { max-width: 50%; }
.accordion-holder .block-h:nth-child(2) .opener-a { max-width: 449px; }
.accordion-holder .block-h:nth-child(2) .opener-a div { padding-bottom: 29%; }
.accordion-holder .block-h:nth-child(2) .opener-a div img { max-width: 80%; }
.accordion-holder .block-h:nth-child(3) .opener-a { max-width: 310px; }
.accordion-holder .block-h:nth-child(3) .opener-a div { padding-bottom: 32%; }
.accordion-holder .block-h:nth-child(3) .opener-a div img { max-width: 65%; }
.accordion-holder .block-h:nth-child(4) .opener-a { max-width: 665px; }
.accordion-holder .block-h:nth-child(4) .opener-a div { padding-bottom: 26%; }
.accordion-holder .block-h:nth-child(5) .opener-a { max-width: 378px; }
.accordion-holder .block-h:nth-child(5) .opener-a div { padding-bottom: 29%; }
.accordion-holder .block-h:nth-child(5) .opener-a div img { max-width: 72%; }

.accordion-holder .block-h:nth-child(1) .active .opener-a div img { margin-top: -34%; }
.accordion-holder .block-h:nth-child(2) .active .opener-a div img { margin-top: -29%; }
.accordion-holder .block-h:nth-child(3) .active .opener-a div img { margin-top: -33%; }
.accordion-holder .block-h:nth-child(4) .active .opener-a div img { margin-top: -26%; }
.accordion-holder .block-h:nth-child(5) .active .opener-a div img { margin-top: -29%; }

.template-product .custom-order label[for="Quantity"] { display: none; }


.accordion-holder .block-h {
  margin-top: -20px;
}
.accordion-holder .block-h:nth-child(1) {
  margin-top: 10px;
}
.about-holder .accordion {
  padding-top: 0px;
  margin-bottom: 0px;
}

.custom-order.product-single__quantity {
  padding-left: 0px;
  padding-right: 0px;
}

.homepage_content.container {
  max-width: 1600px;
}

@media only screen and (max-width: 540px) {
#about-us-new .mfp-wrap.mfp-close-btn-in .mfp-container .mfp-close {
  right: 0px;
}
}


.about-us-page table td {
  width: 50%;
  border: none;
}


.about-us-page .about-holder .row-wrapper:nth-child(4) table td {
  text-align: center;
  width: 33.333333%;
}


.about-us-page .about-holder .row-wrapper:nth-child(3) {
  color: #FFF;
  background-color: #91BD55;
}
.about-us-page .about-holder .row-wrapper:nth-child(5) {
  color: #FFF;
  background-color: #284C34;
}

.about-us-page .about-holder h3 {
  font-weight: 700;
}
.about-us-page .about-holder .row-wrapper:nth-child(3) h3, .about-us-page .about-holder .row-wrapper:nth-child(5) h3 {
  color: #FFF;
}

.about-us-page .about-holder table {
  margin-bottom: 0px;
}

.about-us-page .about-holder .container {
  padding: 43px 6% 53px;
}

.about-us-page .about-holder .row-wrapper:nth-child(5) td:nth-child(2) p:first-child img {
  width: 80%;
  border: 8px #FFF solid;
  transform: rotate(-4deg);
}
.about-us-page .about-holder .row-wrapper:nth-child(5) td:nth-child(2) p:first-child img {
  transform: rotate(4deg);
}
.about-us-page .about-holder .row-wrapper:nth-child(5) a {
  color: white;
  text-decoration: underline;
}
.about-us-page .about-holder .row-wrapper:nth-child(5) td:nth-child(2) h4 {
  padding: 0px 15%;
}

.about-us-page .about-holder .row-wrapper:nth-child(5) h4 {
  color: #91BD55;
}


.about-us-page .about-holder .row-wrapper:nth-child(4) img {
  width: 100%;
  max-width: 100px;
}
.about-us-page .about-holder .row-wrapper:nth-child(5) td {
  text-align: center;
}
.about-us-page .about-holder .row-wrapper:nth-child(5) td:nth-child(2) p:nth-child(2) img {
  width: 100%;
  max-width: 260px;
}


.about-us-page .about-holder .row-wrapper:nth-child(5) td:nth-child(1) p:nth-child(2) img {
  width: 280px;
  max-width: 60%;
}

  .about-us-page .about-holder .row-wrapper:nth-child(3) table td:nth-child(1) p {
      padding-right: 40px;
  }

.about-us-page .about-holder .row-wrapper:nth-child(3) table td:nth-child(1) {
  vertical-align: middle;
}

@media only screen and (max-width: 680px) {
  .about-us-page .about-holder table td {
    display: block;
    width: 100% !important;
    padding: 20px;
  }
  .about-us-page .about-holder .row-wrapper:nth-child(2) td:nth-child(2), .about-us-page .about-holder .row-wrapper:nth-child(3) td:nth-child(1) {
    text-align: center;
  }
  .about-us-page .about-holder .row-wrapper:nth-child(3) table td:nth-child(1) p {
      padding-right: 0px;
  }
}

.HomePageProduct2>img {
    width: 80%;
    /* max-width: 400px; */
    max-width: 420px;
    margin-bottom: 20px;
}
.HomePageProduct2 {
    padding-bottom: 10px;
    position: relative;
    opacity: 1;
    padding-top: 45px;
    text-align: center;
}
@media only screen and (min-width: 768px) {
  .HomePageProduct2 .bxslider {
    display: flex;
  }
  .HomePageProduct2 .bxslider li:nth-child(n+7) {
/*       display: none; */
  }
  .HomePageProduct2 .award-product {
    margin: 20px 5px 0px;
  }
}
.HomePageProduct2 .container { padding: 20px 40px 40px; }

/* homepage section arrows */
/* #wrapper .cc-banner {
	padding-bottom: 60px;
	position: relative;
}
#wrapper .cc-banner:before, #wrapper .cc-banner:after {
	content: " ";
	width: 50%;
	border-bottom: 20px white solid;
	position: absolute;
	bottom: 0;
}
#wrapper .cc-banner:before {
	border-right: 30px transparent solid;
}
#wrapper .cc-banner:after {
	border-left: 30px transparent solid;
	right: 0;
} */
.HomePageProduct2, .homepage-section__press { position: relative; }
.HomePageProduct2:after, .homepage-section__press:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: calc(50% - 30px);
  border-top: 20px white solid;
  border-left: 30px transparent solid;
  border-right: 30px transparent solid;
  z-index: 2;
}

section.range { position: relative; }
section.range:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: calc(50% - 30px);
  border-top: 20px #f9f7f4 solid;
  border-left: 30px transparent solid;
  border-right: 30px transparent solid;
}
.HomePageProductPromise { position: relative; }
.HomePageProductPromise:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: calc(50% - 30px);
  border-top: 20px #225928 solid;
  border-left: 30px transparent solid;
  border-right: 30px transparent solid;
}

/* end homepage section arrows */

.homepage-section__press .container .container {
  padding: 0;
}
.homepage-section__press .container .container .bx-wrapper {
  margin: 0 auto;
  width: 100%;
}
.homepage-section__press .container .container .bx-wrapper .bx-pager {
  display: block;
}

.homepage-section__press h2 {
  text-align: center;
}
.homepage-section__press ul {
  display: flex;
  flex-wrap: wrap;
}
.homepage-section__press li {
  width: 33.333333%;
  display: inline-block;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.homepage-section__press li span {
  vertical-align: top;
  width: 100%;
  flex-grow: 1;
}
.homepage-section__press li img {
  height: 50px;
  width: auto;
  max-width: 100%;
  margin: 20px auto;
}
.homepage-section__press .bx-controls-direction {
  display: none;
}


.homepage-section__press .bx-viewport {
  padding-bottom: 20px !important;
}
.homepage-section__press li>div {
/*   border: 1px #CCC solid; */
/*   padding: 20px; */
/*   box-shadow: 0 1px 2px rgba(0,0,0,0.1); */
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.homepage-section__press li>div>span {
  display: block;
  position: relative;
  margin-top: 60px;
  text-align: center;
}
.homepage-section__press li>div>span:before {
  content: "“";
  font-size: 300%;
  position: absolute;
  top: -60px;
  left: 0px;
}




/* Keep cookies on front */
.cc-window.cc-banner { z-index: 2010100; }


/* Namespaced legacy manipulation of cart table content following suspected browser update */
/* Appear to be reliant components missing without timber.css */
.Cart-Table--legacy .grid__item {
  float: left;
}
.Cart-Table--legacy [data-label="Item"] .grid__item img {
  width: calc(100% - 20px);
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
  /* correct entirely broken ipad layout */
  .template-cart .Cart-Table--legacy.account-table td[data-label]:before { display: none; }
  .template-cart .Cart-Table--legacy.account-table td[data-label="Total"]:before { display: block; }
  .template-cart .Cart-Table--legacy.account-table td { 
    border-bottom: none; 
  }
  .template-cart .Cart-Table--legacy.account-table [data-label="Total"] .grid__item:nth-child(1):before, .template-cart [data-label="Total"] .grid__item:nth-child(1):after {
      content: " ";
      height: 10px;
      display: block;
      width: calc(100% + 20px);
      background: url(devider.png) no-repeat 0 100%;
      border-bottom: none;
      position: absolute;
      top: -24px;
      left: -10px;
  }
  .template-cart .Cart-Table--legacy.account-table [data-label="Total"] .grid__item:nth-child(1):after {
      top: auto;
      bottom: -20px;
  }
  .template-cart .Cart-Table--legacy.account-table .divider {
    display: none;
  }
  .template-cart .Cart-Table--legacy.account-table [data-label="Total"] .grid__item:nth-child(1) {
    margin-top: 0px;
    position: relative;
  }
  .template-cart .Cart-Table--legacy.account-table [data-label="Total"] {
    float: left;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .account-table.Cart-Table--legacy td:before {
    position: relative;
    top: 20px;
  }
  .account-table.Cart-Table--legacy .txt {
      text-align: left;
  }
  .Cart-Table--legacy .medium--one-quarter {
    width: 25%;
  }
  .Cart-Table--legacy .medium--three-quarters {
    width: 75%;
  }
  .template-cart .Cart-Table--legacy [data-label="Item"] .grid__item:nth-child(1)>a {
    width: calc(100% - 20px);
  }
  .template-cart [data-label="Price"] .grid__item {
    text-align: left;
  }
  .template-cart [data-label="Quantity"] input, .template-cart [data-label="Quantity"] a {
    margin: 0;
  }
  .Cart-Table--legacy .iqholder {
    margin-top: 0;
    padding-top: 20px;
    text-align: left;
  }
  .account-table.Cart-Table--legacy tr { float: left; width: 100%; }
}
@media only screen and (max-width: 480px) {
  .template-cart .Cart-Table--legacy .grid__item.small--two-fifths {
    width: 40%;
  }
  .template-cart .Cart-Table--legacy .grid__item.small--three-fifths {
    width: 60%;
  }
}

.additional-checkout-button--apple-pay { vertical-align: top; }

#min-range {
	width: 100%;
	min-height: calc(100vh - 476px);
}

#ReCharge-Nav [href*="orders/history/"], #ReCharge-Nav [href$="/orders"] { 
  display: none;
}


#additional-checkout-buttons {
	position: relative;
}

#additional-checkout-buttons>span {
	position: absolute;
	z-index: 1000000000;
	background-color: transparent;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}



header.head .multi-tabset-wrapper {
	background: #F4F4F4;
}

header.head .multi-tabset {
	background: #F4F4F4;
	display: flex;
  overflow: auto;
}
header.head .multi-tabset li {
	width: auto !important;
	flex-grow: 1;
}
header.head .multi-tabset li a {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	background: transparent;
	margin: 0;
	color: #5E934F;
	padding: 16px 0;
}
header.head .multi-tabset li a.active {
	color: #305931;
	background: white;
	position: relative;
}

@media (max-width: 480px) {
  header.head .multi-tabset {
    display: block;
    white-space: nowrap;
  }
  header.head .multi-tabset li a {
    padding: 16px 24px;
    text-align: center;
  }
  .multi-tabset-wrapper { overflow: auto; }
  .product .head .multi-tabset {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0;
    background: transparent;
  }
  .template-collection .about-holder .head .container {
    max-width: 100%;
  }
  .about-holder .head {
    display: block;
    margin-bottom: 100px;
  }
  .template-collection .about-holder .head {
    margin-bottom: 20px;
  }
  .product .head .multi-tabset-wrapper {
    padding-bottom: 20px !important;
  }
  header.head .multi-tabset li a.active:after {
    content: '';
    border-top: 20px #FAFAF7 solid;
    display: block;
  }
  #account header.head .multi-tabset li a.active:after {
    content: none;
  }
  header.head .multi-tabset-wrapper {
    background: transparent;
  }
  header.head .multi-tabset {
    overflow: visible;
    padding: 0px !important;
  }

}

#together-health-blog-live-well-live-long-be-healthy .about-holder h1 img {
  max-width: 600px;
}
.template-article .about-holder.blog-holder h1 {
  width: 387px;
  max-width: 100%;
  margin: 0 auto 18px;
}

.customer-logged-in .product .head-holder h1 {
  margin: 35px 0;
}

@media (max-width: 768px) {
  .customer-logged-in .product .head-holder h1 {
    margin: 25px 0;
  }
  .template-blog .blog-holder .tabs, .blog-holder .tabs .container { padding-top: 0; }
  .template-blog .blog-holder .tabs .container>h2, .blog-holder .tabs .container>p { display: none; }
  .template-blog .blog-holder .tabs .container .multi-tabset-wrapper { 
    white-space: nowrap;
    overflow: auto;
    position: static;
    margin-left: -12.3%;
    width: calc(100% + 24.7%);
    padding-bottom: 20px;
  }
  .template-blog .blog-holder .tabs .container .multi-tabset { 
    margin-top: 0;
    background-color: #FAFAF7;
    padding: 0 !important;
  }
  .template-blog .blog-holder .tabs .container .multi-tabset li {
    margin-left: -4px;
    background-color: #FAFAF7;
    margin-right: 0;
  }
  .template-blog .blog-holder .tabs .container .multi-tabset li a { 
    padding: 16px 24px;
  }
  .about-holder.blog-holder .tab-content {
	margin-top: 80px;
  }
  .template-blog .about-holder .multi-tabset a.active {
    background: transparent;
  }
}

.template-blog .about-holder .multi-tabset a.active:after {
  content: '';
  border-top: 20px #f8f7f4 solid;
  display: block;
}


@media (max-width: 480px) {
  .template-blog .about-holder .head { margin-bottom: 0px; }
  .template-blog .multi-tabset-wrapper .multi-tabset.container {
    max-width: 340px;
  }
}

#drip-first-name, #drip-last-name {
  width: calc(50% - 3px);
  box-sizing: border-box;
  margin-bottom: 6px;
  display: inline-block;
  border-radius: 8px;
}
#drip-first-name { margin-right: 3px; }
#drip-last-name { margin-left: 3px; }

#drip-footer-signup form>div:nth-child(2) {
  position: relative;
}
#drip-footer-signup form>div:nth-child(2) input{
	display: inline-block;
	height: 42px !important;
	border-radius: 0;
}

#drip-footer-signup form>div:nth-child(2) [type="email"]{
	width: calc(100% - 120px);
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-right: 0;
}
#drip-footer-signup form>div:nth-child(2) [type="submit"]{
	width: 120px;
	margin-left: 0px !important;
	background: #4d9546;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
  padding: 6px 19px 10px;
}
#drip-footer-signup form>div:nth-child(2) [type="submit"]:hover{
	background: #376932;
}

#drip-footer-signup .consent {
	background: transparent;
	margin-top: 0.5em;
}

#drip-footer-signup .consent>div:first-child {
	background: transparent;
	width: 60px;
}
@media (min-width: 768px) {
#terms-amp-conditions .about-holder h1 {
	margin-bottom: 3em;
}
}
#terms-amp-conditions .about-holder h1 img {
    max-width: 600px;
}

#drip-footer-signup {
	position: relative;
}
#drip-footer-signup .drip-working {
	width: 130px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}


#drip-blog-signup {
	max-width: 1000px;
	margin: auto;
}
#drip-blog-signup form>div:nth-child(2) input{
	display: inline-block;
	height: 42px !important;
	border-radius: 0;
}

#drip-blog-signup form>div:nth-child(2) [type="email"]{
	width: calc(100% - 120px);
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-right: 0;
}
#drip-blog-signup form>div:nth-child(2) [type="submit"]{
	width: 120px;
	margin-left: 0px !important;
	background: #4d9546;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
  padding-top: 8px;
}
#drip-blog-signup form>div:nth-child(2) [type="submit"]:hover{
	background: #376932;
}

#drip-blog-signup form>div:nth-child(3) [type="checkbox"]{
	margin-top: 6px;
}
#drip-blog-signup .consent>div:first-child {
	width: 60px;
}
#drip-blog-signup .drip-working {
	width: 130px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -16px;
  display: inline-block;
}
#drip-blog-signup .drip-working.hidden {
    display: none;
}

#drip-blog-signup form>div:nth-child(2) {
	white-space: nowrap;
}
#drip-blog-signup .drip-confirmation {
    background: white;
    color: #333;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.45);
}
#drip-blog-signup .drip-confirmation h2 { padding: 0; margin-bottom: 1em; }
#drip-blog-signup .drip-confirmation p { margin-bottom: 1em; }
#drip-blog-signup .drip-confirmation p a { color: #4d9546; }
#drip-blog-signup {
    overflow: visible;
}

.nstyled-form {
  max-width: 400px;
  margin: 40px auto;
  box-shadow: 0px 5px 25px rgba(0,0,0,0.25);
  padding: 10px 40px;
  border-radius: 8px;
}
@media (max-width: 640px) {
  .nstyled-form {
    padding: 10px 20px;
  }
}
.nstyled-form input[type="text"], .nstyled-form input[type="email"] {
  border-radius: 10px;
  border: 1px #666 solid;
}

.nstyled-form input[type="submit"] {
  width: 100%;
  border-radius: 8px;
  padding: 12px;
  background: #4d9546;
  white-space: normal;;
}
.nstyled-form input[type="submit"]:hover {
  background: #8EC63F;
}

.nstyled-form form>div {
  margin: 30px 0;

}

.nstyled-form .confirmation {
	padding: 20px 0;
}
.nstyled-form .confirmation h2 {
	font-weight: bold;
}
.nstyled-form .confirmation h3 {
	font-size: 20px;
	text-align: center;
	color: #6d6e71;
	font-weight: bold;
}
.nstyled-form .confirmation a {
  color: #4d9546;
}

.nstyled-form .confirmation p {
	margin: 1em 0;
}
.nstyled-form .confirmation .btn {
	margin: 1em 0;
	width: 100%;
	text-align: center;
	color: white !important;
}





.drip-working {
  width: 100%;
  border-radius: 8px;
  padding: 11px;
  background: #CCC;
  white-space: normal;
  text-align: center;
  color: white;
  font-weight: bold;
}
.drip-working span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px white solid;
  vertical-align: top;
  border-radius: 100%;
  border-right-color: transparent;
  margin-right: 4px;
  animation-name: working;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  animation-timing-function: linear;
}
@keyframes working {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}







#claim-your-coupon .consent>div:first-child,
#claim-your-sample .consent>div:first-child {
  background: transparent;
  width: 60px;
}
#claim-your-coupon .consent>div:first-child,
#claim-your-sample .consent>div:first-child {
  color: #4d9546;
}

.template-blog .multi-tabset-wrapper {
}
.template-blog .multi-tabset.container {
  max-width: 1120px;
  display: flex;
  /* background-color: #FAFAF7; */
}
.template-blog .multi-tabset.container li {
  flex-grow: 1;
  width: auto !important;
  white-space: nowrap;
}
@media only screen and (max-width: 480px) {
.template-blog .blog-holder .multi-tabset li:last-child {
	min-width: 60% !important;
}
}

@media (max-width: 480px) {
  .template-collection .multi-tabset-wrapper .before, .template-collection .multi-tabset-wrapper .after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px #5E934F solid;
    border-right: 2px #5E934F solid;
    position: absolute;
    bottom: -34px;
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
  }
  .template-blog .multi-tabset-wrapper .before, .template-blog .multi-tabset-wrapper .after {
    z-index: 10;
  }
  .template-collection .multi-tabset-wrapper .before {
    left: 10px;
    transform: rotate(135deg);
    z-index: 101;
  }
  .template-collection .multi-tabset-wrapper .after {
    right: 10px;
    transform: rotate(-45deg);
  }
  
  
  .template-blog .multi-tabset-wrapper .before, .template-blog .multi-tabset-wrapper .after {
    transform: none;
    position: absolute;
    top: 0; bottom: 20px;
    width: 35px;
    height: auto;
  }
  .template-blog .multi-tabset-wrapper .before {
    left: -22px;
    background: linear-gradient(-90deg, transparent, #FAFAF7, #FAFAF7);
  }
  .template-blog .multi-tabset-wrapper .after {
    right: -22px;
    background: linear-gradient(90deg, transparent, #FAFAF7, #FAFAF7);
  }
  .template-blog .multi-tabset-wrapper .before:before, .template-blog .multi-tabset-wrapper .after:before {
    content: '';
    border: 2px transparent solid;
    border-top-color: green;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 23px;
  }
  .template-blog .multi-tabset-wrapper .before:before {
    transform: rotate(-45deg);
    border-left-color: green;
    left: 15px;
  }
  .template-blog .multi-tabset-wrapper .after:before {
    transform: rotate(45deg);
    border-right-color: green;
    right: 15px;
  }

}

.multi-tabset:after {
	content: '';
	background: #FAFAF7;
	position: absolute;
	width: 100%;
	height: 57px;
	left: 0;
	right: 0;
	z-index: -1;
	pointer-events: none;
}

.template-collection .multi-tabset-wrapper.no-mobile-left .before, .template-blog .multi-tabset-wrapper.no-mobile-left .before {
    opacity: 0;
}
.template-collection .multi-tabset-wrapper.no-mobile-right .after, .template-blog .multi-tabset-wrapper.no-mobile-right .after {
    opacity: 0;
}


#recommendation-results #also-heading, #recommendation-results>#type1>ul.product-list:not(.highly-recommended-list) { display: none; }

#product-testing .multi-tabset:after { content: none; }
#product-testing .about-holder.blog-holder .tab-content.container { margin-top: 0; }

@media (max-width: 374px) {
  #sidebarPop form [type="email"],#sidebarPop form [type="submit"],#sidebarPop form [type="text"] {
	width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
#sidebarPop form .consent>div:first-child {
  background-color: transparent;
}
#sidebarPop .consent [type="checkbox"]:before {
  left: 0;
}
#sidebarPop .consent [type="checkbox"]:after {
  left: 2px;
}
#sidebarPop .consent [type="checkbox"]:checked:after {
  left: 22px;
}
#sidebarPop .consent {
  background: transparent;
  margin-top: 0;
  margin-bottom: 1em;
}
#sidebarPop .consent label {
  color: white;
  text-shadow: 0 1px 0.1px black;
}
#sidebarPop .consent label a {
  color: #8EC63F;
}
#sidebarPop form .consent>div:first-child {
  width: 50px;
}
#sidebarPop form {
	position: relative;
}
#sidebarPop form div {
	text-align: left;
}

@media (min-width: 375px) {
  #sidebarPop form .consent>div:nth-child(2) {
    width: calc(100% - 55px);
  }
  #sidebarPop input[type="email"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: calc(100% - 120px);
  }
  #sidebarPop input[type="submit"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    right: 0;
  }
}

.template-article .tab-content div.hidden { display: none; }

@media only screen and (max-width: 768px) {
  .popup .holder .confirmation p {
    max-width: none;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.85);
  }
}

.blog--article-header__title { margin: 40px auto 0 !important; }

.template-article .copy_container .rte>* {
    font-size: 120%;
    line-height: 1.4;
    font-weight: 500;
}

/* Flex grid - added 2019-03-15 RT */
.flex-grid {
  display: flex;
  margin: auto;
}
.flex-grid--item {
}
.flex-grid-2 .flex-grid--item {
}
.flex-grid--item-image-crop-horizontal img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 901px) {
  .flex-grid-l-1 .flex-grid--item {
    width: 100%;
  }
  .flex-grid-l-2 .flex-grid--item {
    width: 50%;
  }
}
@media (min-width: 681px) {
  .flex-grid-m-1 .flex-grid--item {
    width: 100%;
  }
  .flex-grid-m-2 .flex-grid--item {
    width: 50%;
  }
}
@media (max-width: 680px) {
  .flex-grid-s-1 .flex-grid--item {
    width: 100%;
  }
  .flex-grid--item-s-hidden {
    display: none;
  }
}
/* End Flex grid */


@media only screen and (max-width: 480px) {
  #account.template-customers-account .multi-tabset:after, #together-health.template- .multi-tabset:after {
    top: 0;
    bottom: 0;
    height: auto;
  }
  #account.template-customers-account .multi-tabset, #together-health.template- .multi-tabset {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #account.template-customers-account .multi-tabset li a, #together-health.template- .multi-tabset li a {
    white-space: normal;
    padding: 10px 20px !important; 
    line-height: 22px !important;
  }
}

.template-customers-order #tab2 { display: none; }
.template-customers-order .product.account .grid__item:nth-child(2) { padding-left: 40px; }

@media (max-width: 767px) {
#loyaltylion .lion-loyalty-panel-page-rewards__claimed-rewards-list .lion-loyalty-panel-claimed-reward-item { flex-wrap: wrap !important; }
#loyaltylion .lion-loyalty-panel-page-rewards__claimed-rewards-list .lion-loyalty-panel-claimed-reward-item>* { width: 100% !important; }
}

@media (min-width: 768px) {
  .dynamic-checkout__content>div {
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  #additional-checkout-buttons h5 { text-align: center; }
}
.cc-grower .cc-window.cc-floating { max-width: 100%; border-radius: 0; }


.checkout_method_wrapper {
  margin-top: 1em;
  text-align: right;
}
.checkout_method_wrapper ul {
  list-style-type: none;  
  padding: 0;
}
.checkout_method_wrapper ul li {
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkout_method_wrapper ul li img { max-height: 30px; }
@media screen and (max-width: 767px) {
  .checkout_method_wrapper { text-align: center; }
  .checkout_method_wrapper ul li:first-child { display: block; }
}
@media only screen and (max-width: 480px) {
  .template-collection span.gf-close-canvas {
    top: 25px;
    right: 25px;
    zoom: 0.6;
  }
}
.intercom-lightweight-app-launcher {
  height: 60px !important;
}

.grid__item { float: left; margin-bottom: 1em; }
.large--one-quarter {
	width: 25%;
}
@media (max-width: 860px) {
.medium--one-third {
	width: 33.333%;
}
}
@media (max-width: 480px) {
.small--one-half {
	width: 50%;
}
}
.text-center { text-align: center; }