@charset "UTF-8";
/*
Theme Name: The GEM redesign
Author: Atwell Design
Author URI: http://www.atwelldesign/
Description: Responsive website for The GEM
Version: 2.0

*/
/* CSS Document */
/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* line 12, scss/reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 19, scss/reset.scss */
body {
  line-height: 1;
}

/* line 22, scss/reset.scss */
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
}

/* line 26, scss/reset.scss */
ol {
  list-style: decimal;
  margin-left: 20px;
}

/* line 30, scss/reset.scss */
ul {
  list-style: disc;
}

/* line 33, scss/reset.scss */
blockquote {
  quotes: none;
}

/* line 36, scss/reset.scss */
blockquote:before, blockquote:after {
  content: '';
  content: none;
}

/* line 40, scss/reset.scss */
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/* line 44, scss/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 48, scss/reset.scss */
a img {
  border: none;
}

/* BEGIN */
/* line 41, scss/style.scss */
body {
  background-color: #353536;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  padding-bottom: 50px;
}

/* line 48, scss/style.scss */
a {
  color: #353536;
}

/* line 52, scss/style.scss */
ul {
  list-style: none;
}

/* line 56, scss/style.scss */
.full {
  width: 100%;
}

/* line 60, scss/style.scss */
.two-thirds {
  width: 66%;
}

/* line 64, scss/style.scss */
.half {
  width: 50%;
}

/* line 68, scss/style.scss */
.third {
  width: 33%;
}

/* line 72, scss/style.scss */
.quarter {
  width: 25%;
}

/* line 76, scss/style.scss */
.cube {
  color: white;
  text-decoration: none;
}

/* line 81, scss/style.scss */
.highlight-color {
  color: #c40075;
}

/* line 85, scss/style.scss */
.allcaps {
  text-transform: uppercase;
}

/* HEADER */
/* line 91, scss/style.scss */
.wrapper {
  width: 100%;
}
/* line 93, scss/style.scss */
.wrapper #header {
  width: 975px;
  margin: 0px auto;
  padding: 35px 0;
}
/* line 97, scss/style.scss */
.wrapper #header .logo {
  float: left;
}
/* line 100, scss/style.scss */
.wrapper #header .logo-mobi {
  float: left;
  display: none;
  margin: 0 0 0 30px;
}
/* line 105, scss/style.scss */
.wrapper #header #nav {
  float: right;
  padding-bottom: 8px;
  display: inline-block;
}
/* line 109, scss/style.scss */
.wrapper #header #nav li {
  display: inline-block;
  color: white;
  font-size: .8em;
  float: left;
  text-align: right;
  position: relative;
  z-index: 0;
}
/* line 117, scss/style.scss */
.wrapper #header #nav li a {
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 23px;
}
/* line 123, scss/style.scss */
.wrapper #header #nav li .sub-menu {
  padding: 10px 0;
  background: #353536;
  display: none;
  position: absolute;
  top: 12px;
  z-index: 1;
  width: 250px;
  text-align: left;
}
/* line 132, scss/style.scss */
.wrapper #header #nav li .sub-menu span {
  display: none;
}
/* line 135, scss/style.scss */
.wrapper #header #nav li .sub-menu a {
  line-height: 20px;
}
/* line 141, scss/style.scss */
.wrapper #header #nav li:hover .sub-menu {
  display: block;
}
/* line 145, scss/style.scss */
.wrapper #header #nav li:last-child a {
  padding-right: 0;
}
/* line 148, scss/style.scss */
.wrapper #header #nav li:last-child span {
  display: none;
}
/* line 152, scss/style.scss */
.wrapper #header .tag {
  float: left;
  margin-left: 65px;
  margin-top: 40px;
}
/* line 157, scss/style.scss */
.wrapper #header .tag2 {
  float: left;
  margin-left: 54px;
  margin-top: 40px;
}
/* line 162, scss/style.scss */
.wrapper #header .action {
  float: right;
}
/* line 166, scss/style.scss */
.wrapper #header .order img {
  float: right;
  height: auto;
}
/* line 171, scss/style.scss */
.wrapper #header .nav-trigger {
  float: right;
  width: 48px;
  margin: 0 15px 0 0;
  height: 32px;
  background: url(image/sprite.png) no-repeat 9px 14px;
  display: none;
}
/* line 180, scss/style.scss */
.wrapper .nav-mobi {
  display: none;
}

/* line 185, scss/style.scss */
.hero {
  width: 100%;
}
/* line 187, scss/style.scss */
.hero .flexslider {
  max-width: 1100px;
  margin: 0px auto;
  height: 435px;
}
/* line 192, scss/style.scss */
.hero .flexslider li .flex-direction-nav {
  width: 100%;
  left: 0;
  top: 200px!important;
  position: absolute;
  display: inline-block;
  z-index: 12;
  padding: 0;
}
/* line 200, scss/style.scss */
.hero .flexslider li .flex-direction-nav a {
  /*margin-top: -70% !important;*/
}
/* line 203, scss/style.scss */
.hero .flexslider li .flex-direction-nav a.flex-next {
  right: 15px;
}
/* line 208, scss/style.scss */
.hero .flexslider li img {
  z-index: 1!important;
}
/* line 211, scss/style.scss */
.hero .flexslider li .order {
  float: right;
  width: 165px;
  height: 153px;
  background: url("image/sprite.png") no-repeat 0 -32px;
  position: absolute;
  top: 0;
  right: -4%;
  z-index: 2!important;
}
/* line 221, scss/style.scss */
.hero .flexslider li .order-now {
  position: absolute;
  z-index: 10000000000!important;
  width: 165px;
  height: 153px;
  background-image: url("image/sprite.png");
  background-repeat:no-repeat;
  background-position:0 -32px;
  top: 60%;
  margin-left: 860px;
}

.hero .flexslider li .order-now-flash {
  position: absolute;
  z-index: 10000000000!important;
  width: 165px;
  height: 153px;
  background-image: url("image/sprite-flash.png");
  background-repeat:no-repeat;
  background-position:0 -32px;
  top: 60%;
  margin-left: 860px;
}

/* line 234, scss/style.scss */
#intro {
  width: 1100px;
  margin: 0px auto;
  font-size: 33px;
  text-align: center;
  background: white;
  color: #353536;
  line-height: 47px;
  padding: 25px 0 43px 0;
}
/* line 243, scss/style.scss */
#intro p {
  padding: 0 60px;
}

/* line 248, scss/style.scss */
#blog-intro {
  width: 1100px;
  margin: 0px auto;
  font-size: 32px;
  text-align: center;
  background: #d9f0f2;
  color: #353536;
  line-height: 47px;
  padding: 30px 0 27px 0;
}
/* line 257, scss/style.scss */
#blog-intro h1 {
  font-size: 39px;
  font-weight: 800;
}
/* line 261, scss/style.scss */
#blog-intro p {
  padding: 0 60px;
}
/* line 264, scss/style.scss */
#blog-intro p:nth-child(3) {
  display: none;
}

/* line 269, scss/style.scss */
.blog #content {
  padding-top: 40px!important;
}

/* line 273, scss/style.scss */
#page-content {
  width: 1100px;
  margin: 0px auto;
  background: white;
}
/* line 277, scss/style.scss */
#page-content #content {
  width: 695px;
  padding: 70px 55px 50px 75px;
  float: left;
  font-size: 18px;
}
/* line 282, scss/style.scss */
#page-content #content.page {
  line-height: 22px;
}

#page-content #content.page.full {
  width:87%;
  float:none;
}
/* line 284, scss/style.scss */
#page-content #content.page a {
  color: #009ca6;
}
/* line 287, scss/style.scss */
#page-content #content.page h1 {
  font-size: 38px;
  font-weight: 800;
  margin-bottom: 18px;
  line-height: 42px;
}
/* line 293, scss/style.scss */
#page-content #content.page h2 {
  margin-bottom: 18px;
}
/* line 296, scss/style.scss */
#page-content #content.page p {
  padding-bottom: 18px;
}
/* line 299, scss/style.scss */
#page-content #content.page ul {
  list-style: disc;
  padding-left: 20px;
}
/* line 305, scss/style.scss */
#page-content #content .navigation a {
  color: #009ca6;
}
/* line 308, scss/style.scss */
#page-content #content .navigation .assistive-text {
  display: none!important;
}
/* line 313, scss/style.scss */
#page-content #sidebar {
  width: 275px;
  padding: 0 0 30px 0;
  float: right;
}
/* line 317, scss/style.scss */
#page-content #sidebar .blog-feature-1 {
  display: block;
  clear: both;
}
/* line 320, scss/style.scss */
#page-content #sidebar .blog-feature-1 img {
  display: block;
}
/* line 324, scss/style.scss */
#page-content #sidebar .blog-feature-2 {
  display: block;
  width: 100%;
}
/* line 327, scss/style.scss */
#page-content #sidebar .blog-feature-2 .feature-5 {
  height: 218px;
  background: #f287b7;
  display: block;
}
/* line 331, scss/style.scss */
#page-content #sidebar .blog-feature-2 .feature-5.cube {
  width: 100%;
  padding: 0;
}
/* line 334, scss/style.scss */
#page-content #sidebar .blog-feature-2 .feature-5.cube .container {
  vertical-align: bottom;
  padding: 73px 15px 0 25px;
}
/* line 337, scss/style.scss */
#page-content #sidebar .blog-feature-2 .feature-5.cube .container h2 {
  font-size: 41px;
  line-height: 44px;
  font-weight: 800;
  padding-bottom: 12px;
  padding-right: 20px;
  color: white;
}
/* line 345, scss/style.scss */
#page-content #sidebar .blog-feature-2 .feature-5.cube .container .subscribe {
  display: block;
  text-transform: uppercase;
  font-size: 23px;
  font-weight: 800;
  color: white;
}
/* line 356, scss/style.scss */
#page-content #sidebar .blog-feature-3 {
  display: block;
  clear: both;
  background: #353536;
}
/* line 360, scss/style.scss */
#page-content #sidebar .blog-feature-3 img {
  float: left;
}
/* line 364, scss/style.scss */
#page-content #sidebar .blog-feature-3 p {
  color: white;
  font-size: 15px;
  padding: 8px 0px 0 10px!important;
  line-height: 19px;
  height: 47px;
  width: 203px;
}
/* line 371, scss/style.scss */
#page-content #sidebar .blog-feature-3 p a {
  color: #fff!important;
  font-size: 12px!important;
}
/* line 376, scss/style.scss */
#page-content #sidebar .blog-feature-3 #social-media {
  height: 55px;
  list-style: none;
  text-align: right;
  width: 275px;
  text-align: right;
  float: left;
}
/* line 383, scss/style.scss */
#page-content #sidebar .blog-feature-3 #social-media li {
  float: left;
  vertical-align: top;
}
/* line 386, scss/style.scss */
#page-content #sidebar .blog-feature-3 #social-media li a {
  text-decoration: none;
}
/* line 392, scss/style.scss */
#page-content #sidebar #primary {
  padding-top: 0px;
  list-style: none;
}
/* line 395, scss/style.scss */
#page-content #sidebar #primary .widget-container {
  padding: 0 0 20px 0;
}
/* line 397, scss/style.scss */
#page-content #sidebar #primary .widget-container a {
  color: #009ca6;
  font-size: 13px;
}
/* line 401, scss/style.scss */
#page-content #sidebar #primary .widget-container .widget-title {
  color: #353536;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  padding-bottom: 3px;
}
/* line 409, scss/style.scss */
#page-content #sidebar #primary #text-3 {
  padding-bottom: 0!important;
}
/* line 412, scss/style.scss */
#page-content #sidebar #primary #text-5, #page-content #sidebar #primary #text-4 {
  padding-top: 40px;
}
/* line 414, scss/style.scss */
#page-content #sidebar #primary #text-5 h3, #page-content #sidebar #primary #text-4 h3 {
  color: #009ca6;
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
  padding-bottom: 12px;
}
/* line 421, scss/style.scss */
#page-content #sidebar #primary #text-5 p, #page-content #sidebar #primary #text-4 p {
  font-size: 28px;
  line-height: 37px;
}
/* line 426, scss/style.scss */
#page-content #sidebar #primary #text-4 {
  padding-top: 0!important;
}
/* line 429, scss/style.scss */
#page-content #sidebar #primary #text-6 {
  padding-bottom: 0!important;
}
/* line 431, scss/style.scss */
#page-content #sidebar #primary #text-6 #eitw-3c1de30ea3cf4615a73492a6109ccd61 {
  border: solid 1px #cc0000;
}
/* line 433, scss/style.scss */
#page-content #sidebar #primary #text-6 #eitw-3c1de30ea3cf4615a73492a6109ccd61 .easy-instagram-thumbnail-wrapper {
  display: none!important;
  border: solid 1px #cc000!important;
}
/* line 439, scss/style.scss */
#page-content #sidebar #primary #text-7 {
  padding-bottom: 0!important;
}
/* line 442, scss/style.scss */
#page-content #sidebar #primary .widget-title {
  width: 71%;
}
/* line 445, scss/style.scss */
#page-content #sidebar #primary .widget-container.widget_recent_entries, #page-content #sidebar #primary .widget-container.widget_recent_comments, #page-content #sidebar #primary .widget-container.widget_archive, #page-content #sidebar #primary .widget-container.widget_tag_cloud, #page-content #sidebar #primary .widget-container.widget_meta {
  padding-right: 25px!important;
}
/* line 449, scss/style.scss */
#page-content #sidebar #primary .widget-container.widget_recent_entries {
  padding-top: 20px!important;
}
/* line 454, scss/style.scss */
#page-content #nav-above {
  padding-bottom: 16px;
}
/* line 456, scss/style.scss */
#page-content #nav-above a {
  color: #009ca6;
}
/* line 460, scss/style.scss */
#page-content .post {
  padding-bottom: 36px;
  margin-bottom: 36px;
  font-size: 18px;
  border-bottom: solid 1px #bdbfc1;
}
#page-content .post ul {
  list-style:disc!important;
  padding-left:20px;
}
/* line 465, scss/style.scss */
#page-content .post a {
  text-decoration: underline;
}
/* line 468, scss/style.scss */
#page-content .post .author-thumb {
  float: left;
  margin-right: 26px;
}
/* line 473, scss/style.scss */
#page-content .post h1 {
  width: 605px;
  display: inline-block;
  font-size: 24px;
  margin: 0 0 7px 0;
  padding: 12px 0 0px 0;
  font-weight: 800;
  text-decoration: none;
}
/* line 481, scss/style.scss */
#page-content .post h1 a {
  text-decoration: none;
}
/* line 485, scss/style.scss */
#page-content .post .entry-heading {
  padding: 0 0 22px 0;
  font-size: 12px;
  display: block;
  clear: both;
}
/* line 490, scss/style.scss */
#page-content .post .entry-heading p {
  display: inline-block;
}
/* line 492, scss/style.scss */
#page-content .post .entry-heading p a {
  display: inline-block;
  font-style: normal;
}
/* line 499, scss/style.scss */
#page-content .post .entry_author_image {
  float: left;
  width: 83px;
}
/* line 502, scss/style.scss */
#page-content .post .entry_author_image img {
  width: 61px;
  height: 60px;
}
/* line 508, scss/style.scss */
#page-content .post .entry-content {
  line-height: 25px;
}
/* line 510, scss/style.scss */
#page-content .post .entry-content p {
  padding-bottom: 14px;
}
/* line 513, scss/style.scss */
#page-content .post .entry-content h2 {
  padding-bottom: 4px;
  text-transform: uppercase;
  font-size: 15px;
}
/* line 518, scss/style.scss */
#page-content .post .entry-content img {
  margin-bottom: 7px;
  width:auto;
  height:auto;
}
/* line 522, scss/style.scss */
#page-content .post ul, #page-content .post ol {
  padding-left: 20px;
}
/* line 525, scss/style.scss */
#page-content .post .entry-utility {
  font-size: 14px;
}
/* line 528, scss/style.scss */
#page-content .post #comments {
  padding-bottom: 6px;
}
/* line 530, scss/style.scss */
#page-content .post #comments #comments-title {
  text-transform: uppercase;
  color: #58585a;
  padding: 14px 0 12px 0;
  font-family: "FuturaBold", Helvetica, Arial, sans-serif;
}
/* line 537, scss/style.scss */
#page-content .post #comments .comment-author {
  height: 60px;
}
/* line 539, scss/style.scss */
#page-content .post #comments .comment-author img {
  float: left;
  margin-right: 12px;
}
/* line 543, scss/style.scss */
#page-content .post #comments .comment-author cite {
  display: inline-block;
  padding-top: 10px;
}
/* line 547, scss/style.scss */
#page-content .post #comments .comment-author span {
  display: inline-block;
  padding-top: 10px;
}
/* line 552, scss/style.scss */
#page-content .post #comments .reply {
  padding: 8px 0 16px 0;
}

/* line 559, scss/style.scss */
#page-intro {
  width: 1100px;
  margin: 0px auto;
  font-size: 19px;
  text-align: center;
  background: white;
  color: #353536;
  line-height: 30px;
  padding-top: 70px;
}
/* line 568, scss/style.scss */
#page-intro h1 {
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
  padding: 0 2%;
}
/* line 573, scss/style.scss */
#page-intro h1 strong {
  font-weight: 800;
  font-size: 29px;
}
/* line 578, scss/style.scss */
#page-intro h2 {
  font-size: 40px;
  padding-bottom: 48px;
  line-height: 46px;
}
/* line 584, scss/style.scss */
#page-intro h3 {
  font-size: 31px;
  padding-bottom: 38px;
  line-height: 46px;
}
/* line 589, scss/style.scss */
#page-intro .divider {
  height: 1px;
  background-color: #bdbfc1;
  display: block;
  clear: both;
  margin: 19px 0 15px 0;
}
/* line 596, scss/style.scss */
#page-intro p {
  padding: 0 135px 35px 135px;
}
/* line 599, scss/style.scss */
#page-intro .flexslider {
  padding: 0!important;
  margin-top: 26px;
}
/* line 602, scss/style.scss */
#page-intro .flexslider .flex-direction-nav {
  width: 100%;
  left: 0;
  top: 200px!important;
  position: absolute;
  display: inline-block;
  z-index: 12;
  padding: 0;
}
/* line 610, scss/style.scss */
#page-intro .flexslider .flex-direction-nav a {
  /*margin-top: -70% !important;*/
}
/* line 613, scss/style.scss */
#page-intro .flexslider .flex-direction-nav a.flex-next {
  right: 15px;
}
/* line 619, scss/style.scss */
#page-intro .flexslider li {
  position: relative;
  font-size: 20px;
  line-height: 25px;
}
/* line 623, scss/style.scss */
#page-intro .flexslider li .flex-caption {
  padding-bottom: 27px;
  padding-top: 18px;
  min-height: 560px;
  padding: 17px 28px 27px 28px;
}
/* line 629, scss/style.scss */
#page-intro .flexslider li img {
  height: auto;
  position: relative;
  z-index: 0!important;
}
/* line 634, scss/style.scss */
#page-intro .flexslider li h2 {
  font-size: 27px;
  text-align: left;
  padding: 0 0 2px 0;
  font-weight: 800!important;
  line-height: 30px;
}
/* line 641, scss/style.scss */
#page-intro .flexslider li p {
  text-align: left;
  padding: 0 0 23px 0;
}
/* line 645, scss/style.scss */
#page-intro .flexslider li.cleanse-style-bg1 {
  background-color: #9fb8e0;
}
/* line 648, scss/style.scss */
#page-intro .flexslider li.cleanse-style-bg2 {
  background: #f287b7;
}
/* line 651, scss/style.scss */
#page-intro .flexslider li.cleanse-style-bg3 {
  background: #fdb813;
}
/* line 654, scss/style.scss */
#page-intro .flexslider li .juice-style-bg1 {
  background: #00bebe;
}
/* line 657, scss/style.scss */
#page-intro .flexslider li .juice-style-bg2 {
  background: #ffc5df;
}
/* line 660, scss/style.scss */
#page-intro .flexslider li .juice-style-bg3 {
  background: #ff6400;
}
/* line 663, scss/style.scss */
#page-intro .flexslider li .juice-style-bg4 {
  background: #ffbb00;
}
/* line 667, scss/style.scss */
#page-intro .flexslider li .order {
  text-decoration: none;
  line-height: 56px;
  text-align: left;
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  display: block;
  padding-left: 28px;
  font-size: 21px;
  background: url(image/sprite.png) no-repeat -68px 21px #353536;
}
/* line 680, scss/style.scss */
#page-intro .flexslider li .read-more {
  background: url("image/sprite.png") no-repeat right -232px;
  padding-left: 10px;
  width: 113px;
  text-align: left;
  margin-left: 20px;
  margin-top: 2px!important;
}

/* line 692, scss/style.scss */
#product-details {
  width: 1100px;
  margin: 0px auto;
  font-size: 25px;
  line-height: 34px;
}
/* line 697, scss/style.scss */
#product-details .product-info {
  background-color: #00abb5;
  float: left;
  width: 677px;
  padding: 21px 28px 14px 28px;
  min-height:600px;
  height:auto;
}
/* line 707, scss/style.scss */
#product-details .product-feature {
  background-color: #c40075;
  float: left;
  width: 311px;
  height:auto;
  /*min-height:600px;*/
  padding:21px 28px 14px 28px;
}
/* line 713, scss/style.scss */
#product-details .product-feature a {
  display: block;
  color: white;
  text-decoration: none;
}
#product-details .product-feature p {
  margin:0;
  padding:0;
}
/* line 718, scss/style.scss */
#product-details .product-feature a .heading {
  font-size: 36px;
  line-height: 38px;
  font-weight: 800;
  display: block;
  padding: 0px;
  margin-top:60%;
}

/* line 730, scss/style.scss */
#features {
  width: 1100px;
  margin: 0px auto;
  list-style: none;
}
/* line 734, scss/style.scss */
#features li {
  float: left;
  min-height: auto;
  text-align: bottom;
}
/* line 738, scss/style.scss */
#features li a {
  color: white;
  text-decoration: none;
  padding-top: 166px!important;
  display: block;
}
/* line 744, scss/style.scss */
#features li h2 {
  padding: 0 22px 0 25px;
  font-size: 2.3em;
  font-weight: 800;
  padding-bottom: 9px;
}
/* line 750, scss/style.scss */
#features li p {
  padding: 0 22px 19px 25px;
  font-size: 1.5em;
  line-height: 28px;
}
/* line 755, scss/style.scss */
#features li.feature-1 {
  background: #22b24c;
}
/* line 758, scss/style.scss */
#features li.feature-2 {
  background: #f36f21;
}
/* line 761, scss/style.scss */
#features li.feature-3 {
  background: #009ca6;
}
/* line 764, scss/style.scss */
#features li.feature-4 {
  background: #c40075;
}

/* line 770, scss/style.scss */
#home-content {
  width: 1100px;
  margin: 0px auto;
}
/* line 774, scss/style.scss */
#home-content .col#home-col1 {
  float: left;
}

#home-col1 .share-this-icons, #home-col1 .no-break {
  display:none;
}
/* line 776, scss/style.scss */
#home-content .col#home-col1 .post {
  background: #e8ecee;
  width: 100%;
  display: block;
}
/* line 780, scss/style.scss */
#home-content .col#home-col1 .post.alt {
  background-color: white;
}
/* line 783, scss/style.scss */
#home-content .col#home-col1 .post img {
  width: 50%;
  height: auto;
  float: left;
}
/* line 788, scss/style.scss */
#home-content .col#home-col1 .post .detail-container {
  float: left;
}
/* line 790, scss/style.scss */
#home-content .col#home-col1 .post .detail-container .detail {
  padding: 22px 15px 25px 25px;
  color: #353536;
  font-size: 15px;
  line-height: 20px;
}
/* line 795, scss/style.scss */
#home-content .col#home-col1 .post .detail-container .detail h3 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 800;
}
/* line 800, scss/style.scss */
#home-content .col#home-col1 .post .detail-container .detail .post-meta {
  font-size: 11px;
  color: #a4b2bb;
  line-height: 14px;
  padding-bottom: 16px;
}
/* line 810, scss/style.scss */
#home-content .col.home-col2 {
  float: right;
}
/* line 811, scss/style.scss */
#home-content .col.home-col2 ul {
  list-style: none!important;
}
/* line 815, scss/style.scss */
#home-content .col.home-col2 .home-main-text {
  width: 100%;
  display: block;
  background-color: #d9f0f2;
  color: #353536;
  height: 550px;
  font-size: 23px;
  line-height: 28px;
}
/* line 823, scss/style.scss */
#home-content .col.home-col2 .home-main-text h2 {
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
  padding-bottom:4px;
}
#home-content .col.home-col2 .home-main-text ul {
  padding-left:20px;
  padding-bottom:18px;
}
#home-content .col.home-col2 .home-main-text ul li {
	list-style-type: disc;
	margin-left:1px;
}
/* line 828, scss/style.scss */
#home-content .col.home-col2 .home-main-text .text {
  padding: 46px 60px 50px 53px;
}
/* line 830, scss/style.scss */
#home-content .col.home-col2 .home-main-text .text p {
  padding-bottom: 15px;
}
/* line 835, scss/style.scss */
#home-content .col.home-col2 .home-main-text .text p:last-child a {
  width: 104px;
  color: white;
  text-transform: uppercase;
  padding-left: 10px;
  background: url("image/sprite.png") no-repeat right -200px;
  margin-top: 14px;
  line-height: 27px;
  font-weight: 800;
  display: block;
  font-size: 14px;
  text-decoration: none;
}
/* line 849, scss/style.scss */
#home-content .col.home-col2 .social-media-container {
  height: 65px;
  background-color: white;
  padding: 0 16px 0 25px!important;
}
/* line 853, scss/style.scss */
#home-content .col.home-col2 .social-media-container h4 {
  color: #353536;
  font-size: 22px;
  padding-top: 2px;
  font-weight: 800;
  text-transform: uppercase;
  width: 40%;
  float: left;
  line-height: 60px;
}
/* line 865, scss/style.scss */
#home-content .col.home-col2 .home-feature-1 {
  position:relative;
  height:auto;
}

#home-content .col.home-col2 .home-feature-1 .textwidget {
	position:relative;
	height:auto;
	z-index:1;
}
#home-content .col.home-col2 .home-feature-1 img {
  display: block;
  width: 100%!important;
  height: auto;
}

#home-content .col.home-col2 .home-feature-1 .instagram {
  position:absolute;
  bottom:0;
  right:0;
  z-index:2;
}

/* line 871, scss/style.scss */
#home-content .col.home-col2 .home-feature-1 p {
  color: white;
  font-size: 13px;
  padding: 6px 16px 0 24px;
  line-height: 19px;
}
/* line 879, scss/style.scss */
#home-content .col.home-col2 .home-feature-2 .feature-5 {
  height: 220px;
  background: #f287b7;
  display: inline-block;
}
/* line 883, scss/style.scss */
#home-content .col.home-col2 .home-feature-2 .feature-5.cube {
  width: 100%;
  padding: 0;
}
/* line 886, scss/style.scss */
#home-content .col.home-col2 .home-feature-2 .feature-5.cube .container {
  vertical-align: bottom;
  padding: 73px 15px 0 25px;
}
/* line 889, scss/style.scss */
#home-content .col.home-col2 .home-feature-2 .feature-5.cube .container h2 {
  font-size: 41px;
  line-height: 44px;
  font-weight: 800;
  padding-bottom: 12px;
}
/* line 895, scss/style.scss */
#home-content .col.home-col2 .home-feature-2 .feature-5.cube .container .subscribe {
  display: block;
  text-transform: uppercase;
  font-size: 23px;
  font-weight: 800;
}
/* line 906, scss/style.scss */
#home-content .col.home-col2 .home-feature-3 img {
  float: left;
}
/* line 909, scss/style.scss */
#home-content .col.home-col2 .home-feature-3 p {
  color: white;
  font-size: 16px;
  padding: 6px 12px 0 10px;
  line-height: 19px;
  height: 49px;
  width: 198px;
}
/* line 916, scss/style.scss */
#home-content .col.home-col2 .home-feature-3 p a {
  color: #fff!important;
  font-size: 16px;
}
/* line 921, scss/style.scss */
#home-content .col.home-col2 .home-feature-3 #social-media {
  height: 55px;
  list-style: none;
  text-align: right;
  width: 275px;
  text-align: right;
  float: left;
}
/* line 928, scss/style.scss */
#home-content .col.home-col2 .home-feature-3 #social-media li {
  float: left;
  vertical-align: top;
}
/* line 931, scss/style.scss */
#home-content .col.home-col2 .home-feature-3 #social-media li a {
  text-decoration: none;
}

/* HOME SLIDER */
#home-slider {
	position:relative;
	margin:0px auto;
	max-width:1100px;
}
	
#home-slider .item {
	padding: 0 0 0 0px;
	margin: 0px;
	position:relative;
}

#home-slider img {
	position:relative;
	display:block;
	z-index:1;
}

#home-slider .order-now {
	position:absolute;
	z-index:11;
	display:block;
	width:180px;
	height:160px;
	margin:0px 80%;
	top:50%;
	/*background:url(http://www.insidethegem.com/wp-content/themes/thegemredesign/image/sprite.png) no-repeat 0 -32px;*/
	background-image: url("image/sprite.png");
	background-repeat:no-repeat;
	background-position:0 -32px;
}

#home-slider .order-now-flash {
	position:absolute;
	z-index:11;
	display:block;
	width:180px;
	height:160px;
	margin:0px 80%;
	top:50%;
	background-image: url("image/sprite-flash.png");
	background-repeat:no-repeat;
	background-position:0 -32px;
}

#home-slider img {
	width:100%;
	height:auto;
}

#home-slider .owl-buttons {
	position:absolute;
	width:100%;
	top:40%;
	z-index:10;
}

#home-slider .owl-next, #home-slider .owl-prev {
	width:40px;
	height:40px;
	background:url(http://www.insidethegem.com/wp-content/themes/thegemredesign/image/sprite.png) no-repeat 10px -417px;
}

#home-slider .owl-next {
	float:right;
	background-position:-107px -417px;
}

#home-slider .owl-prev {
	float:left;
}

/* CLEANSE/JUICE SLIDERS */
#cleanse-slider, #juice-slider {
	position:relative;
}

#cleanse-slider .item, #juice-slider .item {
	background: #42bdc2;
	padding: 0 0 0 0px;
	margin: 0px;
	color: #353536;
	font-size: 20px;
	line-height: 25px;
}

#cleanse-slider h2, #juice-slider h2 {
	font-size: 27px;
	text-align: left;
	padding: 0 0 2px 0;
	font-weight: 800!important;
	line-height: 30px;
}

#cleanse-slider .order {	
	text-decoration: none;
	line-height: 56px;
	text-align: left;
	color: white;
	text-transform: uppercase;
	font-weight: 800;
	display: block;
	padding-left: 28px;
	font-size: 21px;
	background: url(image/sprite.png) no-repeat -68px 21px #353536;	
}

#cleanse-slider .item a, #cleanse-slider .item img, #juice-slider .item a, #juice-slider .item img {
	display:block;
}
#cleanse-slider .caption, #juice-slider .caption {
	display:inline-block;
	clear:both;
	min-height: 700px;
	padding: 17px 28px 27px 28px;
	text-align:left;
}

#juice-slider .caption {
	min-height: 600px;
}

#cleanse-slider .caption p, #juice-slider .caption p {
	padding: 0 0 23px 0;
}

#cleanse-slider .item img, #juice-slider .item img {
	width:100%;
	height:auto;
}

#cleanse-slider .item-1 .caption {
	background-color: rgb(159, 184, 224);
}

#cleanse-slider .item-2 .caption {
	background-color: rgb(242, 135, 183);
}

#cleanse-slider .item-3 .caption {
	background-color: rgb(253, 184, 19);
}

#cleanse-slider .item-4 .caption {
	background-color: rgb(112, 203, 210);
}

#cleanse-slider .item-5 .caption {
	background-color: rgb(243, 111, 33);
}

#cleanse-slider .owl-buttons, #juice-slider .owl-buttons {
	position:absolute;
	width:100%;
	top:20%;
	z-index:10;
}

#cleanse-slider .owl-next, #cleanse-slider .owl-prev, #juice-slider .owl-next, #juice-slider .owl-prev {
	width:40px;
	height:40px;
	background:url(http://www.insidethegem.com/wp-content/themes/thegemredesign/image/sprite.png) no-repeat 10px -417px;
}

#cleanse-slider .owl-next, #juice-slider .owl-next {
	float:right;
	background-position:-107px -417px;
}

#cleanse-slider .owl-prev, #juice-slider .owl-prev {
	float:left;
}


/* GEM MENU */
/* line 942, scss/style.scss */
h1.alt {
  color: #22b24c;
}

/* line 945, scss/style.scss */
.menu-table {
  width: 45%;
  margin-top: 20px;
  line-height: 20px;
  font-size: 15px;
}
/* line 950, scss/style.scss */
.menu-table .heading-1 {
  color: #d50072;
  font-weight: 800;
  font-size: 30px;
  padding-bottom: 14px;
  line-height: 44px;
  text-transform: uppercase;
}
/* line 958, scss/style.scss */
.menu-table .heading-2 {
  color: #ff6700;
  font-weight: 800;
  font-size: 30px;
  padding-bottom: 14px;
  text-transform: uppercase;
  line-height: 44px;
}
/* line 967, scss/style.scss */
.menu-table .heading-3 {
  color: #00a0a8;
  font-weight: 800;
  font-size: 30px;
  padding-bottom: 0px;
  text-transform: uppercase;
  line-height: 36px;
  padding: 0;
}
/* line 977, scss/style.scss */
.menu-table .heading-4 {
  color: #00ba4b;
  font-weight: 800;
  font-size: 30px;
  padding-bottom: 14px;
  text-transform: uppercase;
  line-height: 38px;
  padding-bottom: 3px;
}
/* line 987, scss/style.scss */
.menu-table .br {
  line-height: 14px;
  font-size: 10px!important;
}
/* line 991, scss/style.scss */
.menu-table .item {
  font-weight: 800;
}
/* line 994, scss/style.scss */
.menu-table .price {
  font-weight: 800;
}
/* line 997, scss/style.scss */
.menu-table .item, .menu-table .price {
  text-transform: uppercase;
  padding: 16px 0 2px 0!important;
  display: block;
}
/* line 1002, scss/style.scss */
.menu-table#tblMenu1 {
  float: left;
  margin-top: 0;
}
/* line 1007, scss/style.scss */
.menu-table#tblMenu2 {
  float: right;
  margin-top: 0;
}
/* line 1011, scss/style.scss */
.menu-table#tblMenu3 {
  float: left;
  clear: left;
}
/* line 1016, scss/style.scss */
.menu-table#tblMenu4 {
  float: right;
}
/* line 1019, scss/style.scss */
.menu-table#tblMenu5 {
  display: block;
  clear: both;
  width: 60%;
  margin-top: 40px;
}

/* line 1027, scss/style.scss */
.read-more {
  width: 104px;
  color: white;
  text-transform: uppercase;
  padding-left: 10px;
  background: url("image/sprite.png") no-repeat right -200px;
  margin-top: 14px;
  line-height: 27px;
  font-weight: 800;
  display: block;
  font-size: 14px;
  text-decoration: none;
}

.wp-image-1542 {
	margin-bottom:160px!important;
}

/* MALCHIMP EMBED SIGNUP FORM */
/* line 1041, scss/style.scss */
#mc_embed_signup h2 {
  color: #22b24c;
  font-weight: 800;
  font-size: 33px;
  padding-bottom: 14px;
  line-height: 40px;
  font-family: "WebfontRegular", Arial, Helvetica, Arial, sans-serif;
}

/* line 1050, scss/style.scss */
#mc_embed_signup .mc-field-group {
  padding-bottom: 16px;
  width: auto;
}

/* line 1055, scss/style.scss */
#mc_embed_signup label {
  float: left;
  width: 160px;
}

/* line 1060, scss/style.scss */
#mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"] {
  float: left;
  border: solid 1px #aeb0b2;
  height: 18px;
  padding: 2px 10px;
  width: 160px;
}

/* line 1068, scss/style.scss */
#mc_embed_signup .indicates-required {
  padding-bottom: 12px;
  color: #c40075;
}

/* line 1073, scss/style.scss */
#mc_embed_signup span {
  float: left;
}

/* line 1077, scss/style.scss */
#mc_embed_signup {
  list-style: none;
}

/* line 1081, scss/style.scss */
#mc_embed_signup li {
  display: block;
  padding: 0 0 14px 0;
  clear: both;
}

/* line 1087, scss/style.scss */
#mc_embed_signup input {
  width: auto;
  float: left;
}

/* line 1092, scss/style.scss */
#mc_embed_signup ul label {
  width: 400px;
  float: left;
  padding-left: 16px;
}

/* line 1098, scss/style.scss */
#mc_embed_signup .size1of2 input[type="text"] {
  margin-top: 2px;
  width: 30px;
}

/* line 1103, scss/style.scss */
#mc_embed_signup input[type="checkbox"] {
  margin-top: 6px;
}

/* line 1107, scss/style.scss */
#mc_embed_signup input[type="submit"] {
  background: #22b24c;
  border: 0;
  color: #fff;
  padding: 4px 18px;
  font-size: 14px;
}

/* line 1115, scss/style.scss */
#footer {
  width: 1100px;
  margin: 0px auto;
  display: block;
  clear: both;
  list-style: none!important;
}
/* line 1121, scss/style.scss */
#footer li {
  font-size: 15px;
  width: 25%;
  color: white;
  padding: 21px 0 21px 0;
  float: left;
  line-height: 21px;
  min-height: 150px;
}
/* line 1130, scss/style.scss */
#footer li h4 {
  padding-left: 25px;
  font-weight: 800;
}
/* line 1134, scss/style.scss */
#footer li p {
  padding-left: 25px;
}
/* line 1137, scss/style.scss */
#footer li a {
  color: white;
  text-decoration: none;
}
/* line 1140, scss/style.scss */
#footer li a.indent {
  padding-left: 17px;
}

/* line 1147, scss/style.scss */
#footer-social-media {
  width: 1100px;
  margin: 0px auto;
}
/* line 1150, scss/style.scss */
#footer-social-media #social-media {
  text-align: right;
  width: 100%;
}
/* line 1153, scss/style.scss */
#footer-social-media #social-media li {
  text-align: right;
}
/* line 1155, scss/style.scss */
#footer-social-media #social-media li img {
  float: right;
}

#home-col1 .st_social_media {
  display:none;
}

/*
.st_facebook {
	display:inline-block;
}
.stButton .facebook {
	background:url('http://www.insidethegem.com/wp-content/themes/thegemredesign/image/icon-facebook.png')!important;
	width:35px!important;
	height:60px!important;
	border:solid 1px #f2f2f2;
	display:block;
}

.stButton .twitter {
	background:url('http://www.insidethegem.com/wp-content/themes/thegemredesign/image/icon-twitter.png')!important;
	width:35px!important;
	height:60px!important;
	border:solid 1px #f2f2f2;
	display:block;
}

.stButton .pinterest {
	background:url('http://www.insidethegem.com/wp-content/themes/thegemredesign/image/icon-pinterest.png')!important;
	width:35px!important;
	height:60px!important;
	border:solid 1px #f2f2f2;
	display:block;
}

*/

.st_plusone_large div a   {
	background:none!important;
	/*text-indent:-2000px;*/
}

.addthis_button_google_plusone {
	background-image:url(images/sprite.png)!important;
	background-position:-128px 0!important;
	background-repeat:no-repeat!important;
	background-color::#cecece;
}


.addthis_button_google_plusone iframe {
	width:24px!important;
	opacity:0!important;
	filter:alpha(opacity=0)!important;
	background:none!important;
	zoom:1!important;
}

#plusone, #___plusone_0, #plusone .dIa, #plusone #button,#plusone  #widget_bounds  {
	height:24px!important;
	
}

/* MASONRY */
.grid-masonry {
  width:100%;
}
.grid-sizer,
.grid-item {
  width: 28.6%;
}

@media screen and (max-width: 30em) {
.grid-sizer,
.grid-item {
  width: 100%;
}
}

.grid-item {
	margin-bottom:30px;
}

.grid-item-wrapper {
	padding:0 16px;
}

.grid-item .author-name {
	font-size:17px;
	font-weight:800;
	text-transform:uppercase;
}

.grid-item .subheading {
	font-size:17px;
	padding-bottom:12px;
	display:block;
}

.grid-item a {
	font-weight:800;
	color:#fff!important;
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
}

.grid-item.bg1  {
  background-color:#e16734;
}
.grid-item.bg2  {
  background-color:#20b0ad;
}
.grid-item.bg3  {
  background-color:#f3c8d5;
}
.grid-item {
  float: left;
}
.grid-item p {
	color:#333333;
}

.grid-item img {
  display: block;
  max-width: 100%;
  width:100%;
  height:auto;
  margin-bottom:14px;
}

.grid-item--width2 { width: 100%; }
.transformation-wrapper {
	width:80%;
	margin:0px auto;
	position:relative;
	padding-bottom:12px;
}
.transformation-wrapper .transformation-photo {
	width:100%;
	display:block;
	margin:0px auto;
}

@media screen and (max-width: 1100px) {
  /* line 1163, scss/style.scss */
  .wrapper {
    width: 100%;
  }
  /* line 1165, scss/style.scss */
  .wrapper #header {
    width: auto!important;
    padding: 35px 30px!important;
  }
  /* line 1168, scss/style.scss */
  .wrapper #header .logo {
    width: 15%;
    height: auto;
  }
  /* line 1172, scss/style.scss */
  .wrapper #header .tag, .wrapper #header .tag2 {
    width: 66%;
    height: auto;
  }
  /* line 1177, scss/style.scss */
  .wrapper #header .order img {
    width: 11%!important;
    height: auto;
  }
  /* line 1184, scss/style.scss */
  .wrapper #header #nav li a {
    padding: 0 20px;
  }

  /* line 1191, scss/style.scss */
  #features {
    width: 100%;
  }
  /* line 1193, scss/style.scss */
  #features li {
    height: 203px!important;
  }
  /* line 1195, scss/style.scss */
  #features li a {
    padding-top: 76px!important;
  }
  /* line 1199, scss/style.scss */
  #features h2 {
    margin-top: 0px!important;
    font-size: 1.6em!important;
  }
  /* line 1203, scss/style.scss */
  #features p {
    font-size: 1.05em!important;
  }

  /* line 1207, scss/style.scss */
  .hero {
    width: 100%;
  }
  /* line 1209, scss/style.scss */
  .hero .flexslider {
    height: 365px;
  }
  /* line 1211, scss/style.scss */
  .hero .flexslider .order-now {
    width: auto;
    height: auto;
    margin-left: 700px!important;
  }

  .hero .flexslider .order-now-flash {
    width: auto;
    height: auto;
    margin-left: 700px!important;
  }

  /* line 1218, scss/style.scss */
  #intro, #page-intro {
    width: 100%;
  }

  /* line 1233, scss/style.scss */
  #home-content {
    width: 100%;
  }
  /* line 1237, scss/style.scss */
  #home-content .col.home-col2 .home-main-text {
    height: auto;
  }
  /* line 1240, scss/style.scss */
  #home-content .col.home-col2 .social-media-container {
    height: auto;
  }
  /* line 1242, scss/style.scss */
  #home-content .col.home-col2 .social-media-container h4 {
    display: block;
    float: none;
    width: 100%;
    line-height: 50px;
  }
  /* line 1248, scss/style.scss */
  #home-content .col.home-col2 .social-media-container #social-media {
    display: block;
    float: none;
    width: 100%;
    text-align: left;
  }
  /* line 1253, scss/style.scss */
  #home-content .col.home-col2 .social-media-container #social-media li {
    padding-top: 0;
  }
  /* line 1259, scss/style.scss */
  #home-content .col.home-col2 .home-feature-1 img {
    width: 100%;
  }

  /* line 1266, scss/style.scss */
  #product-details {
    width: 100%;
  }
  /* line 1268, scss/style.scss */
  #product-details .product-info {
    width: 61%;
    padding: 3%;
  }
  /* line 1273, scss/style.scss */
  #product-details .product-feature {
    width: 27%;
    color: white;
    padding: 200px 3% 3% 3%;
  }

  /* line 1280, scss/style.scss */
  #blog-intro {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }

  /* line 1285, scss/style.scss */
  #page-content {
    width: 100%;
  }
  /* line 1287, scss/style.scss */
  #page-content #content {
    width: 62%;
    padding: 70px 5% 50px 5%!important;
  }
  /* line 1291, scss/style.scss */
  #page-content #content .post h1 {
    width: 70%;
  }
  /* line 1296, scss/style.scss */
  #page-content #sidebar {
    width: 28%;
    padding: 0 0 30px 0;
  }
  /* line 1300, scss/style.scss */
  #page-content #sidebar .blog-feature-1 img {
    width: 100%!important;
    height: auto!important;
  }
  /* line 1306, scss/style.scss */
  #page-content #sidebar .blog-feature-3 #social-media {
    width: 100%!important;
    height: auto!important;
  }
  /* line 1309, scss/style.scss */
  #page-content #sidebar .blog-feature-3 #social-media li {
    width: 20%;
  }
  /* line 1311, scss/style.scss */
  #page-content #sidebar .blog-feature-3 #social-media li img {
    width: 100%;
    height: auto;
  }

  .wp-image-1542 {
	margin-bottom:20px!important;
	display:block!important;
	clear:both!important;
	float:none!important;
  }

  /* line 1321, scss/style.scss */
  #footer-social-media {
    width: 100%;
    text-align: center;
  }

  /* line 1325, scss/style.scss */
  #footer {
    width: 100%;
  }
}
@media screen and (max-width: 920px) {
  /* line 1331, scss/style.scss */
  .wrapper {
    width: 100%;
    position: relative;
  }
  /* line 1334, scss/style.scss */
  .wrapper #header {
    padding: 15px 0!important;
    position: relative;
    width: auto;
    z-index: 1;
  }
  /* line 1339, scss/style.scss */
  .wrapper #header .logo, .wrapper #header .tag, .wrapper #header .tag2, .wrapper #header .action {
    display: none;
  }
  /* line 1343, scss/style.scss */
  .wrapper #header .order img {
    width: auto!important;
    height: auto;
  }
  /* line 1348, scss/style.scss */
  .wrapper #header .logo-mobi, .wrapper #header .nav-trigger {
    display: block;
  }
  /* line 1351, scss/style.scss */
  .wrapper #header #nav {
    position: absolute;
    height: auto;
    padding: 21px 0 23px 0;
    z-index: 100!important;
    top: 70px;
    width: 100%;
    background-image: url(image/bg-nav-mobi.png);
    display: none;
  }
  /* line 1360, scss/style.scss */
  .wrapper #header #nav li {
    display: block;
    width: 100%;
    clear: both;
    float: none;
    text-align: left;
  }
  /* line 1366, scss/style.scss */
  .wrapper #header #nav li a {
    display: block;
    line-height: 29px;
  }
  /* line 1370, scss/style.scss */
  .wrapper #header #nav li .sub-menu {
    display: block;
    clear: both;
    position: relative;
    top: 0;
    padding-left: 20px;
    background: none!important;
  }
  /* line 1379, scss/style.scss */
  .wrapper #header #nav li span {
    display: none;
  }

  /* line 1387, scss/style.scss */
  .hero {
    position: relative;
  }
  /* line 1389, scss/style.scss */
  .hero .flexslider {
    margin: 0px auto;
    position: relative;
    z-index: 0!important;
    height: auto!important;
  }
  /* line 1394, scss/style.scss */
  .hero .flexslider .order-now {
    top: 40%!important;
    margin-left: 460px!important;
  }

  .hero .flexslider .order-now-flash {
    top: 40%!important;
    margin-left: 460px!important;
  }

  /* line 1400, scss/style.scss */
  #features {
    width: 100%;
  }
  /* line 1402, scss/style.scss */
  #features li {
    min-height: 175px!important;
    padding-bottom: 2%;
  }
  /* line 1405, scss/style.scss */
  #features li a {
    padding-top: 54%px!important;
  }
  /* line 1409, scss/style.scss */
  #features h2 {
    margin-top: 0!important;
    font-size: 1.55em;
    padding: 0 10px 0 18px!important;
  }
  /* line 1414, scss/style.scss */
  #features p {
    font-size: .95em!important;
    padding: 0 4px 0 18px!important;
    height: 80px;
  }

  /* line 1420, scss/style.scss */
  #intro {
    font-size: 20px;
    line-height: 33px;
    padding: 30px 0 47px 0;
  }

  /* line 1426, scss/style.scss */
  #page-intro p {
    padding: 0 8% 30px 8%!important;
  }
  /* line 1430, scss/style.scss */
  #page-intro .flexslider p {
    padding: 0 0 26px 0!important;
  }
  /* line 1441, scss/style.scss */
  #page-intro .flexslider li .flex-caption {
    min-height: 630px!important;
  }

  /* line 1450, scss/style.scss */
  #home-content .col#home-col1 {
    width: 100%;
  }
  /* line 1453, scss/style.scss */
  #home-content .col#home-col1 .post img {
    width: 50%;
    height: 50%;
  }
  /* line 1457, scss/style.scss */
  #home-content .col#home-col1 .post .detail-container {
    width: 50%;
  }
  /* line 1459, scss/style.scss */
  #home-content .col#home-col1 .post .detail-container .detail {
    font-size: 19px;
    line-height: 25px;
  }
  /* line 1462, scss/style.scss */
  #home-content .col#home-col1 .post .detail-container .detail h3 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 19px;
  }
  /* line 1467, scss/style.scss */
  #home-content .col#home-col1 .post .detail-container .detail .post-meta {
    font-size: 14px;
    line-height: 18px;
  }
  /* line 1476, scss/style.scss */
  #home-content .col.home-col2 {
    width: 100%;
  }
  /* line 1479, scss/style.scss */
  #home-content .col.home-col2 .home-feature-1 img {
    width: 100%;
    height: 100%;
  }
  /* line 1485, scss/style.scss */
  #home-content .col.home-col2 .home-feature-2 .feature-5 {
    height: 300px;
  }
  /* line 1488, scss/style.scss */
  #home-content .col.home-col2 .home-feature-2 .feature-5.cube .container {
    padding: 146px 15px 0 25px;
  }
  /* line 1494, scss/style.scss */
  #home-content .col.home-col2 .home-feature-3 {
    padding: 0 0;
  }
  /* line 1496, scss/style.scss */
  #home-content .col.home-col2 .home-feature-3 #social-media {
    float: left;
  }
  
  /* HOME SLIDER */
  
  #home-slider .order-now {
	width:110px;
	height:100px;
	margin:0px 60%;
	top:55%;
	background-image:url(http://www.insidethegem.com/wp-content/themes/thegemredesign/image/sprite.png);
	background-repeat:no-repeat;
	background-position:0 -282px;
  }	

#home-slider .order-now-flash {
	width:110px;
	height:100px;
	margin:0px 60%;
	top:55%;
	background-image:url(http://www.insidethegem.com/wp-content/themes/thegemredesign/image/sprite-flash.png);
	background-repeat:no-repeat;
	background-position:0 -282px;
  }	
  
  /* JUICE AND HOME SLIDERS */
  	#cleanse-slider .caption {
		min-height: 840px;
	}
	
	#juice-slider .caption {
		min-height: 840px;
	}
  

  /* line 1504, scss/style.scss */
  #product-details .product-info {
    width: 96%;
    padding: 2%;
    display: block;
    height: auto;
  }
  /* line 1511, scss/style.scss */
  #product-details .product-feature {
    width: 96%;
    height: auto;
    display: block;
    padding: 2%;
  }

  /* line 1520, scss/style.scss */
  #page-content #content {
    display: block;
    clear: both;
    width: 90%;
    padding: 70px 5% 50px 5%!important;
  }
  /* line 1525, scss/style.scss */
  #page-content #content h1 {
    line-height: 40px;
  }
 #page-content .size-full {
	width:100%!important;
	height:auto!important;
  }
  /* line 1529, scss/style.scss */
  #page-content #sidebar {
    width: 90%;
    padding: 0 5% 30px 5%;
    display: block;
    clear: both;
  }
  /* line 1535, scss/style.scss */
  #page-content #sidebar .blog-feature-1 img {
    width: auto!important;
    height: auto!important;
  }
  /* line 1541, scss/style.scss */
  #page-content #sidebar .blog-feature-3 #social-media {
    width: 100%!important;
    height: auto!important;
  }
  /* line 1544, scss/style.scss */
  #page-content #sidebar .blog-feature-3 #social-media li {
    width: auto;
  }
  /* line 1546, scss/style.scss */
  #page-content #sidebar .blog-feature-3 #social-media li img {
    width: auto;
    height: auto;
  }
  /* line 1552, scss/style.scss */
  #page-content #sidebar .blog-feature-3 .tag {
    width: 70%;
  }

  /* line 1559, scss/style.scss */
  #footer li {
    width: 49%;
    min-height: 200px;
  }

  /* line 1565, scss/style.scss */
  #footer-social-media li {
    text-align: center;
  }
  /* line 1567, scss/style.scss */
  #footer-social-media li img {
    float: none!important;
  }
  .instagalleryImageContainer {
	width:100%!important;
  }
  .instagalleryImageContainer a {
	width:100%!important;
  }
  #sidebar .instagalleryImageContainer img,  #sidebar .instagalleryImageContainer .instagalleryCaptioned {
	width:100%!important;
  }
  	#page-content #sidebar .blog-feature-1 img { 
	height: auto !important;
	width: 100% !important;
  }

    .home-feature-3 {
	display:block;
	clear:both;
	width:100%;
  }

}
@media screen and (max-width: 640px) {
  /* line 1575, scss/style.scss */
  #features {
    width: 100%;
  }
  /* line 1577, scss/style.scss */
  #features li {
    width: 50%;
    min-height: auto!important;
  }
  /* line 1580, scss/style.scss */
  #features li a {
    padding-top: 40%!important;
  }
  /* line 1584, scss/style.scss */
  #features h2 {
    margin-top: 0!important;
    font-size: 2.05em!important;
  }
  /* line 1588, scss/style.scss */
  #features p {
    font-size: 1.25em!important;
    height: 60px;
  }

  /* line 1595, scss/style.scss */
  .hero .flexslider .order-now {
    top: 30%!important;
    margin-left: 320px!important;
  }

.hero .flexslider .order-now-flash {
    top: 30%!important;
    margin-left: 320px!important;
  }

  /* GEM MENU */
  /* line 1602, scss/style.scss */
  .menu-table {
    display: block;
    clear: both;
    float: none;
    width: 100%!important;
  }

	
}
@media screen and (max-width: 480px) {
  /* line 1611, scss/style.scss */
  #features {
    width: 100%;
  }
  /* line 1613, scss/style.scss */
  #features li {
    width: 100%;
    height: auto!important;
    display: block!important;
    clear: both!important;
    float: none!important;
  }
  /* line 1619, scss/style.scss */
  #features li a {
    padding-top: 28%!important;
    display: block;
    clear: both;
    height: auto!important;
  }
  /* line 1626, scss/style.scss */
  #features h2 {
    margin-top: 0!important;
  }

  /* line 1631, scss/style.scss */
  #intro p {
    padding: 0 25px;
  }

  /* line 1637, scss/style.scss */
  #home-content .col#home-col1 {
    width: 100%;
  }
  /* line 1640, scss/style.scss */
  #home-content .col#home-col1 .post img {
    width: 100%;
    display: block;
    float: none;
  }
  /* line 1645, scss/style.scss */
  #home-content .col#home-col1 .post .detail-container {
    width: 100%;
    display: block;
  }
  /* line 1648, scss/style.scss */
  #home-content .col#home-col1 .post .detail-container .detail {
    font-size: 19px;
    line-height: 25px;
  }
  /* line 1655, scss/style.scss */
  #home-content .col.home-col2 {
    width: 100%;
  }
  /* line 1658, scss/style.scss */
  #home-content .col.home-col2 .home-main-text .text {
    padding: 35px 30px 30px 25px;
  }
  /* line 1662, scss/style.scss */
  #home-content .col.home-col2 .home-feature-1 {
    display: block;
    width: 100%;
  }
  /* line 1665, scss/style.scss */
  #home-content .col.home-col2 .home-feature-1 img {
    display: block;
    width: 100%!important;
  }
  /* line 1669, scss/style.scss */
  #home-content .col.home-col2 .home-feature-1 p {
    padding: 6px 16px 8px 24px;
    line-height: 19px;
  }
  /* line 1674, scss/style.scss */
  #home-content .col.home-col2 .home-feature-2 {
    width: 100%;
  }
  /* line 1676, scss/style.scss */
  #home-content .col.home-col2 .home-feature-2 .feature-5 {
    display: block;
    height: 198px;
  }
  /* line 1679, scss/style.scss */
  #home-content .col.home-col2 .home-feature-2 .feature-5.cube {
    width: 100%;
    padding: 0;
  }
  /* line 1682, scss/style.scss */
  #home-content .col.home-col2 .home-feature-2 .feature-5.cube .container {
    padding: 53px 15px 0 25px;
  }
  /* line 1689, scss/style.scss */
  #home-content .col.home-col2 .home-feature-3 #social-media {
    padding: 10px 0;
	border:solid 1px #333;
  }
  
  #home-slider .order-now {
	top:45%;
  }

 #home-slider .order-now-flash {
	top:45%;
  }	

  
  /* line 1701, scss/style.scss */
  .hero .flexslider .flex-direction-nav li a {
    top: 50px!important;
  }
 
  /* line 1708, scss/style.scss */
  .hero .flexslider li .order {
    right: 4%;
  }
  /* line 1711, scss/style.scss */
  .hero .flexslider li .order-now {
	width:123px;
	height:115;
	background: url("image/sprite.png") no-repeat 0 -261px;
    top: 28%!important;
    margin-left: 160px!important;
  }

  .hero .flexslider li .order-now-flash {
	width:123px;
	height:115;
	background: url("image/sprite-flash.png") no-repeat 0 -261px;
    top: 28%!important;
    margin-left: 160px!important;
  }
  
  /* line 1724, scss/style.scss */
  #intro {
    text-align: left;
  }

  /* line 1728, scss/style.scss */
  #page-intro h2 {
    font-size: 30px;
    padding-bottom: 48px;
    line-height: 36px;
  }

  /* line 1743, scss/style.scss */
  #blog-intro {
    font-size: 27px;
    line-height: 36px;
  }
  /* line 1746, scss/style.scss */
  #blog-intro h1 {
    font-size: 34px;
  }

  /* line 1751, scss/style.scss */
  #footer li {
    width: 100%;
    min-height: 100px;
  }
}
@media screen and (max-width: 320px) {
  /* line 1762, scss/style.scss */
  .hero .flexslider li .order {
    right: 4%;
  }
  /* line 1765, scss/style.scss */
  .hero .flexslider li .order-now {
    margin-left: 130px!important;
  }

  .hero .flexslider li .order-now-flash {
    margin-left: 130px!important;
  }

  /* line 1775, scss/style.scss */
  #page-intro .flexslider .flex-direction-nav li a {
    margin-top: -360% !important;
  }

  /* line 1783, scss/style.scss */
  #footer li {
    min-height: auto!important;
  }
}
/* EXTRAS */
/* line 1790, scss/style.scss */
.clear {
  clear: both;
}

/* line 1794, scss/style.scss */
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 1805, scss/style.scss */
.clearfix {
  display: inline-block;
}

/* line 1809, scss/style.scss */
* html .clearfix {
  height: 1%;
}

/* line 1813, scss/style.scss */
.clearfix {
  display: block;
}

/* line 1817, scss/style.scss */
.left {
  float: left;
}

/* line 1821, scss/style.scss */
.right {
  float: right;
}

/* line 1825, scss/style.scss */
.border {
  border: solid 1px #cc0000;
}

.padding-sides {
	padding-left:10px;
	padding-right:10px;
}

/* WORDPRESS */
/* line 1831, scss/style.scss */
.nav-single {
  margin-bottom: 24px;
}
/* line 1833, scss/style.scss */
.nav-single .assistive-text {
  display: none;
}
/* line 1836, scss/style.scss */
.nav-single .nav-previous {
  width: 49%;
  float: left;
}
/* line 1840, scss/style.scss */
.nav-single .nav-next {
  width: 48%;
  float: right;
  text-align: right;
}

/* line 1847, scss/style.scss */
.comments-title {
  font-size: 24px;
  font-weight: 800;
  padding-bottom: 14px;
}

/* line 1854, scss/style.scss */
.commentlist .avatar {
  float: left;
  margin: 0 14px 28px 0;
}
/* line 1859, scss/style.scss */
.commentlist .children li {
  padding: 14px 0 14px 0;
}
/* line 1862, scss/style.scss */
.commentlist .children li .vcard img {
  float: left;
  margin: 0 14px 28px 0;
}
/* line 1869, scss/style.scss */
.commentlist .pingback {
  padding-bottom: 14px;
}

/* line 1875, scss/style.scss */
#respond #reply-title {
  padding-bottom: 12px;
}

/* line 1881, scss/style.scss */
#commentform .logged-in-as {
  padding-bottom: 12px;
}
/* line 1884, scss/style.scss */
#commentform label {
  display: block;
  clear: both;
  padding-bottom: 4px;
}
/* line 1889, scss/style.scss */
#commentform input[type="text"] {
  width: 50%;
  border: solid 1px #000;
  margin-bottom: 14px;
  display: block;
  clear: both;
  padding: 5px;
}
/* line 1898, scss/style.scss */
#commentform textarea {
  width: 75%;
  border: solid 1px #000;
  margin-bottom: 12px;
}

.instagalleryImageContainer {
	width:100%!important;
}

.instagalleryImageContainer p {
	display:none;
}

.instagalleryImageContainer img {
	width:100%!important;
	height:auto;
	margin:0;
}

.instagalleryCaptioned {
	padding: 0!important;
	border: none!important;
	-moz-box-shadow: 0px 0px 0px black!important;
	-webkit-box-shadow: 0px 0px 0px black!important;
	box-shadow: 0px 0px 0px black!important;
	margin: 0;
}
/* =WordPress Core
-------------------------------------------------------------- */
/* line 1909, scss/style.scss */
.alignnone {
  margin: 5px 20px 20px 0;
}

/* line 1914, scss/style.scss */
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

/* line 1919, scss/style.scss */
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

/* line 1924, scss/style.scss */
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

/* line 1929, scss/style.scss */
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

/* line 1934, scss/style.scss */
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

/* line 1939, scss/style.scss */
a img.alignnone {
  margin: 5px 20px 20px 0;
}

/* line 1943, scss/style.scss */
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

/* line 1948, scss/style.scss */
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 1954, scss/style.scss */
.wp-caption {
  background: #fff;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

/* line 1961, scss/style.scss */
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

/* line 1965, scss/style.scss */
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

/* line 1969, scss/style.scss */
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

/* line 1973, scss/style.scss */
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

/* line 1982, scss/style.scss */
.wp-caption p.wp-caption-text {
  font-size: 12px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}