/*------------------------------------------------------------------------
 * Copyright (C) 2013 The SNS Group. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: SNS Group
 * Websites: http://www.snstheme.com
-------------------------------------------------------------------------*/
/* SNS mixin */
/* Color var */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* close commented backslash hack */
.dashboard_content {
  padding: 25px;
  margin: auto;
}
.dashboard_content.no_padding,
.dashboard_content.no_padding_sub,
.dashboard_content.no_padding_referrals,
.dashboard_content.no_padding_collection,
.dashboard_content.no_padding_gift {
  padding: 0;
}
.dashboard_content.history_height,
.dashboard_content.summary_height {
  min-height: 590px;
}
.dashboard_content.loading {
  text-align: center;
}
.brandon_upper {
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
}
/* General style */
button,
input,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
label,
.uneditable-input {
  font-size: 100%;
  color: #666;
  border-color: #e5e5e5;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #cdcdcd;
}
.label {
  margin: 2px 0;
  line-height: normal;
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: inherit;
  text-shadow: none;
  -moz-text-shadow: none;
  -o-text-shadow: none;
  -webkit-text-shadow: none;
}
body {
  color: #929292;
}
body p {
  line-height: 20px;
  font-size: 14px;
}
a {
  color: #929292;
}
a:hover {
  color: #e1b696;
  text-decoration: none;
}
a:focus,
input:focus,
button:focus,
select:focus {
  outline: none !important;
}
.tooltip-inner {
  background-color: #686868;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #686868;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #686868;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #686868;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #686868;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  /* IE8 */
}
.modal {
  margin-left: -230px;
  width: 450px;
  box-shadow: none;
  border: 0;
}
.modal label {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.1em;
  font-family: "brandon-grotesque";
}
.modal input[type="text"],
.modal input.input-text,
.modal .input-box input[type="text"],
.modal .input-box input.input-text {
  width: 160px;
}
.modal .modal-header .close {
  font-size: 0px;
  background: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #929292;
}
.modal .modal-header .close:after {
  font-family: FontAwesome;
  content: "\f00d";
  font-size: 18px;
}
.modal .modal-header .close:hover {
  color: #e1b696;
}
.modal .modal-header .close:hover:after {
  text-decoration: none;
  color: #e1b696;
}
.modal .modal-body {
  overflow-x: hidden;
}
.modal .block .block-title {
  padding: 0 0;
  line-height: 26px;
}
.modal .login-links {
  text-align: center;
}
.modal .login-links a {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 0.1em;
  color: #e1b696;
}
#sns-totop {
  background: #666;
  width: 45px;
  bottom: 5px;
  right: 5px;
  height: 45px;
  text-decoration: none;
  overflow: hidden;
  z-index: 40;
  position: fixed;
  display: block;
  text-align: center;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
#sns-totop.hidden-top {
  bottom: -100px;
}
#sns-totop:hover {
  background: #e1b696;
}
#sns-totop i {
  font-size: 24px;
  color: #fff;
  position: relative;
  top: 9px;
}
#facebook_fan iframe[style] {
  width: 100% !important;
}
select {
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 4px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
select:focus {
  border-color: #ccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input.input-text {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 4px 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #c8c8c8;
}
input.input-text:focus {
  border-color: #cdcdcd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: inherit;
}
textarea {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 6px 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #c8c8c8;
}
textarea:focus {
  border-color: #cdcdcd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #686868;
}
input[type="button"],
.button,
button {
  font-size: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-transform: uppercase;
  padding: 6px 15px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #f3f3f3;
  color: #929292;
}
input[type="button"]:hover,
.button:hover,
button:hover {
  background-color: #e1b696;
  color: #fff;
}
.price .text-box input[type="button"] {
  background: #666;
  margin-left: 5px;
}
.price .text-box input[type="button"]:hover {
  background-color: #e1b696;
}
body {
  font-size: 14px;
}
body.page-popup {
  font-size: 14px;
  padding: 20px 30px 30px;
}
body.page-popup .page-title {
  text-transform: uppercase;
}
body.page-popup .page-title h1 {
  float: left;
  font-weight: normal;
  margin-top: 0px;
}
body.page-popup .page-title .link-print {
  background: url("../images/i_print.gif") 0 2px no-repeat;
  padding: 0 0 0 25px;
  margin: 10px 0 0;
  float: right;
}
body.page-popup .data-table thead th,
body.page-popup .data-table tbody th {
  background: #e9e9e9;
  padding-left: 10px;
  padding-right: 10px;
}
body.page-popup .compare-table td {
  vertical-align: top;
}
body.page-popup .compare-table td button {
  margin: 0 0;
}
body.page-popup .compare-table thead th,
body.page-popup .compare-table thead td {
  padding-top: 5px;
  padding-bottom: 0;
  text-align: center;
}
body.page-popup .product-name {
  line-height: normal;
  margin-bottom: 10px;
}
body.page-popup .ratings,
body.page-popup .price-box {
  margin-bottom: 10px;
  text-align: center;
}
body.page-popup .ratings .amount {
  font-size: 10px;
}
body.page-popup .add-to-links {
  list-style: none;
  margin: 0 0;
  text-align: center;
}
body.page-popup .product-shop-row td,
body.page-popup .add-to-row td {
  text-align: center;
}
.no-display {
  display: none;
}
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: bold;
  color: #666666;
  font-size: 18px;
}
#fancybox-close,
#btn-close,
.btn-remove {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url("../images/ico-delete.png") no-repeat left top;
  text-indent: -999em;
  /*
	font-size: 0px;
	&:after{font-family: FontAwesome; content: "\f00d"; font-size: 18px;}
	&:hover:after{text-decoration: none; color: #dd4848;} */
}
#fancybox-close:hover,
#btn-close:hover,
.btn-remove:hover {
  background-color: #f3f3f3;
}
.btn-remove2 {
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url("../images/ico-delete.png") no-repeat left top;
  text-indent: -999em;
  /*font-size: 0px;
	&:after{font-family: FontAwesome; content: "\f00d"; font-size: 18px;}
	&:hover{text-decoration: none; color: #dd4848;}*/
}
.btn-remove2:hover {
  background-color: #f3f3f3;
}
.block .btn-remove {
  position: absolute;
  top: 0px;
  right: 0px;
}
.btn-edit {
  position: absolute;
  top: 0px;
  right: 25px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url("../images/ico-edit.png") no-repeat left top;
  text-indent: -999em;
  /*
	&:after{font-family: FontAwesome; content: "\f040";font-size: 16px;}
	&:hover{text-decoration: none;}*/
}
.btn-edit:hover {
  background-color: #f3f3f3;
}
#fancybox-close {
  background: none;
  top: 6px;
  right: 0px;
  width: 25px;
  height: 25px;
}
#btn-close {
  top: 6px;
  right: 6px;
}
#fancybox-wrap #fancybox-outer {
  border: 2px solid #686868;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
#fancybox-wrap .fancybox-bg {
  background: none;
}
#fancybox-overlay {
  background: #000 !important;
  opacity: 0.2 !important;
  filter: alpha(opacity=20) !important;
}
/* jqTransform */
body .jqTransformSelectWrapper {
  height: 22px;
  background: #e2e2e2;
}
body .jqTransformSelectWrapper div span {
  padding: 0 0;
  line-height: 22px;
  height: 22px;
}
body .jqTransformSelectWrapper div a.jqTransformSelectOpen {
  height: 21px;
  width: 9px;
  background: url("../images/ico-drop.png") no-repeat right 7px;
}
body .jqTransformSelectWrapper ul {
  top: 22px;
}
body .jqTransformSelectWrapper ul a {
  padding: 0 5px;
}
body .jqTransformSelectWrapper ul a.selected:hover,
body .jqTransformSelectWrapper ul a:hover {
  background: #999;
}
.banner-item {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.banner-item:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  filter: alpha(opacity=0);
}
.banner-item:hover:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.breadcrumbs {
  margin: 0 0;
  list-style: none;
}
.breadcrumbs li {
  display: table-cell;
  padding: 0 10px 0 11px;
  line-height: 40px;
  background: url("../images/seperator-breadcrumb.png") no-repeat left center;
}
.breadcrumbs li.home {
  padding: 0 10px 0 0;
  background: none;
}
.breadcrumbs li.last {
  color: #e1b696;
}
.breadcrumbs li.last:after {
  content: "";
}
.page-title {
  text-transform: uppercase;
}
.page-title.category-title {
  display: none;
}
.page-title h1 {
  font-size: 18px;
  font-weight: bold;
  margin: -10px 0 10px;
  color: #666666;
  letter-spacing: 0.1em;
}
.sub-title {
  font-size: 110%;
}
.fieldset {
  border: 1px solid #e5e5e5;
  margin: 25px 0 15px;
  padding: 15px;
}
.fieldset .legend {
  background: #fff;
  float: left;
  font-size: 125%;
  font-weight: bold;
  margin: -25px 0 0;
  padding: 0 8px;
  line-height: 20px;
}
.fieldset ul {
  margin: 0 0;
  list-style: none;
}
.product-name {
  font-size: 100%;
  font-weight: normal;
  text-transform: uppercase;
}
.product-name a {
  color: inherit;
}
.product-name a:hover {
  color: #e1b696;
}
.buttons-set .back-link {
  float: left;
}
.buttons-set .button {
  float: right;
  margin: 0 0 0 5px;
}
.control .input-box {
  float: left;
  margin: 0 5px 0 0;
}
.control .input-box input {
  margin: 0 0;
}
.control input {
  float: left;
  margin: 1px 5px 0 0;
}
.control label {
  cursor: pointer;
  margin: 0 0;
}
.input-box select {
  margin: 0 0 10px 0;
}
.col2-set {
  clear: both;
}
.col2-set h2 {
  font-size: 125%;
  margin-bottom: 0px;
}
.col2-set h3 {
  font-size: 120%;
  margin: 0 0;
}
.col2-set h4 {
  font-size: 100%;
  margin: 0 0;
}
.col2-set .col-1 {
  width: 48.5%;
  float: left;
}
.col2-set .col-2 {
  width: 48.5%;
  float: right;
}
.col2-set .content {
  padding: 10px 20px;
  border: 1px solid #e9e9e9;
  height: 270px;
}
.col2-set .buttons-set {
  border: 1px solid #e9e9e9;
  border-top: none;
  padding: 20px;
}
.col2-set .buttons-set:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
}
.col3-set .col-1 {
  width: 32%;
  float: left;
}
.col3-set .col-2 {
  width: 32%;
  float: left;
  margin-left: 2%;
}
.col3-set .col-3 {
  width: 32%;
  float: right;
}
.box-head h2 {
  font-size: 125%;
  margin: 0 0;
}
.box .box-title {
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.box .box-title h3 {
  font-size: 110%;
  margin: 0 0;
}
.box .box-title h2 {
  font-size: 110%;
  margin: 0 0;
}
.box .box-title a {
  position: absolute;
  right: 0px;
  top: 12px;
}
.box-content {
  padding: 0 20px;
}
.box-content h4 {
  font-size: 110%;
  margin-top: 0px;
}
.box-account > ol {
  list-style: none;
  margin: 10px 0 10px 15px;
}
.box-account > ol li .number {
  float: left;
  margin: 0 10px 0 0;
}
.box-account > ol li .details {
  width: 100%;
}
.box-account > ol li .details .product-name {
  line-height: 18px;
  margin: 0 0;
}
.box-account > ol li .details .ratings {
  margin: 6px 0;
}
.box-account > ol li .details .ratings strong {
  float: left;
  margin: 0 8px 0 0;
}
.box-account > ol li .details .tags strong {
  float: left;
  margin: 0 8px 0 0;
}
.box-account > ol li .details .tags ul {
  list-style: none;
  margin: 0 0;
}
.box-account > ol li .details .tags ul li {
  float: left;
  margin: 0 3px 0 0;
}
.table-caption {
  font-size: 125%;
}
#wishlist-table input,
#wishlist-table textarea {
  margin: 10px 0;
}
#wishlist-table .add-to-cart-alt {
  margin-bottom: 10px;
}
.data-table {
  border: 1px solid #e9e9e9;
  border-collapse: collapse;
  width: 100%;
}
.data-table thead tr td,
.data-table thead tr th {
  border-bottom: 1px solid #e9e9e9;
  border-right: medium none;
  border-top: 1px solid #e9e9e9;
  padding: 10px 10px;
  text-transform: uppercase;
  white-space: nowrap;
}
.data-table tbody td {
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  padding: 8px;
}
.data-table tbody td.label {
  vertical-align: middle;
}
.data-table tbody td a.product-image {
  width: 75px;
  height: 100px;
  display: block;
}
.data-table tbody td button {
  min-width: 110px;
  margin-bottom: 10px;
}
.data-table tfoot td {
  padding: 15px 20px;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.data-table input.input-text {
  border: 1px solid #e9e9e9;
}
.data-table input.input-text:focus {
  border-color: #cdcdcd;
}
.checkout-progress {
  margin: 10px 0 35px 0;
  list-style: none;
}
.checkout-progress li {
  display: inline-block;
  padding: 5px 0px;
  width: 20%;
  text-align: center;
  background: #e9e9e9;
  float: left;
  color: #686868;
}
.checkout-progress li.active {
  background: #e1b696;
  color: #fff;
}
.multiple-checkout h2 {
  font-size: 120%;
  line-height: 24px;
}
.multiple-checkout .col2-set h2.legend {
  font-size: 135%;
}
.multiple-checkout .col2-set h3.legend {
  font-size: 120%;
}
.multiple-checkout .col2-set h2,
.multiple-checkout .col2-set h3,
.multiple-checkout .col2-set h4 {
  line-height: 26px;
  font-size: 100%;
  margin: 0 0;
}
.multiple-checkout .col2-set .product-name {
  font-size: 120%;
}
.multiple-checkout .col2-set .box .box-title h2 a,
.multiple-checkout .col2-set .box .box-title h3 a,
.multiple-checkout .col2-set .box .box-title h4 a {
  position: static;
}
.multiple-checkout .col2-set .col-1 {
  margin-top: 5px;
}
.multiple-checkout .col2-set .col-2 {
  margin-top: 5px;
}
.multiple-checkout .sp-methods dt input {
  float: left;
  margin: 1px 8px 0 0;
}
.multiple-checkout .sp-methods dt label {
  cursor: pointer;
}
.multiple-checkout .sp-methods dd ul {
  list-style: none;
}
.multiple-checkout #checkout-review-submit {
  float: right;
  text-align: right;
  margin-top: 10px;
}
#my-orders-table tbody td.last {
  white-space: nowrap;
}
.cart-collaterals .totals table {
  width: 100%;
}
.cart-collaterals .totals table td {
  padding: 10px 0 20px;
  text-transform: uppercase;
}
.cart-collaterals .totals table tfoot td {
  border-bottom: 1px solid #e9e9e9;
  font-size: 125%;
  padding: 0 0 20px 20px;
  text-transform: uppercase;
}
.cart-collaterals .totals ul.checkout-types {
  margin: 30px 0 0;
  padding: 0;
}
.cart-collaterals .totals ul.checkout-types li {
  clear: both;
  margin: 0;
  padding: 5px 0;
  text-align: right;
}
.buttons-set {
  border: none !important;
  padding: 10px 0 0 !important;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.a-center {
  text-align: center;
}
.a-right {
  text-align: right;
}
.a-left {
  text-align: left;
}
.cart h1 {
  float: left;
}
.cart ul.checkout-types {
  list-style: none;
  margin: 0 0 10px;
  float: right;
}
.cart .btn-edit,
.cart .btn-remove {
  position: static;
  width: 20px;
  font-size: 0px;
}
.cart .input-box {
  width: 100%;
}
.cart .input-box input.input-text {
  border: 1px solid #e9e9e9;
  margin: 0 0 10px;
  width: 94%;
}
.cart .input-box input.input-text:focus {
  border-color: #cdcdcd;
}
.cart .input-box select {
  width: 100%;
}
.cart .btn-continue {
  float: left;
}
.cart .col2-set {
  width: 70%;
  float: left;
}
.cart .totals {
  width: 28%;
  float: right;
}
.cart .discount,
.cart .shipping,
.cart .crosssell {
  border: 1px solid #e9e9e9;
  margin-bottom: 20px;
  padding: 0 20px 20px;
}
.cart .discount h2,
.cart .shipping h2,
.cart .crosssell h2 {
  font-size: 125%;
  text-transform: uppercase;
}
.cart .discount form,
.cart .shipping form,
.cart .crosssell form {
  margin: 0 0;
}
.cart .discount .button,
.cart .shipping .button,
.cart .crosssell .button {
  float: left !important;
  margin: 0 0 !important;
}
.cart .crosssell {
  width: 100%;
  float: left;
}
.cart .crosssell #crosssell-products-list {
  margin: 0 0;
  list-style: none;
}
.cart .form-list {
  margin: 0 0;
  list-style: none;
}
.cart #co-shipping-method-form ul {
  list-style: none;
  margin: 0 0;
}
.cart #co-shipping-method-form ul li label {
  cursor: pointer;
  float: left;
  margin: 0 0;
}
.cart #co-shipping-method-form ul li input {
  float: left;
  margin: 1px 5px 0 0;
}
#checkoutSteps {
  list-style: none;
  margin: 0 0;
}
#checkoutSteps ul,
#checkoutSteps ol {
  list-style: none;
  margin: 0 0;
}
#checkoutSteps li {
  margin-bottom: 1px;
}
#checkoutSteps li .step-title {
  padding: 8px 15px;
  background: #e9e9e9;
  color: #929292;
}
#checkoutSteps li .step-title .number {
  float: left;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: #929292;
  color: #fff;
}
#checkoutSteps li .step-title h2 {
  font-size: 125%;
  text-transform: uppercase;
  float: left;
  line-height: normal;
  margin: 0 0;
}
#checkoutSteps li .step-title a {
  float: right;
}
#checkoutSteps li.allow .step-title {
  cursor: pointer;
}
#checkoutSteps li.active .step-title {
  background: #fff;
  border: 1px solid #e9e9e9;
  border-bottom: none;
  cursor: default;
}
#checkoutSteps li .step {
  border: 1px solid #e9e9e9;
  padding: 15px 20px;
}
#checkoutSteps li .step fieldset ul {
  list-style: none;
  margin: 0 0;
}
#checkoutSteps li .step fieldset p.required {
  text-align: right;
}
#checkoutSteps .sp-methods dt {
  clear: both;
  padding: 2px 0;
}
#checkoutSteps .sp-methods dt input {
  margin: 1px 5px 0 0;
  float: left;
}
#checkoutSteps .sp-methods dt label {
  float: left;
  margin: 0 0;
  cursor: pointer;
}
#checkoutSteps .please-wait {
  margin: 0 20px;
}
body.product-groupped-product #product-shop .short-description,
body.product-groupped-product .product-shop .short-description {
  margin-bottom: 15px;
}
body.product-groupped-product #product-shop .price-rating,
body.product-groupped-product .product-shop .price-rating {
  width: 100%;
}
body.product-groupped-product #product-shop .price-rating .availability,
body.product-groupped-product .product-shop .price-rating .availability {
  margin: 0 0 15px;
}
body.product-groupped-product #product-shop .ratings,
body.product-groupped-product .product-shop .ratings,
body.product-groupped-product #product-shop .no-rating,
body.product-groupped-product .product-shop .no-rating {
  margin: 0 0 15px;
}
body.product-groupped-product #product-shop .add-to-cart,
body.product-groupped-product .product-shop .add-to-cart {
  background: none;
  width: 100%;
  text-align: left;
}
body.product-groupped-product #product-shop .add-to-cart .btn-cart,
body.product-groupped-product .product-shop .add-to-cart .btn-cart {
  margin: 0 0;
}
body.product-bundle-product #product-shop .short-description,
body.product-bundle-product .product-shop .short-description {
  margin-bottom: 15px;
}
body.product-bundle-product #product-shop .price-box-bundle,
body.product-bundle-product .product-shop .price-box-bundle {
  margin-bottom: 5px;
}
body.product-bundle-product #product-shop .price-box-bundle .price-box .price,
body.product-bundle-product .product-shop .price-box-bundle .price-box .price {
  font-size: 100%;
}
#product-shop .availability,
.product-shop .availability {
  color: #929292;
  margin: 3px 0;
}
#product-shop .availability span,
.product-shop .availability span {
  color: #929292;
  margin-left: 5px;
  background: url("../images/ico-availability.png") no-repeat left top;
  padding-left: 20px;
}
#product-shop .availability.in-stock span,
.product-shop .availability.in-stock span {
  background-position: left -37px;
}
#product-shop #product-options-wrapper,
.product-shop #product-options-wrapper {
  margin-top: 15px;
  padding-top: 15px;
}
#product-shop #product-options-wrapper ul,
.product-shop #product-options-wrapper ul {
  list-style: none;
  margin: 0 0;
}
#product-shop #product-options-wrapper .product-name h1,
.product-shop #product-options-wrapper .product-name h1 {
  font-size: 133.3%;
  color: #929292;
  text-transform: uppercase;
  line-height: normal;
}
#product-shop table.grouped-items-table,
.product-shop table.grouped-items-table {
  margin-bottom: 15px;
}
#product-shop table.grouped-items-table input,
.product-shop table.grouped-items-table input,
#product-shop table.grouped-items-table .price-box,
.product-shop table.grouped-items-table .price-box {
  margin: 0 0;
}
#product-shop table.grouped-items-table input.qty,
.product-shop table.grouped-items-table input.qty {
  width: 30px;
  text-align: center;
}
#product-shop table.grouped-items-table .price-box .price,
.product-shop table.grouped-items-table .price-box .price {
  font-size: 100%;
}
#product-shop .product-options label,
.product-shop .product-options label {
  cursor: pointer;
  margin: 0 0;
}
#product-shop .product-options dt label,
.product-shop .product-options dt label {
  font-size: 100%;
  color: #929292;
  text-transform: uppercase;
  float: left;
  margin-top: 5px;
}
#product-shop .product-options dl,
.product-shop .product-options dl {
  margin: 0 0;
}
#product-shop .product-options dl dd .input-box select,
.product-shop .product-options dl dd .input-box select {
  margin: 0 0 5px 0;
}
#product-shop .product-options dl dd .qty-holder input.qty,
.product-shop .product-options dl dd .qty-holder input.qty {
  padding: 2px 0;
  width: 35px;
  text-align: center;
  margin: 0 0 5px 0;
}
#product-shop .product-options p.required,
.product-shop .product-options p.required {
  margin: 8px 0;
}
#product-shop .product-options .options-list input,
.product-shop .product-options .options-list input {
  float: left;
  margin: 0 8px 0 0;
}
#product-shop .product-options .options-list span.label,
.product-shop .product-options .options-list span.label {
  float: left;
  margin: 2px 0 0 0;
  padding: 0 0;
  display: inline-block;
}
#product-shop .product-options .options-list span.label label,
.product-shop .product-options .options-list span.label label,
#product-shop .product-options .options-list span.label a,
.product-shop .product-options .options-list span.label a,
#product-shop .product-options .options-list span.label > span,
.product-shop .product-options .options-list span.label > span {
  display: inline;
  margin: 0 0;
  line-height: normal;
}
#product-shop .price-box,
.product-shop .price-box {
  margin: 0 0 5px;
}
#product-shop .price-rating .price-box,
.product-shop .price-rating .price-box {
  margin: 0 0;
}
#product-shop .addto-emailto-link,
.product-shop .addto-emailto-link {
  line-height: 18px;
  height: 18px;
  padding: 17px 0 15px;
  margin: 20px 0 0;
  border-top: 1px dotted #ccc;
}
#product-shop .product-options-bottom .add-to-cart,
.product-shop .product-options-bottom .add-to-cart {
  float: none;
}
#product-shop .product-options-bottom .price-box,
.product-shop .product-options-bottom .price-box {
  display: none;
}
#product-shop .product-options-bottom .price-box .price,
.product-shop .product-options-bottom .price-box .price {
  font-size: 166.7%;
}
#product-shop .add-to-box,
.product-shop .add-to-box {
  float: left;
  display: inline-block;
}
#product-shop .add-to-box .add-to-links li a,
.product-shop .add-to-box .add-to-links li a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  padding: 0 0;
}
#product-shop .add-to-box .add-to-links li a:hover,
.product-shop .add-to-box .add-to-links li a:hover {
  color: #e1b696;
  text-decoration: none;
}
#product-shop .add-to-box .add-to-links,
.product-shop .add-to-box .add-to-links {
  list-style: none;
  margin: 0 0;
  display: inline-block;
}
#product-shop .add-to-box .add-to-links li,
.product-shop .add-to-box .add-to-links li {
  display: inline-block;
  padding: 0 14px;
  border-right: 1px dotted #e1b696;
  line-height: 12px;
}
#product-shop .add-to-box .add-to-links li .separator,
.product-shop .add-to-box .add-to-links li .separator {
  display: none;
  margin: 0 0;
  padding: 0 0;
}
#product-shop .add-to-box .add-to-links li:first-child,
.product-shop .add-to-box .add-to-links li:first-child {
  padding-left: 0px;
}
#product-shop .email-friend,
.product-shop .email-friend {
  float: left;
}
#product-shop .email-friend a,
.product-shop .email-friend a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  padding: 0 0 0 14px;
}
#product-shop .email-friend a:hover,
.product-shop .email-friend a:hover {
  color: #e1b696;
  text-decoration: none;
}
#product-shop .add-to-cart,
.product-shop .add-to-cart {
  margin: 7px 0;
  margin-bottom: 30px;
}
#product-shop .add-to-cart .action-container,
.product-shop .add-to-cart .action-container {
  display: inline-block;
  margin-top: 25px;
}
#product-shop .add-to-cart .btn-cart:hover,
.product-shop .add-to-cart .btn-cart:hover {
  background: #e1b696;
  border-color: #e1b696;
}
#product-shop .add-to-cart label,
.product-shop .add-to-cart label {
  margin: 0 5px 0 0;
  line-height: 26px;
  display: inline-block;
  text-transform: uppercase;
}
#product-shop .add-to-cart input.qty,
.product-shop .add-to-cart input.qty {
  width: 50px;
  text-align: center;
  margin: 10px 0;
  padding: 2px 0;
}
#product-shop .add-to-cart .qty-container,
.product-shop .add-to-cart .qty-container {
  height: 26px;
  width: 85px;
  margin: 0;
  margin-right: 15px;
  display: inline-block;
  position: relative;
}
#product-shop .add-to-cart .qty-container input.qty,
.product-shop .add-to-cart .qty-container input.qty {
  padding: 2px 0;
  width: 83px;
  margin: 0 0;
  text-align: center;
  border: 1px solid #ddd;
}
#product-shop .add-to-cart .qty-container input.qty:focus,
.product-shop .add-to-cart .qty-container input.qty:focus {
  text-align: center;
  background: #fff;
}
#product-shop .add-to-cart .qty-container input.qty-increase,
.product-shop .add-to-cart .qty-container input.qty-increase,
#product-shop .add-to-cart .qty-container input.qty-decrease,
.product-shop .add-to-cart .qty-container input.qty-decrease {
  background: url("../images/qty-inc-dec.png") no-repeat left 0;
  background-color: #ccc;
  height: 18px;
  width: 18px;
  padding: 0 0;
  border: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  left: 5px;
  top: 4px;
}
#product-shop .add-to-cart .qty-container input.qty-decrease,
.product-shop .add-to-cart .qty-container input.qty-decrease {
  background-position: left -18px;
  left: auto;
  right: 5px;
}
#product-shop .add-to-cart .qty-container input.qty-decrease:hover,
.product-shop .add-to-cart .qty-container input.qty-decrease:hover {
  background-color: #e1b696;
}
#product-shop .add-to-cart .qty-container input.qty-increase:hover,
.product-shop .add-to-cart .qty-container input.qty-increase:hover {
  background-color: #e1b696;
}
.fields .field {
  float: left;
  width: 270px;
}
.input-box input[type="text"],
.input-box input.input-text {
  width: 240px;
}
.input-box select {
  width: 260px;
}
.search-form ul {
  list-style: none;
}
.page-head {
  color: #929292;
}
.page-head h2,
.page-head h3,
.page-head h4,
.page-head h5 {
  text-transform: uppercase;
  font-weight: normal;
  margin: -10px 0 10px;
}
/* sns-item-g */
.sns-item-g5 {
  width: 20%;
}
.sns-item-g4 {
  width: 25%;
}
.sns-item-g3 {
  width: 33.33%;
}
.sns-item-g2 {
  width: 50%;
}
.sns-item-g1 {
  width: 100%;
}
/* --- Plugin --- */
.sns-tab-navi li {
  float: left;
}
.sns-tab-navi li a {
  font-size: 150%;
  display: block;
  padding: 10px 10px;
  text-decoration: none;
}
.sns-tab-navi li a.tabulous_active {
  background: #e1b696;
  color: #fff;
}
.sns-tab-content {
  padding: 20px 0;
  position: relative;
}
.tab-item {
  top: 20px;
}
.tab-item.hidescale {
  z-index: -1;
}
.tab-item.showscale {
  z-index: 3;
}
.transition {
  -webkit-transition: all 0.2s ease-in-out 0.2s;
  -moz-transition: all 0.2s ease-in-out 0.2s;
  -o-transition: all 0.2s ease-in-out 0.2s;
  transition: all 0.2s ease-in-out 0.2s;
}
.make_transist {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.hidescale {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.showscale {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.hideleft {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.showleft {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.hidescaleup {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.showscaleup {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.hideflip {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: rotatey(-90deg) scale(1.1);
  -moz-transform: rotatey(-90deg) scale(1.1);
  -o-transform: rotatey(-90deg) scale(1.1);
  -ms-transform: rotatey(-90deg) scale(1.1);
  transform: rotatey(-90deg) scale(1.1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.showflip {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotatey(0deg) scale(1);
  -moz-transform: rotatey(0deg) scale(1);
  -o-transform: rotatey(0deg) scale(1);
  -ms-transform: rotatey(0deg) scale(1);
  transform: rotatey(0deg) scale(1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
@keyframes animationpos {
  0% {
    left: 45%;
  }
  100% {
    left: 55%;
  }
}
@-moz-keyframes animationpos {
  0% {
    left: 45%;
  }
  100% {
    left: 55%;
  }
}
@-webkit-keyframes animationpos {
  0% {
    left: 45%;
  }
  100% {
    left: 55%;
  }
}
@-o-keyframes animationpos {
  0% {
    left: 45%;
  }
  100% {
    left: 55%;
  }
}
.tabulousclear {
  display: block;
  clear: both;
}
.validation-advice {
  color: #b94a48;
}
.sns-btn-quickview {
  background-color: #75949f;
  background-color: hsla(195.71428571, 17.94871795%, 54.11764706%, 0.5);
}
/* Main style */
/*------------------------------------------------------------------------
 * Copyright (C) 2013 The SNS Group. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: SNS Group
 * Websites: http://www.snstheme.com
-------------------------------------------------------------------------*/
body {
  overflow-x: hidden;
  position: relative;
  font-family: "museo-sans", sans-serif;
}
.wrap {
  width: 100%;
  clear: both;
}
.row-fluid .span12 {
  margin: 0 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.title,
.button,
.btn,
.h2-break,
#sns_topheader,
.nav-pills,
.blog-title {
  font-family: "brandon-grotesque", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
body p {
  font-family: "museo-sans", sans-serif;
  font-size: 14px;
  color: #929292;
}
#sns_wrapper.container #sns_footer > .container {
  width: auto !important;
  padding: 15px;
}
/*--- Block ---*/
.block .block-title {
  color: #666666;
  font-size: 133.3%;
  font-weight: normal;
  text-transform: uppercase;
  padding: 5px 0;
}
.block .block-title strong {
  font-weight: normal;
}
.block .block-content {
  padding: 10px 0;
}
.block.blank .block-title:before {
  display: none;
}
.block.blank .block-content {
  padding: 0 0 !important;
}
.block.block-custommenu {
  text-align: center !important;
  padding: 20px 0 10px;
  border: 2px solid transparent;
  margin-top: 10px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background: #f4f4f4;
}
.block.block-custommenu > * {
  margin: 0 auto;
}
.block.block-custommenu .block-title {
  margin-top: 10px;
  margin-bottom: 5px;
}
.block.block-custommenu .block-content {
  padding: 0 10px !important;
}
.block.block-custommenu:hover {
  border-color: #ddd;
}
.block.block-gettouch .block-title {
  position: relative;
  padding: 10px 10px 10px 45px;
}
.block.block-gettouch .block-title:before {
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 120%;
  text-align: center;
  height: 19px;
  width: 35px;
  padding: 8px 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #f3734f;
  color: #fff;
  content: "\f041";
  font-family: FontAwesome;
}
.block.block-wishlist ol {
  margin: 0 0 0 20px;
}
.block.block-wishlist ol li {
  margin: 5px 0;
}
.block.block-wishlist ol .product-details .price-box .price {
  font-size: 100%;
}
.block.block-wishlist .actions {
  padding: 15px 0 0;
}
.block.block-compare ol {
  margin: 0 0 0 20px;
}
.block.block-compare ol li {
  margin: 5px 0;
}
.block.block-compare .actions {
  padding: 15px 0 0;
}
.block.block-compare .actions .button {
  margin: 0 0 0 5px;
}
.block-cart {
  width: 40px;
  height: 40px;
  position: relative;
  float: right;
  margin: 0 0 0 1px;
}
.block-cart ol {
  margin: 0 0 15px 0;
  list-style: none;
}
.block-cart ol li {
  display: block;
  width: 100%;
  clear: both;
  padding: 8px 0;
}
.block-cart ol li .product-image {
  float: left;
  border: 1px solid #e9e9e9;
  margin: 0 10px 0 0;
}
.block-cart p.empty {
  margin: 10px 0 0;
}
.block-cart p.subtotal {
  float: left;
  margin: 10px 0;
}
.block-cart p.subtotal .label {
  margin: 0 0;
  padding: 0 0;
}
.block-cart .actions {
  float: right;
}
/*--- My account ---*/
.my-account .pager .amount {
  float: left;
  margin: 0 0;
}
.my-account .pager .limiter {
  float: right;
}
.my-account .pager .limiter label {
  float: left;
  margin: 0 10px 0 0;
}
.my-account .pager .limiter select {
  float: left;
  height: 24px;
  line-height: 24px;
  margin: 0 10px 0 0;
  padding: 2px;
  width: 80px;
}
.pager p.amount {
  float: left;
}
.pager .pages {
  float: left;
}
.pager .pages strong {
  text-transform: uppercase;
  margin: 31px 10px 0 0;
  float: left;
  font-weight: normal;
}
.pager .pages ol {
  margin: 0 0;
}
.pager .pages ol li {
  display: inline-block;
  float: left;
  margin: 0 0 0 2px;
  line-height: 23px;
}
.pager .pages ol li:first-child {
  margin-left: 0px;
}
.pager .pages ol li a {
  height: 23px;
  background: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0 8px;
  margin: 0 0;
  display: block;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  text-align: center;
}
.pager .pages ol li a.next,
.pager .pages ol li a.previous {
  width: auto;
  padding: 0 7px;
}
.pager .pages ol li a:hover,
.pager .pages ol li.current {
  border: 1px solid #ddd;
}
.pager .pages ol li.current {
  height: 23px;
  padding: 0 7px;
}
/*--- Responsive menu ---*/
#sns_resmenu {
  display: none;
}
#sns_resmenu.sns-resmenu button.btn-navbar {
  margin: 0 0;
  position: relative;
  z-index: 2;
  padding: 0 0;
  background: #909090;
  height: 42px;
  width: 42px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-align: center;
  border: none;
}
#sns_resmenu.sns-resmenu button.btn-navbar i {
  font-size: 21px;
  text-shadow: none;
  -moz-text-shadow: none;
  -o-text-shadow: none;
  -webkit-text-shadow: none;
  position: relative;
  top: 1px;
  left: -1px;
  color: #fff;
}
#sns_resmenu.sns-resmenu button.btn-navbar:focus {
  text-shadow: none;
  -moz-text-shadow: none;
  -o-text-shadow: none;
  -webkit-text-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
}
#sns_resmenu.sns-resmenu:hover button.btn-navbar {
  background: #aac9d1;
}
#sns_off_screennav {
  background: #333333;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 220px;
  height: 100%;
  z-index: 1000;
  transform: translateX(-100%);
  transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translateX(-100%);
  -ms-transform: translate3d(-100%, 0, 0);
}
#sns_off_screennav_overlay {
  display: none;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.page-sitemap ul.links {
  list-style: none;
  margin: 0 0;
  float: left;
}
.page-sitemap .pager {
  float: right;
  margin: 0 0;
}
.page-sitemap .pager .pages {
  margin: 0 0 0 8px;
}
.page-sitemap .sitemap {
  clear: both;
  padding: 10px 0;
}
.tags-list {
  list-style: none;
  margin: 0 0;
}
.tags-list li {
  display: inline-block;
  margin: 2px 5px;
}
.advanced-search select {
  padding: 3px;
}
.advanced-search select option {
  padding: 3px;
}
/*--- rating ---*/
.rating-box {
  background: url(../images/mbox/sprites_large.png) repeat-x scroll 0 0
    transparent;
  background-size: 20px auto;
  display: inline-block;
  height: 19px;
  position: relative;
  vertical-align: middle;
  width: 100px;
  margin: 0 12px 0 0;
}
.rating-box .rating {
  background: url(../images/mbox/sprites_large.png) repeat-x scroll 0 100%
    transparent;
  background-size: 20px auto;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0px;
}
.rating-links a {
  margin: 0 1px;
  text-transform: uppercase;
  color: #e1b696;
}
#compare-items li,
.product-details {
  position: relative;
}
#compare-items li p.product-name,
.product-details p.product-name {
  margin: 0 0;
}
/*--- messages ---*/
.messages {
  list-style: none;
  margin: 10px 0 15px;
  overflow: hidden;
  width: 100%;
}
.messages li.notice-msg {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 8px 10px;
  color: #c09853;
}
.messages li.notice-msg ul {
  position: relative;
  padding: 0 0 0 30px;
}
.messages li.notice-msg ul:before {
  font-family: FontAwesome;
  content: "\f06a";
  font-size: 22px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.messages li.error-msg {
  background-color: #f2dede;
  border: 1px solid #eed3d7;
  color: #b94a48;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 8px 10px;
}
.messages li.error-msg ul {
  position: relative;
  padding: 0 0 0 30px;
}
.messages li.error-msg ul:before {
  font-family: FontAwesome;
  content: "\f071";
  font-size: 22px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.messages li.success-msg {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #468847;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 8px 10px;
}
.messages li.success-msg ul {
  position: relative;
  padding: 0 0 0 30px;
}
.messages li.success-msg ul:before {
  font-family: FontAwesome;
  content: "\f058";
  font-size: 22px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.messages li.note-msg {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  color: #3a87ad;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 8px 10px;
}
.messages li.note-msg ul {
  position: relative;
  padding: 0 0 0 30px;
}
.messages li.note-msg ul:before {
  font-family: FontAwesome;
  content: "\f0eb";
  font-size: 22px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.messages ul {
  margin: 0 0;
  list-style: none;
}
label em {
  padding-right: 5px;
}
.quickview-main .sns-product-detail h1.product-name {
  margin-top: -13px;
}
.quickview-main
  .sns-product-detail
  .more-views
  .slide-gallery
  .caroufredsel_wrapper
  ul
  li {
  width: 77px !important;
}
/*--- price-box ---*/
.price-box p {
  margin: 0 0;
  display: inline-block;
}
.price-box .old-price {
  /*text-decoration: line-through;*/
  margin: 0 15px 0 0;
  padding: 0 3px;
  display: inline-block;
  position: relative;
}
.price-box .old-price .price {
  font-size: 100%;
  color: #aaa;
  position: relative;
}
.price-box .old-price:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  padding: 0 0;
  left: 0px;
  top: 50%;
  margin-top: 0px;
  background: #aaa;
}
.price-box .special-price .price {
  color: #929292;
  font-size: 100%;
}
.price-box .price {
  font-size: 20px;
  color: #929292;
  font-weight: bold;
}
.price-box .minimal-price-link .price {
  font-size: 100%;
}
.price-box .price-label {
  display: none;
}
.price-box .price-from {
  padding: 0 10px 0 0;
}
.price-box .price-from .price-label {
  display: inline-block;
}
.price-box .price-from .price {
  font-size: 100%;
}
.price-box .price-to {
  padding: 0 0;
}
.price-box .price-to .price {
  font-size: 100%;
}
.price-box .price-to .price-label {
  display: inline-block;
}
.sns-producttabs .sns-pdt-container .sns-pdt-nav {
  display: block;
  float: left;
  width: 100%;
}
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li {
  font-size: 150%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-transform: uppercase;
  padding: 2px 2px;
  display: inline-block;
  background: #000;
  color: #fff;
  margin: 0 0 0 5px;
}
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li span {
  padding: 6px 18px 7px;
  border: 1px solid transparent;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li:first-child {
  margin: 0 0;
}
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li.tab-nav-actived,
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li:hover {
  background-color: #aac9d1;
  color: #fff;
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-nav
  .pdt-nav
  > li.tab-nav-actived
  span,
.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li:hover span {
  border-color: #fff;
}
.sns-producttabs .sns-pdt-container .pre-text {
  margin: 12px 0;
  display: block;
  float: left;
  width: 100%;
}
.sns-producttabs .sns-pdt-container .sns-pdt-content {
  width: 100%;
  float: left;
}
.sns-producttabs .sns-pdt-container .sns-pdt-content .pdt-content {
  margin: 10px 0 0;
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore {
  font-size: 150%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-transform: uppercase;
  padding: 2px;
  display: inline-block;
  background: #000;
  color: #fff;
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore
  .inner {
  padding: 4px 12px 5px;
  border: 1px solid transparent;
  display: inline-block;
  /*.ico-loading{
							background: none; position: absolute; left: 14px; top: 7px;
							&:before{position: absolute;content: "\f021"; font-size: 16px; color: #FFF; font-family: FontAwesome;
								left: 0px; animation:2s linear 0s normal infinite spin;
								-webkit-animation:2s linear 0s normal infinite spin;
								-moz-animation:2s linear 0s normal infinite spin;
								-o-animation:2s linear 0s normal infinite spin;
							}
						}*/
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore.loading,
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore:hover {
  background-color: #aac9d1;
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore.loading
  .inner,
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore:hover
  .inner {
  border-color: #fff;
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore
  .icon-spin {
  display: none;
  position: absolute;
  left: 14px;
  top: 9px;
  font-size: 16px;
  color: #fff;
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore
  .icon-spin:before {
  content: "\f021";
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore.loaded {
  cursor: text;
  background-color: #aac9d1;
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore.loaded
  .inner {
  border-color: transparent;
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore.loading
  .inner {
  padding-left: 33px;
}
.sns-producttabs
  .sns-pdt-container
  .sns-pdt-content
  .pdt-loadmore
  .btn-loadmore.loading
  .icon-spin {
  display: inline-block;
}
.sns-quickaccess {
  float: left;
  text-align: right;
  margin-top: 0px;
}
.sns-quickaccess .quickaccess-inner:after {
  background: #aac9d1;
  display: none;
}
.sns-quickaccess .welcome {
  font-weight: bold;
  color: #929292;
}
.sns-quickaccess ul.links {
  list-style: none;
  margin: 0 0;
  padding: 0 0;
}
.sns-quickaccess ul.links > li {
  background: url("../images/top-seperator.png") no-repeat left center;
  display: table-cell;
  height: 30px;
  line-height: 30px;
}
.sns-quickaccess ul.links > li a {
  margin-left: 1px;
  font-size: 12px;
  letter-spacing: 0.07em;
  color: #929292;
  line-height: 30px;
  display: block;
  font-weight: bold;
  padding: 0 18px;
  text-transform: uppercase;
}
.sns-quickaccess ul.links > li a:hover {
  color: #e1b696;
}
.sns-quickaccess ul.links > li:first-child {
  background: none;
  padding-left: 0px;
}
.sns-quickaccess ul.links > li.last {
  padding-right: 0px;
}
.sns-ajaxcart {
  float: left;
  margin: 0 0;
  padding-left: 10px;
  background: url("../images/top-seperator.png") no-repeat left center;
}
.sns-ajaxcart .block-title {
  position: relative;
  cursor: pointer;
  background: transparent;
  padding: 0 0 0 34px;
  height: 30px;
}
.sns-ajaxcart .block-title .cart-status {
  margin: 0 0 0 10px;
  padding: 0 0;
  color: #fff;
}
.sns-ajaxcart .block-title .cart-status .label {
  margin-top: 7px;
  float: left;
  color: #838383;
  text-transform: initial;
  font-size: 13px;
  font-weight: normal;
  font-family: "museo-sans", sans-serif;
}
.sns-ajaxcart .block-title .cart-status .subtotal {
  margin: 7px 0 0 5px;
  float: left;
  color: #000000;
}
.sns-ajaxcart .block-title .cart-status .subtotal .amount {
  display: inline-block;
  margin: 0 0;
}
.sns-ajaxcart .block-title .cart-status:before {
  position: absolute;
  content: "";
  background: url("../images/cart.png") no-repeat left top;
  background-size: 100%;
  height: 22px;
  width: 22px;
  top: 8px;
  left: 4px;
}
.sns-ajaxcart .block-title .ico-view {
  display: none;
}
.sns-ajaxcart .block-title:before {
  position: absolute;
  height: 30px;
  width: 44px;
  top: 0px;
  left: 0px;
  content: "";
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.sns-ajaxcart .block-content {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #bebebe;
  width: 500px;
  top: 30px;
  right: -10px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  visibility: hidden;
}
.sns-ajaxcart .block-content .block-inner {
  position: relative;
  padding: 0 0px;
}
.sns-ajaxcart .block-content .block-inner .block-subtitle {
  text-align: center;
  background: url("../images/cream-dust.jpg");
  text-transform: uppercase;
  font-weight: bold;
  color: #666666;
  margin-bottom: 15px;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #eeeeee;
}
.sns-ajaxcart .block-content .block-inner .mini-products-list {
  margin: 0 0 10px;
}
.sns-ajaxcart .block-content .block-inner .mini-products-list .item {
  border-top: none;
  margin: 10px 0 0;
  padding: 10px 10px 0;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-image {
  border: none;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details {
  width: 120px;
  margin-right: 15px;
  float: left;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-name {
  font-weight: bold;
  font-size: 100%;
  text-transform: uppercase;
  color: #e1b696;
  letter-spacing: 0.1em;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-name
  a:hover {
  color: #e1b696;
  text-decoration: none;
}
.sns-ajaxcart .block-content .block-inner .mini-products-list .item p {
  margin: 0 0 5px;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom {
  position: relative;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .btn-remove {
  display: none;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .btn-edit {
  display: none;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .item-options {
  float: left;
  margin-left: 0px;
  width: 100%;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .price-box {
  height: 50px;
  float: left;
  margin-right: 30px;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .rating-container {
  margin: 0 0;
  display: none;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .quantity-container {
  margin: 8px 0 0;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .quantity-container
  .quantity-controls {
  position: relative;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .quantity-container
  .quantity-controls
  input {
  height: 18px;
  width: 18px;
  background: url("../images/qty-inc-dec.png") no-repeat left 0px;
  padding: 0 0;
  border: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: #ccc;
  text-indent: -99em;
  position: absolute;
  left: -80px;
  top: -1px;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .quantity-container
  .quantity-controls
  input.quantity-minus {
  left: -21px;
  background-position: left -18px;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .quantity-container
  .quantity-controls
  input:hover {
  background-color: #aac9d1;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .quantity-container
  input.qty {
  border: none;
  margin: 0;
  padding: 2px 0;
  text-align: center;
  width: 83px;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .quantity-container
  input.qty:focus {
  color: #929292;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .btn-edit,
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .btn-remove {
  top: auto;
  bottom: 0px;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .btn-edit:after,
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item
  .product-details-bottom
  .btn-remove:after {
  vertical-align: bottom;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .mini-products-list
  .item:first-child {
  border-top: none;
  margin: 0 0;
  padding-top: 0;
}
.sns-ajaxcart .block-content .block-inner .actions {
  background: none;
  padding: 0 0 10px;
}
.sns-ajaxcart .block-content .block-inner .actions .button {
  cursor: pointer;
  font-size: 133.3%;
  font-weight: bold;
}
.sns-ajaxcart .block-content .block-inner .actions .button.btn-gotocart {
  width: 100%;
  border: none;
  background: #fff;
  margin: 4px 0 0;
}
.sns-ajaxcart .block-content .block-inner .actions .button.btn-gotocart:hover {
  background: #d69f76;
  color: #fff;
}
.sns-ajaxcart .block-content .block-inner .actions .button.btn-update {
  width: 35%;
  float: right;
  background: none;
  padding: 0 0;
  font-size: 100%;
  font-weight: normal;
}
.sns-ajaxcart .block-content .block-inner .actions .button.btn-update span {
  background: #fff;
  margin-right: 15px;
  line-height: 40px;
  letter-spacing: 0.05em;
  display: block;
  text-align: center;
  color: #bebebe;
  border: 1px solid #bebebe;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .actions
  .button.btn-update
  span:hover {
  background: #bebebe;
  color: #fff;
}
.sns-ajaxcart .block-content .block-inner .actions .button.btn-gocheckout {
  width: 35%;
  float: right;
  background: none;
  padding: 0 0;
  font-size: 100%;
  font-weight: normal;
}
.sns-ajaxcart .block-content .block-inner .actions .button.btn-gocheckout span {
  background: #e1b696;
  margin-right: 15px;
  line-height: 40px;
  letter-spacing: 0.05em;
  display: block;
  text-align: center;
  color: #fff;
}
.sns-ajaxcart
  .block-content
  .block-inner
  .actions
  .button.btn-gocheckout
  span:hover {
  background: #d69f76;
  color: #fff;
}
.sns-ajaxcart.have-item:hover .block-content,
.sns-ajaxcart.have-item.open .block-content {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}
.sns-slider {
  margin: 0 0 30px;
}
.sns-slider .title-slider {
  font-size: 133.3%;
  font-weight: normal;
  text-transform: uppercase;
  color: #666666;
  float: left;
  margin: -5px 14px 0 0;
}
.sns-slider .pretext {
  position: relative;
  color: #aaa;
  top: -2px;
}
.sns-slider .pretext div {
  padding-right: 60px;
  overflow: hidden;
  white-space: nowrap;
}
.sns-slider .navigation {
  width: 50px;
  height: 20px;
  top: 0px;
}
.sns-slider .navigation > span {
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-indent: -999em;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: #eee;
}
.sns-slider .navigation > span:before {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/slider-nav.png") no-repeat left top;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
}
.sns-slider .navigation > span:hover {
  background: #aac9d1;
}
.sns-slider .navigation > span:hover:before {
  background-position: left -20px;
}
.sns-slider .navigation .prev {
  right: 30px;
}
.sns-slider .navigation .prev:before {
  background-position: left -40px;
}
.sns-slider .navigation .prev:hover:before {
  background-position: left -60px;
}
.sns-slider .timer {
  background: #e1b696;
  height: 1px;
  position: absolute;
  bottom: 0px;
}
.sns-slider .paging {
  margin: 15px 0 0;
  text-align: center;
  height: 10px;
}
.sns-slider .paging a {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #ccc;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin: 0 0 0 5px;
  text-indent: -999em;
}
.sns-slider .paging a.selected,
.sns-slider .paging a:hover {
  background: #aac9d1;
}
.sns-slider ul.products-grid li.item {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sns-slider.fortabs .caroufredsel_wrapper {
  margin: 0px -10px 0px -10px !important;
  padding: 10px 10px 0px 10px !important;
}
.sns-slider.fortabs .caroufredsel_wrapper > ul {
  margin-left: -20px !important;
}
.sns-slider.fortabs .caroufredsel_wrapper > ul .item {
  width: 170px !important;
  margin: 0 0 0 30px;
}
.sns-slider.fortabs
  .caroufredsel_wrapper
  > ul
  .item
  .item-inner
  .item-info
  .item-title {
  font-size: 133%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sns-slider.fortabs .navigation {
  left: -87px;
}
.sns-slider.column-style .caroufredsel_wrapper {
  padding: 0 0 !important;
  margin: 0 0 !important;
  width: 100% !important;
}
.sns-slider.column-style .caroufredsel_wrapper > ul {
  margin: 0 0 !important;
}
.sns-slider.column-style .caroufredsel_wrapper > ul .item {
  margin: 0 0;
}
#sns_main .sns-slider ul.products-grid {
  margin-left: -20px !important;
}
#sns_main .sns-slider ul.products-grid .item {
  width: 270px !important;
  margin: 0 0 0 30px;
}
#sns_main .sns-slider .caroufredsel_wrapper {
  width: 100% !important;
  padding: 0px 10px 0px !important;
  margin: 15px -10px 0px -10px !important;
}
#sns_productswrap .sns-slider ul.products-grid {
  margin-left: -20px !important;
}
#sns_productswrap .sns-slider ul.products-grid .item {
  width: 170px !important;
  margin: 0 0 0 30px;
}
#sns_productswrap .sns-slider .caroufredsel_wrapper {
  width: 100% !important;
  padding: 0px 10px 0px !important;
  margin: 15px -10px 0px -10px !important;
}
/*--- Wrap: #sns_topheader ---*/
#sns_topheader {
  height: 70px;
  line-height: 30px;
  background: #ffffff;
  color: #000000;
  border-bottom: 2px solid #f2f2f2;
}
#sns_topheader a {
  color: #838383;
}
#sns_topheader a:hover {
  color: #e1b696;
}
#sns_topheader .topheader-left .sns-switch {
  float: left;
  margin: 0 10px 0 0;
}
#sns_topheader .topheader-left .sns-switch .switch-inner {
  position: relative;
}
#sns_topheader .topheader-left .sns-switch .switch-inner .language-switcher,
#sns_topheader .topheader-left .sns-switch .switch-inner .currency-switcher {
  float: left;
  margin: 0 0;
  cursor: pointer;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  label,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  label {
  float: left;
  margin-right: 10px;
  display: none;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  select,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  select {
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  margin: 0;
  padding: 2px 2px 5px;
  border: none;
  background: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper {
  background: none;
  height: 30px;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  ul,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  ul {
  top: 30px;
  border: none;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  ul
  li,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  ul
  li {
  position: relative;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  ul
  li
  a,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  ul
  li
  a {
  padding: 5px 10px;
  background: #aac9d1;
  color: #fff;
  text-transform: uppercase;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  ul
  li
  a:hover,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  ul
  li
  a:hover {
  background: #67848e;
  color: #fff;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  ul
  li
  a.selected,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  ul
  li
  a.selected {
  background: #67848e;
  color: #fff;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  ul
  li:before,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  ul
  li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #67848e;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  div,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  div {
  display: block;
  height: 100%;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  div
  span,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  div
  span {
  height: 30px;
  line-height: 30px;
  padding: 0 20px 0 10px;
  text-transform: uppercase;
  font-size: 11px;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  div
  a.jqTransformSelectOpen,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  div
  a.jqTransformSelectOpen {
  background-image: url("../images/ico-drop-top.png");
  background-repeat: no-repeat;
  background-position: right 0px;
  width: 7px;
  height: 4px;
  right: 10px;
  top: 14px;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper.open,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper.open,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper:hover,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper:hover {
  /*div a.jqTransformSelectOpen{
								background-position: left -23px;
							}*/
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper.open
  div
  span,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper.open
  div
  span,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper:hover
  div
  span,
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper:hover
  div
  span {
  background: #aac9d1;
}
#sns_topheader .topheader-left .sns-switch .switch-inner .currency-switcher {
  margin: 0 1px 0 0;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper {
  width: 56px;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  ul {
  width: 56px !important;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  select {
  width: 26px;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .currency-switcher
  .jqTransformSelectWrapper
  div
  span {
  width: 26px !important;
}
#sns_topheader .topheader-left .sns-switch .switch-inner .language-switcher {
  margin: 0 1px 0 0;
  background: url("../images/top-seperator.png") no-repeat right center;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper {
  margin: 0 1px 0 0;
  width: 78px;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  ul {
  width: 120px !important;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  select {
  width: 50px;
}
#sns_topheader
  .topheader-left
  .sns-switch
  .switch-inner
  .language-switcher
  .jqTransformSelectWrapper
  div
  span {
  width: 47px !important;
}
#sns_topheader .topheader-left span.welcome {
  float: left;
}
#sns_topheader .topheader-left ul.links {
  list-style: none;
  margin: 0 0 0 5px;
  float: left;
}
#sns_topheader .topheader-left ul.links li {
  display: inline-block;
}
#sns_topheader .topheader-left ul.links li.separator {
  margin: 0 4px 0 1px;
}
#sns_topheader .topheader-right .topheader-right-inner {
  float: right;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_login {
  text-align: left;
  color: #929292;
  width: 400px;
  left: 50%;
  margin-left: -200px;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_login .row-fluid {
  max-width: 530px;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #modal_login
  .row-fluid
  ul {
  margin: 26px 0 10px 10px;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_login form {
  margin: 0 0;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_regis {
  text-align: left;
  color: #929292;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_regis form {
  margin: 0 0;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_regis .row-fluid {
  max-width: 530px;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_regis .fieldset {
  padding: 0 0;
  border: none;
  margin: 0 0;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #modal_regis
  .fieldset
  .legend {
  margin: 0 0 10px;
  padding: 0 0;
  font-size: 110%;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_regis ul {
  margin: 0 0;
  list-style: none;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #modal_regis
  ul
  li.control
  .input-box {
  float: left;
  margin: 0 5px 0 0;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #modal_regis
  ul
  li.control
  .input-box
  input[type="text"] {
  margin: 0 0;
  width: 220px;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #modal_regis
  ul
  li.control
  label {
  cursor: pointer;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_regis em {
  padding: 0 5px 0 0;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #modal_regis
  .buttons-set {
  padding: 20px 0 0;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #modal_regis
  .buttons-set
  .button {
  float: none;
  margin: 0 0;
}
#sns_topheader .topheader-right .topheader-right-inner #modal_regis .or {
  padding: 0 15px;
}
#sns_topheader .topheader-right .topheader-right-inner #search_mini_form {
  margin: 0 0 0 10px;
  padding: 0 0;
  float: right;
  line-height: normal;
  position: relative;
  width: 40px;
  height: 30px;
  background: url("../images/top-seperator.png") no-repeat left center;
  cursor: pointer;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #search_mini_form:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  right: 0px;
  top: 0px;
  cursor: pointer;
  background: #e1b696 url("../images/ico-search.png") no-repeat center center;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #search_mini_form
  .form-search {
  position: absolute;
  top: 30px;
  right: 0px;
  padding: 10px;
  background: #e1b696;
  z-index: 800;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  visibility: hidden;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #search_mini_form
  .form-search
  input.input-text {
  border: none;
  width: 240px;
  padding: 5px 8px;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #search_mini_form
  .form-search
  .button {
  padding: 6px 10px;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 100%;
  color: #929292;
  background-color: transparent;
  line-height: 19px;
  background: url("../images/gobutton.png") no-repeat left center;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #search_mini_form
  .form-search
  .button:hover {
  color: #fff;
  background: #92afb9;
}
#sns_topheader
  .topheader-right
  .topheader-right-inner
  #search_mini_form:hover
  .form-search {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}
/*--- Wrap: #sns_header ---*/
#sns_header #logo {
  text-align: center;
}
#sns_header #logo a {
  display: inline-block;
}
#sns_header #logo a span {
  display: none;
}
/*--- Wrap: #sns_menu ---*/
.cms-home #sns_menu {
  margin: 0 0 15px;
}
#sns_menu {
  position: relative;
  z-index: 2;
  margin: 0 0;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}
#sns_menu .container {
  height: 60px;
  position: relative;
  width: 100%;
}
#sns_menu .container .row-fluid #sns_mainnav {
  width: 100%;
  position: relative;
  background: #fff;
}
#sns_menu .container .row-fluid #sns_mainnav .menu-title {
  font-size: 13px;
}
#sns_menu.keep-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}
/*--- Wrap: #sns_slideshow ---*/
#sns_slideshow {
  margin: 0 0 30px;
  position: relative;
  z-index: 1;
}
#sns_slideshow .sns-slideshow-wrap .sns-fraction-slider .slide img {
  opacity: 0;
  filter: alpha(opacity=0);
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide
  img {
  opacity: 1;
  filter: alpha(opacity=100);
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide.white-text
  .subclaim {
  color: #fff;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide.white-text
  .claim {
  color: #fff;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide.white-text
  .line-content {
  text-indent: -999em;
  height: 6px;
  position: relative;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide.white-text
  .line-content:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 80%;
  background: #fff;
  left: 10%;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide
  .fs-80 {
  font-size: 80px;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide
  .fs-70 {
  font-size: 70px;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide
  .fs-60 {
  font-size: 60px;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide
  .fs-50 {
  font-size: 50px;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide
  .fs-40 {
  font-size: 40px;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide
  .fs-30 {
  font-size: 30px;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide
  .fs-30 {
  font-size: 30px;
}
#sns_slideshow
  .sns-slideshow-wrap
  .sns-fraction-slider
  .fraction-slider
  .slide
  .fs-20 {
  font-size: 20px;
}
#sns_slideshow .sns-slideshow-wrap .next,
#sns_slideshow .sns-slideshow-wrap .prev {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 48px;
  height: 48px;
  margin-top: -25px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  right: 10px;
  border: 1px solid #ddd;
  display: block !important;
}
#sns_slideshow .sns-slideshow-wrap .next:before,
#sns_slideshow .sns-slideshow-wrap .prev:before {
  background: url("../images/arrow-slideshow.png") no-repeat left top;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
}
#sns_slideshow .sns-slideshow-wrap .next:hover,
#sns_slideshow .sns-slideshow-wrap .prev:hover {
  background-color: #e1b696;
  border-color: #e1b696;
}
#sns_slideshow .sns-slideshow-wrap .next:hover:before,
#sns_slideshow .sns-slideshow-wrap .prev:hover:before {
  background-position: left -48px;
}
#sns_slideshow .sns-slideshow-wrap .prev {
  left: 10px;
  right: auto;
}
#sns_slideshow .sns-slideshow-wrap .prev:before {
  background-position: left -96px;
}
#sns_slideshow .sns-slideshow-wrap .prev:hover:before {
  background-position: left -144px;
}
#sns_slideshow .sns-slideshow-wrap .buttons-action .button {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
  padding: 11px 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  color: #929292;
  font-size: 12px;
}
#sns_slideshow .sns-slideshow-wrap .buttons-action .button:hover {
  background-color: #e1b696;
  color: #fff;
}
#sns_slideshow .sns-slideshow-wrap .buttons-action .button.btn-shopnow {
  margin-right: 5px;
}
/*--- Wrap: #sns_topsl ---*/
#sns_topsl .block {
  margin: 0 0 50px;
}
#sns_topsl .block .block-content {
  padding: 0 0;
}
#sns_topsl .block.block-shoppolicy .block-content .item {
  width: 25%;
  float: left;
  text-align: center;
  position: relative;
  padding-top: 44px;
}
#sns_topsl .block.block-shoppolicy .block-content .item label {
  margin: 0 0;
  font-weight: bold;
  font-size: 116.7%;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#sns_topsl .block.block-shoppolicy .block-content .item p {
  margin: 0 0;
}
#sns_topsl .block.block-shoppolicy .block-content .item:before {
  position: absolute;
  content: "";
  left: 50%;
  top: 5px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#sns_topsl .block.block-shoppolicy .block-content .item:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  left: 0px;
  top: 0px;
  background: #ddd;
}
#sns_topsl .block.block-shoppolicy .block-content .item:first-child:after {
  display: none;
}
#sns_topsl .block.block-shoppolicy .block-content .item:hover:before {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
#sns_topsl .block.block-shoppolicy .block-content .item:hover label {
  color: #e1b696;
}
#sns_topsl .block.block-shoppolicy .block-content .item.support-online:before {
  width: 24px;
  height: 23px;
  background: url("../images/ico-supportonline.png") no-repeat left top;
  margin-left: -12px;
}
#sns_topsl .block.block-shoppolicy .block-content .item.free-shipping:before {
  width: 24px;
  height: 23px;
  background: url("../images/ico-freeship.png") no-repeat left top;
  margin-left: -12px;
}
#sns_topsl .block.block-shoppolicy .block-content .item.money-back:before {
  width: 30px;
  height: 29px;
  background: url("../images/ico-moneyback.png") no-repeat left top;
  margin-left: -15px;
}
#sns_topsl .block.block-shoppolicy .block-content .item.sale-off:before {
  width: 32px;
  height: 32px;
  background: url("../images/ico-saleoff.png") no-repeat left top;
  margin-left: -16px;
}
/* --- Wrap: #sns_topsl --- */
#sns_breadcrumbs {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}
/*--- Wrap: #sns_content ---*/
.no-breadcrumbs #sns_content {
  margin-top: 30px;
}
.cms-home #sns_content {
  margin-top: 0px;
}
.cms-home #sns_content #sns_left .col-inner .block,
.cms-home #sns_content #sns_right .col-inner .block {
  margin: 0 0;
  border-top: none;
  padding-top: 16px;
  padding-bottom: 16px;
}
.cms-home #sns_content #sns_left .col-inner .block:first-child,
.cms-home #sns_content #sns_right .col-inner .block:first-child {
  border-top: 1px solid #ddd;
}
.cms-home #sns_content #sns_left .col-inner .block.block-contactus label,
.cms-home #sns_content #sns_right .col-inner .block.block-contactus label {
  margin: 0 0;
  font-weight: bold;
}
.cms-home #sns_content #sns_left .col-inner .block.block-contactus p,
.cms-home #sns_content #sns_right .col-inner .block.block-contactus p {
  margin: 0 0 5px 0;
}
.cms-home #sns_content #sns_left .col-inner .block.block-contactus a,
.cms-home #sns_content #sns_right .col-inner .block.block-contactus a {
  color: #e1b696;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul {
  margin: 0 0;
  list-style: none;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li {
  float: left;
  display: inline-block;
  margin: 0 0 0 20px;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a {
  display: inline-block;
  color: #929292;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a
  span,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a
  span {
  display: none;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a:before,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a:before {
  font-family: FontAwesome;
  font-size: 25px;
  height: 35px;
  width: 35px;
  line-height: 100%;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.facebook:before,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.facebook:before {
  content: "\f09a";
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.facebook:hover,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.facebook:hover {
  color: #425f9c;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.plus:before,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.plus:before {
  content: "\f0d5";
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.plus:hover,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.plus:hover {
  color: #d85131;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.pinterest:before,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.pinterest:before {
  content: "\f0d3";
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.pinterest:hover,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.pinterest:hover {
  color: #ca2128;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.linkedin:before,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.linkedin:before {
  content: "\f0e1";
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.linkedin:hover,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.linkedin:hover {
  color: #017eb4;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.twitter:before,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.twitter:before {
  content: "\f099";
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.twitter:hover,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a.twitter:hover {
  color: #5dd7fc;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a:hover,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li
  a:hover {
  text-decoration: none;
  color: #e1b696;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-social
  .block-content
  ul
  li:first-child,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-social
  .block-content
  ul
  li:first-child {
  margin-left: 0px;
}
.cms-home #sns_content #sns_left .col-inner .block.block-subscribe form,
.cms-home #sns_content #sns_right .col-inner .block.block-subscribe form {
  margin: 0 0;
}
.cms-home #sns_content #sns_left .col-inner .block.block-subscribe label,
.cms-home #sns_content #sns_right .col-inner .block.block-subscribe label {
  cursor: pointer;
  margin-bottom: 10px;
}
.cms-home #sns_content #sns_left .col-inner .block.block-subscribe input,
.cms-home #sns_content #sns_right .col-inner .block.block-subscribe input {
  width: 175px;
  float: left;
  padding: 5px 11px 4px;
  border-right: none;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-subscribe
  input.validation-failed,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-subscribe
  input.validation-failed {
  border-color: #f2dede;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-subscribe
  #advice-validate-email-newsletter,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-subscribe
  #advice-validate-email-newsletter {
  float: left;
  display: none;
}
.cms-home
  #sns_content
  #sns_left
  .col-inner
  .block.block-subscribe
  .actions
  .button,
.cms-home
  #sns_content
  #sns_right
  .col-inner
  .block.block-subscribe
  .actions
  .button {
  width: 31px;
  height: 31px;
  padding: 0 0;
  text-align: center;
  background: #e1b696;
  color: #fff;
}
#sns_content {
  margin: 0 0;
  position: relative;
  z-index: 1;
  /* account form */
  /*-- Block in content ---*/
}
#sns_content #login-form h2 {
  font-size: 120%;
  margin: 0 0;
}
#sns_content #login-form ul {
  list-style: none;
  margin: 0 0;
}
#sns_content #sns_left .block,
#sns_content #sns_right .block {
  margin: 0 0 30px;
}
#sns_content #sns_maintop {
  margin-bottom: 8px;
}
#sns_content #sns_mainmidle .block.block-related {
  position: relative;
  margin: 0;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
#sns_content #sns_mainmidle .block.block-related .navigation {
  width: 50px;
  height: 20px;
  top: 4px;
  right: 20px;
  position: absolute;
}
#sns_content #sns_mainmidle .block.block-related .navigation > span {
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-indent: -999em;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: #eee;
}
#sns_content #sns_mainmidle .block.block-related .navigation > span:before {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/slider-nav.png") no-repeat left top;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
}
#sns_content #sns_mainmidle .block.block-related .navigation > span:hover {
  background: #e1b696;
}
#sns_content
  #sns_mainmidle
  .block.block-related
  .navigation
  > span:hover:before {
  background-position: left -20px;
}
#sns_content #sns_mainmidle .block.block-related .navigation .prev {
  right: 30px;
}
#sns_content #sns_mainmidle .block.block-related .navigation .prev:before {
  background-position: left -40px;
}
#sns_content
  #sns_mainmidle
  .block.block-related
  .navigation
  .prev:hover:before {
  background-position: left -60px;
}
#sns_content #sns_mainmidle .block.block-related .block-title:before {
  display: none;
}
#sns_content #sns_mainmidle .block.block-related .block-content {
  padding: 10px 0 10px;
}
#sns_content #sns_mainmidle .block.block-related .caroufredsel_wrapper {
  width: 100% !important;
}
#sns_content #sns_mainmidle .block.block-related .products-grid .item {
  margin: 0 15px;
  padding-bottom: 20px;
}
#sns_content
  #sns_mainmidle
  .block.block-related
  .products-grid
  .item
  .related-checkbox {
  padding: 0px;
  display: none;
}
#sns_content #sns_mainbottom {
  margin-top: 40px;
}
#sns_content #sns_mainbottom .sns-tabs .tabs-content .tab-item {
  top: 0px;
}
#sns_content .sns-tabs .tabs-navi {
  position: relative;
  z-index: 3;
}
#sns_content .sns-tabs .tabs-navi li {
  display: block;
  margin-top: 5px;
  position: relative;
}
#sns_content .sns-tabs .tabs-navi li:before {
  width: 7px;
  height: 39px;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  background: #e1b696;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#sns_content .sns-tabs .tabs-navi li a {
  display: block;
  padding: 0 14px;
  height: 37px;
  line-height: 37px;
  border: 1px solid #e9e9e9;
  font-size: 150%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  overflow: hidden;
}
#sns_content .sns-tabs .tabs-navi li a.tabulous_active {
  border-color: #e1b696;
  color: #fff;
  background: #e1b696;
  position: relative;
  z-index: 2;
}
#sns_content .sns-tabs .tabs-navi li:hover a {
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
#sns_content .sns-tabs .tabs-navi li:hover:before {
  width: 100%;
}
#sns_content .sns-tabs .tabs-navi li:first-child {
  margin-top: 0px;
}
#sns_content .paypal-logo {
  text-align: center;
  margin: 0 0 20px 0;
}
#sns_content .more-block .block {
  border: 1px solid #e9e9e9;
}
#sns_content .more-block .block .block-title {
  font-size: 165%;
  padding: 8px 0px;
  text-align: center;
  background: none;
}
#sns_content .more-block .block .block-content {
  padding: 0 10px;
}
#sns_content .more-block .block .block-content ul {
  margin: 0 0;
  list-style: none;
}
#sns_content .more-block .block .block-content ul li {
  position: relative;
  border-top: 1px solid #e9e9e9;
}
#sns_content .more-block .block .block-content ul li .product-image {
  width: 40%;
  float: left;
  margin: 0 0;
  border: none;
}
#sns_content .more-block .block .block-content ul li .product-details {
  width: 60%;
  float: left;
  padding: 40px 0 0;
}
#sns_content
  .more-block
  .block
  .block-content
  ul
  li
  .product-details
  .price-box
  .price {
  font-size: 130%;
  text-align: left;
}
#sns_content
  .more-block
  .block
  .block-content
  ul
  li
  .product-details
  .price-box
  .old-price
  .price {
  font-size: 100%;
}
#sns_content
  .more-block
  .block
  .block-content
  ul
  li
  .product-details
  input.checkbox {
  position: absolute;
  top: 10px;
  left: 0px;
}
#sns_content .more-block .block .block-content ul li:first-child {
  border: none;
  padding-top: 0px;
}
#sns_content .block {
  padding: 15px 19px;
  border: 1px solid #ddd;
}
#sns_content .block .block-title {
  font-weight: normal;
  font-size: 133.33%;
  padding: 0 0 12px;
  position: relative;
  text-transform: uppercase;
}
#sns_content .block .block-title:before {
  position: absolute;
  content: "";
  height: 5px;
  width: 100%;
  left: 0px;
  bottom: 0px;
  background: url("../images/block-title-bg.png") repeat-x bottom left;
}
#sns_content .block .block-content {
  margin: 0 0;
  padding: 15px 0 5px;
}
#sns_content .block .block-content ul.custom-block {
  list-style: none;
  margin: 20px 0 0;
}
#sns_content .block .block-content ul.custom-block li {
  padding: 0 0 0 50px;
  line-height: 30px;
  position: relative;
  margin: 10px 0 0;
}
#sns_content .block .block-content ul.custom-block li:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 0px;
  top: 0px;
  background: url("../images/ico-sidebarblock.png") no-repeat left top;
  background-color: #bbb;
}
#sns_content .block .block-content ul.custom-block li:hover {
  color: #e1b696;
}
#sns_content .block .block-content ul.custom-block li:hover:before {
  background-color: #e1b696;
}
#sns_content .block .block-content ul.custom-block li.free-shipping:before {
  background-position: left -30px;
}
#sns_content .block .block-content ul.custom-block li.money-back:before {
  background-position: left -60px;
}
#sns_content .block .block-content ul.custom-block li.order-247:before {
  background-position: left -90px;
}
#sns_content .block .block-content ul.custom-block li.phone:before {
  background-position: left -120px;
}
#sns_content .block.blank {
  border: none;
  padding: 0 0;
}
#sns_content .block.block-tags .tags-list {
  list-style: none;
  margin: 0 0 10px;
  display: block;
  font-size: 14px;
}
#sns_content .block.block-tags .tags-list li {
  display: inline-block;
  margin: 0 14px 0 0;
}
#sns_content .block.block-tags .tags-list li a {
  display: inline-block;
  color: #929292;
  padding: 0;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#sns_content .block.block-tags .tags-list li a:hover {
  text-decoration: none;
  color: #e1b696;
}
#sns_content .block.block-tags .actions {
  display: block;
  text-transform: uppercase;
  margin: 0 0;
}
#sns_content .block.block-tags .actions a.button {
  float: left;
  padding: 6px 0px;
  width: 100%;
  text-align: center;
}
#sns_content .block.block-tags .actions a.button span {
  display: inline-block;
}
#sns_content .block.block-poll form {
  margin: 0 0;
}
#sns_content .block.block-poll .block-subtitle {
  color: #929292;
}
#sns_content .block.block-poll ul#poll-answers {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 6px 0 0;
}
#sns_content .block.block-poll ul#poll-answers li {
  border-bottom: 1px solid #ededed;
  padding: 8px 0;
}
#sns_content .block.block-poll ul#poll-answers li .jqTransformRadioWrapper {
  margin: 0 11px 0 0;
}
#sns_content
  .block.block-poll
  ul#poll-answers
  li
  .jqTransformRadioWrapper
  .jqTransformRadio {
  background: url("../images/ico-radio.png") no-repeat left -1px;
  height: 20px;
  width: 11px;
}
#sns_content
  .block.block-poll
  ul#poll-answers
  li
  .jqTransformRadioWrapper
  .jqTransformRadio.jqTransformChecked {
  background-position: left -20px;
}
#sns_content
  .block.block-poll
  ul#poll-answers
  li
  .jqTransformRadioWrapper
  input[type="radio"] {
  float: left;
  margin: 0 8px 0 0;
}
#sns_content .block.block-poll ul#poll-answers li label {
  cursor: pointer;
  margin: 0 0;
}
#sns_content .block.block-poll ul#poll-answers li:first-child {
  border-top: 1px solid #ededed;
}
#sns_content .block.block-poll ol#poll-answers {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 6px 0 0;
}
#sns_content .block.block-poll ol#poll-answers li {
  border-bottom: 1px solid #ededed;
  padding: 8px 0;
}
#sns_content .block.block-poll ol#poll-answers li span.answer {
  float: left;
  margin: 0 5px 0 0;
  color: #929292;
}
#sns_content .block.block-poll ol#poll-answers li:first-child {
  border-top: 1px solid #ededed;
}
#sns_content .block.block-compare p.empty {
  margin: 0 0;
}
#sns_content .block.block-account ul {
  list-style: none;
  margin: 0;
}
#sns_content .block.block-account ul li {
  margin: 3px 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#sns_content .block.block-account ul li strong {
  color: #e1b696;
}
#sns_content .block.block-account ul li:hover {
  padding-left: 10px;
}
#sns_content .block.block-reorder ol {
  list-style: none;
  margin: 0 0;
}
#sns_content .block.block-reorder ol li input {
  float: left;
  margin: 0 8px 0 0;
}
#sns_content .block.block-reorder .actions {
  margin: 10px 0 0;
}
#sns_content .block.block-reorder .actions .btn-cart {
  margin-right: 10px;
}
#sns_content .block.block-progress dl {
  margin: 0 0;
}
#sns_content .block.block-progress dl > div,
#sns_content .block.block-progress dl > dt {
  margin: 0 0;
  padding: 8px 0;
  border-top: 1px solid #d4d4d4;
}
#sns_content .block.block-progress dl > div:first-child,
#sns_content .block.block-progress dl > dt:first-child {
  border-top: none;
}
#sns_content .block.block-layered-nav .currently ol {
  margin: 0 0 5px 25px;
}
#sns_content .block.block-layered-nav .currently ol li {
  position: relative;
  margin: 2px 0;
}
#sns_content .block.block-layered-nav .actions {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e9e9e9;
}
#sns_content .block.block-layered-nav dl#narrow-by-list {
  margin: 0 0;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dt {
  text-transform: uppercase;
  position: relative;
  margin: 12px 0 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-weight: bold;
  color: #666666;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dt:first-child {
  margin: 0 0;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd {
  margin-left: 0px;
  border-bottom: 1px dotted #ccc;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol {
  margin-left: 0px;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li {
  color: #bbb;
  list-style-type: none;
  padding: 3px 0 3px 10px;
  background: url("../images/arrow2.png") no-repeat left 9px;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li a {
  color: #929292;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd ol li:hover a {
  color: #e1b696;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd .price .text-box {
  padding: 0 0;
  margin: 6px 0;
  position: relative;
  height: 32px;
}
#sns_content
  .block.block-layered-nav
  dl#narrow-by-list
  dd
  .price
  .text-box
  > * {
  display: table-cell;
}
#sns_content
  .block.block-layered-nav
  dl#narrow-by-list
  dd
  .price
  .text-box
  input[type="text"] {
  font-size: 12px;
  font-family: arial, sans-serif;
  margin-left: 0px;
  padding: 5px 0 4px;
  width: 57px;
}
#sns_content
  .block.block-layered-nav
  dl#narrow-by-list
  dd
  .price
  .text-box
  input[type="button"] {
  position: absolute;
  right: 0px;
  top: 0px;
  border: none;
  text-transform: uppercase;
  padding: 7px 14px;
  background: #e1b696;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#sns_content
  .block.block-layered-nav
  dl#narrow-by-list
  dd
  .price
  .text-box
  .price-separator {
  margin: 5px 6px;
}
#sns_content
  .block.block-layered-nav
  dl#narrow-by-list
  dd
  .price
  p
  input#amount {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0 0;
}
#sns_content
  .block.block-layered-nav
  dl#narrow-by-list
  dd
  .price
  p
  input#amount:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd .price .range-wrap {
  padding: 6px 0;
  margin-bottom: 10px;
}
#sns_content
  .block.block-layered-nav
  dl#narrow-by-list
  dd
  .price
  .range-wrap
  #slider-range {
  margin: 6px 10px;
  background: #ccc;
  height: 2px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#sns_content
  .block.block-layered-nav
  dl#narrow-by-list
  dd
  .price
  .range-wrap
  #slider-range
  .ui-slider-range {
  background: #e1b696;
  height: 2px;
}
#sns_content
  .block.block-layered-nav
  dl#narrow-by-list
  dd
  .price
  .range-wrap
  #slider-range
  .ui-slider-handle {
  background: #fff;
  top: -10px;
  width: 17px;
  height: 17px;
  border: 2px solid #e1b696;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-left: -10px;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd.last {
  border: none;
}
#sns_content .block.block-layered-nav dl#narrow-by-list dd.last ol {
  margin-bottom: 0px;
}
#sns_content .block.block-subscribe.forright {
  padding: 0 0;
  border: none;
}
#sns_content .block.block-subscribe.forright form {
  margin: 0 0;
}
#sns_content .block.block-subscribe.forright label {
  margin: 0 0 10px 0;
}
#sns_content .block.block-subscribe.forright input {
  margin: 0 0;
}
#sns_content .block.block-subscribe.forright button.button {
  margin-top: 10px;
}
#sns_content .block.block-sns-layered-nav ul.ui-accordion {
  list-style: none;
  margin: 0 0;
}
#sns_content .block.block-sns-layered-nav ul.ui-accordion li {
  position: relative;
  display: block;
  line-height: 26px;
}
#sns_content .block.block-sns-layered-nav ul.ui-accordion li ul {
  margin: 0 0 0 15px;
}
#sns_content .block.block-sns-layered-nav ul.ui-accordion li a {
  padding-left: 10px;
  background: url("../images/arrow2.png") no-repeat left 9px;
  display: inline-block;
}
#sns_content .block.block-sns-layered-nav ul.ui-accordion li a.subhead {
  display: inline-block;
}
#sns_content .block.block-sns-layered-nav ul.ui-accordion li a.toggle {
  background: url("../images/plus-minus.gif") no-repeat left top;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 0 0;
}
#sns_content .block.block-sns-layered-nav ul.ui-accordion li a.toggle.selected {
  background-position: left -20px;
}
#sns_content .block.block-sns-layered-nav ul.ui-accordion li.selected > a {
  color: #e1b696;
}
#sns_content .box-up-sell {
  position: relative;
}
#sns_content .box-up-sell .block-title {
  white-space: nowrap;
  overflow: hidden;
  padding-right: 55px;
}
#sns_content .box-up-sell .block-content .navigation {
  width: 50px;
  height: 20px;
  top: 13px;
  right: 19px;
  position: absolute;
}
#sns_content .box-up-sell .block-content .navigation > span {
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-indent: -999em;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: #eee;
}
#sns_content .box-up-sell .block-content .navigation > span:before {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/slider-nav.png") no-repeat left top;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
}
#sns_content .box-up-sell .block-content .navigation > span:hover {
  background: #e1b696;
}
#sns_content .box-up-sell .block-content .navigation > span:hover:before {
  background-position: left -20px;
}
#sns_content .box-up-sell .block-content .navigation .prev {
  right: 30px;
}
#sns_content .box-up-sell .block-content .navigation .prev:before {
  background-position: left -40px;
}
#sns_content .box-up-sell .block-content .navigation .prev:hover:before {
  background-position: left -60px;
}
#sns_content .box-up-sell .block-content .up-sell-products {
  margin: 0 0;
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  .caroufredsel_wrapper {
  margin: 0 0 !important;
  width: 100% !important;
}
#sns_content .box-up-sell .block-content .up-sell-products ul.products-grid {
  list-style: none;
  margin: 0 0;
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  ul.products-grid
  li.item-usl {
  width: 100%;
  float: left;
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  ul.products-grid
  li.item-usl
  .item-uppsel {
  width: 100%;
  display: block;
  float: left;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dfdfdf;
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  ul.products-grid
  li.item-usl
  .item-uppsel
  .product-image {
  display: inline-block;
  margin: 0 8px 0 0;
  float: left;
  position: relative;
  overflow: hidden;
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  ul.products-grid
  li.item-usl
  .item-uppsel
  .product-image
  img {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  ul.products-grid
  li.item-usl
  .item-uppsel
  .product-image:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  ul.products-grid
  li.item-usl
  .item-uppsel
  .ico-product {
  display: inline-block;
  height: 17px;
  width: 41px;
  z-index: 2;
  margin: 5px 10px 0 0;
  background-image: url("../images/ico-product.png");
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -999em;
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  ul.products-grid
  li.item-usl
  .item-uppsel
  .ico-product.ico-sale {
  background-position: left -17px;
  left: 0px;
  right: auto;
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  ul.products-grid
  li.item-usl
  .item-uppsel:hover
  .product-image
  img {
  -webkit-transform: rotate(-10deg) scale(1.1);
  -moz-transform: rotate(-10deg) scale(1.1);
  -o-transform: rotate(-10deg) scale(1.1);
  transform: rotate(-10deg) scale(1.1);
}
#sns_content
  .box-up-sell
  .block-content
  .up-sell-products
  ul.products-grid
  li.item-usl
  .item-uppsel:first-child {
  margin-top: 5px;
  padding-top: 0px;
  border-top: none;
}
#sns_content .box-up-sell .block-content .up-sell-products .timer {
  position: absolute;
  bottom: -1px;
  left: 0px;
  background-color: #e1b696;
  height: 1px;
  width: 0px;
}
#sns_content .category-image {
  margin-bottom: 25px;
}
/*--- Wrap: #sns_botsl ---*/
#sns_botsl {
  margin: 0 0 40px 0;
}
#sns_botsl .container {
  padding: 50px 0 0;
  border-top: 1px solid #e8e8e8;
}
#sns_botsl .block .block-title {
  background: transparent;
  padding: 0 0;
  position: relative;
  top: -5px;
}
#sns_botsl .block .block-title:before {
  background: none;
  height: 0px;
  width: 0px;
  padding: 0 0;
  margin: 0 0;
}
#sns_botsl .block.block-twitter .block-content {
  padding: 18px 0 0;
  overflow: hidden;
}
#sns_botsl .block.block-twitter .block-content #sns_twitter .tweet {
  margin: 0 0;
  line-height: 18px;
}
#sns_botsl .block.block-testimonials {
  position: relative;
  margin-bottom: 0px;
}
#sns_botsl .block.block-testimonials .navigation {
  width: 50px;
  height: 20px;
  top: 0px;
  right: 0px;
  position: absolute;
}
#sns_botsl .block.block-testimonials .navigation > span {
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-indent: -999em;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: #eee;
}
#sns_botsl .block.block-testimonials .navigation > span:before {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/slider-nav.png") no-repeat left top;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
}
#sns_botsl .block.block-testimonials .navigation > span:hover {
  background: #e1b696;
}
#sns_botsl .block.block-testimonials .navigation > span:hover:before {
  background-position: left -20px;
}
#sns_botsl .block.block-testimonials .navigation .prev {
  right: 30px;
}
#sns_botsl .block.block-testimonials .navigation .prev:before {
  background-position: left -40px;
}
#sns_botsl .block.block-testimonials .navigation .prev:hover:before {
  background-position: left -60px;
}
#sns_botsl .block.block-testimonials .block-content {
  padding: 23px 0 0;
}
#sns_botsl .block.block-testimonials .block-content .list-quotes {
  margin: 0 0;
  list-style: none;
}
#sns_botsl .block.block-testimonials .block-content .list-quotes .item {
  width: 100%;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .list-quotes
  .item
  .item-qoute {
  width: 100%;
  margin-top: 20px;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .list-quotes
  .item
  .item-qoute
  .quote-user {
  float: left;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .list-quotes
  .item
  .item-qoute
  .quote-content {
  padding: 0px 0px 0px 77px;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .list-quotes
  .item
  .item-qoute
  .quote-content
  .inner {
  border: 1px solid #ddd;
  padding: 6px 9px;
  line-height: 18px;
  position: relative;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .list-quotes
  .item
  .item-qoute
  .quote-content
  .inner:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 18px;
  left: -18px;
  top: 10px;
  background: url("../images/quote-content-ico.gif") no-repeat left top;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .list-quotes
  .item
  .item-qoute
  .quote-content
  .inner
  .quote-info {
  border-top: 1px dotted #ccc;
  margin-top: 4px;
  padding-top: 4px;
  line-height: 20px;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .list-quotes
  .item
  .item-qoute
  .quote-content
  .inner
  .quote-info
  .name {
  font-weight: bold;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .list-quotes
  .item
  .item-qoute
  .quote-content
  .inner
  .quote-info
  .date {
  color: #aaa;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .list-quotes
  .item
  .item-qoute:first-child {
  margin-top: 0;
}
#sns_botsl .block.block-testimonials .block-content .caroufredsel_wrapper {
  width: 100% !important;
  margin: 0 -10px !important;
  padding: 0 10px !important;
}
#sns_botsl .block.block-testimonials .block-content .caroufredsel_wrapper ul {
  margin-left: -20px !important;
}
#sns_botsl
  .block.block-testimonials
  .block-content
  .caroufredsel_wrapper
  ul
  .item {
  margin-left: 30px;
  width: 370px !important;
  float: left;
}
#sns_botsl .block.block-latestblog {
  position: relative;
  margin-bottom: 0px;
}
#sns_botsl .block.block-latestblog .block-title {
  background: transparent;
  padding: 0 0;
}
#sns_botsl .block.block-latestblog .block-title:before {
  background: none;
  height: 0px;
  width: 0px;
  padding: 0 0;
  margin: 0 0;
}
#sns_botsl .block.block-latestblog .navigation {
  width: 50px;
  height: 20px;
  top: 0px;
  right: 0px;
  position: absolute;
}
#sns_botsl .block.block-latestblog .navigation > span {
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-indent: -999em;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: #eee;
}
#sns_botsl .block.block-latestblog .navigation > span:before {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: url("../images/slider-nav.png") no-repeat left top;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
}
#sns_botsl .block.block-latestblog .navigation > span:hover {
  background: #e1b696;
}
#sns_botsl .block.block-latestblog .navigation > span:hover:before {
  background-position: left -20px;
}
#sns_botsl .block.block-latestblog .navigation .prev {
  right: 30px;
}
#sns_botsl .block.block-latestblog .navigation .prev:before {
  background-position: left -40px;
}
#sns_botsl .block.block-latestblog .navigation .prev:hover:before {
  background-position: left -60px;
}
#sns_botsl .block.block-latestblog .block-content {
  padding: 18px 0 0;
}
#sns_botsl .block.block-latestblog .block-content ul {
  list-style: none;
  margin: 0;
}
#sns_botsl .block.block-latestblog .block-content ul .item {
  width: 100%;
}
#sns_botsl .block.block-latestblog .block-content ul .item .item-post {
  position: relative;
  padding: 15px 0px 20px 0px;
  border-top: 1px solid #e8e8e8;
}
#sns_botsl .block.block-latestblog .block-content ul .item .item-post .date {
  color: #aaa;
  line-height: 14px;
  margin-bottom: 6px;
}
#sns_botsl
  .block.block-latestblog
  .block-content
  ul
  .item
  .item-post
  a.post-img {
  display: inline-block;
  float: left;
  position: relative;
  margin: 5px 15px 0 0;
  width: 140px;
  /*&:before{position: absolute;content: ""; height: 100%;width: 100%; left: 0px; top: 0px;
									.transition(all 0.2s ease-out);
								}
								&:hover{
									&:before{background: rgba(0, 0, 0, 0.2);}
								}*/
}
#sns_botsl
  .block.block-latestblog
  .block-content
  ul
  .item
  .item-post
  .postTitle {
  margin: 0 0;
  border: none;
  overflow: hidden;
  white-space: nowrap;
}
#sns_botsl
  .block.block-latestblog
  .block-content
  ul
  .item
  .item-post
  .postTitle
  a {
  font-weight: bold;
}
#sns_botsl
  .block.block-latestblog
  .block-content
  ul
  .item
  .item-post
  .postTitle
  a:hover {
  text-decoration: none;
  color: #e1b696;
}
#sns_botsl
  .block.block-latestblog
  .block-content
  ul
  .item
  .item-post
  .postContent {
  padding: 0 0;
}
#sns_botsl
  .block.block-latestblog
  .block-content
  ul
  .item
  .item-post
  .postContent
  p {
  margin: 0 0;
}
#sns_botsl
  .block.block-latestblog
  .block-content
  ul
  .item
  .item-post
  .read-more {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 21px;
  width: 21px;
  text-indent: -99em;
  display: block;
  background: #c5c5c5 url("../images/arrow-white.png") no-repeat 8px 6px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#sns_botsl
  .block.block-latestblog
  .block-content
  ul
  .item
  .item-post:hover
  .read-more {
  background-color: #e1b696;
}
#sns_botsl
  .block.block-latestblog
  .block-content
  ul
  .item
  .item-post:first-child {
  padding-top: 0px;
  border-top: none;
}
#sns_botsl .block.block-latestblog .block-content ul .item .item-post.last {
  padding-bottom: 0px;
}
#sns_botsl .block.block-latestblog .block-content .caroufredsel_wrapper {
  width: 100% !important;
  margin: 0 -10px !important;
  padding: 0 10px !important;
}
#sns_botsl .block.block-latestblog .block-content .caroufredsel_wrapper ul {
  margin-left: -20px !important;
}
#sns_botsl
  .block.block-latestblog
  .block-content
  .caroufredsel_wrapper
  ul
  .item {
  margin-left: 30px;
  width: 370px !important;
  float: left;
}
/*--- Wrap: #sns_connect ---*/
#sns_connect {
  padding: 30px 0;
}
/*--- Wrap: #sns_brand ---*/
#sns_brand {
  margin: 0 0 50px;
  position: relative;
  z-index: 0;
}
#sns_brand .slider-brands {
  position: relative;
  padding: 0 0;
  z-index: 1;
  width: 718px;
  margin: 0 auto;
}
#sns_brand .slider-brands .block-title {
  position: relative;
  padding: 5px 10px;
  text-align: center;
}
#sns_brand .slider-brands .block-title:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #ddd;
  left: 0px;
  top: 16px;
}
#sns_brand .slider-brands .block-title span {
  display: inline-block;
  padding: 0 20px;
  background: #fff;
  position: relative;
}
#sns_brand .slider-brands .block-content {
  padding: 14px 35px 0;
}
#sns_brand .slider-brands ul {
  list-style: none;
  margin: 0 0;
  z-index: 1;
}
#sns_brand .slider-brands ul li {
  width: 130px;
  height: 80px;
  float: left;
  display: inline-block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-align: center;
  margin: 0 15px;
  border: 1px solid #ddd;
  overflow: hidden;
}
#sns_brand .slider-brands ul li a {
  display: inline-block;
}
#sns_brand .slider-brands ul li:hover {
  border-color: #e1b696;
}
#sns_brand .slider-brands .next:before,
#sns_brand .slider-brands .prev:before {
  background: url("../images/slider-nav.png") no-repeat left 0px;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#sns_brand .slider-brands .next,
#sns_brand .slider-brands .prev {
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 3;
  height: 20px;
  width: 20px;
  margin-top: 11px;
  cursor: pointer;
  background: #eee;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-indent: -999em;
}
#sns_brand .slider-brands .next:hover,
#sns_brand .slider-brands .prev:hover {
  background-color: #e1b696;
}
#sns_brand .slider-brands .next:hover:before,
#sns_brand .slider-brands .prev:hover:before {
  background-position: left -20px;
}
#sns_brand .slider-brands .prev {
  left: 0px;
  right: auto;
}
#sns_brand .slider-brands .prev:before {
  background-position: left -40px;
}
#sns_brand .slider-brands .prev:hover:before {
  background-position: left -60px;
}
/*--- Wrap: #sns_footer ---*/
#sns_footer {
  background: #f2f2f2;
  margin: 0 0;
  padding: 40px 0 0;
}
#sns_footer .footer-top {
  padding: 0 0 40px 0;
}
#sns_footer .footer-top .block .block-title {
  overflow: hidden;
  white-space: nowrap;
}
#sns_footer .footer-top .block .block-content {
  padding-top: 12px;
}
#sns_footer .footer-top .block .block-content p {
  margin: 0 0 12px 0;
}
#sns_footer .footer-top .block .block-content ul {
  margin: -4px 0 0;
  list-style: none;
}
#sns_footer .footer-top .block .block-content ul li {
  padding: 3px 0 3px 0;
  line-height: 18px;
  position: relative;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#sns_footer .footer-top .block .block-content ul li a {
  color: #929292;
}
#sns_footer .footer-top .block .block-content ul li a:hover {
  text-decoration: underline;
  color: #e1b696;
}
#sns_footer .footer-top .block.about-us .block-content {
  padding-top: 10px;
}
#sns_footer .footer-bootom {
  padding: 28px 0 40px;
  position: relative;
}
#sns_footer .footer-bootom:before {
  position: absolute;
  content: "";
  width: 186px;
  height: 20px;
  left: 50%;
  top: -8px;
  margin-left: -93px;
}
#sns_footer .footer-bootom .sns-info ul {
  display: table;
  margin: 0 auto 8px;
}
#sns_footer .footer-bootom .sns-info ul li {
  background: url("../images/separated.gif") no-repeat left center;
  display: inline-block;
  float: left;
  padding: 0 11px;
}
#sns_footer .footer-bootom .sns-info ul li:first-child {
  padding-left: 0px;
  background: none;
}
#sns_footer .footer-bootom .sns-info ul li a {
  color: #929292;
}
#sns_footer .footer-bootom .sns-info ul li a:hover {
  color: #e1b696;
  text-decoration: none;
}
#sns_footer .footer-bootom .sns-copyright {
  width: 330px;
  text-align: center;
  padding: 0 0;
  margin: 0 auto;
}
#sns_footer .footer-bootom .sns-copyright a {
  color: #e1b696;
}
#sns_footer .footer-bootom .sns-copyright a:hover {
  text-decoration: none;
}
#sns_footer .footer-bootom ul.payment {
  list-style: none;
  float: right;
  margin: 8px 0 0;
}
#sns_footer .footer-bootom ul.payment li {
  display: inline-block;
  margin: 0 0 0 12px;
}
#sns_footer .footer-bootom ul.payment li a {
  background-image: url("../images/pay-me.png");
  background-repeat: no-repeat;
  text-indent: -999em;
  background-position: left -32px;
  height: 32px;
  width: 42px;
  display: inline-block;
}
#sns_footer .footer-bootom ul.payment li a.visa {
  background-position: left top;
}
#sns_footer .footer-bootom ul.payment li a.maestro {
  background-position: left -32px;
}
#sns_footer .footer-bootom ul.payment li a.payment {
  background-position: left -64px;
}
#sns_footer .footer-bootom ul.payment li a.cirus {
  background-position: left -96px;
}
/*--- category product ---*/
.category-products {
  /* products-grid */
}
/*--- products-grid ---*/
.products-grid {
  margin: 0 0;
  list-style: none;
}
.products-grid .item.first {
  margin-left: 0;
}
.products-grid .item {
  float: left;
  background: #fff;
  margin-bottom: 10px;
  /*&.first{.item-inner{border-left: none;}}*/
}
.products-grid .item .item-inner {
  position: relative;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.products-grid .item .item-inner .item-img {
  position: relative;
  overflow: hidden;
  margin-bottom: -25px;
}
.products-grid .item .item-inner .item-img .item-img-info {
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image {
  display: inline-block;
  width: 100%;
}
.products-grid
  .item
  .item-inner
  .item-img
  .item-img-info
  a.product-image:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  content: "";
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-out 0.4s;
  -moz-transition: all 0.4s ease-out 0.4s;
  -o-transition: all 0.4s ease-out 0.4s;
  transition: all 0.4s ease-out 0.4s;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img {
  vertical-align: baseline;
  max-width: 215px;
}
.products-grid .item .item-inner .item-img .item-box-hover {
  z-index: 2;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 20px 0;
  position: absolute;
  width: 270px;
  height: 35px;
  top: -100px;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}
.products-grid
  .item
  .item-inner
  .item-img
  .item-box-hover
  .box-inner
  ul.add-to-links
  li
  a,
.products-grid
  .item
  .item-inner
  .item-img
  .item-box-hover
  .box-inner
  .btn-cart {
  border: none;
  position: relative;
  text-transform: uppercase;
  background-color: transparent;
  padding: 0 0;
  margin: 0 0;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .cart {
  width: 100%;
  text-align: center;
}
.products-grid
  .item
  .item-inner
  .item-img
  .item-box-hover
  .box-inner
  .cart
  .btn-cart {
  padding: 6px 30px 7px;
  background: #5f828d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  color: white;
}
.products-grid
  .item
  .item-inner
  .item-img
  .item-box-hover
  .box-inner
  .cart
  .btn-cart:hover {
  background: #e1b696;
  border-color: #e1b696;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions {
  float: left;
  width: 100%;
  display: block;
  padding-top: 10px;
  text-align: center;
}
.products-grid
  .item
  .item-inner
  .item-img
  .item-box-hover
  .box-inner
  .actions
  ul.add-to-links {
  margin: 0 auto;
  list-style: none;
  text-align: center;
  display: table;
}
.products-grid
  .item
  .item-inner
  .item-img
  .item-box-hover
  .box-inner
  .actions
  ul.add-to-links
  li {
  float: left;
  display: inline-block;
  padding: 0 12px 0;
  line-height: 12px;
}
.products-grid
  .item
  .item-inner
  .item-img
  .item-box-hover
  .box-inner
  .actions
  ul.add-to-links
  li
  a {
  display: inline-block;
}
.products-grid
  .item
  .item-inner
  .item-img
  .item-box-hover
  .box-inner
  .actions
  ul.add-to-links
  li:first-child {
  border-right: 1px dotted #e1b696;
}
.products-grid
  .item
  .item-inner
  .item-img
  .item-box-hover
  .box-inner
  .actions
  .price {
  color: white;
  letter-spacing: 0.0625em;
}
.products-grid .item .item-inner .item-info {
  text-align: center;
  position: relative;
  z-index: 10000;
  padding-bottom: 15px;
  max-width: 310px;
  margin: auto;
  margin-top: 20px;
}
.products-grid .item .item-inner .item-info .note_block {
  padding: 5px 0;
}
.products-grid .item .item-inner .item-info .info-inner {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.products-grid .item .item-inner .item-info .info-inner .no-rating,
.products-grid .item .item-inner .item-info .info-inner .ratings {
  height: 30px;
  margin: 0 0;
}
.products-grid .item .item-inner .item-info .info-inner .no-rating .rating-box,
.products-grid .item .item-inner .item-info .info-inner .ratings .rating-box {
  float: none;
  margin: 0 0;
}
.products-grid
  .item
  .item-inner
  .item-info
  .info-inner
  .no-rating
  .rating-links,
.products-grid .item .item-inner .item-info .info-inner .ratings .rating-links {
  display: none;
}
.products-grid .item .item-inner .item-info .info-inner .no-rating {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 8px;
}
.products-grid .item .item-inner .item-info .info-inner .item-price {
  height: 18px;
  line-height: 18px;
  padding-bottom: 5px;
}
.products-grid .item .item-inner .item-info .info-inner .item-title {
  text-transform: initial;
  font-size: 116.7%;
  overflow: hidden;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a {
  text-decoration: none;
  color: #4c4c4c;
  font-weight: normal;
  font-size: 19px;
  display: inline-block;
  margin-bottom: 5px;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a:hover {
  color: #e1b696;
}
.products-grid .item .item-inner .item-info .info-inner .ico-product {
  display: inline-block;
  height: 17px;
  width: 41px;
  z-index: 2;
  margin: 0 5px 5px;
  background-image: url("../images/ico-product.png");
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -999em;
}
.products-grid .item .item-inner .item-info .info-inner .ico-product.ico-sale {
  background-position: left -17px;
}
.products-grid .item:hover .item-inner {
  border-color: #ddd;
}
.products-grid .item:hover .item-inner .item-img .item-img-info {
  border-color: #e1b696;
}
.products-grid
  .item:hover
  .item-inner
  .item-img
  .item-img-info
  a.product-image:before {
  left: 0px;
  top: 0px;
  margin: 0 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.products-grid .item:hover .item-inner .item-img .item-box-hover {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0px;
}
.products-grid .item:hover .item-inner .item-info .info-inner {
  border-color: #e1b696;
}
/*--- product-list ---*/
.products-list {
  list-style: none;
  margin: 0 0;
}
.products-list .item {
  position: relative;
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px dotted #ccc;
}
.products-list .item:hover .item-img .product-image .image-main img {
  -webkit-transform: rotate(-10deg) scale(1.1);
  -moz-transform: rotate(-10deg) scale(1.1);
  -o-transform: rotate(-10deg) scale(1.1);
  transform: rotate(-10deg) scale(1.1);
}
.products-list .item:first-child {
  border-top: none;
  margin: 0 0;
  padding: 0 0;
}
.products-list .item .item-img {
  margin: 0 2.564% 0 0;
  position: relative;
  float: left;
  display: inline-flex;
}
.products-list .item .item-img .product-image {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.products-list .item .item-img .product-image .image-main {
  display: inline-block;
  width: 100%;
}
.products-list .item .item-img .product-image .image-main img {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.products-list .item .item-img .product-image:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  content: "";
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-out 0.4s;
  -moz-transition: all 0.4s ease-out 0.4s;
  -o-transition: all 0.4s ease-out 0.4s;
  transition: all 0.4s ease-out 0.4s;
}
.products-list .item .item-img .sns-btn-quickview {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 62px;
  height: 42px;
  border: 3px solid #fff;
  margin: -24px 0 0 -34px;
  background: #e1b696;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.products-list .item .item-img .sns-btn-quickview span {
  display: none;
}
.products-list .item .item-img .sns-btn-quickview:before {
  position: absolute;
  content: "";
  background: url("../images/addtocart-action.png") no-repeat 0 -60px;
  height: 21px;
  left: 50%;
  margin: -10px 0 0 -10px;
  top: 50%;
  width: 21px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.products-list .item .item-img .sns-btn-quickview:hover {
  background-color: #e1b696;
}
.products-list .item .item-img:hover .product-image:before {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.products-list .item .item-img:hover .sns-btn-quickview {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.products-list .item .item-img:hover .sns-btn-quickview:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.products-list .item .product-shop .product-name {
  margin: 0 0 7px;
  font-size: 150%;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: 0.1em;
}
.products-list .item .product-shop .product-name a {
  position: relative;
  top: -5px;
}
.products-list .item .product-shop .product-name a:hover {
  color: #e1b696;
}
.products-list .item .product-shop .product-name .ico-product {
  display: inline-block;
  height: 17px;
  width: 41px;
  z-index: 2;
  margin: 0 5px;
  background-image: url("../images/ico-product.png");
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -999em;
}
.products-list .item .product-shop .product-name .ico-product.ico-sale {
  background-position: left -17px;
  left: 0px;
  right: auto;
}
.products-list .item .product-shop .price-box .price {
  font-size: 166.7%;
}
.products-list .item .product-shop .ratings {
  clear: none;
  margin: 0 0 18px 0;
}
.products-list .item .product-shop .ratings:after {
  clear: none;
}
.products-list .item .product-shop .ratings .rating-links {
  margin: 0 0;
}
.products-list .item .product-shop .no-rating {
  margin: 0 0 15px 0;
}
.products-list .item .product-shop .desc {
  margin: 0 0 12px;
}
.products-list .item .product-shop .desc .link-learn {
  display: none;
}
.products-list .item .product-shop .actions-addtocart {
  margin: 0 0;
  width: 100%;
  height: 41px;
}
.products-list .item .product-shop .actions-addtocart a,
.products-list .item .product-shop .actions-addtocart .btn-cart {
  border: none;
  position: relative;
  text-transform: uppercase;
  background-color: transparent;
  padding: 0 0;
  margin: 0 0;
}
.products-list .item .product-shop .actions-addtocart button.btn-cart {
  float: left;
  margin: 0 0;
  padding: 6px 15px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #e1b696;
  font-size: 133%;
  font-weight: bold;
}
.products-list .item .product-shop .actions-addtocart button.btn-cart:hover {
  background: #e1b696;
  border-color: #e1b696;
}
.products-list .item .product-shop .actions-addtocart ul.add-to-links {
  margin: 10px 0 0 10px;
  float: left;
  list-style: none;
}
.products-list .item .product-shop .actions-addtocart ul.add-to-links li {
  float: left;
  line-height: 12px;
}
.products-list
  .item
  .product-shop
  .actions-addtocart
  ul.add-to-links
  li
  a:hover {
  color: #e1b696;
}
.products-list
  .item
  .product-shop
  .actions-addtocart
  ul.add-to-links
  li:first-child {
  border-right: 1px dotted #e1b696;
  margin-right: 14px;
  padding-right: 14px;
}
/*--- Product page ---*/
.sns-product-detail .product-img-box {
  position: relative;
  height: 450px;
}
.sns-product-detail img.shadow {
  position: absolute;
  bottom: 0;
  left: 85px;
  width: 100%;
  max-width: 393px;
}
.sns-product-detail h1.product-name {
  font-size: 150%;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 11px;
  text-transform: uppercase;
}
.sns-product-detail h1.product-name span.name {
  position: relative;
  letter-spacing: 0.05em;
  top: 5px;
  color: #4c4c4c;
  text-transform: initial;
  font-weight: 500;
  font-size: 25px;
  width: 250px;
  height: 200px;
}
.sns-product-detail h1.product-name .ico-product {
  display: inline-block;
  height: 17px;
  width: 41px;
  z-index: 2;
  margin: 0 5px;
  background-image: url("../images/ico-product.png");
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -999em;
}
.sns-product-detail h1.product-name .ico-product.ico-sale {
  background-position: left -17px;
  left: 0px;
  right: auto;
}
.sns-product-detail .product-image-zoom {
  position: initial;
  z-index: 1;
}
.sns-product-detail .product-image-zoom .ico-product {
  position: absolute;
  bottom: -1px;
  right: -1px;
  height: 53px;
  width: 55px;
  z-index: 2;
  background-image: url("../images/ico-product.png");
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -999em;
}
.sns-product-detail .product-image-zoom .ico-product.ico-sale {
  background-position: left -53px;
  left: -1px;
  right: auto;
}
.sns-product-detail .product-image-zoom .cloud-zoom {
  display: block;
  position: initial;
  height: 100%;
  width: 100%;
}
.sns-product-detail .product-image-zoom .cloud-zoom:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  width: 100%;
}
.sns-product-detail .product-image-zoom .cloud-zoom img#image {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 450px;
  left: 50px;
  bottom: 0;
}
.sns-product-detail .product-image-zoom .popup-btn {
  position: absolute;
  z-index: 9999;
  bottom: 15px;
  right: 15px;
}
.sns-product-detail .product-image-zoom .popup-btn a {
  display: block;
  padding: 8px;
  height: 16px;
  width: 16px;
  background: #d6d6d6 url("../images/ico-zoom.png") no-repeat 8px 8px;
  display: none;
}
.sns-product-detail .product-image-zoom .cloud-zoom-big {
  border: 1px solid #929292;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.sns-product-detail .product-image-zoom .cloud-zoom-lens {
  border: 1px solid #929292;
  margin: -1px;
}
.sns-product-detail .product-shop form {
  margin: 0 0;
}
.sns-product-detail .product-shop form .rating-links {
  margin: 0;
}
.sns-product-detail .product-shop .add-to-links {
  margin: 0 0;
  list-style: none;
}
.sns-product-detail .product-shop .add-to-links li {
  display: inline-block;
}
.sns-product-detail .product-shop .price-rating {
  position: relative;
  width: 100%;
  float: left;
}
.sns-product-detail .product-shop .price-rating .price-box .price {
  font-size: 166.7%;
}
.sns-product-detail .product-shop .price-rating .ratings,
.sns-product-detail .product-shop .price-rating .no-rating {
  margin: 0 0;
}
.sns-product-detail .product-shop .price-rating .ratings .rating-box,
.sns-product-detail .product-shop .price-rating .no-rating .rating-box {
  margin: 0 0;
  float: none;
}
.sns-product-detail .product-shop .price-rating .ratings .rating-links,
.sns-product-detail .product-shop .price-rating .no-rating .rating-links {
  margin: 3px 0;
}
.sns-product-detail .product-shop .price-rating .ratings-table th {
  text-align: right;
  padding-right: 10px;
}
.sns-product-detail .product-shop .price-rating .ratings-table .rating-box {
  margin: 0 0;
}
.sns-product-detail .product-shop .price-rating a.nobr {
  float: right;
}
.sns-product-detail .product-shop .add-to-cart {
  width: 100%;
  float: left;
}
.sns-product-detail .product-shop .addthis_toolbox {
  margin-bottom: 20px;
  padding: 18px 0 8px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
.sns-product-detail .product-shop .short-description {
  color: #444444;
  font-size: 22px;
  font-weight: 100;
  font-style: italic;
  margin: 21px 0 20px;
  padding: 15px 0 15px;
  border-bottom: 1px solid #eeeaeb;
  border-top: 1px solid #eeeaeb;
}
.sns-product-detail .product-shop .short-description p {
  margin: 0 0;
}
.sns-product-detail .more-views {
  margin: 10px 0 0;
  position: relative;
  z-index: 1;
}
.sns-product-detail .more-views .nav-gallery {
  margin: 0 0;
}
.sns-product-detail .more-views .nav-gallery .next:before,
.sns-product-detail .more-views .nav-gallery .prev:before {
  background: url("../images/slider-nav.png") no-repeat left 0px;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sns-product-detail .more-views .nav-gallery .next,
.sns-product-detail .more-views .nav-gallery .prev {
  position: absolute;
  right: -10px;
  top: 50%;
  z-index: 3;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  background: #d6d6d6;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-indent: -999em;
}
.sns-product-detail .more-views .nav-gallery .next:hover,
.sns-product-detail .more-views .nav-gallery .prev:hover {
  background-color: #e1b696;
}
.sns-product-detail .more-views .nav-gallery .next:hover:before,
.sns-product-detail .more-views .nav-gallery .prev:hover:before {
  background-position: left -20px;
}
.sns-product-detail .more-views .nav-gallery .prev {
  left: -10px;
  right: auto;
}
.sns-product-detail .more-views .nav-gallery .prev:before {
  background-position: left -40px;
}
.sns-product-detail .more-views .nav-gallery .prev:hover:before {
  background-position: left -60px;
}
.sns-product-detail .more-views .nav-gallery:hover .next,
.sns-product-detail .more-views .nav-gallery:hover .prev {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sns-product-detail .more-views .slide-gallery {
  margin: 0 0;
  float: left;
  width: 100%;
  max-height: 82px;
  overflow: hidden;
}
.sns-product-detail .more-views .slide-gallery ul {
  list-style: none;
}
.sns-product-detail .more-views .slide-gallery ul li {
  text-align: center;
  margin: 0 0 0 20px;
  width: 72px !important;
  display: inline-block;
  float: left;
}
.sns-product-detail .more-views .slide-gallery ul li a {
  display: none;
  position: relative;
  border: 1px solid #e9e9e9;
}
.sns-product-detail .more-views .slide-gallery ul li a:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  width: 100%;
}
.sns-product-detail .more-views .slide-gallery ul li.active a {
  border-color: #e1b696;
}
.sns-product-detail .more-views .slide-gallery .caroufredsel_wrapper {
  margin: 0 0 !important;
  width: 100% !important;
}
.sns-product-detail .more-views .slide-gallery .caroufredsel_wrapper ul {
  margin: 0 0 0 -20px !important;
}
.sns-product-detail .more-views .caroufredsel_wrapper {
  max-width: 100%;
}
.sns-product-detail .more-views:hover .nav-gallery .next,
.sns-product-detail .more-views:hover .nav-gallery .prev {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sns-product-detail #sns_tab_products {
  margin: 40px 0 0;
}
.sns-product-detail #review-form .data-table tbody th {
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.sns-product-detail #review-form .data-table tbody td {
  text-align: center;
}
.sns-product-detail #review-form ul.form-list {
  margin: 10px 0 0;
  list-style: none;
}
.sns-product-detail #review-form ul.form-list .input-box textarea {
  width: 240px;
}
.sns-product-detail #review-form ul.form-list .input-box .input-text {
  margin-bottom: 5px;
}
.sns-product-detail #review-form ul.form-list label {
  margin-bottom: 0;
}
.sns-product-detail #review-form .buttons-set .button {
  float: left;
  margin: 0 0;
}
.sns-product-detail #sns_tab_products {
  overflow: hidden;
}
.sns-product-detail #sns_tab_products ul.sns-tab-navi {
  list-style: none;
  margin: 0 0;
  position: relative;
  z-index: 1;
  padding: 10px 0 7px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
.sns-product-detail #sns_tab_products ul.sns-tab-navi li {
  margin: 0px 3px 3px 3px;
  display: inline-block;
}
.sns-product-detail #sns_tab_products ul.sns-tab-navi li a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 133.3%;
  padding: 5px 15px 6px;
}
.sns-product-detail #sns_tab_products ul.sns-tab-navi li a:hover,
.sns-product-detail #sns_tab_products ul.sns-tab-navi li a.tabulous_active {
  background: #e1b696;
  color: #fff;
}
.sns-product-detail #sns_tab_products ul.sns-tab-navi li:first-child {
  margin-left: 0px;
}
.sns-product-detail #sns_tab_products .sns-tab-content {
  padding: 0 0;
}
.sns-product-detail #sns_tab_products .sns-tab-content .tab-content-inner {
  margin: 20px 0 0px;
  height: 100%;
  position: relative;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item {
  margin: 0 0;
  background: #fff;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  width: 100%;
  top: 0px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  h2 {
  font-size: 125%;
  text-transform: uppercase;
  line-height: normal;
  margin-top: 0px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  h3 {
  font-size: 110%;
  line-height: normal;
  margin-top: 0px;
  font-weight: normal;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  h4 {
  font-size: 100%;
  line-height: normal;
  margin-top: 0px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  label {
  font-weight: bold;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  ul.product-tags {
  list-style: none;
  margin: 0 0;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  ul.product-tags
  li {
  display: inline-block;
  margin: 0 5px 0 0;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  tbody
  td.label {
  width: 20%;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  #customer-reviews
  .pager
  p.amount {
  float: left;
  margin: 0 0;
  line-height: 24px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  #customer-reviews
  .pager
  .limiter {
  float: right;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  #customer-reviews
  .pager
  .limiter
  label {
  float: left;
  margin: 0 8px 0 0;
  line-height: 24px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  #customer-reviews
  .pager
  .limiter
  select {
  width: 60px;
  height: 24px;
  line-height: 24px;
  padding: 2px;
  margin: 0 5px 0 0;
  cursor: pointer;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl {
  margin: 0 0 15px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl
  dt {
  padding: 0 0;
  margin: 30px 0 0;
  font-weight: normal;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl
  dt:first-child {
  border: none;
  margin: 0 0;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl
  dt
  span {
  font-weight: bold;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl
  dt
  a {
  font-weight: bold;
  text-decoration: underline;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl
  dt
  .ratings-table {
  margin-left: 15px;
  margin-bottom: 0px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl
  dt
  .ratings-table
  th {
  text-align: right;
  padding-right: 10px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl
  dt
  .ratings-table
  .rating-box {
  margin: 0 0;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl
  dt
  .ratings-table
  .rating-title {
  text-transform: uppercase;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-reviews
  dl
  dd {
  margin: 0 0;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  #review-form {
  margin: 0px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  #addTagForm
  .input-box
  input {
  float: left;
  margin: 0 10px 5px 0;
  padding: 5px 10px;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  #addTagForm
  button.button {
  clear: both;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  #addTagForm
  .validation-advice {
  float: left;
  width: 100%;
}
.sns-product-detail
  #sns_tab_products
  .sns-tab-content
  .tab-content-inner
  .tab-item
  .box-tags
  h2 {
  display: none;
}
.sns-product-detail .upsell-products {
  margin-top: 40px;
}
.toolbar-bottom .toolbar {
  margin: 20px 0 0;
}
.toolbar {
  padding: 0 0;
  margin: 0 0 30px;
  height: 80px;
  border: 1px solid #ddd;
  color: #929292;
}
.toolbar .view-mode {
  float: left;
  margin: 0 0;
  padding: 0 20px;
  height: 80px;
  border-right: 1px dotted #ddd;
}
.toolbar .view-mode label {
  margin: 14px 0 0;
  display: block;
  text-transform: uppercase;
}
.toolbar .view-mode .list,
.toolbar .view-mode .grid {
  position: relative;
  margin-top: 3px;
  height: 25px;
  width: 25px;
  display: block;
  float: left;
}
.toolbar .view-mode .list:before,
.toolbar .view-mode .grid:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: url("../images/ico-viewmode.png") no-repeat left top;
  width: 100%;
  height: 100%;
}
.toolbar .view-mode .grid:hover:before {
  background-position: left -25px;
}
.toolbar .view-mode .list {
  margin-left: 10px;
}
.toolbar .view-mode .list:before {
  background-position: left -50px;
}
.toolbar .view-mode .list:hover:before {
  background-position: left -75px;
}
.toolbar .view-mode strong.list:before {
  background-position: left -75px;
}
.toolbar .view-mode strong.grid:before {
  background-position: left -25px;
}
.toolbar .limiter {
  float: left;
  margin-left: 0px;
  padding: 0 20px;
  color: #929292;
  height: 80px;
  border-right: 1px dotted #ddd;
}
.toolbar .limiter label {
  margin: 14px 0 0;
  display: block;
  text-transform: uppercase;
}
.toolbar .limiter .select-new {
  float: left;
  margin: 3px 0px 0 0;
  color: #929292;
}
.toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper {
  height: 23px;
  border: 1px solid #e1e1e1;
  width: 70px !important;
  background: #fff;
}
.toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper div span {
  line-height: 23px;
  height: 23px;
  padding-left: 8px;
}
.toolbar
  .limiter
  .select-new
  .select-inner
  .jqTransformSelectWrapper
  div
  a.jqTransformSelectOpen {
  height: 23px;
  background-position: center 9px;
  right: 0px;
  padding: 0 7px;
  border-left: 1px solid #e1e1e1;
}
.toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper ul {
  top: 23px;
  width: 70px !important;
  left: -1px !important;
  border-color: #e1e1e1;
}
.toolbar .limiter .select-new .select-inner .jqTransformSelectWrapper ul a {
  padding: 0px 6px;
  background-position: center 10px;
}
.toolbar .limiter .select-new .select-inner select {
  cursor: pointer;
  width: 20px;
  border: none;
  background: none;
}
.toolbar .sort-by {
  float: left;
  margin-left: 0px;
  height: 80px;
  padding: 0 20px;
  border-right: 1px dotted #ddd;
}
.toolbar .sort-by label {
  margin: 14px 0 0;
  display: block;
  text-transform: uppercase;
}
.toolbar .sort-by .select-new {
  float: left;
  margin: 3px 5px 0 0;
}
.toolbar .sort-by .select-new .select-inner {
  cursor: pointer;
}
.toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper {
  height: 23px;
  border: 1px solid #e1e1e1;
  background: #fff;
  width: 95px !important;
}
.toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper div span {
  line-height: 23px;
  height: 23px;
  padding-left: 8px;
}
.toolbar
  .sort-by
  .select-new
  .select-inner
  .jqTransformSelectWrapper
  div
  a.jqTransformSelectOpen {
  height: 23px;
  background-position: center 9px;
  right: 0px;
  padding: 0 7px;
  border-left: 1px solid #e1e1e1;
}
.toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul {
  top: 23px;
  width: 95px !important;
  left: -1px !important;
  border-color: #e1e1e1;
}
.toolbar .sort-by .select-new .select-inner .jqTransformSelectWrapper ul a {
  padding: 0px 6px;
  background-position: center 10px;
}
.toolbar .sort-by .select-new .select-inner select {
  cursor: pointer;
  width: 50px;
  border: none;
  background: none;
}
.toolbar .sort-by .set-desc,
.toolbar .sort-by .set-asc {
  background-image: url("../images/arrow-downup.png");
  background-repeat: no-repeat;
  background-position: left top;
  height: 9px;
  width: 5px;
  float: left;
  margin: 11px 0 0 0;
  display: block;
}
.toolbar .sort-by .set-desc {
  background-position: left -9px;
}
.toolbar .pager {
  margin: 0 0;
  float: right;
}
.toolbar .pager p.amount {
  margin: 0 10px 0 0;
  display: none;
}
.toolbar .pager .pages {
  padding: 0 20px;
  height: 80px;
}
.toolbar .pager .pages ol {
  margin-top: 28px;
  overflow: hidden;
  float: left;
}
#confirmbox {
  border: 2px solid #f3f3f3;
}
#confirmbox #product-shop #product-options-wrapper,
#confirmbox .product-shop #product-options-wrapper {
  padding-top: 0px;
  border-top: none;
  /*.add-to-cart .btn-cart{
			margin: 10px 0;
		}*/
}
#confirmbox .add-to-cart {
  margin: 0 0 !important;
}
#confirmbox .head-cfbox .product-title {
  font-weight: normal;
  color: #4c4c4c;
}
#confirmbox .product-name a {
  color: #4c4c4c;
  font-weight: normal;
  text-transform: uppercase;
}
#confirmbox .product-name a:hover {
  color: #e1b696;
}
#confirmbox .cf-producinfo .product-image {
  border: none;
}
#confirmbox #bottom-cfbox {
  text-align: right;
}
#confirmbox #bottom-cfbox a {
  position: relative;
  top: -35px;
}
#confirmbox #bottom-cfbox .btn {
  font-size: 14px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-transform: uppercase;
  padding: 6px 15px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #f3f3f3;
  color: #929292;
}
#confirmbox #bottom-cfbox .btn:hover {
  background-color: #aac9d1;
  color: #fff;
}
#confirmbox #cout_down {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 0 5px;
  color: #bebebe;
  background: #f2f2f2;
}
#btn-close {
  color: #686868;
  opacity: 1;
  filter: alpha(opacity=100);
}
#btn-close:hover {
  color: #e1b696;
}
.category-blog .page-title,
.blog-index-list .page-title {
  display: none;
}
.postWrapper {
  padding: 0 0 30px 118px;
  position: relative;
}
.postWrapper .post-h-info {
  width: 108px;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
}
.postWrapper .post-h-info .date {
  padding: 6px 6px;
  background: #aac9d1;
}
.postWrapper .post-h-info .date > span {
  display: block;
  color: #fff;
  text-transform: uppercase;
}
.postWrapper .post-h-info .date > span.day {
  font-size: 416.6%;
  line-height: 100%;
}
.postWrapper .post-h-info .author {
  border: 1px solid #ddd;
  border-top: none;
  padding: 5px 6px;
}
.postWrapper .post-h-info .author label {
  margin: 0 0;
  line-height: 20px;
  text-transform: uppercase;
}
.postWrapper .post-h-info .author span {
  color: #5f828d;
}
.postWrapper .post-h-info .cmt {
  border: 1px solid #ddd;
  border-top: none;
  padding: 5px 6px;
}
.postWrapper .content-inner {
  padding: 8px 20px 0;
  border: 1px solid #ddd;
  border-bottom: none;
}
.postWrapper .postTitle {
  border: none;
  margin-bottom: 5px;
}
.postWrapper .postTitle h2 {
  font-weight: bold;
  font-size: 150%;
  text-transform: uppercase;
}
.postWrapper .postTitle h2 a:hover {
  color: #e1b696;
}
.postWrapper .postTitle h3 {
  line-height: normal;
  font-size: 91.5%;
  font-weight: normal;
}
.postWrapper .postTitle.title-detail h2 {
  font-size: 133.3%;
  margin: -3px 0 0;
  text-transform: uppercase;
  color: #929292;
}
.postWrapper .postTitle.cmt-heading {
  margin: 25px 0 15px;
  position: relative;
  padding: 0 0 12px;
  font-size: 133.3%;
}
.postWrapper .postTitle.cmt-heading h2 {
  font-weight: normal;
  font-size: 100%;
}
.postWrapper .postTitle.cmt-heading:before {
  background: url("../images/block-title-bg.png") repeat-x left bottom;
  bottom: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}
.postWrapper .postContent {
  padding-bottom: 18px;
}
.postWrapper .postContent img {
  margin: 0 10px 5px 0;
}
.postWrapper .postContent .addthis_toolbox {
  margin-top: 20px;
}
.postWrapper .aw-blog-read-more {
  display: none;
}
.postWrapper .post-info {
  padding: 3px 0;
  border: 1px solid #ddd;
  border-top: none;
  background: #f2f2f2;
}
.postWrapper .post-info .tags {
  float: left;
  padding: 5px 5px 5px 10px;
}
.postWrapper .post-info .tags h4 {
  display: inline-block;
  float: left;
  margin: 0 5px 0 0;
  text-transform: uppercase;
  font-weight: normal;
}
.postWrapper .post-info .tags ul {
  margin: 0 0;
  padding: 0 0;
  list-style: none;
}
.postWrapper .post-info .tags ul li {
  padding: 0 8px;
  border-left: 1px dotted #e1b696;
  display: inline-block;
  float: left;
  line-height: 12px;
  margin: 4px 0;
}
.postWrapper .post-info .tags ul li:first-child {
  padding-left: 0px;
  border: none;
}
.postWrapper .post-info .postDetails {
  float: left;
  padding: 5px 5px 5px 10px;
}
.postWrapper .post-info .postDetails h4 {
  font-weight: normal;
  margin: 0 5px 0 0;
  text-transform: uppercase;
  font-size: 100%;
  float: left;
}
.postWrapper .postDetails h4.poster {
  font-size: 100%;
  line-height: normal;
}
.blog-toolbar {
  margin-top: 30px;
}
.blog-toolbar .toolbar {
  margin: 30px 0 0;
}
.blog-toolbar
  .toolbar
  .limiter
  .select-new
  .select-inner
  .jqTransformSelectWrapper {
  border-color: transparent;
}
.blog-toolbar
  .toolbar
  .limiter
  .select-new
  .select-inner
  .jqTransformSelectWrapper
  div
  a.jqTransformSelectOpen {
  display: none;
}
.blog-toolbar
  .toolbar
  .limiter
  .select-new
  .select-inner
  .jqTransformSelectWrapper
  > ul {
  opacity: 0;
  filter: alpha(opacity=0);
}
.blog-toolbar .toolbar .sort-by .select-new .select-inner select {
  width: 70px;
}
.blog-toolbar
  .toolbar
  .sort-by
  .select-new
  .select-inner
  .jqTransformSelectWrapper {
  width: 100px !important;
}
.blog-toolbar
  .toolbar
  .sort-by
  .select-new
  .select-inner
  .jqTransformSelectWrapper
  ul {
  width: 100px !important;
}
.blog-toolbar.post .toolbar {
  margin: 10px 0 20px;
}
.cmt-heading h2 {
  font-size: 125%;
  line-height: 24px;
  text-transform: uppercase;
}
.commentWrapper {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.commentWrapper h4.username {
  font-size: 100%;
  line-height: normal;
  font-weight: normal;
  color: #e1b696;
}
#postComment h4.legend {
  margin: 5px 0 20px;
  position: relative;
  padding: 0 0 12px;
  font-size: 133.3%;
  font-weight: normal;
  text-transform: uppercase;
}
#postComment h4.legend:before {
  background: url("../images/block-title-bg.png") repeat-x left bottom;
  bottom: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}
#postComment ul.form-list {
  list-style: none;
  margin: 0 0;
}
#postComment ul.form-list .input-box {
  margin-bottom: 20px;
}
#postComment ul.form-list .input-box input.input-text {
  margin: 0 0;
  padding: 5px 10px;
  max-width: 215px;
  background: #f3f3f3;
  color: #aaa;
}
#postComment ul.form-list .input-box input.input-text:focus {
  background: #fff;
}
#postComment ul.form-list .input-box textarea {
  margin: 0 0;
  background: #f3f3f3;
  color: #aaa;
}
#postComment ul.form-list .input-box textarea:focus {
  background: #fff;
}
#postComment ul.form-list .input-box .validation-advice {
  margin-top: 3px;
}
#postComment ul.form-list .input-box label {
  margin: 0 0;
  background-image: url("../images/ico-cmt.png");
  background-repeat: no-repeat;
  background-position: 6px 5px;
}
#postComment ul.form-list .input-box.cmt-user label {
  width: 32px;
  height: 32px;
  float: left;
  text-indent: -99em;
  display: none;
  background-color: #a2a2a2;
  cursor: pointer;
}
#postComment ul.form-list .input-box.cmt-user:hover label {
  background-color: #e1b696;
}
#postComment ul.form-list .input-box.cmt-email label {
  width: 32px;
  height: 32px;
  float: left;
  text-indent: -99em;
  display: none;
  background-color: #a2a2a2;
  cursor: pointer;
  background-position: 6px -36px;
}
#postComment ul.form-list .input-box.cmt-email:hover label {
  background-color: #e1b696;
}
#postComment .button-set .button {
  background: #aac9d1;
  color: #fff;
}
.contact-page {
  max-width: 870px;
  margin: 0 auto;
}
.contact-page .page-title h1 {
  text-align: center;
}
.contact-page .contact-content > p {
  text-align: center;
}
.contact-page .map-wrap {
  border: 1px solid #e9e9e9;
  padding: 10px;
  margin-bottom: 20px;
}
.contact-page .map-wrap #google_map {
  height: 325px;
}
.contact-page .more-info {
  margin-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}
.contact-page .more-info p {
  margin: 0 0;
  line-height: 26px;
}
.contact-page .more-info .address p {
  margin-right: 30px;
}
.contact-page .more-info .chat p {
  margin-left: 30px;
}
.contact-page .more-info .phone {
  text-align: center;
  height: 50px;
  margin: 3px 0;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
.contact-page #contactForm ul {
  list-style: none;
  margin: 0 0;
}
.contact-page #contactForm ul .input-box {
  position: relative;
  padding: 1px;
  margin-bottom: 10px;
}
.contact-page #contactForm ul .input-box input {
  border: none;
  margin: 0 0;
  width: 90%;
  padding: 8px 1%;
  position: relative;
  z-index: 2;
}
.contact-page #contactForm ul .input-box textarea {
  border: none;
  margin: 0 0;
  width: 98%;
  height: 150px;
  padding: 8px 1%;
  position: relative;
  z-index: 2;
}
.contact-page #contactForm ul .input-box .validation-advice {
  margin-top: 3px;
}
.contact-page #contactForm ul .input-box:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 36px;
  top: 0px;
  left: 0px;
  border: 1px solid #e9e9e9;
  z-index: 1;
}
.contact-page #contactForm ul li.wide .input-box:before {
  height: 166px;
}
.contact-page #contactForm ul li.fields div.field {
  width: 50%;
}
.contact-page #contactForm ul li.fields div.field .input-box input {
  padding: 8px 2%;
}
.contact-page .buttons-set .button {
  margin: 0 0;
  float: left;
  background-position: 10px 11px;
  background-repeat: no-repeat;
}
.czkvsK {
  width: 40px;
  height: 40px;
}
/* Menu style */
ul.mainnav {
  margin: 0;
  list-style: none;
  text-align: center;
  display: table;
  margin-left: 50px;
}
ul.mainnav li {
  position: relative;
  border: 1px solid #e6e6e6;
  border-top: none;
  display: inline-block;
  z-index: 1;
}
ul.mainnav li ul[class*="level"] {
  position: absolute;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 5px;
  left: 0px;
  text-align: left;
  border-top: 5px solid #e1b696;
  border-bottom: 1px solid #eaeaea;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  width: 180px;
  background: #fff;
  margin: 0 0;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -o-transform: scale(0.3);
  transform: scale(0.3);
}
ul.mainnav li ul[class*="level"] li {
  display: block;
}
ul.mainnav li ul[class*="level"] li.parent > a {
  background: url("../images/arrow.png") no-repeat 95% center;
}
ul.mainnav li ul[class*="level"] li a {
  padding: 20px 15px 0 0;
  display: block;
}
ul.mainnav li ul[class*="level"] li a:hover {
  text-decoration: none;
}
ul.mainnav li ul[class*="level"] ul {
  top: 5px;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  left: 160px;
  transform-origin: 0% 15% 0;
  -moz-transform-origin: 0% 15% 0;
  -webkit-transform-origin: 0% 15% 0;
  -o-transform-origin: 0% 15% 0;
  -ms-transform-origin: 0% 15% 0;
}
ul.mainnav li.last {
  border-bottom: none;
}
ul.mainnav li:hover {
  z-index: 2;
}
ul.mainnav li:hover > ul[class*="level"] {
  left: 160px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  top: 5px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
ul.mainnav li:hover > a {
  color: #e1b696;
}
ul.mainnav li.active > a {
  color: #e1b696;
}
ul.mainnav > li {
  border: none !important;
  float: left;
  position: static;
}
ul.mainnav > li > a {
  display: block;
  padding: 20px 25px 0 0;
  margin: 0 0;
  font-size: 133.3%;
  font-weight: normal;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  z-index: 2;
}
ul.mainnav > li > a:hover {
  text-decoration: none;
}
ul.mainnav > li > ul[class*="level"] {
  left: auto;
  -webkit-transition: all 0.3s ease-out 0.15s;
  -moz-transition: all 0.3s ease-out 0.15s;
  -o-transition: all 0.3s ease-out 0.15s;
  transition: all 0.3s ease-out 0.15s;
  top: 43px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -o-transform: scale(0.3);
  transform: scale(0.3);
  transform-origin: 0% 15% 0;
  -moz-transform-origin: 0% 15% 0;
  -webkit-transform-origin: 0% 15% 0;
  -o-transform-origin: 0% 15% 0;
  -ms-transform-origin: 0% 15% 0;
}
ul.mainnav > li:hover {
  vertical-align: bottom;
}
ul.mainnav > li:hover > a {
  color: #e1b696;
  position: relative;
}
ul.mainnav > li:hover > a:before {
  width: 100%;
  left: 0%;
}
ul.mainnav > li:hover > ul {
  left: auto !important;
  top: 43px !important;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 1;
}
ul.mainnav > li.parent > a > span {
  padding-right: 12px;
  position: relative;
  display: inline-block;
}
ul.mainnav > li.parent > a > span:after {
  position: absolute;
  height: 4px;
  width: 7px;
  background: url("../images/ico-drop-menu.png") no-repeat left top;
  top: 9px;
  right: 0px;
  content: "";
}
ul.mainnav > li.active > a {
  color: #e1b696;
  position: relative;
}
ul.mainnav > li.active > a:before {
  width: 100%;
  left: 0px;
}
ul.mainnav > li.active:hover > a {
  color: #e1b696;
}
/* Mega menu */
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.menu-video
  .megamenu-col
  .megamenu-col {
  padding-top: 1%;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.menu-video
  .megamenu-col
  .megamenu-col
  .videoWrapper {
  position: relative;
  padding-bottom: 51.9%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.menu-video
  .megamenu-col
  .megamenu-col
  .videoWrapper
  iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.sns-megamenu-wrap.horizontal-menu .mega-nav li.menu-basestyle > .megamenu-col {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.menu-basestyle
  > .megamenu-col
  .megamenu-col {
  border-top: 1px solid #d4d4d4;
  padding-top: 5px;
  padding-bottom: 5px;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.menu-basestyle
  > .megamenu-col
  .megamenu-col:first-child {
  border: none;
}
.sns-megamenu-wrap.horizontal-menu .mega-nav li.menu-basestyle a {
  color: #838383;
}
.sns-megamenu-wrap.horizontal-menu .mega-nav li.menu-basestyle a:hover {
  color: #e1b696;
}
.sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 > a {
  /*.transition(none);*/
}
.sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap {
  top: 43px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out 0.1s;
  -moz-transition: all 0.3s ease-out 0.1s;
  -o-transition: all 0.3s ease-out 0.1s;
  transition: all 0.3s ease-out 0.1s;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  border-top: 5px solid #e1b696;
  border-bottom: 1px solid #eaeaea;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  ul
  li {
  border: none;
}
.sns-megamenu-wrap.horizontal-menu .mega-nav li.level0 .mega-content-wrap a {
  color: #838383;
  font-size: 13px;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  a:hover {
  color: #e1b696;
  text-decoration: underline;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  a {
  color: #838383;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  a:hover {
  color: #e1b696;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col.have-spetitle
  > .mega-title {
  font-size: 133.3%;
  color: #4c4c4c;
  margin-bottom: 5px;
  padding: 10px 0 4px;
  text-transform: uppercase;
  font-weight: 500;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col.have-spetitle
  > .mega-title
  span {
  color: #4c4c4c;
  background: none;
  padding: 0px;
  font-size: 13px;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .mega-title
  a:hover {
  text-decoration: none;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .mega-title
  a.active {
  color: #e1b696;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .mega-title
  span {
  color: #e1b696;
  padding: 5px 0;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-slider {
  margin: 0 0;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-slider
  .navigation {
  top: -34px;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-slider
  .caroufredsel_wrapper {
  margin-bottom: 10px !important;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-slider
  .caroufredsel_wrapper
  > ul
  .item {
  margin-bottom: 0px;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-slider
  .caroufredsel_wrapper
  > ul
  .item
  .item-inner
  .item-info
  .item-title {
  font-size: 100%;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-slider
  .caroufredsel_wrapper
  > ul
  .item
  .item-inner
  .item-info
  .item-content
  .item-price {
  padding-bottom: 10px;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item {
  border: none;
  margin: 0 0;
  border-top: 1px solid #e9e9e9;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-img {
  float: left;
  margin: 10px 8px 10px 10px;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-info {
  text-align: left;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-info
  .item-title {
  font-size: 100%;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-info
  .item-title
  a {
  font-weight: normal;
  text-transform: uppercase;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-info
  .item-title
  a:hover {
  color: #e1b696;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-info
  .price-box
  .price {
  font-size: 100%;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-info
  .price-box
  .old-price {
  padding: 0 5px;
  margin: 0 10px 0 0;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-info
  .ratings
  .rating-box {
  float: none;
  margin: 0 0;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-info
  .ratings
  .rating-links {
  font-size: 91.66%;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item
  .item-info
  .no-rating {
  font-size: 91.66%;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item:first-child {
  border-top: none;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .megamenu-col
  .sns-productlist
  .item:hover {
  background-color: #f4f4f4;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0
  .mega-content-wrap
  .block
  .block-content {
  padding: 0 0;
}
.sns-megamenu-wrap.horizontal-menu
  .mega-nav
  li.level0:hover
  .mega-content-wrap {
  top: 43px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.sns-megamenu-wrap.horizontal-menu.no-effect .mega-nav li.level0 > a {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.sns-megamenu-wrap.horizontal-menu.no-effect
  .mega-nav
  li.level0
  .mega-content-wrap {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.sns-megamenu-wrap.horizontal-menu.no-effect
  .mega-nav
  li.level0:hover
  .mega-content-wrap {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.gift_card_show {
  display: none !important;
}
.dashboard-index-index .subscription_hide {
  display: none !important;
}
.dashboard-index-index .dashboard_header {
  margin-top: 0;
}
* {
  margin: 0;
}
html,
body {
  height: 100%;
  font-size: 13px;
}
body {
  height: auto;
  min-height: 100%;
  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-flex-direction: column;
  flex-direction: column;
  -webkit-print-color-adjust: exact;
}
.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
#sns_wrapper {
  height: 100%;
}
#sns_content {
  margin-bottom: 0;
  padding-bottom: 0;
}
#sns_breadcrumbs {
  display: none;
}
#sns_menu {
  display: none;
}
.sns-switch {
  display: none;
}
#search_autocomplete {
  display: none !important;
}
.page_container_size {
  max-width: 1300px;
  padding-left: 50px;
  padding-right: 50px;
  margin: auto;
  width: 100%;
  box-sizing: border-box;
}
#sns_topheader a {
  color: #838383;
}
#sns_topheader a:hover {
  color: #e1b696;
}
#sns_topheader .row-fluid {
  width: 100%;
}
.sns-quickaccess ul.links li a {
  text-transform: initial;
  font-size: 13px;
  font-weight: normal;
  font-family: "museo-sans", sans-serif;
  padding: 0 10px;
}
.sns-quickaccess ul.links {
  display: inline-block;
}
#sns_topheader .sns-quickaccess .quickaccess-inner ul.links li.first a {
  color: #5f828d;
  font-weight: bold;
}
#sns_topheader .sns-quickaccess .quickaccess-inner img {
  height: 20px;
  display: inline-block;
  position: relative;
  top: -13px;
  right: -8px;
}
.catalog-product-view #sns_menu,
.catalog-category-view #sns_menu,
.catalogsearch-result-index #sns_menu {
  display: none;
}
.sns-quickaccess ul.links li.dashboard_subscription_link {
  display: none;
}
.catalogsearch-result-index #sns_menu {
  display: block;
  margin-bottom: 35px;
}
#sns_magic_btn,
#sns-totop,
#sns_tools {
  display: none;
}
#product-shop .availability,
.product-shop .availability {
  display: none;
}
div.zoomContainer {
  display: none;
}
.dropdown-backdrop {
  position: static !important;
}
.toolbar-bottom .toolbar {
  margin: 35px 0;
}
#sns_ajaxwrap {
  height: auto;
}
body.sns_one_column.catalog-category-view .sticky_footer_wrapper #sns_wrapper,
body.sns_one_column.catalog-product-view .sticky_footer_wrapper #sns_wrapper {
  overflow: visible;
}
h1,
h2,
h3 {
  text-transform: initial;
  letter-spacing: 0.05em;
  color: #4c4c4c;
  font-weight: 500;
}
h3 {
  text-align: center;
}
h4 {
  color: #4c4c4c;
  font-weight: 500;
  font-size: 15px;
}
.brandon_upper {
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
}
.mistobox_button,
.mistobox-button {
  background: #b34141;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  margin: 10px 10px;
  padding: 0px 30px;
  display: inline-block;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.active_button {
  background: #e1b696;
}
.active_button:hover {
  background: #5f828d;
}
.blue_button {
  background: #aac9d1;
  border: 1px solid #aac9d1;
  color: #fff;
}
.blue_button:hover {
  background: #e1b696;
  border: 1px solid #e1b696;
}
.red-button,
.gray_button,
.white_button,
.button {
  text-transform: uppercase;
  border-radius: 1px;
  color: white;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  padding: 8px 30px;
  display: inline-block;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #5f828d;
}
.red-button:hover,
.gray_button:hover,
.white_button:hover,
.button:hover {
  background: #4c6066;
}
.note_block {
  text-align: center;
  float: left;
  margin-right: 2px;
  margin-bottom: 3px;
  margin-top: 5px;
  z-index: 1000;
  border: 1px solid #5f828d;
  font-size: 10px;
  letter-spacing: 0.05em;
  color: #5f828d;
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  width: calc(33.333333% - 2px);
  padding: 7px 2px;
  box-sizing: border-box;
}
.note_block:last-child {
  margin-right: 0;
}
.cms-home h2 {
  font-size: 30px;
  line-height: 30px;
}
[class*="span"].first_child {
  margin-left: 0;
}
.span12#logo {
  margin-top: 18px;
  margin-left: 25px;
}
a.underline {
  text-transform: uppercase;
  color: #666666;
  letter-spacing: 0.01em;
  text-decoration: underline;
  font-size: 14px;
}
.modal .modal-header {
  background: none;
}
.modal .block-title {
  font-weight: 500;
  text-align: center;
  font-family: "brandon-grotesque";
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #4c4c4c;
}
.align_left {
  float: left;
}
.align_right {
  float: right;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#sns_topheader {
  border-bottom: 1px solid #e6e6e6;
}
#sns_topheader .container.span12 {
  margin-left: 0;
}
#sns_topheader .container {
  width: 100%;
}
#sns_topheader .row-fluid {
  margin-left: 0;
  overflow: visible;
}
#sns_topheader .topheader-left .one_logo {
  display: none;
}
#sns_topheader .topheader-left .one_logo img {
  width: 275px;
}
#sns_topheader .topheader-right {
  margin-top: 21px;
  margin-left: 0;
  padding-right: 20px;
}
#sns_topheader .topheader-right li.how_link,
#sns_topheader .topheader-right li.redeem_link,
#sns_topheader .topheader-right li.corp_gifts,
#sns_topheader .topheader-right li.shop_link,
#sns_topheader .topheader-right li.blog_link,
#sns_topheader .topheader-right li.learn_link {
  display: none;
}
#sns_topheader .topheader-right .dropdown {
  text-align: left;
}
#sns_topheader .topheader-right .dropdown .caret {
  border-top: 4px solid #bebebe;
  margin-top: 14px;
  margin-left: 2px;
}
#sns_topheader .topheader-right .dropdown > .dropdown-menu {
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e6e6e6;
  padding: 0px;
  right: 0;
  left: auto;
}
#sns_topheader .topheader-right .dropdown > .dropdown-menu a {
  color: #929292;
  margin: 0px;
  font-weight: normal;
  padding-left: 18px;
  padding-right: 18px;
}
#sns_topheader .topheader-right .dropdown > .dropdown-menu a:hover {
  color: #666666;
  background: #f2f2f2;
}
#sns_topheader .topheader-right .dropdown > .dropdown-menu li:hover {
  background-color: #f2f2f2;
}
.cms-page-view .container {
  width: 100%;
}
.cms-page-view .container #sns_main {
  margin: auto;
  padding: 20px 15px;
  max-width: 940px;
  float: none;
}
#sns_topheader .modal-body .account-create .input-box {
  margin-bottom: 5px;
}
#sns_topheader .modal-body .account-create label {
  margin-bottom: 1px;
}
#sns_topheader .modal-body .account-create .fields {
  width: auto;
}
#sns_topheader .modal-body .account-create .fields input {
  margin-bottom: 5px;
}
#sns_topheader .modal-body .account-create .fields input.input_text {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin: 0;
}
#sns_topheader .modal-body .account-create .buttons-set {
  text-transform: uppercase;
}
#sns_topheader .modal-body .account-create .buttons-set .button {
  float: right !important;
}
#sns_topheader .modal .input-box input.input-text {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin: 0;
}
#sns_footer {
  font-family: "museo-sans", sans-serif;
  padding: 0;
  color: #bebebe;
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e6e6e6;
  z-index: 5000 !important;
}
#sns_footer .mixpanel_badge {
  display: none;
}
#sns_footer .container {
  width: 100%;
}
#sns_footer .container .right_footer {
  text-align: right;
  padding: 15px 30px 15px 30px;
  background: #fff;
  min-height: 0;
}
#sns_footer .container .left_footer {
  padding: 13px 30px;
}
#sns_footer .container .left_footer img {
  width: 24px;
  margin: 0 5px;
}
#sns_footer .container .left_footer img.facebook {
  margin-right: 0;
}
#sns_footer .container .footer-bootom {
  padding: 0;
}
#sns_footer .container .footer-bootom .sns-info ul {
  display: block;
  min-height: 10px;
}
#sns_footer .container .footer-bootom .sns-info ul li {
  background: none;
  float: right;
  text-transform: uppercase;
}
#sns_footer .container .footer-bootom .sns-info ul li a {
  color: #666666;
  font-size: 12px;
}
#sns_footer .container .footer-bootom .sub_footer {
  text-align: center;
  padding: 5px;
  background: #f2f2f2;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  min-height: 0;
}
#sns_footer .container .footer-bootom .sub_footer .copyright {
  min-height: 0;
  line-height: 8px;
}
#sns_footer .container .footer-bootom .sub_footer .copyright .sns-copyright {
  text-align: center;
  width: auto;
  font-size: 9px;
  text-transform: uppercase;
}
input,
textarea,
select {
  font-family: "museo-sans", sans-serif !important;
}
#logo img {
  width: 150px;
}
.h2-break {
  position: relative;
  display: block;
  margin: 35px auto 15px;
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: bold;
  text-transform: uppercase;
  color: #555555;
  text-align: center;
  width: 90%;
}
.h2-break hr {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #e6e6e6;
  text-align: center;
}
.h2-break span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 20px;
  background-color: white;
}
.gray_overlay {
  color: rgba(0, 0, 0, 0.05);
  width: 100%;
  margin-bottom: 500em;
  padding-bottom: 500em;
}
.category_page .price-box .price {
  color: #929292;
  font-size: 13px;
  font-style: italic;
  line-height: 18px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-family: "brandon-grotesque";
  font-weight: normal;
  position: relative;
  top: 10px;
}
.category_page .price-box .old-price {
  display: none;
}
.category_page .price-box .old-price .price {
  color: #aaa;
}
.short-description {
  color: #bebebe;
  font-size: 116.7%;
  font-family: "brandon-grotesque", sans-serif;
}
.sns_korion.cms-index-index #sns_topheader .container,
.home-index-index #sns_topheader .container {
  width: 100%;
}
.sns_korion.cms-index-index .container,
.home-index-index .container {
  width: auto;
}
.catalog-product-view {
  /*Radio buttons to star ratings*/
}
.catalog-product-view .container {
  width: 100%;
}
.catalog-product-view .container .product_container {
  max-width: 1300px;
  padding-left: 50px;
  padding-right: 50px;
  margin: auto;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 15px;
}
.catalog-product-view .container .product_container .product-shop {
  margin: 20px 0 0 0;
}
.catalog-product-view h1.product-name {
  margin: -2px 0 17px;
}
.catalog-product-view h1.product-name span.name {
  font-family: "museo-sans";
}
.catalog-product-view .note_block {
  padding: 7px 2px;
}
.catalog-product-view .roaster-description {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #e1b696;
  font-weight: normal;
  font-size: 14px;
  margin-top: 18px;
}
.catalog-product-view .header {
  font-family: "museo-sans";
  text-transform: capitalize;
  font-size: 16px;
  margin-bottom: 3px;
  color: #4c4c4c;
}
.catalog-product-view .detail {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  color: #929292;
}
.catalog-product-view hr {
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.catalog-product-view hr.price {
  margin-top: 28px;
}
.catalog-product-view .roast_info {
  margin-top: 15px;
}
.catalog-product-view .roast_info .header_detail {
  margin-bottom: 7px;
}
.catalog-product-view .roast_info .header {
  margin-right: 5px;
}
.catalog-product-view .roast_info .roast_scale {
  margin-top: 5px;
  text-align: center;
  position: relative;
}
.catalog-product-view .roast_info .roast_scale .line {
  width: 100%;
  height: 1px;
  background: #5f828d;
  margin-top: 10px;
}
.catalog-product-view .roast_info .roast_scale .scale_circle {
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #5f828d;
  border-radius: 100%;
  position: relative;
  top: -8px;
}
.catalog-product-view .roast_info .roast_scale .scale_circle.light {
  left: 0;
}
.catalog-product-view .roast_info .roast_scale .scale_circle.medium_light {
  left: calc(25% - 7px);
}
.catalog-product-view .roast_info .roast_scale .scale_circle.medium {
  left: calc(50% - 7px);
}
.catalog-product-view .roast_info .roast_scale .scale_circle.medium_dark {
  left: calc(75% - 10px);
}
.catalog-product-view .roast_info .roast_scale .scale_circle.dark,
.catalog-product-view .roast_info .roast_scale .scale_circle.very_dark {
  left: calc(100% - 17px);
}
.catalog-product-view .roast_info .roast_scale .detail {
  margin-top: 10px;
  color: #bebebe;
  display: inline-block;
  position: relative;
  top: 1px;
  font-size: 10px;
}
.catalog-product-view .roast_info .roast_scale .detail.sub_roast {
  position: absolute;
  top: 1px;
  display: none;
}
.catalog-product-view .roast_info .roast_scale .detail.very_dark {
  display: none;
  float: right;
}
.catalog-product-view .roast_info .roast_scale .detail.light {
  float: left;
}
.catalog-product-view .roast_info .roast_scale .detail.medium {
  float: none;
}
.catalog-product-view .roast_info .roast_scale .detail.dark {
  float: right;
}
.catalog-product-view .roast_info .roast_scale .detail.dark .very {
  display: none;
}
.catalog-product-view .roast_info .roast_scale .detail.active {
  color: #5f828d;
  font-size: 12px;
  top: 0px;
}
.catalog-product-view .roast_info .roast_scale .detail.active.medium_light {
  left: calc(25% - 44px);
  display: block;
  top: 1px;
}
.catalog-product-view .roast_info .roast_scale .detail.active.medium_dark {
  left: calc(75% - 48px);
  display: block;
  top: 1px;
}
.catalog-product-view .roast_info .roast_scale .detail.active.very_dark .very {
  display: block;
}
.catalog-product-view .type_info {
  margin-top: 15px;
}
.catalog-product-view .type_info .detail .note_block {
  border-color: #bebebe;
  color: #bebebe;
}
.catalog-product-view .type_info .detail .active {
  border-color: #5f828d;
  color: #5f828d;
}
.catalog-product-view .coffee-info {
  width: 100%;
}
.catalog-product-view .coffee-info .header {
  margin-bottom: 7px;
}
.catalog-product-view .coffee-info .coffee-detail {
  width: 50%;
  float: left;
  line-height: 1.4em;
  padding: 0px 2px 5px 30px;
  min-height: 60px;
  box-sizing: border-box;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  color: #929292;
}
.catalog-product-view .coffee-info .coffee-detail:nth-child(even) {
  float: right;
}
.catalog-product-view .coffee-info .coffee-detail .header {
  margin-bottom: 7px;
  margin-bottom: 3px;
  position: relative;
}
.catalog-product-view .coffee-info .coffee-detail .header .icon {
  width: 24px;
  height: 23px;
  position: absolute;
  left: -29px;
  background-size: 15px;
}
.catalog-product-view .coffee_product_description {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  color: #929292;
  display: inline-block;
  margin-right: 0px;
  margin-top: 1px;
  font-size: 13px;
  color: #4c4c4c;
}
.catalog-product-view .price-box {
  float: right;
}
.catalog-product-view .price-box .price {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #4c4c4c;
  font-size: 15px;
}
.catalog-product-view .sold-out {
  text-align: left;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #deaf9d;
}
.catalog-product-view .expected_date {
  margin-bottom: 20px;
  text-transform: initial;
  font-weight: 100;
  font-family: "museo-sans";
  font-size: 14px;
}
.catalog-product-view .description {
  display: table;
}
.catalog-product-view .description .description_box {
  display: table-cell;
  float: none;
  border-right: 8px solid #f8f8f8;
}
.catalog-product-view .description .description_box:last-child {
  border-right: 0;
  border-left: 7px solid #f8f8f8;
}
.catalog-product-view .mbox-description-header,
.catalog-product-view .customer-review-header {
  display: table;
  padding: 15px 0 0 0;
  font-family: "museo-sans";
  text-transform: capitalize;
  font-size: 16px;
  margin-bottom: 3px;
  color: #4c4c4c;
}
.catalog-product-view .customer-review-header {
  padding-top: 45px;
}
.catalog-product-view .ratings {
  width: 100%;
  position: relative;
}
.catalog-product-view .ratings .rating-box {
  display: inline-block;
  margin-right: 5px;
}
.catalog-product-view .ratings .rating-links {
  width: 500px;
  display: inline-block;
  position: relative;
  top: 1px;
}
.catalog-product-view .ratings .button_position {
  position: absolute;
  top: -10px;
  right: 0;
}
.catalog-product-view .ratings .button_position button {
  margin: 0;
  border: none;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding: 8px 20px;
  font-size: 12px;
  background: #5f828d;
  border-radius: 0;
  color: #fff;
}
.catalog-product-view .coffee-detail .header.country .icon {
  background: url(../images/mbox/icons/product_origin.png) no-repeat;
  background-size: 80%;
}
.catalog-product-view .coffee-detail .header.region .icon {
  background: url(../images/mbox/icons/product_region.png) no-repeat;
  background-size: 63%;
}
.catalog-product-view .coffee-detail .header.altitude .icon {
  background: url(../images/mbox/icons/product_altitude.png) no-repeat;
  background-size: 80%;
}
.catalog-product-view .coffee-detail .header.process .icon {
  background: url(../images/mbox/icons/product_process.png) no-repeat;
  background-size: 85%;
}
.catalog-product-view .coffee-detail .header.variety .icon {
  background: url(../images/mbox/icons/product_variety.png) no-repeat;
  background-size: 60%;
}
.catalog-product-view .coffee-detail .header.producer .icon {
  background: url(../images/mbox/icons/product_producer.png) no-repeat;
  background-size: 70%;
}
@media (max-width: 767px) {
  .catalog-product-view .roast_info .roast_scale .detail.active {
    font-size: 10px;
  }
  .catalog-product-view .roast_info .roast_scale .detail.active.medium_dark {
    left: calc(75% - 40px);
  }
  .catalog-product-view .roast_info .roast_scale .detail.active.medium_light {
    left: calc(25% - 36px);
  }
}
.catalog-product-view.category-gear-merch .header {
  display: none;
}
.catalog-product-view.category-gear-merch .roast_info {
  display: none;
}
.catalog-product-view.category-gear-merch .type_info {
  display: none;
}
.catalog-product-view.category-gear-merch .note_block {
  all: unset;
}
.catalog-product-view.category-gear-merch hr.price {
  display: none;
}
.catalog-product-view.category-gear-merch .description .description_box {
  width: 100%;
}
.catalog-product-view.category-gear-merch
  .description
  .description_box:last-child {
  display: none;
}
.catalog-product-view.category-gear-merch
  #product-shop
  .add-to-cart
  button.btn-addtoqueue {
  display: none;
}
.catalog-product-view.category-gear-merch
  #product-shop
  .add-to-cart
  button.btn-cart {
  background: #e1b696;
  border: 1px solid #e1b696;
  color: #fff;
  font-size: 13px;
  margin-right: 10px;
  padding-right: 0;
  padding-left: 0;
}
.catalog-product-view.category-gear-merch
  #product-shop
  .add-to-cart
  button.btn-now {
  display: none;
}
.catalog-product-view.category-gear-merch #product-shop .price-box {
  float: left;
  margin: 15px 0;
}
@media (max-width: 767px) {
  .catalog-product-view.category-gear-merch
    .product_container
    .product-shop#product-shop
    div.note_block {
    padding: 0;
    font-size: 14px;
  }
  .catalog-product-view.category-gear-merch
    .product_container
    .description_box
    .mbox-description-header.details {
    display: block;
  }
  .catalog-product-view.category-gear-merch
    .product_container
    .description_box
    .mbox-description-header.coffee_story {
    display: none;
  }
  .catalog-product-view.category-gear-merch
    .product_container
    .description_box:last-child {
    display: none;
  }
}
.catalog-product-view .rating {
  overflow: hidden;
  display: inline-block;
}
.catalog-product-view .rating input[type="radio"] {
  display: none;
}
.catalog-product-view .rating-input {
  float: right;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 0 0 -16px;
  opacity: 0;
}
.catalog-product-view .rating-star {
  position: relative;
  float: right;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/mbox/icons/single_star_empty.png) repeat-x scroll 0
    0 transparent;
  background-size: 20px auto;
}
.catalog-product-view .rating-star:hover {
  width: 20px;
  height: 20px;
  background: url(../images/mbox/icons/single_star_full.png) repeat-x scroll 0
    100% transparent;
  background-size: 20px auto;
}
.catalog-product-view .rating-star:hover,
.catalog-product-view .rating-star:hover ~ .rating-star {
  background: url(../images/mbox/icons/single_star_full.png) repeat-x scroll 0
    100% transparent;
  background-size: 20px auto;
}
.catalog-product-view .rating-star:hover,
.catalog-product-view .rating-star:hover ~ .rating-star,
.catalog-product-view .rating-input:checked ~ .rating-star {
  background: url(../images/mbox/icons/single_star_full.png) repeat-x scroll 0
    100% transparent;
  background-size: 20px auto;
}
.catalog-product-view .summary_field_label {
  float: left;
  margin-right: 20px;
  margin-top: 5px;
  font-weight: bold;
}
.catalog-product-view .review_field_label {
  float: left;
  margin-left: 0px;
  margin-right: 20px;
}
.catalog-product-view .rating-label {
  float: left;
  margin-left: 25px;
  margin-right: 20px;
}
.catalog-product-view .input-text.required-entry#summary_field {
  width: 315px;
}
.catalog-product-view .required-entry#review_field {
  resize: none;
}
.catalog-product-view #reviewby .label {
  float: left;
  margin: 0;
  padding: 0;
  padding-right: 4px;
}
.catalog-product-view #reviewby .review-picture {
  display: none;
}
.review_container {
  position: relative;
}
.review_container .reviewer_info {
  height: 35px;
  line-height: 35px;
  margin-top: 15px;
}
.review_container .reviewer_info span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.review_container .review_desc {
  margin: 15px 0;
  font-size: 14px;
  line-height: 1.8em;
  color: #838383;
}
.review_container .review_date {
  position: absolute;
  right: 0;
  bottom: 10px;
  color: #b4b4b4;
}
.review-summary a {
  color: #aac9d1;
}
.review-summary a:hover {
  color: #e1b696;
}
.product-tab .description {
  background-color: #f8f8f8;
  padding: 20px 0;
}
.product-tab .rating-title {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #bebebe;
  font-size: 18px;
}
.product-tab .rating-title a {
  color: #bebebe;
}
.product-tab .rating-count {
  font-weight: normal;
  color: #666666;
  font-size: 14px;
  line-height: 23px;
  text-transform: uppercase;
}
.product-tab .rating-count a {
  color: #666666;
}
.product-tab .nickname {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  font-size: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
  color: #4c4c4c;
}
.product-tab dd {
  margin: 0 0 30px 50px;
}
.mbox-description-content {
  font-family: "museo-sans";
  padding: 15px 0 25px;
  line-height: 2em;
  font-size: 14px;
}
.description_box {
  background: #fff;
  padding: 30px;
}
.description_box .mbox-description-header.details {
  display: none;
}
.btn-writereview {
  position: relative;
  margin: 15px auto 10px;
  background: #fff;
  display: inline-block;
  color: #bebebe;
  padding: 5px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #bebebe;
  font-weight: bold;
}
.btn-writereview:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
}
.btn-writereview:hover {
  background: #e1b696;
  border-color: #e1b696;
}
.cms-home #sns_footer .mixpanel_badge {
  display: none;
}
.cms-home #sns_footer .mixpanel_badge img {
  height: 27px;
  position: absolute;
  top: 11px;
}
div#sns_mainmidle div#customer-reviews {
  clear: both;
}
.buttons-set .button {
  margin: 0 25px 0 5px;
}
#modal_review {
  width: 540px;
}
#modal_review .modal-title {
  text-align: center;
  font-weight: 500;
  font-size: 13px;
}
#modal_review .modal-header {
  background: #f8f8f8;
  border-bottom: 1px solid #e6e6e6;
}
#modal_review .modal-body {
  padding: 15px 35px;
}
#modal_review .button {
  margin-right: 0;
}
.form-add {
  text-transform: uppercase;
}
.form-add h3 {
  font-size: 18px;
  line-height: 10px;
  color: #4c4c4c;
  text-align: left;
  font-family: "museo-sans";
  font-weight: normal;
}
.form-add h4 {
  font-weight: 500;
  line-height: 12px;
  font-size: 12px;
  text-align: left;
  margin-bottom: 15px;
  color: #e1b696;
}
.form-add .label,
.form-add .rating-label,
.form-add label,
.form-add .review_field_label,
.form-add .cust-name {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.1em;
  font-family: "brandon-grotesque";
  font-weight: normal;
  color: #4c4c4c;
}
.form-add .rating-label {
  margin-right: 10px;
  margin-left: 0;
}
.form-add ul.form-list {
  margin: 0;
}
.form-add ul.form-list textarea#review_field {
  width: 100%;
  box-sizing: border-box;
}
.form-add .form-list li {
  list-style: none;
}
.sns-ajaxcart .block-title {
  padding: 0;
  top: -2px;
}
.sns-ajaxcart .block-title .cart-status {
  position: relative;
  z-index: 100;
  padding: 0;
  margin: 0;
}
.sns-ajaxcart .block-title .cart-status .label {
  display: none;
}
.sns-ajaxcart .block-title .cart-status .subtotal {
  display: block;
  background: #aac9d1;
  border-radius: 100px;
  padding: 1px 0;
  width: 14px;
  text-align: center;
  line-height: 12px;
  height: 12px;
  position: relative;
  right: -17px;
  top: 8px;
}
.sns-ajaxcart .block-title .cart-status .subtotal span {
  color: #fff;
  font-size: 10px;
}
.sns-ajaxcart .block-content .short-description {
  display: none;
}
.sns-ajaxcart .block-content .rating-container .ratings {
  display: none;
}
.sns-ajaxcart .block-content .item-options {
  display: none;
}
.product-shop#product-shop {
  max-width: 600px;
}
.product-shop#product-shop .add-to-cart {
  margin-bottom: 15px;
}
.product-shop#product-shop .product-options select,
.product-shop#product-shop .add-to-cart select {
  -webkit-appearance: none;
  border: 1px solid #e6e6e6;
  background: transparent;
  width: 100%;
  padding: 10px;
  line-height: 1;
  margin-right: 15px;
  height: 46px;
  text-transform: uppercase;
  font-weight: bold;
  background: url(../images/mbox/icons/drop-down-arrow.png) no-repeat right;
  text-align: left;
}
.product-shop#product-shop .product-options label,
.product-shop#product-shop .add-to-cart label {
  display: none;
}
.product-shop#product-shop .product-options .action-container,
.product-shop#product-shop .add-to-cart .action-container {
  width: 100%;
  margin: 18px 0 0;
}
.product-shop#product-shop .product-options .qty-container,
.product-shop#product-shop .add-to-cart .qty-container {
  display: none;
}
.product-shop#product-shop .product-options dd,
.product-shop#product-shop .add-to-cart dd {
  margin-left: 0px;
}
.product-shop#product-shop .product-options button,
.product-shop#product-shop .add-to-cart button {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  border-radius: 0;
  float: left;
  padding: 8px;
  font-weight: normal;
}
.product-shop#product-shop .product-options button.btn-cart,
.product-shop#product-shop .add-to-cart button.btn-cart {
  background: #e1b696;
  color: #fff;
  width: 100%;
  font-size: 14px;
}
.product-shop#product-shop .product-options button.btn-now,
.product-shop#product-shop .add-to-cart button.btn-now {
  background: none;
  border: 1px solid #e6e6e6;
  color: #929292;
  width: 40%;
  font-size: 12px;
}
.product-shop#product-shop .product-options button.btn-now:hover,
.product-shop#product-shop .add-to-cart button.btn-now:hover {
  background: #aac9d1;
  border-color: #aac9d1;
  color: #fff;
}
.product-shop#product-shop .product-options button.btn-now,
.product-shop#product-shop .add-to-cart button.btn-now {
  display: none;
}
.product-shop#product-shop .product-options button.btn-addtoqueue,
.product-shop#product-shop .add-to-cart button.btn-addtoqueue {
  background: #e1b696;
  border: 1px solid #e1b696;
  color: #fff;
  font-size: 12px;
  margin-right: 10px;
  padding-right: 0;
  padding-left: 0;
  width: calc(60% - 10px);
}
.product-shop#product-shop .product-options button.btn-addtoqueue:hover,
.product-shop#product-shop .add-to-cart button.btn-addtoqueue:hover {
  background: #d69f76;
  border-color: #d69f76;
}
.addto-emailto-link {
  display: none;
}
.coming_soon {
  position: relative;
  text-align: center;
  height: 400px;
}
.coming_soon img.typo {
  position: absolute;
  top: 100px;
  right: 50%;
  margin-right: -103px;
  width: 205px;
}
.mini-cart .block-title * {
  color: #bebebe;
}
.mini-cart .bottom-action {
  margin-top: 15px;
}
.checkout-onepage-index h1 {
  text-align: left;
}
#confirmbox .head-cfbox {
  font-weight: bold;
  text-transform: uppercase;
  color: #666666;
  letter-spacing: 0.1em;
}
#confirmbox .head-cfbox .product-title {
  display: none;
}
#confirmbox .cf-producinfo {
  width: 100%;
}
#confirmbox .cf-producinfo .product-name {
  margin-top: 15px;
  margin-bottom: 0px;
}
#confirmbox .cf-producinfo .product-name a {
  font-weight: bold;
  text-transform: uppercase;
}
#confirmbox .cf-producinfo .short-description {
  text-transform: uppercase;
  font-size: 10px;
  color: #bebebe;
}
#confirmbox .cf-moreinfo .ratings {
  display: none;
}
#confirmbox .cf-moreinfo .price-container {
  text-align: left;
}
#confirmbox .cf-moreinfo .price-container .price-box .price {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
.product_page.price {
  margin-top: 5px;
}
#btn-close {
  background: url(../images/ico-delete.png);
}
.mobile_header_spacer {
  height: 70px;
  width: 100%;
}
/*ecomm mobile*/
@media (max-width: 767px) {
  .modal#modal_review {
    width: 460px;
    top: 90px;
  }
  .catalog-product-view .description .description_box {
    display: block;
    float: left;
    border: 0;
    margin-bottom: 15px;
  }
  .catalog-product-view .description .description_box:last-child {
    width: 100%;
    border: 0;
  }
}
@media (max-width: 480px) {
  .modal#modal_review {
    width: calc(100% - 30px);
    max-width: 450px;
    top: 80px;
    margin-left: 15px;
    left: 0;
    right: 0;
  }
}
.mobile_header {
  padding: 0 5px;
  top: 0;
  position: fixed;
  z-index: 10000;
  box-sizing: border-box;
}
.mobile_header .right {
  width: calc(50% - 60px);
  float: right;
}
.mobile_header .left {
  width: calc(50% - 60px);
  float: left;
}
.mobile_header .logo {
  width: 120px;
  padding: 0;
  box-sizing: border-box;
  float: left;
  text-align: center;
}
.mobile_header .section {
  width: 50%;
  float: left;
  text-align: center;
  height: 70px;
  position: relative;
}
.mobile_header .section img {
  position: relative;
  width: 18px;
}
.mobile_header .section img.next {
  height: 23px;
  width: 23px;
  top: 11px;
}
.mobile_header .section img.filter {
  width: 18px;
  height: 20px;
  top: 12px;
}
.mobile_header .section img.subscribe {
  width: 17px;
  height: 24px;
  top: 11px;
}
.mobile_header .section img.exit {
  width: 21px;
  top: 13px;
}
.mobile_header .section img.go {
  width: 22px;
  top: 12px;
}
.mobile_header .section img.browse {
  width: 17px;
  height: 21px;
  top: 12px;
}
.mobile_header .section img.dashboard {
  width: 20px;
  top: 13px;
}
.mobile_header .section.three .sns-ajaxcart {
  float: none;
  position: relative;
  top: 12px;
}
.mobile_header .section.three .sns-ajaxcart .block-title {
  padding: 0;
  width: 32px;
  z-index: 1;
  margin: auto;
}
.mobile_header .section.three .sns-ajaxcart .block-title .cart-status:before {
  background-size: 100%;
  height: 35px;
  width: 26px;
  top: 8px;
  left: 0px;
}
.mobile_header .section .nav_label {
  position: absolute;
  left: 50%;
  width: 130%;
  bottom: 5px;
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  color: #929292;
  font-size: 11px;
}
.mobile_header .section .nav_label .center {
  position: relative;
  left: -50%;
  font-size: 11px;
}
.mobile_header .section .next_subtotal,
.mobile_header .section .filter_subtotal {
  display: block;
  background: #aac9d1;
  border-radius: 100px;
  padding: 1px 0;
  width: 14px;
  text-align: center;
  line-height: 12px;
  height: 12px;
  position: relative;
  right: -9px;
  margin: auto;
  top: -5px;
  color: #fff;
  font-size: 10px;
}
.mobile_header .dropdown-submenu > .dropdown-menu {
  left: auto;
}
.cart h1 {
  text-transform: uppercase;
}
.cart .discount {
  border: 0;
}
.cart button.btn-continue,
.cart button.btn-update {
  background: #e7e7e7;
  color: #929292;
  padding: 5px 15px;
  letter-spacing: 0.05em;
  font-size: 12px;
}
.cart .btn-proceed-checkout {
  color: #fff;
  background: #e1b696;
  letter-spacing: 0.05em;
  font-size: 12px;
  padding: 5px 15px;
  margin: 10px;
}
.cart .btn-proceed-checkout:hover {
  background: #d69f76;
}
.cart .discount-form button {
  background: #e7e7e7;
  color: #929292;
  padding: 5px 15px;
  margin-right: 10px !important;
}
.cart .discount-form button[title~="Cancel"] {
  position: relative;
  left: 10px;
}
.data-table#shopping-cart-table {
  border: 0;
}
.data-table#shopping-cart-table thead tr th {
  font-weight: normal;
  letter-spacing: 0.1em;
}
.data-table#shopping-cart-table tbody td {
  border-right: 0;
  padding-left: 25px;
  padding-right: 25px;
}
.data-table#shopping-cart-table tbody td a.product-image {
  height: auto;
}
.data-table#shopping-cart-table tbody td input {
  width: 30px;
  font-size: 10px;
}
.data-table#shopping-cart-table tbody td h2 {
  margin: 0;
  line-height: 15px;
  font-weight: bold;
}
.data-table#shopping-cart-table tbody td dl {
  margin-top: 0;
}
.data-table#shopping-cart-table tbody td dl dt {
  display: inline-block;
  text-transform: uppercase;
  color: #bebebe;
}
.data-table#shopping-cart-table tbody td dl dd {
  display: inline-block;
  text-transform: uppercase;
  color: #bebebe;
}
.data-table#shopping-cart-table tbody td .cart-price {
  font-size: 12px;
}
.data-table#shopping-cart-table tfoot td {
  border: 0;
}
.data-table#shopping-cart-table tfoot td .btn-update {
  float: left;
  margin-left: 10px;
}
.data-table#shopping-cart-table tfoot td .btn-empty {
  display: none;
}
#search_mini_form {
  position: absolute;
  top: 12px;
  right: 50px;
}
#search_mini_form .button {
  padding: 6px 10px;
  border: none;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 6px;
  right: -1px;
  font-size: 100%;
  color: #929292;
  background-color: transparent;
  line-height: 19px;
  background: url("../images/gobutton.png") no-repeat left center;
  background-size: 83%;
}
#search_mini_form #search {
  width: 250px;
  padding: 6px 10px;
}
#login-container {
  width: 227px;
  margin: auto;
}
#login-container input {
  width: 200px;
}
#login-container .h2-break {
  font-size: 12px;
  font-weight: normal;
  margin: 20px 0;
}
#login-container ul {
  list-style-type: none;
}
#login-container .login-links {
  margin-top: 10px;
}
#login-container .login-links .actions {
  text-align: center;
}
#login-container .button {
  margin: auto;
  border-radius: 1px;
  height: 38px;
}
.section.referrals .tagline .tagline_square {
  text-align: center;
  padding: 25px 15px;
  margin: 25px 0;
}
.section.referrals .tagline .tagline_square .circle_number {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 100px;
  text-align: center;
  margin: 0 auto 15px;
  border: 1px solid #e6e6e6;
  background: url(../images/mbox/cream-dust_zps9b0ebc04.jpg);
}
.section.referrals .tagline .tagline_square .text {
  max-width: 150px;
  margin: auto;
}
.section.referrals .tagline .tagline_square#middle {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.section.referrals .content_box {
  border: 1px solid #e6e6e6;
  margin: 0 0 20px 0;
  padding: 0 0px 20px 0;
  background: #fff;
  position: relative;
}
.section.referrals .box_header {
  text-transform: uppercase;
  text-align: center;
  padding: 10px 0px;
  color: #666666;
  border-bottom: 1px solid #e6e6e6;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 25px;
  font-family: "brandon-grotesque";
}
.section.referrals .box_header.link {
  border: 1px solid #e6e6e6;
}
.section.referrals .box_header.link .share_link,
.section.referrals .box_header.link .share_code {
  display: inline-block;
  margin: 10px;
}
.section.referrals .box_header.link .copy_button {
  width: 50px;
  display: inline-block;
  margin: 0 10px;
  border: 1px solid #b34141;
  color: #b34141;
  padding: 2px;
  cursor: pointer;
  font-size: 12px;
}
.section.referrals .box_header.link .copy_button:hover {
  color: #fff;
}
.section.referrals .box_header.link input {
  margin: 0;
  margin-left: 10px;
}
.section.referrals .box_header.link input:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.section.referrals .tagline {
  margin-bottom: 25px;
  text-align: left;
}
.section.referrals .share tags-input#emails {
  border: 1px solid #e6e6e6;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.section.referrals .share .tags {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: 0;
}
.section.referrals .share .tags input {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: 0;
}
.section.referrals .share .box_header {
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  margin-bottom: 0;
}
.section.referrals .share textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  border-top: 0;
  border-bottom: 0;
  resize: none;
  height: 100px;
  margin-bottom: 0;
  padding: 15px;
  color: #666666;
}
.section.referrals .share .message_customizer {
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.section.referrals .share .message_customizer .customizer_box {
  width: 25%;
  text-align: center;
  padding: 10px 0;
  float: left;
  background: none;
  color: #929292;
  box-sizing: border-box;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
  font-family: "museo-sans";
  text-transform: initial;
}
.section.referrals .share .message_customizer .customizer_box:first-child {
  border-left: 1px solid #e6e6e6;
}
.section.referrals .share .message_customizer .customizer_box:hover {
  color: #e1b696;
}
.section.referrals .share .message_customizer .customizer_box.active {
  border-bottom: 1px solid #e1b696;
  color: #e1b696;
}
.section.referrals .share tags-input .tags .tag-item {
  background: #eeeeee;
  font-size: 13px;
  font-family: "museo-sans", sans-serif;
}
.section.referrals .share tags-input .tags .input {
  font-size: 13px;
  font-family: "museo-sans", sans-serif;
}
.section.referrals .share .email_preview {
  float: left;
  margin-top: 18px;
}
.section.referrals .share .email_preview a {
  color: #bebebe;
}
.section.referrals .share .red-button {
  border-radius: 0;
  line-height: 40px;
  font-weight: normal;
  float: right;
  margin-right: 0;
}
.section.referrals .share .reminder_check {
  float: right;
  margin-top: 18px;
}
.section.referrals .share .reminder_check input {
  position: relative;
  top: -4px;
  margin-right: 5px;
}
.section.referrals .points .content_box {
  height: 256px;
}
.section.referrals .points .point_count {
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 0.05em;
  color: #e1b696;
  font-size: 55px;
  font-weight: bold;
  margin: 75px 0 65px;
}
.section.referrals .points .dollar_count {
  margin-bottom: 35px;
}
.section.referrals .points .balance a {
  color: #929292;
}
.section.referrals .stats {
  background: url(../images/mbox/cream-dust_zps9b0ebc04.jpg);
  padding: 20px;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  padding: 20px 30px 30px;
}
.section.referrals .stats .cup {
  background: url(../images/mbox/icons/cup_sprite.png) no-repeat center;
  background-size: 73px;
  height: 50px;
  background-position: 50% 100%;
}
.section.referrals .stats .cup.filled {
  background-position: 50% 0%;
}
.section.referrals .history {
  padding-bottom: 0;
}
.section.referrals .history .box_header {
  margin-bottom: 0px;
}
.section.referrals .history table {
  width: 100%;
}
.section.referrals .history table td {
  text-align: left;
}
.section.referrals .history table .space_left {
  padding-left: 20px;
}
.section.referrals .history table .space_right {
  padding-right: 20px;
}
.section.referrals .history thead {
  margin: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.section.referrals .history thead .friend {
  width: 31%;
}
.section.referrals .history thead .date,
.section.referrals .history thead .status,
.section.referrals .history thead .points {
  width: 23%;
}
.section.referrals .history thead td {
  text-transform: uppercase;
}
.section.referrals .history tbody tr {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 10px;
}
.section.referrals .history tbody tr:last-child {
  border-bottom: 0;
}
.section.referrals .history tbody td {
  padding: 15px 0;
}
.useCredit {
  text-align: right;
}
.useCredit label span {
  color: #bebebe;
}
.useCredit input[type="checkbox"] {
  margin: 0;
}
.charge-list .payment {
  padding: 0 15px;
}
.charge-list .payment_bar {
  border-bottom: 1px solid #e8e8e8;
  min-height: 0;
  padding: 13px 0;
  text-transform: uppercase;
}
.charge-list .payment_bar .label {
  min-height: 0;
  font-weight: bold;
  text-align: left;
}
.charge-list .payment_bar .time {
  min-height: 0;
}
.charge-list .payment_bar .amount {
  min-height: 0;
  text-align: right;
}
.modal:focus {
  outline: none;
}
.modal select {
  border-radius: 0;
  -webkit-appearance: none;
  height: 40px;
  background: url(../images/drop-down-arrow.jpg) no-repeat right;
  padding-left: 10px;
}
.modal input {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  height: 41px;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
}
.modal input.invalid {
  border: 1px solid #c2002f;
}
.pref_modal .modal-body {
  box-sizing: border-box;
  margin: 0;
}
.pref_modal .selector_button {
  height: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  cursor: pointer;
  text-align: center;
  background: #eeeeee;
}
.pref_modal .selector_button.selected {
  background: #666666;
  color: #fff;
}
.subscription-list .subscription,
.charge-list .subscription {
  margin-top: 15px;
  background: #fff;
}
.subscription-list .subscription_bar,
.charge-list .subscription_bar {
  background: #fff;
  padding: 25px 40px 25px 25px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer;
  position: relative;
  margin-top: -1px;
}
.subscription-list .subscription_bar:hover,
.charge-list .subscription_bar:hover {
  background: #eeeeee;
}
.subscription-list .subscription_bar.gray,
.charge-list .subscription_bar.gray {
  background: #eeeeee;
}
.subscription-list .subscription_bar .subscription_name,
.charge-list .subscription_bar .subscription_name {
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  min-height: 0;
  letter-spacing: 0.1em;
  font-size: 15px;
}
.subscription-list .subscription_bar .status,
.charge-list .subscription_bar .status {
  text-align: right;
  min-height: 0;
}
.subscription-list .subscription_bar .arrow,
.charge-list .subscription_bar .arrow {
  min-height: 0;
  margin-top: 5px;
  text-align: right;
}
.subscription-list .subscription_bar .arrow img,
.charge-list .subscription_bar .arrow img {
  width: 10px;
}
.subscription-list .subscription_bar .arrow.flip,
.charge-list .subscription_bar .arrow.flip {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.subscription-list .sub_info,
.charge-list .sub_info {
  padding: 0;
}
.subscription-list .product_photo,
.charge-list .product_photo {
  float: left;
  margin-right: 25px;
}
.subscription-list .product_photo .sampler,
.charge-list .product_photo .sampler {
  margin-top: 40px;
}
.subscription-list .sub_data,
.charge-list .sub_data {
  padding-top: 15px;
}
.subscription-list .sub_data .row,
.charge-list .sub_data .row {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px;
  cursor: pointer;
}
.subscription-list .sub_data .row:hover,
.charge-list .sub_data .row:hover {
  background: #eeeeee;
}
.subscription-list .sub_data .label,
.charge-list .sub_data .label {
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  min-height: 0;
}
.subscription-list .sub_data .data,
.charge-list .sub_data .data {
  text-align: right;
  min-height: 0;
  text-transform: uppercase;
}
.subscription-list .action_buttons,
.charge-list .action_buttons {
  margin-bottom: 15px;
  margin-top: 15px;
}
.subscription-list .action_buttons .status_button,
.charge-list .action_buttons .status_button {
  float: right;
  margin-right: 10px;
}
.subscription-list .action_buttons a,
.charge-list .action_buttons a {
  color: #666666;
  font-size: 13px;
  text-transform: uppercase;
}
.subscription-list .action_buttons a:hover,
.charge-list .action_buttons a:hover {
  color: #666666;
}
.subscription-list .action_buttons a.curator,
.charge-list .action_buttons a.curator {
  color: #5f828d;
  float: left;
  margin-left: 10px;
}
.subscription-list .action_buttons .sub_btn,
.charge-list .action_buttons .sub_btn {
  border-radius: 5px;
  border: 1px solid #eeeeee;
  padding: 10px 5px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 15px;
  cursor: pointer;
}
.subscription-list .action_buttons .sub_btn.btn_outline,
.charge-list .action_buttons .sub_btn.btn_outline {
  border: 1px solid #666666;
  margin-left: 2%;
}
.subscription-list .action_buttons .sub_btn.btn_gray,
.charge-list .action_buttons .sub_btn.btn_gray {
  background: #eeeeee;
  font-weight: bold;
}
.subscription-list .action_buttons .action_link,
.charge-list .action_buttons .action_link {
  text-align: right;
  margin-top: 15px;
}
.subscription-list .action_buttons .action_link a,
.charge-list .action_buttons .action_link a {
  text-decoration: underline;
  color: #bebebe;
  font-size: 13px;
}
.subscription-list .product_info,
.charge-list .product_info {
  float: left;
  max-width: 350px;
}
.subscription-list .product_info .title,
.charge-list .product_info .title {
  display: inline-block;
}
.subscription-list .product_info .status,
.charge-list .product_info .status {
  display: inline-block;
  margin-left: 5px;
}
.subscription-list .product_info .frequency,
.charge-list .product_info .frequency {
  color: #929292;
}
.subscription-list .edit_link a,
.charge-list .edit_link a {
  color: #e1b696;
  text-transform: uppercase;
  font-size: 10px;
}
.subscription-list .heading,
.charge-list .heading {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.subscription-list .status,
.charge-list .status {
  display: inline-block;
}
.subscription-list .status_circle,
.charge-list .status_circle {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 40px;
}
.subscription-list .status.active,
.charge-list .status.active {
  background: #8fb93c;
}
.subscription-list .status.held,
.charge-list .status.held {
  background: #ffc104;
}
.subscription-list .status.cancelled,
.charge-list .status.cancelled {
  background: #b34141;
}
.subscription-list .status_text,
.charge-list .status_text {
  display: inline-block;
  font-size: 13px;
  font-family: "brandon-grotesque";
  font-weight: normal;
  text-transform: uppercase;
}
.subscription-list .status_text.active,
.charge-list .status_text.active {
  color: #8fb93c;
}
.subscription-list .status_text.held,
.charge-list .status_text.held {
  color: #ffc104;
}
.subscription-list .status_text.cancelled,
.charge-list .status_text.cancelled {
  color: #b34141;
}
.subscription-list .billing_shipping,
.charge-list .billing_shipping {
  border-top: 1px solid #e8e8e8;
}
.subscription-list .billing_shipping .billing,
.charge-list .billing_shipping .billing {
  border-right: 1px solid #e8e8e8;
}
.subscription-list .billing_shipping .address,
.charge-list .billing_shipping .address {
  padding: 40px;
  position: relative;
  text-align: left;
}
.subscription-list .billing_shipping .address .heading,
.charge-list .billing_shipping .address .heading {
  display: inline-block;
  font-size: 13px;
}
.subscription-list .billing_shipping .address .info,
.charge-list .billing_shipping .address .info {
  color: #929292;
  margin-left: 0px;
  min-height: 150px;
}
.subscription-list .billing_shipping .address .info .type,
.charge-list .billing_shipping .address .info .type {
  display: inline-block;
}
.subscription-list .billing_shipping .address .info .type img,
.charge-list .billing_shipping .address .info .type img {
  height: 20px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.subscription-list .billing_shipping .address .info .last4,
.charge-list .billing_shipping .address .info .last4 {
  display: inline-block;
}
.subscription-list .billing_shipping .address .edit_link,
.charge-list .billing_shipping .address .edit_link {
  position: absolute;
  right: 15px;
  bottom: 15px;
  text-transform: uppercase;
  font-size: 9px;
  display: inline-block;
}
.subscription-list hr,
.charge-list hr {
  margin: 55px 0 30px;
}
.tier_modal .slider_label {
  width: 33%;
  float: left;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0;
  margin-top: 0;
  cursor: pointer;
}
.tier_modal .tier_description {
  min-height: 85px;
}
.plan_modal .plan_box {
  background: #fff;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  height: 200px;
  border: 1px solid #d4d4d4;
}
.plan_modal .plan_box.active {
  border: 2px solid #e1b696;
}
.plan_modal .plan_box .description {
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 0;
  color: #4c4c4c;
  font-weight: normal;
  font-size: 16px;
  margin-top: 10px;
}
.plan_modal .plan_box .price {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "brandon-grotesque", sans-serif;
  color: #838383;
}
.plan_modal .plan_box .discount {
  font-family: "brandon-grotesque", sans-serif;
  color: #ef926d;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
}
.plan_modal .plan_box .image_container {
  height: 100px;
}
.plan_modal .plan_box .image_container #one_box {
  max-width: 100px;
  margin-top: 20px;
  width: 100%;
}
.plan_modal .plan_box .image_container #six_box {
  max-width: 140px;
  margin-top: 8px;
  width: 100%;
}
.plan_modal .plan_box .image_container #twelve_box {
  max-width: 140px;
  margin-top: 9px;
  width: 100%;
}
.plan_modal .plan_change_description {
  text-align: center;
  min-height: 40px;
  color: #5f828d;
}
.plan_modal p {
  text-align: center;
  margin-top: 20px;
}
.charge_notice {
  text-align: center;
  margin: 15px;
  color: #5f828d;
}
@media (max-width: 767px) {
  .plan_modal .plan_box {
    height: initial;
    margin-bottom: 10px;
  }
  .section.referrals .content_header.link .share_code,
  .section.referrals .content_header.link .share_link {
    display: block;
    margin: 3px;
  }
  .section.referrals .share textarea {
    height: 200px;
  }
  .section.referrals .points .content_box {
    height: 210px;
  }
  .subscription-list .subscription_bar .subscription_name {
    text-align: center;
  }
  .subscription-list .sub_data .label {
    width: 50%;
    float: left;
  }
  .subscription-list .subscription {
    margin-top: 0;
  }
  .subscription-list .billing_shipping {
    border-top: 0;
  }
  .subscription-list .billing_shipping .address {
    border-top: 1px solid #e8e8e8;
  }
  .subscription-list .billing_shipping .address .info {
    min-height: 0;
  }
  .subscription-list hr {
    display: none;
  }
  .subscription-list .product_photo {
    float: none;
    margin: auto;
    max-width: 300px;
  }
  .charge-list .subscription_bar .subscription_name {
    text-align: center;
  }
  .charge-list .payment_bar .label {
    text-align: center;
  }
  .charge-list .payment_bar .amount {
    text-align: center;
  }
  #sns_topheader .sns-quickaccess .quickaccess-inner ul.links li.first a {
    display: none;
  }
}
@media (max-width: 480px) {
  #logo img {
    width: 110px;
  }
  .section.referrals .content_header.link .share_code,
  .section.referrals .content_header.link .share_link {
    display: block;
    margin: 3px;
  }
  .section.referrals .share textarea {
    height: 200px;
  }
}
.cancel_modal .modal-header {
  background: url(../images/cream-dust.jpg);
}
.cancel_modal .modal-header .modal-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.cancel_modal .sad {
  text-align: center;
  text-transform: uppercase;
  color: #bebebe;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  font-size: 14px;
}
.cancel_modal select {
  width: 422px;
  margin-bottom: 15px;
}
.cancel_modal textarea {
  width: 400px;
}
.modal-footer {
  background: url(../images/cream-dust.jpg);
}
.modal-footer .btn {
  border: 0;
  text-shadow: none;
  line-height: 40px;
  padding: 0 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  margin-top: 0;
}
.modal-footer .btn.cancel_btn {
  background: #bebebe;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#sns_footer .footer-top {
  display: none;
}
.small_screen_show {
  display: none;
}
.cell_screen_show {
  display: none !important;
}
[class*="span"].small_screen_show,
.row-fluid [class*="span"].small_screen_show {
  display: none;
}
.gray_background {
  background-color: #f2f2f2;
}
@media (max-width: 970px) {
  #sns_topheader .sns-quickaccess .quickaccess-inner img {
    right: -3px;
  }
}
@media (max-width: 939px) {
  #sns_topheader .container {
    margin: 0 15px;
  }
  .subscriber-homepage .section.blog .blog-content.title,
  .subscriber-homepage .section.blog {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  #sns_topheader .container {
    padding: 0;
  }
  .widget-section .last_month .content .multi_coffee .description {
    min-height: 0;
  }
}
/*//Account Page*/
.customer-account-index .glyphicon,
.subscriptions-manage-index .glyphicon,
.braintree-creditcard-index .glyphicon,
.customer-address-index .glyphicon,
.braintree-creditcard-create .glyphicon,
.braintree-creditcard-new .glyphicon,
.braintree-creditcard-delete .glyphicon,
.braintree-creditcard-edit .glyphicon,
.customer-address-form .glyphicon,
.mistobox-profile-index-index .glyphicon,
.customer-account-edit .glyphicon {
  width: 15px;
  margin-right: 10px;
  margin-top: -4px;
}
.customer-account-index .glyphicon-envelope,
.subscriptions-manage-index .glyphicon-envelope,
.braintree-creditcard-index .glyphicon-envelope,
.customer-address-index .glyphicon-envelope,
.braintree-creditcard-create .glyphicon-envelope,
.braintree-creditcard-new .glyphicon-envelope,
.braintree-creditcard-delete .glyphicon-envelope,
.braintree-creditcard-edit .glyphicon-envelope,
.customer-address-form .glyphicon-envelope,
.mistobox-profile-index-index .glyphicon-envelope,
.customer-account-edit .glyphicon-envelope {
  content: url(../images/mbox/icons/email_icon.png);
}
.customer-account-index .glyphicon-calendar,
.subscriptions-manage-index .glyphicon-calendar,
.braintree-creditcard-index .glyphicon-calendar,
.customer-address-index .glyphicon-calendar,
.braintree-creditcard-create .glyphicon-calendar,
.braintree-creditcard-new .glyphicon-calendar,
.braintree-creditcard-delete .glyphicon-calendar,
.braintree-creditcard-edit .glyphicon-calendar,
.customer-address-form .glyphicon-calendar,
.mistobox-profile-index-index .glyphicon-calendar,
.customer-account-edit .glyphicon-calendar {
  content: url(../images/mbox/icons/birthday_icon.png);
}
.customer-account-index .glyphicon-password,
.subscriptions-manage-index .glyphicon-password,
.braintree-creditcard-index .glyphicon-password,
.customer-address-index .glyphicon-password,
.braintree-creditcard-create .glyphicon-password,
.braintree-creditcard-new .glyphicon-password,
.braintree-creditcard-delete .glyphicon-password,
.braintree-creditcard-edit .glyphicon-password,
.customer-address-form .glyphicon-password,
.mistobox-profile-index-index .glyphicon-password,
.customer-account-edit .glyphicon-password {
  content: url(../images/mbox/icons/password_icon.png);
}
.customer-account-index .glyphicon-credit,
.subscriptions-manage-index .glyphicon-credit,
.braintree-creditcard-index .glyphicon-credit,
.customer-address-index .glyphicon-credit,
.braintree-creditcard-create .glyphicon-credit,
.braintree-creditcard-new .glyphicon-credit,
.braintree-creditcard-delete .glyphicon-credit,
.braintree-creditcard-edit .glyphicon-credit,
.customer-address-form .glyphicon-credit,
.mistobox-profile-index-index .glyphicon-credit,
.customer-account-edit .glyphicon-credit {
  content: url(../images/mbox/icons/credit_icon.jpg);
}
.customer-account-index h1,
.subscriptions-manage-index h1,
.braintree-creditcard-index h1,
.customer-address-index h1,
.braintree-creditcard-create h1,
.braintree-creditcard-new h1,
.braintree-creditcard-delete h1,
.braintree-creditcard-edit h1,
.customer-address-form h1,
.mistobox-profile-index-index h1,
.customer-account-edit h1,
.customer-account-index h3,
.subscriptions-manage-index h3,
.braintree-creditcard-index h3,
.customer-address-index h3,
.braintree-creditcard-create h3,
.braintree-creditcard-new h3,
.braintree-creditcard-delete h3,
.braintree-creditcard-edit h3,
.customer-address-form h3,
.mistobox-profile-index-index h3,
.customer-account-edit h3 {
  letter-spacing: 0.1em;
}
.customer-account-index h4,
.subscriptions-manage-index h4,
.braintree-creditcard-index h4,
.customer-address-index h4,
.braintree-creditcard-create h4,
.braintree-creditcard-new h4,
.braintree-creditcard-delete h4,
.braintree-creditcard-edit h4,
.customer-address-form h4,
.mistobox-profile-index-index h4,
.customer-account-edit h4 {
  text-transform: uppercase;
  color: #bebebe;
}
.customer-account-index h5,
.subscriptions-manage-index h5,
.braintree-creditcard-index h5,
.customer-address-index h5,
.braintree-creditcard-create h5,
.braintree-creditcard-new h5,
.braintree-creditcard-delete h5,
.braintree-creditcard-edit h5,
.customer-address-form h5,
.mistobox-profile-index-index h5,
.customer-account-edit h5 {
  font-weight: normal;
  font-size: 12px;
}
.customer-account-index .block.preferences img,
.subscriptions-manage-index .block.preferences img,
.braintree-creditcard-index .block.preferences img,
.customer-address-index .block.preferences img,
.braintree-creditcard-create .block.preferences img,
.braintree-creditcard-new .block.preferences img,
.braintree-creditcard-delete .block.preferences img,
.braintree-creditcard-edit .block.preferences img,
.customer-address-form .block.preferences img,
.mistobox-profile-index-index .block.preferences img,
.customer-account-edit .block.preferences img {
  width: 215px;
  margin-top: -7px;
}
.customer-account-index .container #sns_main,
.subscriptions-manage-index .container #sns_main,
.braintree-creditcard-index .container #sns_main,
.customer-address-index .container #sns_main,
.braintree-creditcard-create .container #sns_main,
.braintree-creditcard-new .container #sns_main,
.braintree-creditcard-delete .container #sns_main,
.braintree-creditcard-edit .container #sns_main,
.customer-address-form .container #sns_main,
.mistobox-profile-index-index .container #sns_main,
.customer-account-edit .container #sns_main {
  padding: 15px;
}
.customer-account-index #sns_content,
.subscriptions-manage-index #sns_content,
.braintree-creditcard-index #sns_content,
.customer-address-index #sns_content,
.braintree-creditcard-create #sns_content,
.braintree-creditcard-new #sns_content,
.braintree-creditcard-delete #sns_content,
.braintree-creditcard-edit #sns_content,
.customer-address-form #sns_content,
.mistobox-profile-index-index #sns_content,
.customer-account-edit #sns_content {
  margin-top: 0;
}
.customer-account-index #sns_content .block,
.subscriptions-manage-index #sns_content .block,
.braintree-creditcard-index #sns_content .block,
.customer-address-index #sns_content .block,
.braintree-creditcard-create #sns_content .block,
.braintree-creditcard-new #sns_content .block,
.braintree-creditcard-delete #sns_content .block,
.braintree-creditcard-edit #sns_content .block,
.customer-address-form #sns_content .block,
.mistobox-profile-index-index #sns_content .block,
.customer-account-edit #sns_content .block {
  border: 0;
  padding: 55px 19px 70px;
  background: #fff;
  position: relative;
  margin-top: 15px;
}
.customer-account-index #sns_content .block .block-title:before,
.subscriptions-manage-index #sns_content .block .block-title:before,
.braintree-creditcard-index #sns_content .block .block-title:before,
.customer-address-index #sns_content .block .block-title:before,
.braintree-creditcard-create #sns_content .block .block-title:before,
.braintree-creditcard-new #sns_content .block .block-title:before,
.braintree-creditcard-delete #sns_content .block .block-title:before,
.braintree-creditcard-edit #sns_content .block .block-title:before,
.customer-address-form #sns_content .block .block-title:before,
.mistobox-profile-index-index #sns_content .block .block-title:before,
.customer-account-edit #sns_content .block .block-title:before {
  background: none;
}
.customer-account-index #sns_content .block .block-title strong,
.subscriptions-manage-index #sns_content .block .block-title strong,
.braintree-creditcard-index #sns_content .block .block-title strong,
.customer-address-index #sns_content .block .block-title strong,
.braintree-creditcard-create #sns_content .block .block-title strong,
.braintree-creditcard-new #sns_content .block .block-title strong,
.braintree-creditcard-delete #sns_content .block .block-title strong,
.braintree-creditcard-edit #sns_content .block .block-title strong,
.customer-address-form #sns_content .block .block-title strong,
.mistobox-profile-index-index #sns_content .block .block-title strong,
.customer-account-edit #sns_content .block .block-title strong {
  font-weight: bold;
}
.customer-account-index #sns_content .block img.avatar,
.subscriptions-manage-index #sns_content .block img.avatar,
.braintree-creditcard-index #sns_content .block img.avatar,
.customer-address-index #sns_content .block img.avatar,
.braintree-creditcard-create #sns_content .block img.avatar,
.braintree-creditcard-new #sns_content .block img.avatar,
.braintree-creditcard-delete #sns_content .block img.avatar,
.braintree-creditcard-edit #sns_content .block img.avatar,
.customer-address-form #sns_content .block img.avatar,
.mistobox-profile-index-index #sns_content .block img.avatar,
.customer-account-edit #sns_content .block img.avatar {
  border-radius: 100px;
  float: left;
  margin: 15px 17px 0 0;
}
.customer-account-index #sns_content .block .right,
.subscriptions-manage-index #sns_content .block .right,
.braintree-creditcard-index #sns_content .block .right,
.customer-address-index #sns_content .block .right,
.braintree-creditcard-create #sns_content .block .right,
.braintree-creditcard-new #sns_content .block .right,
.braintree-creditcard-delete #sns_content .block .right,
.braintree-creditcard-edit #sns_content .block .right,
.customer-address-form #sns_content .block .right,
.mistobox-profile-index-index #sns_content .block .right,
.customer-account-edit #sns_content .block .right {
  float: left;
}
.customer-account-index #sns_content .block .right .block_content.profile h4,
.subscriptions-manage-index
  #sns_content
  .block
  .right
  .block_content.profile
  h4,
.braintree-creditcard-index
  #sns_content
  .block
  .right
  .block_content.profile
  h4,
.customer-address-index #sns_content .block .right .block_content.profile h4,
.braintree-creditcard-create
  #sns_content
  .block
  .right
  .block_content.profile
  h4,
.braintree-creditcard-new #sns_content .block .right .block_content.profile h4,
.braintree-creditcard-delete
  #sns_content
  .block
  .right
  .block_content.profile
  h4,
.braintree-creditcard-edit #sns_content .block .right .block_content.profile h4,
.customer-address-form #sns_content .block .right .block_content.profile h4,
.mistobox-profile-index-index
  #sns_content
  .block
  .right
  .block_content.profile
  h4,
.customer-account-edit #sns_content .block .right .block_content.profile h4 {
  max-width: 230px;
}
.customer-account-index #sns_content .block .right .profile_info_line,
.subscriptions-manage-index #sns_content .block .right .profile_info_line,
.braintree-creditcard-index #sns_content .block .right .profile_info_line,
.customer-address-index #sns_content .block .right .profile_info_line,
.braintree-creditcard-create #sns_content .block .right .profile_info_line,
.braintree-creditcard-new #sns_content .block .right .profile_info_line,
.braintree-creditcard-delete #sns_content .block .right .profile_info_line,
.braintree-creditcard-edit #sns_content .block .right .profile_info_line,
.customer-address-form #sns_content .block .right .profile_info_line,
.mistobox-profile-index-index #sns_content .block .right .profile_info_line,
.customer-account-edit #sns_content .block .right .profile_info_line {
  min-height: 23px;
}
.customer-account-index
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.subscriptions-manage-index
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.braintree-creditcard-index
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.customer-address-index
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.braintree-creditcard-create
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.braintree-creditcard-new
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.braintree-creditcard-delete
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.braintree-creditcard-edit
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.customer-address-form
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.mistobox-profile-index-index
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile,
.customer-account-edit
  #sns_content
  .block
  .right
  .profile_info_line
  .block_content.profile {
  float: left;
}
.customer-account-index #sns_content .block .action-link,
.subscriptions-manage-index #sns_content .block .action-link,
.braintree-creditcard-index #sns_content .block .action-link,
.customer-address-index #sns_content .block .action-link,
.braintree-creditcard-create #sns_content .block .action-link,
.braintree-creditcard-new #sns_content .block .action-link,
.braintree-creditcard-delete #sns_content .block .action-link,
.braintree-creditcard-edit #sns_content .block .action-link,
.customer-address-form #sns_content .block .action-link,
.mistobox-profile-index-index #sns_content .block .action-link,
.customer-account-edit #sns_content .block .action-link {
  width: 100px;
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 12px;
}
.customer-account-index #sns_content .block .action-link a,
.subscriptions-manage-index #sns_content .block .action-link a,
.braintree-creditcard-index #sns_content .block .action-link a,
.customer-address-index #sns_content .block .action-link a,
.braintree-creditcard-create #sns_content .block .action-link a,
.braintree-creditcard-new #sns_content .block .action-link a,
.braintree-creditcard-delete #sns_content .block .action-link a,
.braintree-creditcard-edit #sns_content .block .action-link a,
.customer-address-form #sns_content .block .action-link a,
.mistobox-profile-index-index #sns_content .block .action-link a,
.customer-account-edit #sns_content .block .action-link a {
  color: #5f828d;
}
.customer-account-index #sns_content .block-account,
.subscriptions-manage-index #sns_content .block-account,
.braintree-creditcard-index #sns_content .block-account,
.customer-address-index #sns_content .block-account,
.braintree-creditcard-create #sns_content .block-account,
.braintree-creditcard-new #sns_content .block-account,
.braintree-creditcard-delete #sns_content .block-account,
.braintree-creditcard-edit #sns_content .block-account,
.customer-address-form #sns_content .block-account,
.mistobox-profile-index-index #sns_content .block-account,
.customer-account-edit #sns_content .block-account {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}
.customer-account-index #sns_content .block-account ul li,
.subscriptions-manage-index #sns_content .block-account ul li,
.braintree-creditcard-index #sns_content .block-account ul li,
.customer-address-index #sns_content .block-account ul li,
.braintree-creditcard-create #sns_content .block-account ul li,
.braintree-creditcard-new #sns_content .block-account ul li,
.braintree-creditcard-delete #sns_content .block-account ul li,
.braintree-creditcard-edit #sns_content .block-account ul li,
.customer-address-form #sns_content .block-account ul li,
.mistobox-profile-index-index #sns_content .block-account ul li,
.customer-account-edit #sns_content .block-account ul li {
  margin: 10px 0;
}
.customer-account-index .container,
.subscriptions-manage-index .container,
.braintree-creditcard-index .container,
.customer-address-index .container,
.braintree-creditcard-create .container,
.braintree-creditcard-new .container,
.braintree-creditcard-delete .container,
.braintree-creditcard-edit .container,
.customer-address-form .container,
.mistobox-profile-index-index .container,
.customer-account-edit .container {
  width: 100%;
}
.customer-account-index .container #sns_main,
.subscriptions-manage-index .container #sns_main,
.braintree-creditcard-index .container #sns_main,
.customer-address-index .container #sns_main,
.braintree-creditcard-create .container #sns_main,
.braintree-creditcard-new .container #sns_main,
.braintree-creditcard-delete .container #sns_main,
.braintree-creditcard-edit .container #sns_main,
.customer-address-form .container #sns_main,
.mistobox-profile-index-index .container #sns_main,
.customer-account-edit .container #sns_main {
  background-color: #f2f2f2;
  padding: 30px 30px 55px;
}
.customer-account-index .container #sns_main .page-title h1,
.subscriptions-manage-index .container #sns_main .page-title h1,
.braintree-creditcard-index .container #sns_main .page-title h1,
.customer-address-index .container #sns_main .page-title h1,
.braintree-creditcard-create .container #sns_main .page-title h1,
.braintree-creditcard-new .container #sns_main .page-title h1,
.braintree-creditcard-delete .container #sns_main .page-title h1,
.braintree-creditcard-edit .container #sns_main .page-title h1,
.customer-address-form .container #sns_main .page-title h1,
.mistobox-profile-index-index .container #sns_main .page-title h1,
.customer-account-edit .container #sns_main .page-title h1 {
  font-weight: bold;
}
.customer-account-index .container #sns_main .box-head h2,
.subscriptions-manage-index .container #sns_main .box-head h2,
.braintree-creditcard-index .container #sns_main .box-head h2,
.customer-address-index .container #sns_main .box-head h2,
.braintree-creditcard-create .container #sns_main .box-head h2,
.braintree-creditcard-new .container #sns_main .box-head h2,
.braintree-creditcard-delete .container #sns_main .box-head h2,
.braintree-creditcard-edit .container #sns_main .box-head h2,
.customer-address-form .container #sns_main .box-head h2,
.mistobox-profile-index-index .container #sns_main .box-head h2,
.customer-account-edit .container #sns_main .box-head h2 {
  text-transform: uppercase;
  color: #bebebe;
}
.customer-account-index #sns_footer,
.subscriptions-manage-index #sns_footer,
.braintree-creditcard-index #sns_footer,
.customer-address-index #sns_footer,
.braintree-creditcard-create #sns_footer,
.braintree-creditcard-new #sns_footer,
.braintree-creditcard-delete #sns_footer,
.braintree-creditcard-edit #sns_footer,
.customer-address-form #sns_footer,
.mistobox-profile-index-index #sns_footer,
.customer-account-edit #sns_footer {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e6e6e6;
}
.subscriptions-manage-index .container .row-fluid,
.braintree-creditcard-index .container .row-fluid,
.customer-address-index .container .row-fluid {
  overflow: hidden;
}
.subscriptions-manage-index .container #sns_main,
.braintree-creditcard-index .container #sns_main,
.customer-address-index .container #sns_main {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
.subscriptions-manage-index #sns_content .block,
.braintree-creditcard-index #sns_content .block,
.home-index-index #sns_content .block {
  margin-bottom: 50px;
}
.subscriptions-manage-index #sns_content .block .subscription_text,
.braintree-creditcard-index #sns_content .block .subscription_text,
.home-index-index #sns_content .block .subscription_text {
  padding: 0 20px;
}
.subscriptions-manage-index .customer-address-index .addresses-list,
.braintree-creditcard-index .customer-address-index .addresses-list,
.home-index-index .customer-address-index .addresses-list {
  background: #fff;
  padding: 15px 35px;
  margin-top: 25px;
}
.subscriptions-manage-index .customer-address-index h3,
.braintree-creditcard-index .customer-address-index h3,
.home-index-index .customer-address-index h3,
.subscriptions-manage-index .customer-address-index .block.information,
.braintree-creditcard-index .customer-address-index .block.information,
.home-index-index .customer-address-index .block.information,
.subscriptions-manage-index .customer-address-index .block.preferences,
.braintree-creditcard-index .customer-address-index .block.preferences,
.home-index-index .customer-address-index .block.preferences,
.subscriptions-manage-index .customer-address-index .back-link,
.braintree-creditcard-index .customer-address-index .back-link,
.home-index-index .customer-address-index .back-link {
  display: none;
}
.subscriptions-manage-index .customer-address-index ol,
.braintree-creditcard-index .customer-address-index ol,
.home-index-index .customer-address-index ol {
  list-style-type: none;
  margin: 0;
}
.subscriptions-manage-index .customer-address-index .item h3,
.braintree-creditcard-index .customer-address-index .item h3,
.home-index-index .customer-address-index .item h3 {
  display: block;
  color: #bebebe;
}
.subscriptions-manage-index .customer-address-index h2,
.braintree-creditcard-index .customer-address-index h2,
.home-index-index .customer-address-index h2 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.subscriptions-manage-index .customer-address-index .button,
.braintree-creditcard-index .customer-address-index .button,
.home-index-index .customer-address-index .button {
  background-color: #bebebe;
  margin-left: 0;
  background: #bebebe;
  color: white;
}
.subscriptions-manage-index .braintree-creditcard-create .cc_fields,
.braintree-creditcard-index .braintree-creditcard-create .cc_fields,
.home-index-index .braintree-creditcard-create .cc_fields,
.subscriptions-manage-index .braintree-creditcard-new .cc_fields,
.braintree-creditcard-index .braintree-creditcard-new .cc_fields,
.home-index-index .braintree-creditcard-new .cc_fields {
  width: 450px;
  margin: auto;
}
.subscriptions-manage-index .braintree-creditcard-create .cc_fields dd,
.braintree-creditcard-index .braintree-creditcard-create .cc_fields dd,
.home-index-index .braintree-creditcard-create .cc_fields dd,
.subscriptions-manage-index .braintree-creditcard-new .cc_fields dd,
.braintree-creditcard-index .braintree-creditcard-new .cc_fields dd,
.home-index-index .braintree-creditcard-new .cc_fields dd {
  margin-left: 0;
}
.subscriptions-manage-index .braintree-creditcard-create .cc_fields input,
.braintree-creditcard-index .braintree-creditcard-create .cc_fields input,
.home-index-index .braintree-creditcard-create .cc_fields input,
.subscriptions-manage-index .braintree-creditcard-new .cc_fields input,
.braintree-creditcard-index .braintree-creditcard-new .cc_fields input,
.home-index-index .braintree-creditcard-new .cc_fields input {
  width: 100%;
}
.subscriptions-manage-index .customer-address-form h3,
.braintree-creditcard-index .customer-address-form h3,
.home-index-index .customer-address-form h3,
.subscriptions-manage-index .customer-address-form .block.information,
.braintree-creditcard-index .customer-address-form .block.information,
.home-index-index .customer-address-form .block.information,
.subscriptions-manage-index .customer-address-form .block.preferences,
.braintree-creditcard-index .customer-address-form .block.preferences,
.home-index-index .customer-address-form .block.preferences {
  display: none;
}
.subscriptions-manage-index .customer-address-form .legend,
.braintree-creditcard-index .customer-address-form .legend,
.home-index-index .customer-address-form .legend {
  background: #f2f2f2;
}
.subscriptions-manage-index .customer-address-form .button,
.braintree-creditcard-index .customer-address-form .button,
.home-index-index .customer-address-form .button {
  background: #bebebe;
  color: #fff;
}
.subscriptions-manage-index .customer-account-edit h3,
.braintree-creditcard-index .customer-account-edit h3,
.home-index-index .customer-account-edit h3,
.subscriptions-manage-index .customer-account-edit .block.information,
.braintree-creditcard-index .customer-account-edit .block.information,
.home-index-index .customer-account-edit .block.information,
.subscriptions-manage-index .customer-account-edit .block.preferences,
.braintree-creditcard-index .customer-account-edit .block.preferences,
.home-index-index .customer-account-edit .block.preferences {
  display: none;
}
.subscriptions-manage-index .customer-account-edit form,
.braintree-creditcard-index .customer-account-edit form,
.home-index-index .customer-account-edit form {
  background: #fff;
  padding: 30px;
}
.subscriptions-manage-index .customer-account-edit form .fieldset,
.braintree-creditcard-index .customer-account-edit form .fieldset,
.home-index-index .customer-account-edit form .fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.subscriptions-manage-index .customer-account-edit form .fieldset .legend,
.braintree-creditcard-index .customer-account-edit form .fieldset .legend,
.home-index-index .customer-account-edit form .fieldset .legend {
  display: none;
}
.subscriptions-manage-index .customer-account-edit form .fieldset label,
.braintree-creditcard-index .customer-account-edit form .fieldset label,
.home-index-index .customer-account-edit form .fieldset label {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.subscriptions-manage-index .customer-account-edit form .fieldset label em,
.braintree-creditcard-index .customer-account-edit form .fieldset label em,
.home-index-index .customer-account-edit form .fieldset label em {
  display: none;
}
.subscriptions-manage-index .customer-account-edit .gravatar,
.braintree-creditcard-index .customer-account-edit .gravatar,
.home-index-index .customer-account-edit .gravatar {
  margin-bottom: 15px;
}
.subscriptions-manage-index .customer-account-edit .gravatar img,
.braintree-creditcard-index .customer-account-edit .gravatar img,
.home-index-index .customer-account-edit .gravatar img {
  height: 50px;
  width: 50px;
  margin-right: 15px;
  border-radius: 100px;
}
.subscriptions-manage-index .customer-account-edit .control,
.braintree-creditcard-index .customer-account-edit .control,
.home-index-index .customer-account-edit .control {
  margin-bottom: 15px;
}
.subscriptions-manage-index .customer-account-edit .control input,
.braintree-creditcard-index .customer-account-edit .control input,
.home-index-index .customer-account-edit .control input {
  display: none;
}
.subscriptions-manage-index .customer-account-edit .control label,
.braintree-creditcard-index .customer-account-edit .control label,
.home-index-index .customer-account-edit .control label {
  color: #e1b696;
}
.subscriptions-manage-index .update_payment_modal .modal-body,
.braintree-creditcard-index .update_payment_modal .modal-body,
.home-index-index .update_payment_modal .modal-body {
  box-sizing: border-box;
}
.subscriptions-manage-index .update_payment_modal .modal-body input,
.braintree-creditcard-index .update_payment_modal .modal-body input,
.home-index-index .update_payment_modal .modal-body input {
  width: 100%;
  margin-bottom: 15px;
}
.subscriptions-manage-index .update_payment_modal .continue_notice,
.braintree-creditcard-index .update_payment_modal .continue_notice,
.home-index-index .update_payment_modal .continue_notice {
  text-align: center;
  color: #5f828d;
}
.subscriptions-manage-index .update_payment_modal .save_button,
.braintree-creditcard-index .update_payment_modal .save_button,
.home-index-index .update_payment_modal .save_button {
  background: #e1b696;
  color: #fff;
}
.subscriptions-manage-index .update_payment_modal form,
.braintree-creditcard-index .update_payment_modal form,
.home-index-index .update_payment_modal form {
  margin: 0;
}
.subscriptions-manage-index .update_payment_modal h4,
.braintree-creditcard-index .update_payment_modal h4,
.home-index-index .update_payment_modal h4 {
  color: #666666;
}
.subscriptions-manage-index .update_payment_modal input.invalid,
.braintree-creditcard-index .update_payment_modal input.invalid,
.home-index-index .update_payment_modal input.invalid {
  border: 1px solid red;
}
.subscriptions-manage-index .update_shipping_modal form,
.braintree-creditcard-index .update_shipping_modal form,
.home-index-index .update_shipping_modal form {
  margin: 0;
}
.subscriptions-manage-index .update_shipping_modal input[type="text"],
.braintree-creditcard-index .update_shipping_modal input[type="text"],
.home-index-index .update_shipping_modal input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
}
.subscriptions-manage-index .update_shipping_modal .save_button,
.braintree-creditcard-index .update_shipping_modal .save_button,
.home-index-index .update_shipping_modal .save_button {
  background: #e1b696;
}
@media (max-width: 767px) {
  .subscriptions-manage-index .subscriptions-manage-index .container #sns_main,
  .braintree-creditcard-index .subscriptions-manage-index .container #sns_main,
  .home-index-index .subscriptions-manage-index .container #sns_main {
    margin-bottom: 0;
    padding-bottom: 15px;
  }
  .subscriptions-manage-index .braintree-creditcard-create .cc_fields,
  .braintree-creditcard-index .braintree-creditcard-create .cc_fields,
  .home-index-index .braintree-creditcard-create .cc_fields,
  .subscriptions-manage-index .braintree-creditcard-new .cc_fields,
  .braintree-creditcard-index .braintree-creditcard-new .cc_fields,
  .home-index-index .braintree-creditcard-new .cc_fields {
    width: 240px;
  }
}
@media (max-width: 480px) {
  .subscriptions-manage-index .modal,
  .braintree-creditcard-index .modal,
  .home-index-index .modal {
    width: 100%;
    margin: 0;
  }
}
.subscriptions-manage-index body.twocolumnnarrow #sns_content .block-account,
.braintree-creditcard-index body.twocolumnnarrow #sns_content .block-account,
.home-index-index body.twocolumnnarrow #sns_content .block-account {
  text-align: center;
  min-height: 0;
}
.subscriptions-manage-index
  body.twocolumnnarrow
  #sns_content
  .block-account
  ul
  li,
.braintree-creditcard-index
  body.twocolumnnarrow
  #sns_content
  .block-account
  ul
  li,
.home-index-index body.twocolumnnarrow #sns_content .block-account ul li {
  display: inline-block;
  margin: 5px;
}
/*sticky footer*/
body.twocolumnnarrow .sticky_footer_wrapper,
body.sns_one_column .sticky_footer_wrapper {
  -webkit-box-flex: 1 0 0;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1 0 0;
  /* IE 10 */
  flex: 1 0 0;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  width: 100%;
}
body.twocolumnnarrow .sticky_footer_wrapper #sns_content,
body.sns_one_column .sticky_footer_wrapper #sns_content {
  height: 100%;
}
body.twocolumnnarrow .sticky_footer_wrapper #sns_content .container,
body.sns_one_column .sticky_footer_wrapper #sns_content .container {
  height: 100%;
}
body.twocolumnnarrow .sticky_footer_wrapper #sns_content .container .row-fluid,
body.sns_one_column .sticky_footer_wrapper #sns_content .container .row-fluid {
  height: 100%;
}
body.twocolumnnarrow
  .sticky_footer_wrapper
  #sns_content
  .container
  .row-fluid
  #sns_right,
body.sns_one_column
  .sticky_footer_wrapper
  #sns_content
  .container
  .row-fluid
  #sns_right {
  height: 100%;
  background: #fff;
  z-index: 20;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  body.twocolumnnarrow .sticky_footer_wrapper,
  body.sns_one_column .sticky_footer_wrapper {
    flex: 1;
    /* chrome only styling */
    -webkit-box-flex: 1;
  }
}
body.twocolumnnarrow #sns_footer,
body.sns_one_column #sns_footer {
  height: 70px;
  z-index: 10000;
}
.customer-account-login .push {
  background: #f2f2f2;
}
.customer-account-login .sticky_footer_wrapper {
  background: #f2f2f2;
}
body.twocolumnnarrow .sticky_footer_wrapper {
  background-image: url(../images/mbox/account-background-repeat.jpg);
  background-repeat: repeat-y;
  background-position: 85% 0;
  background-color: #f2f2f2;
}
@media (max-width: 767px) {
  body.twocolumnnarrow .sticky_footer_wrapper,
  body.sns_one_column .sticky_footer_wrapper {
    width: 100%;
    background-image: none;
  }
  body.twocolumnnarrow .sticky_footer_wrapper #sns_wrapper,
  body.sns_one_column .sticky_footer_wrapper #sns_wrapper {
    overflow: inherit;
  }
  body.twocolumnnarrow .sticky_footer_wrapper #sns_footer,
  body.sns_one_column .sticky_footer_wrapper #sns_footer {
    height: 75px;
    z-index: 1000;
    /*    position: absolute;*/
    bottom: 0;
  }
}
/*Merch and gear category and product page*/
.catalog-product-view.categorypath-gear-merch h1.product-name span.name {
  font-size: 33px;
}
.catalog-product-view.categorypath-gear-merch .note_block.product_page {
  font-size: 15px;
  background: none;
  padding: 0;
  color: gray;
  line-height: 1.8;
  text-align: left;
  margin-bottom: 20px;
}
.category-gear-merch
  .products-grid
  .item
  .item-inner
  .item-info
  .info-inner
  .short-description {
  display: none;
}
.category-gear-merch .products-grid .item .item-inner .item-img {
  margin-bottom: 0;
}
.category-gear-merch .products-grid .item .item-inner .item-info {
  top: 0;
  height: 40px;
}
div.article-container {
  font-family: "museo-sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.38;
  color: #929292;
  max-width: 930px;
  margin: 0 auto;
  position: relative;
}
div.article-container div.article-body {
  max-width: 700px;
}
div.article-container a {
  color: #e1b696;
}
div.article-container .tagline {
  font-family: "brandon-grotesque";
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.1px;
  color: #5f828d;
  margin-bottom: 8px;
  text-transform: uppercase;
}
div.article-container h1.article-title {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.1px;
  color: #4a4a4a;
  font-family: "museo-sans";
  margin-bottom: 14px;
  margin-top: 20px;
}
div.article-container .snippet {
  font-family: "museo-sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.38;
  color: #929292;
  margin-bottom: 35px;
}
div.article-container div.list-item,
div.article-container h2 {
  font-family: "museo-sans";
  font-size: 26px;
  font-weight: 300;
  line-height: 115%;
  letter-spacing: 0px;
  color: #4a4a4a;
  margin-top: 0px;
  margin-bottom: 20px;
}
div.article-container .article-body p {
  font-family: "museo-sans", sans-serif;
  font-size: 15px;
  line-height: 160%;
  font-weight: 200;
  color: #929292;
  margin-bottom: 22px;
  letter-spacing: 0;
}
div.article-container h3 {
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 15px;
  text-align: left;
  margin: 0;
}
div.article-container div.mobile-buttons {
  background: #f8f8f8;
  padding: 30px 15px;
  display: none;
  justify-content: center;
  align-items: center;
}
div.article-container div.mobile-buttons button {
  padding-top: 9px;
  padding-bottom: 9px;
  box-sizing: border-box;
  background-color: #e5bea0;
  border-radius: 100px;
  flex: 1 0 calc((100px - 40px) / 2);
  margin: 0 5px;
  color: white;
  text-transform: uppercase;
}
div.article-container div.mobile-buttons button.gray {
  background-color: #d8d8d8;
}
div.article-container div.fixed-ad {
  cursor: pointer;
  position: absolute;
  left: 710px;
  width: 220px;
  height: 491px;
  top: 31px;
}
div.article-container img.size-full {
  display: block;
  margin-top: 30px;
  margin-bottom: 22px;
}
div.article-container .navigate,
div.article-container .navigate a {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #4c4c4c;
  margin-bottom: 15px;
  background-color: white;
  font-size: 12px;
  font-weight: 500;
}
@media screen and (max-width: 730px) {
  div.article-container div.fixed-ad {
    display: none;
  }
  div.article-container iframe#launcher {
    display: none;
  }
  div.article-container div.article-body {
    padding-bottom: 60px;
  }
  div.article-container div.mobile-buttons {
    display: flex;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }
  div.article-container div#sns_footer {
    display: none;
  }
}
.stacksocial-index-index .container,
.cms-stacksocial .container,
.cms-stacksocialtest .container,
.hamptonslane-index-index .container {
  width: 100%;
}
.stacksocial-index-index .stacksocial,
.cms-stacksocial .stacksocial,
.cms-stacksocialtest .stacksocial,
.hamptonslane-index-index .stacksocial,
.stacksocial-index-index .deal_landing,
.cms-stacksocial .deal_landing,
.cms-stacksocialtest .deal_landing,
.hamptonslane-index-index .deal_landing {
  overflow: hidden;
  padding-bottom: 45px;
}
.stacksocial-index-index .stacksocial .product_info,
.cms-stacksocial .stacksocial .product_info,
.cms-stacksocialtest .stacksocial .product_info,
.hamptonslane-index-index .stacksocial .product_info,
.stacksocial-index-index .deal_landing .product_info,
.cms-stacksocial .deal_landing .product_info,
.cms-stacksocialtest .deal_landing .product_info,
.hamptonslane-index-index .deal_landing .product_info {
  padding: 35px;
}
.stacksocial-index-index .stacksocial .product_info h1.product-name,
.cms-stacksocial .stacksocial .product_info h1.product-name,
.cms-stacksocialtest .stacksocial .product_info h1.product-name,
.hamptonslane-index-index .stacksocial .product_info h1.product-name,
.stacksocial-index-index .deal_landing .product_info h1.product-name,
.cms-stacksocial .deal_landing .product_info h1.product-name,
.cms-stacksocialtest .deal_landing .product_info h1.product-name,
.hamptonslane-index-index .deal_landing .product_info h1.product-name {
  letter-spacing: 0.05em;
  top: 5px;
  color: #dc6a5c;
  font-size: 35px;
  font-weight: bold;
}
.stacksocial-index-index .stacksocial .price,
.cms-stacksocial .stacksocial .price,
.cms-stacksocialtest .stacksocial .price,
.hamptonslane-index-index .stacksocial .price,
.stacksocial-index-index .deal_landing .price,
.cms-stacksocial .deal_landing .price,
.cms-stacksocialtest .deal_landing .price,
.hamptonslane-index-index .deal_landing .price {
  text-transform: uppercase;
  font-weight: bold;
  color: #666666;
  font-size: 20px;
  margin-top: 18px;
  letter-spacing: 0.1em;
}
.stacksocial-index-index .stacksocial .payment_info,
.cms-stacksocial .stacksocial .payment_info,
.cms-stacksocialtest .stacksocial .payment_info,
.hamptonslane-index-index .stacksocial .payment_info,
.stacksocial-index-index .deal_landing .payment_info,
.cms-stacksocial .deal_landing .payment_info,
.cms-stacksocialtest .deal_landing .payment_info,
.hamptonslane-index-index .deal_landing .payment_info {
  background: #f2f2f2;
  padding-top: 35px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: -1000px;
  padding-bottom: 1000px;
}
.stacksocial-index-index .stacksocial .payment_info .red-button,
.cms-stacksocial .stacksocial .payment_info .red-button,
.cms-stacksocialtest .stacksocial .payment_info .red-button,
.hamptonslane-index-index .stacksocial .payment_info .red-button,
.stacksocial-index-index .deal_landing .payment_info .red-button,
.cms-stacksocial .deal_landing .payment_info .red-button,
.cms-stacksocialtest .deal_landing .payment_info .red-button,
.hamptonslane-index-index .deal_landing .payment_info .red-button {
  float: right;
  margin: 15px 0;
}
.stacksocial-index-index .stacksocial .payment_info input,
.cms-stacksocial .stacksocial .payment_info input,
.cms-stacksocialtest .stacksocial .payment_info input,
.hamptonslane-index-index .stacksocial .payment_info input,
.stacksocial-index-index .deal_landing .payment_info input,
.cms-stacksocial .deal_landing .payment_info input,
.cms-stacksocialtest .deal_landing .payment_info input,
.hamptonslane-index-index .deal_landing .payment_info input {
  height: 30px;
}
.stacksocial-index-index .stacksocial .payment_info fieldset,
.cms-stacksocial .stacksocial .payment_info fieldset,
.cms-stacksocialtest .stacksocial .payment_info fieldset,
.hamptonslane-index-index .stacksocial .payment_info fieldset,
.stacksocial-index-index .deal_landing .payment_info fieldset,
.cms-stacksocial .deal_landing .payment_info fieldset,
.cms-stacksocialtest .deal_landing .payment_info fieldset,
.hamptonslane-index-index .deal_landing .payment_info fieldset {
  margin-bottom: 5px;
  background: #fff;
}
.stacksocial-index-index .stacksocial .payment_info .input_group,
.cms-stacksocial .stacksocial .payment_info .input_group,
.cms-stacksocialtest .stacksocial .payment_info .input_group,
.hamptonslane-index-index .stacksocial .payment_info .input_group,
.stacksocial-index-index .deal_landing .payment_info .input_group,
.cms-stacksocial .deal_landing .payment_info .input_group,
.cms-stacksocialtest .deal_landing .payment_info .input_group,
.hamptonslane-index-index .deal_landing .payment_info .input_group {
  margin-top: 10px;
}
.stacksocial-index-index .stacksocial .payment_info .success,
.cms-stacksocial .stacksocial .payment_info .success,
.cms-stacksocialtest .stacksocial .payment_info .success,
.hamptonslane-index-index .stacksocial .payment_info .success,
.stacksocial-index-index .deal_landing .payment_info .success,
.cms-stacksocial .deal_landing .payment_info .success,
.cms-stacksocialtest .deal_landing .payment_info .success,
.hamptonslane-index-index .deal_landing .payment_info .success {
  padding: 50px;
}
.stacksocial-index-index .stacksocial .payment_info .success h1.product-name,
.cms-stacksocial .stacksocial .payment_info .success h1.product-name,
.cms-stacksocialtest .stacksocial .payment_info .success h1.product-name,
.hamptonslane-index-index .stacksocial .payment_info .success h1.product-name,
.stacksocial-index-index .deal_landing .payment_info .success h1.product-name,
.cms-stacksocial .deal_landing .payment_info .success h1.product-name,
.cms-stacksocialtest .deal_landing .payment_info .success h1.product-name,
.hamptonslane-index-index .deal_landing .payment_info .success h1.product-name {
  letter-spacing: 0.05em;
  top: 5px;
  color: #dc6a5c;
  font-size: 25px;
  font-weight: bold;
}
.stacksocial-index-index .stacksocial .payment_info .success p,
.cms-stacksocial .stacksocial .payment_info .success p,
.cms-stacksocialtest .stacksocial .payment_info .success p,
.hamptonslane-index-index .stacksocial .payment_info .success p,
.stacksocial-index-index .deal_landing .payment_info .success p,
.cms-stacksocial .deal_landing .payment_info .success p,
.cms-stacksocialtest .deal_landing .payment_info .success p,
.hamptonslane-index-index .deal_landing .payment_info .success p {
  font-size: 15px;
}
.stacksocial-index-index .left_footer ul,
.cms-stacksocial .left_footer ul,
.cms-stacksocialtest .left_footer ul,
.hamptonslane-index-index .left_footer ul,
.stacksocial-index-index .topheader-right,
.cms-stacksocial .topheader-right,
.cms-stacksocialtest .topheader-right,
.hamptonslane-index-index .topheader-right,
.stacksocial-index-index #ascommercebug_link_debug,
.cms-stacksocial #ascommercebug_link_debug,
.cms-stacksocialtest #ascommercebug_link_debug,
.hamptonslane-index-index #ascommercebug_link_debug {
  display: none;
}
.stacksocial-index-index #sns_footer .footer-bootom .sns-info ul,
.cms-stacksocial #sns_footer .footer-bootom .sns-info ul,
.cms-stacksocialtest #sns_footer .footer-bootom .sns-info ul,
.hamptonslane-index-index #sns_footer .footer-bootom .sns-info ul {
  display: none;
}
.stacksocial-index-index #sns_content,
.cms-stacksocial #sns_content,
.cms-stacksocialtest #sns_content,
.hamptonslane-index-index #sns_content {
  margin-top: 0;
}
.stacksocial-index-index a,
.cms-stacksocial a,
.cms-stacksocialtest a,
.hamptonslane-index-index a {
  color: #e1b696;
}
/*About Us Page*/
.cms-about-mistobox,
.cms-press,
.press-index-index {
  background: #f2f2f2;
}
.cms-about-mistobox h1,
.cms-press h1,
.press-index-index h1 {
  font-size: 25px;
  text-align: center;
}
.cms-about-mistobox h2,
.cms-press h2,
.press-index-index h2 {
  font-size: 20px;
  text-align: center;
}
.cms-about-mistobox .heading,
.cms-press .heading,
.press-index-index .heading {
  color: #000;
  font-size: 16px;
  margin: 15px 0px;
}
.cms-about-mistobox .top h3,
.cms-press .top h3,
.press-index-index .top h3 {
  font-size: 30px;
  margin-top: 30px;
}
.cms-about-mistobox .top h4,
.cms-press .top h4,
.press-index-index .top h4 {
  text-transform: initial;
  font-size: 20px;
  color: #929292;
}
.cms-about-mistobox #sns_content .section,
.cms-press #sns_content .section,
.press-index-index #sns_content .section {
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 30px;
  margin: 25px 0;
}
.cms-about-mistobox .video,
.cms-press .video,
.press-index-index .video {
  text-align: center;
}
.cms-about-mistobox .video iframe,
.cms-press .video iframe,
.press-index-index .video iframe {
  height: 380px;
}
.cms-about-mistobox .mission,
.cms-press .mission,
.press-index-index .mission {
  text-align: center;
}
.cms-about-mistobox .timeline,
.cms-press .timeline,
.press-index-index .timeline {
  margin-top: 40px;
}
.cms-about-mistobox .timeline h2,
.cms-press .timeline h2,
.press-index-index .timeline h2 {
  width: 95%;
  margin: auto;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}
.cms-about-mistobox .timeline dl,
.cms-press .timeline dl,
.press-index-index .timeline dl {
  width: 15%;
  margin-right: -6%;
  margin-left: 1.5%;
  float: left;
  text-align: center;
}
.cms-about-mistobox .timeline dl.even,
.cms-press .timeline dl.even,
.press-index-index .timeline dl.even {
  padding-top: 30px;
  background: url(../images/mbox/short_timeline.jpg);
  background-repeat: no-repeat;
  background-position: center -1px;
}
.cms-about-mistobox .timeline dl.odd,
.cms-press .timeline dl.odd,
.press-index-index .timeline dl.odd {
  padding-top: 100px;
  background: url(../images/mbox/timeline_long.jpg);
  background-repeat: no-repeat;
  background-position: center -1px;
}
.cms-about-mistobox .timeline dl dt,
.cms-press .timeline dl dt,
.press-index-index .timeline dl dt {
  font-family: "museo-sans", sans-serif;
  font-size: 10px;
  color: #929292;
  font-weight: normal;
  font-style: italic;
  line-height: 13px;
}
.cms-about-mistobox .timeline dl dt.date,
.cms-press .timeline dl dt.date,
.press-index-index .timeline dl dt.date {
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: bold;
  color: #666666;
  font-style: normal;
}
.cms-about-mistobox .bios .bio,
.cms-press .bios .bio,
.press-index-index .bios .bio {
  padding: 20px;
}
.cms-about-mistobox .bios .bio .portrait img,
.cms-press .bios .bio .portrait img,
.press-index-index .bios .bio .portrait img {
  width: 100%;
}
.cms-about-mistobox .bios .bio .name,
.cms-press .bios .bio .name,
.press-index-index .bios .bio .name {
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  margin: 15px 0;
  letter-spacing: 0.1em;
  text-align: center;
}
/*Contact Us Page*/
.cms-help.cms-page-view .container {
  width: 100%;
}
.cms-help.cms-page-view .container #sns_main {
  max-width: 100%;
  padding: 0;
}
.cms-help.cms-page-view .contact_header {
  color: #fff;
  background: #e1b696;
  padding: 80px;
  text-align: center;
}
.cms-help.cms-page-view .contact_header h1 {
  color: #fff;
}
.cms-help.cms-page-view .contact_header p {
  color: #fff;
}
.cms-help.cms-page-view .contact_header a {
  color: #fff;
}
.cms-help.cms-page-view .faq {
  padding: 40px;
  text-align: left;
}
.cms-help.cms-page-view .faq h2 {
  font-size: 20px;
}
.cms-help.cms-page-view .faq h3 {
  font-size: 16px;
}
/*olark styling*/
/* brew guide styling*/
.cms-brew-guides h1,
.cms-brew-guides h2 {
  text-align: left;
  margin-left: 0px;
}
.cms-brew-guides h2 {
  font-size: 20px;
}
.cms-brew-guides h1 {
  font-size: 30px;
  margin-bottom: 15px;
  color: #bebebe;
}
.cms-brew-guides h2 {
  margin-top: 0;
  line-height: 20px;
}
.cms-brew-guides .brew_video {
  margin-bottom: 15px;
}
.cms-brew-guides p {
  font-size: 13px;
  line-height: 22px;
  margin-top: 0px;
}
.cms-brew-guides .brew_container {
  padding-top: 15px;
}
.cms-brew-guides a {
  color: #e1b696;
}
.cms-brew-guides-chemex .container #sns_main,
.cms-brew-guides-french-press .container #sns_main,
.cms-brew-guides-coffeemaker .container #sns_main,
.cms-brew-guides-aeropress .container #sns_main,
.cms-brew-guides-hario .container #sns_main,
.cms-brew-guides-clever .container #sns_main {
  padding: 0;
  max-width: 100%;
}
.cms-brew-guides-chemex .container #sns_main h3,
.cms-brew-guides-french-press .container #sns_main h3,
.cms-brew-guides-coffeemaker .container #sns_main h3,
.cms-brew-guides-aeropress .container #sns_main h3,
.cms-brew-guides-hario .container #sns_main h3,
.cms-brew-guides-clever .container #sns_main h3 {
  border: 0px;
  margin: 0px;
  padding: 0px 0px 20px;
  font-size: 18px;
  line-height: 1.3em;
  text-align: left;
}
.cms-brew-guides-chemex .container #sns_main table,
.cms-brew-guides-french-press .container #sns_main table,
.cms-brew-guides-coffeemaker .container #sns_main table,
.cms-brew-guides-aeropress .container #sns_main table,
.cms-brew-guides-hario .container #sns_main table,
.cms-brew-guides-clever .container #sns_main table {
  width: 100%;
  max-width: 1000px;
}
.cms-brew-guides-chemex .container #sns_main table th,
.cms-brew-guides-french-press .container #sns_main table th,
.cms-brew-guides-coffeemaker .container #sns_main table th,
.cms-brew-guides-aeropress .container #sns_main table th,
.cms-brew-guides-hario .container #sns_main table th,
.cms-brew-guides-clever .container #sns_main table th {
  color: #4c4c4c;
  text-align: left;
  padding: 0 10px;
}
.cms-brew-guides-chemex .container #sns_main table td,
.cms-brew-guides-french-press .container #sns_main table td,
.cms-brew-guides-coffeemaker .container #sns_main table td,
.cms-brew-guides-aeropress .container #sns_main table td,
.cms-brew-guides-hario .container #sns_main table td,
.cms-brew-guides-clever .container #sns_main table td {
  text-align: left;
  padding: 0 10px;
}
.cms-brew-guides-chemex .container #sns_main table tr,
.cms-brew-guides-french-press .container #sns_main table tr,
.cms-brew-guides-coffeemaker .container #sns_main table tr,
.cms-brew-guides-aeropress .container #sns_main table tr,
.cms-brew-guides-hario .container #sns_main table tr,
.cms-brew-guides-clever .container #sns_main table tr {
  border-bottom: 1px solid #e6e6e6;
}
.cms-brew-guides-chemex .container #sns_main #video_wrapper,
.cms-brew-guides-french-press .container #sns_main #video_wrapper,
.cms-brew-guides-coffeemaker .container #sns_main #video_wrapper,
.cms-brew-guides-aeropress .container #sns_main #video_wrapper,
.cms-brew-guides-hario .container #sns_main #video_wrapper,
.cms-brew-guides-clever .container #sns_main #video_wrapper {
  background-color: #f2f2f2;
  padding: 25px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
}
.cms-brew-guides-chemex .container #sns_main #video_wrapper .video-responsive,
.cms-brew-guides-french-press
  .container
  #sns_main
  #video_wrapper
  .video-responsive,
.cms-brew-guides-coffeemaker
  .container
  #sns_main
  #video_wrapper
  .video-responsive,
.cms-brew-guides-aeropress
  .container
  #sns_main
  #video_wrapper
  .video-responsive,
.cms-brew-guides-hario .container #sns_main #video_wrapper .video-responsive,
.cms-brew-guides-clever .container #sns_main #video_wrapper .video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.cms-brew-guides-chemex
  .container
  #sns_main
  #video_wrapper
  .video-responsive
  iframe,
.cms-brew-guides-french-press
  .container
  #sns_main
  #video_wrapper
  .video-responsive
  iframe,
.cms-brew-guides-coffeemaker
  .container
  #sns_main
  #video_wrapper
  .video-responsive
  iframe,
.cms-brew-guides-aeropress
  .container
  #sns_main
  #video_wrapper
  .video-responsive
  iframe,
.cms-brew-guides-hario
  .container
  #sns_main
  #video_wrapper
  .video-responsive
  iframe,
.cms-brew-guides-clever
  .container
  #sns_main
  #video_wrapper
  .video-responsive
  iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.cms-brew-guides-chemex .container #sns_main #video_wrapper iframe.vimeo,
.cms-brew-guides-french-press .container #sns_main #video_wrapper iframe.vimeo,
.cms-brew-guides-coffeemaker .container #sns_main #video_wrapper iframe.vimeo,
.cms-brew-guides-aeropress .container #sns_main #video_wrapper iframe.vimeo,
.cms-brew-guides-hario .container #sns_main #video_wrapper iframe.vimeo,
.cms-brew-guides-clever .container #sns_main #video_wrapper iframe.vimeo {
  height: 450px;
}
.cms-brew-guides-chemex .container #sns_main #video_wrapper h1,
.cms-brew-guides-french-press .container #sns_main #video_wrapper h1,
.cms-brew-guides-coffeemaker .container #sns_main #video_wrapper h1,
.cms-brew-guides-aeropress .container #sns_main #video_wrapper h1,
.cms-brew-guides-hario .container #sns_main #video_wrapper h1,
.cms-brew-guides-clever .container #sns_main #video_wrapper h1 {
  font-size: 30px;
}
.cms-brew-guides-chemex .container #sns_main #video_wrapper .facebook_plugin,
.cms-brew-guides-french-press
  .container
  #sns_main
  #video_wrapper
  .facebook_plugin,
.cms-brew-guides-coffeemaker
  .container
  #sns_main
  #video_wrapper
  .facebook_plugin,
.cms-brew-guides-aeropress .container #sns_main #video_wrapper .facebook_plugin,
.cms-brew-guides-hario .container #sns_main #video_wrapper .facebook_plugin,
.cms-brew-guides-clever .container #sns_main #video_wrapper .facebook_plugin {
  text-align: left;
}
.cms-brew-guides-chemex .container #sns_main .guide_container,
.cms-brew-guides-french-press .container #sns_main .guide_container,
.cms-brew-guides-coffeemaker .container #sns_main .guide_container,
.cms-brew-guides-aeropress .container #sns_main .guide_container,
.cms-brew-guides-hario .container #sns_main .guide_container,
.cms-brew-guides-clever .container #sns_main .guide_container {
  max-width: 1000px;
  margin: auto;
}
.cms-brew-guides-chemex .container #sns_main .guide_container .left_column,
.cms-brew-guides-french-press
  .container
  #sns_main
  .guide_container
  .left_column,
.cms-brew-guides-coffeemaker .container #sns_main .guide_container .left_column,
.cms-brew-guides-aeropress .container #sns_main .guide_container .left_column,
.cms-brew-guides-hario .container #sns_main .guide_container .left_column,
.cms-brew-guides-clever .container #sns_main .guide_container .left_column {
  padding: 15px;
}
.cms-brew-guides-chemex
  .container
  #sns_main
  .guide_container
  .left_column
  h2.header_box,
.cms-brew-guides-french-press
  .container
  #sns_main
  .guide_container
  .left_column
  h2.header_box,
.cms-brew-guides-coffeemaker
  .container
  #sns_main
  .guide_container
  .left_column
  h2.header_box,
.cms-brew-guides-aeropress
  .container
  #sns_main
  .guide_container
  .left_column
  h2.header_box,
.cms-brew-guides-hario
  .container
  #sns_main
  .guide_container
  .left_column
  h2.header_box,
.cms-brew-guides-clever
  .container
  #sns_main
  .guide_container
  .left_column
  h2.header_box {
  text-align: center;
  color: #fff;
  background: #666666;
  font-size: 19px;
  margin-bottom: 15px;
}
.cms-brew-guides-chemex .container #sns_main .guide_container .left_column img,
.cms-brew-guides-french-press
  .container
  #sns_main
  .guide_container
  .left_column
  img,
.cms-brew-guides-coffeemaker
  .container
  #sns_main
  .guide_container
  .left_column
  img,
.cms-brew-guides-aeropress
  .container
  #sns_main
  .guide_container
  .left_column
  img,
.cms-brew-guides-hario .container #sns_main .guide_container .left_column img,
.cms-brew-guides-clever .container #sns_main .guide_container .left_column img {
  width: 90%;
  margin: 15px auto;
}
.cms-brew-guides-chemex .container #sns_main .guide_container .right_column,
.cms-brew-guides-french-press
  .container
  #sns_main
  .guide_container
  .right_column,
.cms-brew-guides-coffeemaker
  .container
  #sns_main
  .guide_container
  .right_column,
.cms-brew-guides-aeropress .container #sns_main .guide_container .right_column,
.cms-brew-guides-hario .container #sns_main .guide_container .right_column,
.cms-brew-guides-clever .container #sns_main .guide_container .right_column {
  padding: 15px;
}
.cms-brew-guides-chemex .container #sns_main .guide_container .right_column h3,
.cms-brew-guides-french-press
  .container
  #sns_main
  .guide_container
  .right_column
  h3,
.cms-brew-guides-coffeemaker
  .container
  #sns_main
  .guide_container
  .right_column
  h3,
.cms-brew-guides-aeropress
  .container
  #sns_main
  .guide_container
  .right_column
  h3,
.cms-brew-guides-hario .container #sns_main .guide_container .right_column h3,
.cms-brew-guides-clever .container #sns_main .guide_container .right_column h3 {
  font-weight: bold;
}
.cms-brew-guides-chemex
  .container
  #sns_main
  .guide_container
  .right_column
  .quote,
.cms-brew-guides-french-press
  .container
  #sns_main
  .guide_container
  .right_column
  .quote,
.cms-brew-guides-coffeemaker
  .container
  #sns_main
  .guide_container
  .right_column
  .quote,
.cms-brew-guides-aeropress
  .container
  #sns_main
  .guide_container
  .right_column
  .quote,
.cms-brew-guides-hario
  .container
  #sns_main
  .guide_container
  .right_column
  .quote,
.cms-brew-guides-clever
  .container
  #sns_main
  .guide_container
  .right_column
  .quote {
  font-size: 25px;
  font-style: italic;
  color: #bebebe;
  line-height: 30px;
}
.cms-brew-guides-chemex .container #sns_main .guide_container .right_column p,
.cms-brew-guides-french-press
  .container
  #sns_main
  .guide_container
  .right_column
  p,
.cms-brew-guides-coffeemaker
  .container
  #sns_main
  .guide_container
  .right_column
  p,
.cms-brew-guides-aeropress
  .container
  #sns_main
  .guide_container
  .right_column
  p,
.cms-brew-guides-hario .container #sns_main .guide_container .right_column p,
.cms-brew-guides-clever .container #sns_main .guide_container .right_column p {
  font-size: 13px;
}
.cms-brew-guides-chemex .container #sns_main .more_guides,
.cms-brew-guides-french-press .container #sns_main .more_guides,
.cms-brew-guides-coffeemaker .container #sns_main .more_guides,
.cms-brew-guides-aeropress .container #sns_main .more_guides,
.cms-brew-guides-hario .container #sns_main .more_guides,
.cms-brew-guides-clever .container #sns_main .more_guides {
  text-align: center;
  border-top: 1px solid #e6e6e6;
  padding: 15px 15px 25px;
  background: #f2f2f2;
}
@media (max-width: 979px) and (min-width: 801px) {
  .cms-index-index .container {
    width: auto;
  }
  #sns_topheader .row-fluid.span12 {
    margin-left: 0;
    width: 100%;
  }
  #sns_topheader .sns-quickaccess ul.links li a {
    padding: 0 20px 0 0;
  }
}
@media (max-width: 979px) {
  #search_mini_form {
    top: 4px;
  }
  body .container {
    width: 100%;
  }
}
@media (max-width: 800px) {
  #sns_topheader .topheader-right {
    padding-right: 5px;
    font-size: 10px;
  }
  #sns_topheader .sns-quickaccess ul.links li a {
    padding: 0 8px;
  }
}
@media (max-width: 767px) {
  [class*="span"].small_screen_hide,
  .row-fluid [class*="span"].small_screen_hide {
    display: none;
  }
  [class*="span"].small_screen_show,
  .row-fluid [class*="span"].small_screen_show {
    display: block;
  }
  .sns-quickaccess {
    margin-top: 25px;
  }
  #sns_topheader .topheader-right {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 10px;
    width: 75%;
  }
  #sns_topheader .topheader-right .dropdown a.dropdown-toggle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #sns_topheader .topheader-right .dropdown .caret {
    display: none;
  }
  #sns_topheader .topheader-right .dropdown .dropdown-menu {
    margin: 0;
    position: relative;
    border: 0;
  }
  #sns_topheader .topheader-right .dropdown .dropdown-menu li {
    display: block;
    border-top: 0;
  }
  #sns_topheader .topheader-right .dropdown .dropdown-menu a {
    box-sizing: border-box;
    border-top: 0;
    background: #f8f8f8;
  }
  #sns_topheader .sns-quickaccess ul.links {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    display: block;
    overflow-y: scroll;
    width: 100%;
    z-index: 100000;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background: #fff;
    display: none;
  }
  #sns_topheader .sns-quickaccess ul.links li {
    text-transform: initial;
    letter-spacing: 0.05em;
    color: #4c4c4c;
    font-weight: 500;
    font-size: 17px;
    font-family: "museo-sans";
    text-align: center;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: 0;
  }
  #sns_topheader .sns-quickaccess ul.links li.first {
    overflow: auto;
    zoom: 1;
  }
  #sns_topheader .sns-quickaccess ul.links li.gift_link,
  #sns_topheader .sns-quickaccess ul.links li.user_info,
  #sns_topheader .sns-quickaccess ul.links li.mobile_menu.shop {
    display: none;
  }
  #sns_topheader .sns-quickaccess ul.links li.mobile_menu {
    float: left;
    width: 50%;
  }
  #sns_topheader .sns-quickaccess ul.links li.mobile_menu.gift,
  #sns_topheader .sns-quickaccess ul.links li.mobile_menu.redeem {
    border-left: 1px solid #e6e6e6;
    width: calc(50% - 1px);
  }
  #sns_topheader .sns-quickaccess ul.links li.mobile_menu.redeem {
    display: none;
  }
  #sns_topheader .sns-quickaccess ul.links li.login {
    background: #e1b696;
  }
  #sns_topheader .sns-quickaccess ul.links li.login a {
    color: #fff !important;
  }
  #sns_topheader .sns-quickaccess ul.links li a {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
    text-align: center;
    width: 100%;
    line-height: 17px;
    font-size: 16px;
  }
  #sns_topheader .topheader-left.span3 {
    float: left;
    width: 25%;
    padding-left: 10px;
  }
  #sns_topheader .topheader-left.span3 .one_logo {
    width: 42%;
    left: 5px;
  }
  #sns_topheader #logo.span12 {
    padding-left: 5px;
    margin-left: 0;
  }
  .gift-index-index #sns_topheader .topheader-right ul.links li.redeem_link {
    display: none;
  }
  .gift-index-index #sns_topheader .topheader-right ul.links li.corp_gifts {
    display: block;
  }
  .gift-index-index #sns_topheader .topheader-right ul.links li.profile_link {
    display: none;
  }
  .gift-index-index #sns_topheader .topheader-right ul.links li.learn_menu {
    display: none;
  }
  .gift-index-index
    #sns_topheader
    .topheader-right
    ul.links
    li.mobile_menu.gift {
    display: none;
  }
  .gift-index-index
    #sns_topheader
    .topheader-right
    ul.links
    li.mobile_menu.redeem {
    display: block;
  }
  .gift-index-index
    #sns_topheader
    .topheader-right
    ul.links
    li.loggedin_gift_link {
    display: none;
  }
  .gift-index-index .mobile_header .section.one,
  .quiz-index-index .mobile_header .section.one,
  .gift-index-index .mobile_header .section.two,
  .quiz-index-index .mobile_header .section.two,
  .gift-index-index .mobile_header .section.three,
  .quiz-index-index .mobile_header .section.three {
    opacity: 0;
  }
  .quiz-index-index
    #sns_topheader
    .topheader-right
    ul.links
    li.mobile_menu.subscribe {
    display: none;
  }
  .quiz-index-index
    #sns_topheader
    .topheader-right
    ul.links
    li.mobile_menu.gift {
    width: 100%;
  }
  .quiz-index-index #sns_topheader .topheader-right ul.links li.corp_gifts {
    display: none;
  }
  .quiz-index-index #sns_topheader .topheader-right ul.links li.profile_link {
    display: none;
  }
  .quiz-index-index #sns_topheader .topheader-right ul.links li.learn_menu {
    display: none;
  }
  .quiz-index-index #sns_topheader .topheader-right ul.links li.shop_menu {
    display: none;
  }
  .dashboard-index-index
    #sns_topheader
    .topheader-right
    ul.links
    li.mobile_menu.subscribe,
  .dashboard-index-index #sns_topheader .topheader-right ul.links li.shop_link {
    display: none;
  }
  .dashboard-index-index
    #sns_topheader
    .topheader-right
    ul.links
    li.mobile_menu.shop {
    display: block;
  }
  .sns-quickaccess ul.links li a {
    padding: 0 12px;
    letter-spacing: 0;
  }
  .sns-ajaxcart {
    padding: 0;
  }
  .sns-ajaxcart .block-title:before {
    width: auto;
  }
  .small_screen_hide {
    display: none;
  }
  .small_screen_show {
    display: block;
  }
  #as-featured #featured-pubs #foodwine {
    height: 19px;
  }
  #as-featured #featured-pubs #techcrunch {
    height: 23px;
  }
  #as-featured #featured-pubs img {
    margin: 0px 10px 0 0;
  }
  .home#homepage-logged-out .headline {
    padding: 100px 10px 0 10px;
  }
  .home#homepage-logged-out .headline h1 {
    font-size: 42px;
  }
  .home#homepage-logged-out p {
    line-height: 1.5em;
  }
  .home#homepage-logged-out .hero {
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
      url(../images/mbox/mistobox_hero_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
  .home#homepage-logged-out .hero .red-button {
    margin: 30px 0 0 0;
  }
  .home#homepage-logged-out .hero h1 {
    color: #fff;
  }
  .home#homepage-logged-out .hero .white-button {
    border: 2px solid #fff;
    color: #fff;
  }
  .home#homepage-logged-out .hero #subheader {
    color: #fff;
    margin: auto;
  }
  .home#homepage-logged-out .grid_row .image,
  .home#homepage-logged-out .grid_row .text {
    height: 300px;
    width: 100%;
  }
  .home#homepage-logged-out .grid_row .text {
    padding: 40px 55px;
  }
  .home#homepage-logged-out .grid_row .text .text_container h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .home#homepage-logged-out .grid_row.mistobox_one .image .one_logo {
    margin-left: 0px;
  }
  .home#homepage-logged-out #roaster-info #paragraph {
    padding: 30px 55px;
  }
  .home#homepage-logged-out #roaster-info #paragraph h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .home#homepage-logged-out #roaster-info h3 {
    text-align: center;
  }
  .home#homepage-logged-out #roaster-info .red-button {
    margin: 30px auto 0;
    width: 200px;
  }
  .home#homepage-logged-out #featured-roasters img {
    height: 22px;
    margin: 15px 22px 0 0;
  }
  .home#homepage-logged-out #featured-roasters #verve {
    height: 20px;
  }
  .home#homepage-logged-out #featured-roasters #onyx {
    height: 30px;
  }
  .home#homepage-logged-out #featured-roasters #ruby {
    height: 35px;
  }
  .home#homepage-logged-out #featured-roasters #intelli {
    height: 40px;
  }
  .home#homepage-logged-out #featured-roasters .roaster_link {
    text-align: center;
  }
  .home#homepage-logged-out #coffee-shop-block .red-button {
    margin: 30px auto 0;
    width: 200px;
  }
  .home#homepage-logged-out .toolbar-bottom {
    display: none;
  }
  #sns_footer {
    font-size: 10px;
    padding: 0;
  }
  .cms-home #sns_footer .mixpanel_badge {
    display: none;
  }
  .subscriber-homepage .greeting {
    font-size: 14px;
  }
  .subscriber-homepage .nav-pills li a {
    font-size: 10px;
    letter-spacing: 0;
  }
  .subscriber-homepage .widget-section {
    min-height: 300px;
  }
  .subscriber-homepage .widget-section .last_month {
    padding: 15px;
  }
  .subscriber-homepage .widget-section .last_month .coffee_info {
    text-align: center;
  }
  .subscriber-homepage .widget-section .last_month .coffee-image {
    border: 0;
    padding: 15px 40px;
  }
  .subscriber-homepage .widget-section .last_month .coffee-cup-info {
    padding: 0;
  }
  .subscriber-homepage
    .widget-section
    .last_month
    .coffee-cup-info
    .coffee-name {
    font-size: 16px;
  }
  .subscriber-homepage .widget-section .last_month .h2-break {
    margin: 0 auto 25px;
  }
  .subscriber-homepage .widget-section .history .image {
    display: none;
  }
  .subscriber-homepage .widget-section .history .info {
    padding: 15px;
  }
  .subscriber-homepage .widget-section .history .info .roaster-name {
    display: block;
    margin-left: 0;
    margin-bottom: 5px;
  }
  .subscriber-homepage .widget-section .history .info .coffee-name {
    margin-bottom: 0px;
  }
  .subscriber-homepage .widget-section .history .tracking {
    padding: 15px;
  }
  .subscriber-homepage .widget-section .history .tracking .tracking_number {
    float: right;
  }
  .subscriber-homepage .widget-section .history .tracking .shipped_on {
    float: left;
    text-align: left;
  }
  .subscriber-homepage .widget-section .queue,
  .subscriber-homepage .widget-section .rewards {
    position: relative;
    height: 300px;
  }
  .subscriber-homepage .widget-section .queue .coming_soon,
  .subscriber-homepage .widget-section .rewards .coming_soon {
    display: none;
  }
  .subscriber-homepage .widget-section .queue .coming_soon_container,
  .subscriber-homepage .widget-section .rewards .coming_soon_container {
    position: relative;
  }
  .subscriber-homepage .widget-section .queue .waitlist_box,
  .subscriber-homepage .widget-section .rewards .waitlist_box {
    top: 125px;
    background: #fff;
    border: none;
    padding: 30px;
  }
  .subscriber-homepage .widget-section .queue .waitlist_box h1,
  .subscriber-homepage .widget-section .rewards .waitlist_box h1 {
    font-size: 18px;
    font-weight: bold;
    margin: -10px 0 10px;
    color: #666666;
    letter-spacing: 0.1em;
  }
  .subscriber-homepage .widget-section .rewards {
    height: 340px;
  }
  .subscriber-homepage .section.blog,
  .subscriber-homepage .section.shop {
    padding: 0 15px;
  }
  .subscription-list .subscription .actions {
    text-align: left;
    margin-top: 15px;
  }
  #sns_footer .container .right_footer {
    text-align: center;
  }
  #sns_footer .container .left_footer {
    padding: 0 5px;
    padding-top: 13px;
    text-align: center;
  }
  #sns_footer .container .footer-bootom .sns-info ul {
    margin: auto;
  }
  #sns_footer .container .footer-bootom .sns-info ul li {
    float: none;
  }
  .quiz-index-index #sns_footer .container .left_footer,
  .gift-index-index #sns_footer .container .left_footer {
    padding: 16px 5px;
  }
  .cms-aboutus .video iframe {
    height: 300px;
  }
  .cms-aboutus .timeline {
    display: none;
  }
  .cms-brew-guides h1 {
    font-size: 24px;
  }
  .cms-brew-guides-chemex .container #sns_main #video_wrapper iframe.vimeo,
  .cms-brew-guides-french-press
    .container
    #sns_main
    #video_wrapper
    iframe.vimeo,
  .cms-brew-guides-coffeemaker .container #sns_main #video_wrapper iframe.vimeo,
  .cms-brew-guides-aeropress .container #sns_main #video_wrapper iframe.vimeo,
  .cms-brew-guides-hario .container #sns_main #video_wrapper iframe.vimeo,
  .cms-brew-guides-clever .container #sns_main #video_wrapper iframe.vimeo {
    height: 330px;
  }
  .cms-brew-guides-chemex .container #sns_main .guide_container .right_column,
  .cms-brew-guides-french-press
    .container
    #sns_main
    .guide_container
    .right_column,
  .cms-brew-guides-coffeemaker
    .container
    #sns_main
    .guide_container
    .right_column,
  .cms-brew-guides-aeropress
    .container
    #sns_main
    .guide_container
    .right_column,
  .cms-brew-guides-hario .container #sns_main .guide_container .right_column,
  .cms-brew-guides-clever .container #sns_main .guide_container .right_column {
    padding-top: 0;
  }
  .cms-brew-guides-chemex .container #sns_main .guide_container .left_column,
  .cms-brew-guides-french-press
    .container
    #sns_main
    .guide_container
    .left_column,
  .cms-brew-guides-coffeemaker
    .container
    #sns_main
    .guide_container
    .left_column,
  .cms-brew-guides-aeropress .container #sns_main .guide_container .left_column,
  .cms-brew-guides-hario .container #sns_main .guide_container .left_column,
  .cms-brew-guides-clever .container #sns_main .guide_container .left_column {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
  }
  .cms-brew-guides-chemex .container #sns_main .guide_container .left_column p,
  .cms-brew-guides-french-press
    .container
    #sns_main
    .guide_container
    .left_column
    p,
  .cms-brew-guides-coffeemaker
    .container
    #sns_main
    .guide_container
    .left_column
    p,
  .cms-brew-guides-aeropress
    .container
    #sns_main
    .guide_container
    .left_column
    p,
  .cms-brew-guides-hario .container #sns_main .guide_container .left_column p,
  .cms-brew-guides-clever .container #sns_main .guide_container .left_column p {
    text-align: center;
    margin-bottom: 5px;
  }
}
@media (max-width: 480px) {
  .cell_screen_show {
    display: block !important;
  }
  .cell_screen_hide {
    display: none !important;
  }
  #sns_topheader .topheader-right .topheader-right-inner #modal_login {
    width: 300px;
    margin-left: -150px;
  }
  #as-featured {
    padding-top: 0px;
  }
  #as-featured #featured-pubs {
    margin-top: 0;
  }
  #as-featured #featured-pubs img {
    margin: 0px 10px 0 0;
  }
  #as-featured #featured-pubs span {
    display: block;
    margin: 0 0 10px 0;
  }
  .home#homepage-logged-out .hero {
    height: 400px;
  }
  .home#homepage-logged-out .hero .red-button {
    margin: 15px 0;
    width: 150px;
    font-size: 13px;
  }
  .home#homepage-logged-out .hero .white-button {
    width: 146px;
    font-size: 13px;
  }
  .home#homepage-logged-out .hero a.gift_now {
    font-size: 13px;
    text-transform: uppercase;
    color: #4c4c4c;
    font-weight: bold;
  }
  .home#homepage-logged-out .headline {
    padding: 58px 10px 35px 10px;
  }
  .home#homepage-logged-out .headline h1 {
    font-size: 31px;
    line-height: 40px;
    letter-spacing: 0.03em;
    max-width: 277px;
    margin: 10px auto;
  }
  .home#homepage-logged-out #subheader {
    font-size: 14px;
    margin-top: 15px;
    max-width: 264px;
    font-family: "museo-sans", sans-serif;
  }
  .home#homepage-logged-out .circle_button {
    display: none;
  }
  .home#homepage-logged-out #how-it-works .red-button {
    width: 135px;
    margin: auto;
    margin-top: 25px;
  }
  .cms-aboutus h1,
  .cms-aboutus h2 {
    font-size: 20px;
  }
  .cms-aboutus .video iframe {
    height: 200px;
  }
  .cms-brew-guides-chemex .container #sns_main #video_wrapper,
  .cms-brew-guides-french-press .container #sns_main #video_wrapper,
  .cms-brew-guides-coffeemaker .container #sns_main #video_wrapper,
  .cms-brew-guides-aeropress .container #sns_main #video_wrapper,
  .cms-brew-guides-clever .container #sns_main #video_wrapper,
  .cms-brew-guides-hario .container #sns_main #video_wrapper {
    background-color: #f2f2f2;
    padding: 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  .cms-brew-guides-chemex .container #sns_main #video_wrapper h1,
  .cms-brew-guides-french-press .container #sns_main #video_wrapper h1,
  .cms-brew-guides-coffeemaker .container #sns_main #video_wrapper h1,
  .cms-brew-guides-aeropress .container #sns_main #video_wrapper h1,
  .cms-brew-guides-clever .container #sns_main #video_wrapper h1,
  .cms-brew-guides-hario .container #sns_main #video_wrapper h1 {
    font-size: 26px;
  }
  .cms-brew-guides-chemex .container #sns_main #video_wrapper iframe.vimeo,
  .cms-brew-guides-french-press
    .container
    #sns_main
    #video_wrapper
    iframe.vimeo,
  .cms-brew-guides-coffeemaker .container #sns_main #video_wrapper iframe.vimeo,
  .cms-brew-guides-aeropress .container #sns_main #video_wrapper iframe.vimeo,
  .cms-brew-guides-clever .container #sns_main #video_wrapper iframe.vimeo,
  .cms-brew-guides-hario .container #sns_main #video_wrapper iframe.vimeo {
    width: 100%;
    height: 216px;
  }
  .cms-brew-guides-chemex .container #sns_main #tools p,
  .cms-brew-guides-french-press .container #sns_main #tools p,
  .cms-brew-guides-coffeemaker .container #sns_main #tools p,
  .cms-brew-guides-aeropress .container #sns_main #tools p,
  .cms-brew-guides-clever .container #sns_main #tools p,
  .cms-brew-guides-hario .container #sns_main #tools p {
    font-size: 10px;
  }
  .cms-brew-guides-chemex
    .container
    #sns_main
    .guide_container
    .right_column
    .quote,
  .cms-brew-guides-french-press
    .container
    #sns_main
    .guide_container
    .right_column
    .quote,
  .cms-brew-guides-coffeemaker
    .container
    #sns_main
    .guide_container
    .right_column
    .quote,
  .cms-brew-guides-aeropress
    .container
    #sns_main
    .guide_container
    .right_column
    .quote,
  .cms-brew-guides-clever
    .container
    #sns_main
    .guide_container
    .right_column
    .quote,
  .cms-brew-guides-hario
    .container
    #sns_main
    .guide_container
    .right_column
    .quote {
    font-size: 18px;
  }
}
.customer-account-forgotpassword #sns_content,
.cms-reset-sent #sns_content,
.customer-account-resetpassword #sns_content,
.cms-password-confirmation #sns_content,
.drop-hint-index-index #sns_content {
  background: #f2f2f2;
  margin: 0;
  padding: 0;
}
.customer-account-forgotpassword .sticky_footer_wrapper,
.cms-reset-sent .sticky_footer_wrapper,
.customer-account-resetpassword .sticky_footer_wrapper,
.cms-password-confirmation .sticky_footer_wrapper,
.drop-hint-index-index .sticky_footer_wrapper {
  background: #f2f2f2;
}
.forgot_password_container {
  max-width: 500px;
  background: #fff;
  margin: 40px auto;
  border: 1px solid #e6e6e6;
  padding: 35px 30px;
  text-align: center;
  position: relative;
}
.forgot_password_container .page-title {
  height: 25px;
}
.forgot_password_container .fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.forgot_password_container .cancellation_winback h1 {
  font-size: 25px;
  margin-bottom: 0px;
}
.forgot_password_container .cancellation_winback img {
  max-width: 350px;
  display: block;
  margin: auto;
}
.forgot_password_container .cancellation_winback .instructions {
  font-size: 15px;
  color: #bebebe;
}
.forgot_password_container p {
  max-width: 350px;
  margin: 20px auto 35px;
}
.forgot_password_container input {
  height: 30px;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
}
.forgot_password_container input:focus {
  background: #f2f2f2;
}
.forgot_password_container .fields .field {
  float: none;
  margin: auto;
}
.customer-account-resetpassword .forgot_password_container .page-title {
  height: 0;
}
.customer-account-login h1,
.customer-account-forgotpassword h1 {
  font-weight: normal;
  color: #4c4c4c;
  margin-bottom: 25px;
}
.customer-account-login .forgot_password_container form label,
.customer-account-forgotpassword .forgot_password_container form label {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  margin-bottom: 1px;
  font-size: 11px;
}
.customer-account-login a.forgot_password,
.customer-account-forgotpassword a.forgot_password {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  font-weight: normal;
  font-size: 11px;
}
.customer-account-login .messages,
.customer-account-forgotpassword .messages {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.customer-account-login .messages li.error-msg,
.customer-account-forgotpassword .messages li.error-msg {
  padding: 4px 10px;
  font-size: 12px;
  letter-spacing: 0.03em;
}
.customer-account-login .messages li.error-msg ul,
.customer-account-forgotpassword .messages li.error-msg ul {
  padding: 0;
}
.customer-account-login .messages li.error-msg ul:before,
.customer-account-forgotpassword .messages li.error-msg ul:before {
  display: none;
}
@media (max-width: 767px) {
  .forgot_password_container {
    margin: 15px 0;
  }
  .customer-account-login #sns_mainmidle,
  .customer-account-forgotpassword #sns_mainmidle {
    padding: 0 15px;
  }
}
.cms-index-noroute .apologies {
  max-width: 600px;
  text-align: center;
  margin: 60px auto;
}
.cms-index-noroute .apologies a {
  color: #e1b696;
}
.cms-index-noroute .h2-break span {
  color: #bebebe;
  font-weight: normal;
}
.cms-index-noroute .help_prod {
  text-align: center;
  padding: 30px;
  border: 1px solid #e6e6e6;
  margin: 20px 0;
  height: 225px;
}
.cms-index-noroute .help_prod h4 {
  font-size: 15px;
  font-weight: bold;
  margin-top: 15px;
}
.cms-index-noroute .help_prod img {
  height: 165px;
  width: inherit;
}
.email_modal {
  width: 550px;
  background: #fff;
  margin-left: -275px;
  display: inline-block;
  text-align: center;
  position: fixed;
  left: 50%;
  z-index: 999;
  margin-top: 15px;
  border: 1px solid #e6e6e6;
}
.email_modal button.close {
  float: right;
  font-size: 30px;
  font-weight: bold;
  line-height: 20px;
  margin: 10px;
  color: #000;
  opacity: 0.2;
}
.email_modal button.close:hover {
  color: #dd4848;
  text-decoration: none;
  cursor: pointer;
  background: #fff;
  opacity: 1;
  filter: alpha(opacity=40);
}
.email_modal .padding {
  padding: 50px;
  padding-bottom: 25px;
}
.email_modal h3 {
  font-size: 30px;
  margin-bottom: 5px;
  line-height: 35px;
  text-transform: uppercase;
}
.email_modal p {
  text-transform: initial;
  font-style: italic;
  margin-top: 0;
}
.email_modal p:nth-of-type(2) {
  margin: auto;
  margin-top: 10px;
  text-align: justify;
}
.email_modal p:nth-of-type(2) a {
  text-decoration: underline;
}
.email_modal .row-fluid {
  margin: 25px 0 10px;
}
.email_modal .row-fluid input {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  height: 41px;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
  margin: 5px auto;
}
.email_modal .row-fluid input:focus {
  background: #f2f2f2;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.email_modal .button {
  font-weight: bold;
  text-shadow: none;
}
.email_modal .logo_bar {
  text-align: center;
  border-top: 1px solid #e6e6e6;
}
.email_modal .logo_bar img {
  width: 100px;
  margin: 10px;
}
@media (max-width: 480px) {
  .email_modal {
    display: none !important;
    width: 90%;
    margin: auto;
  }
}
.checkout-onepage-index #sns_content {
  background: #eeeeee;
  margin-top: 0;
}
.checkout-onepage-index #sns_content #sns_right .block .block-title h2 {
  font-weight: bold;
  text-align: left;
  font-size: 15px;
  text-transform: uppercase;
  color: #5f828d;
  letter-spacing: 0.1em;
  margin: 0;
}
.checkout-onepage-index #sns_content #sns_right .block .block-title:before {
  background: none;
}
.checkout-onepage-index #sns_content #sns_right .block .block-content {
  padding-top: 0;
}
.checkout-onepage-index #sns_content #sns_right .block-progress {
  background: #fff;
  border: 1px solid #e6e6e6;
  margin-top: 77px;
}
.checkout-onepage-index #sns_content #sns_right .block-progress dt {
  font-size: 12px;
  line-height: inherit;
  letter-spacing: 0.05em;
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
}
.checkout-onepage-index #sns_content #sns_right .block-progress dd.complete {
  color: #929292;
}
.checkout-onepage-index #sns_content #sns_right .block-progress .changelink a {
  font-weight: normal;
  color: #bebebe;
}
.checkout-onepage-index h1 {
  margin-top: 0;
  padding-top: 25px;
}
.checkout-onepage-index h3 {
  text-align: left;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
}
.checkout-onepage-index select {
  border-radius: 0;
  -webkit-appearance: none;
  height: 45px;
  background: url(../images/drop-down-arrow.jpg) no-repeat right;
  padding-left: 10px;
  width: 100%;
}
.checkout-onepage-index input[type="text"],
.checkout-onepage-index input[type="password"] {
  margin-bottom: 10px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  height: 45px;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
}
.checkout-onepage-index input[type="text"]:focus,
.checkout-onepage-index input[type="password"]:focus {
  background: #f2f2f2;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.checkout-onepage-index input[type="radio"] {
  margin-bottom: 15px;
}
.checkout-onepage-index .input-box input[type="text"],
.checkout-onepage-index .input-box input[type="password"] {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 0;
  width: 100%;
}
.checkout-onepage-index #checkoutSteps {
  background: #fff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 60px;
}
.checkout-onepage-index #checkoutSteps li .step {
  border: 0;
}
.checkout-onepage-index #checkoutSteps li .step-title {
  background: #fff;
  border: 0;
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
  padding-bottom: 13px;
}
.checkout-onepage-index #checkoutSteps li .step-title a {
  display: none;
}
.checkout-onepage-index #checkoutSteps li .step-title h2 {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}
.checkout-onepage-index #checkoutSteps li .step-title .number {
  font-size: 14px;
  color: #666666;
  background: none;
  font-weight: bold;
}
.checkout-onepage-index #checkoutSteps li .step-title.active .step-title {
  border: 0;
}
.checkout-onepage-index #checkoutSteps .button {
  margin: 0;
}
.checkout-onepage-index #checkoutSteps dd {
  margin-left: 0;
}
.checkout-onepage-index #checkoutSteps .description {
  font-weight: bold;
  text-align: left;
  font-size: 15px;
  margin: 0px 0 25px;
  color: #5f828d;
  letter-spacing: 0.1em;
}
.checkout-onepage-index #checkoutSteps .col2-set h3 {
  font-weight: normal;
  font-size: 12px;
  line-height: inherit;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}
.checkout-onepage-index
  #checkoutSteps
  .payment-methods
  #checkout-payment-method-load
  input {
  display: inline-block;
}
.checkout-onepage-index
  #checkoutSteps
  .payment-methods
  #checkout-payment-method-load
  label {
  display: inline-block;
}
.checkout-onepage-index
  #checkoutSteps
  .payment-methods
  #checkout-payment-method-load
  a {
  display: none;
}
.checkout-onepage-index #checkoutSteps #opc-shipping_method dt,
.checkout-onepage-index #checkoutSteps #opc-shipping_method dd {
  display: inline-block;
}
.checkout-onepage-index #checkoutSteps #opc-shipping_method dt {
  font-family: brandon-grotesque;
  text-transform: uppercase;
}
.checkout-onepage-index #checkoutSteps #opc-shipping_method input,
.checkout-onepage-index #checkoutSteps #opc-shipping_method label {
  display: inline-block;
  color: #929292;
}
.checkout-onepage-index #checkoutSteps #opc-shipping_method input {
  margin-top: 9px;
  margin-right: 5px;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  .gift-messages
  input {
  margin-top: 3px;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  .gift-messages-form
  h4 {
  font-size: 14px;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  .gift-messages-form
  p
  input {
  margin-top: 3px;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  #allow-gift-messages-for-items-container
  .input-box {
  margin-right: 5px;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  #allow-gift-messages-for-items-container
  .fields {
  display: none;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  #allow-gift-messages-for-items-container
  textarea {
  width: 100%;
  max-width: 518px;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  #allow-gift-messages-for-items-container
  p.number {
  display: none;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  #allow-gift-messages-for-items-container
  .product-img-box {
  display: none;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  #allow-gift-messages-for-items-container
  li.item {
  display: none;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  #allow-gift-messages-for-items-container
  li.item:first-of-type {
  display: block;
}
.checkout-onepage-index
  #checkoutSteps
  #opc-shipping_method
  #allow-gift-messages-for-items-container
  .product-name {
  display: none;
}
.checkout-onepage-success .block-reorder {
  display: none;
}
.checkout-onepage-success .page-title h1 {
  text-transform: uppercase;
  color: #5f828d;
}
#hellobar #hb_msg_container {
  font-family: "brandon-grotesque", sans-serif !important;
  letter-spacing: 0.1em;
  font-size: 14px;
  font-weight: normal;
}
#hellobar.large a.hellobar_cta.hb-button {
  padding: 8px 23px;
  font-size: 12px;
  letter-spacing: 0.1em;
}
/*drop a hint*/
.drop_a_hint {
  padding: 45px 15px 30px 15px;
  text-align: center;
  color: #fff;
  background: #aac9d1;
}
.drop_a_hint h4,
.drop_a_hint h3 {
  color: #5f828d !important;
}
.drop_a_hint p {
  max-width: 450px;
  margin: auto;
  margin-bottom: 25px;
  color: #fff !important;
}
.sns-megamenu-wrap.horizontal-menu
  ul.mainnav.mega-nav
  li.level0
  .mega-content-wrap {
  border-top: 1px solid #e6e6e6;
  box-shadow: none;
}
.sns-megamenu-wrap.horizontal-menu
  ul.mainnav.mega-nav
  li.level0
  a
  span.menu-title {
  margin-left: 1px;
  font-size: 12px !important;
  letter-spacing: 0.07em;
  font-weight: normal;
  text-transform: uppercase;
}
.sns-megamenu-wrap.horizontal-menu
  ul.mainnav.mega-nav
  li.level0
  .level1
  .mega-title
  span {
  font-size: 14px;
  letter-spacing: 0.1em;
}
.sns-megamenu-wrap.horizontal-menu
  ul.mainnav.mega-nav
  li.level0
  .level1
  .level2
  .mega-title
  span {
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #666666 !important;
}
.holiday-promo-banner {
  background-color: #8fc1ed;
  height: 20px;
  padding: 12px 10px;
  font-size: 13px;
  position: relative;
  display: flex;
  align-items: center;
  align-self: center;
  align-content: center;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}
@media (max-width: 767px) {
  .holiday-promo-banner {
    background-color: #8fc1ed;
    height: 40px;
    padding: 12px 10px;
    text-align: center;
    font-size: 13px;
    position: relative;
    top: 70px;
  }
}
.holiday-promo-banner span {
  font-size: 16px;
  color: black !important;
}
.holiday-promo-banner a {
  font-size: 16px;
  color: black !important;
  font-weight: bold;
  text-decoration: underline;
}
.gift_card_header_spacer,
.expired_gift_header_spacer {
  height: 50px;
  display: none;
  width: 100%;
}
.expired_gift_header,
.gift_card_header {
  display: none;
  padding: 12px 10px;
  text-align: center;
  font-size: 13px;
  position: fixed;
  width: 100%;
  font-weight: normal;
  letter-spacing: 0.05em;
  z-index: 999;
  letter-spacing: 0.07em;
  box-sizing: border-box;
  min-height: 50px;
  color: #fff;
  letter-spacing: 0.04em;
  font-family: "museo-sans";
  line-height: 20px;
}
.expired_gift_header span,
.gift_card_header span {
  font-weight: 500;
  text-transform: uppercase;
  margin-right: 5px;
  font-size: 12px;
}
.expired_gift_header a,
.gift_card_header a {
  color: #fff;
  text-decoration: underline;
}
.expired_gift_header a:hover,
.gift_card_header a:hover {
  color: #95f2cf;
}
.expired_gift_header .just_text,
.gift_card_header .just_text {
  display: inline-block;
  position: relative;
  top: 1px;
}
.expired_gift_header a.underline_link,
.gift_card_header a.underline_link {
  font-weight: bold;
  color: #2a2a2a;
  text-decoration: none;
  line-height: 17px;
  border-bottom: 1px solid #2a2a2a;
  display: inline-block;
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
  font-family: "brandon-grotesque", sans-serif;
}
.expired_gift_header .white-button,
.gift_card_header .white-button {
  padding: 0px 10px;
  margin: 0 0 0 15px;
  background: #fff;
  display: inline-block;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 1px;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 24px;
}
.expired_gift_header .red-button,
.gift_card_header .red-button {
  font-size: 12px;
  padding: 0px 10px;
  line-height: 29px;
  margin: 0 20px;
  background: #da4f27;
}
.expired_gift_header .gift_deal,
.gift_card_header .gift_deal {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
}
.deal_buttons {
  display: inline-block;
}
.expired_gift_header,
.gift_card_header {
  background: #e1b696;
  color: #fff;
  font-weight: normal;
  font-family: "museo-sans";
}
.expired_gift_header .white-button,
.gift_card_header .white-button {
  background: #d69f76;
  color: #fff;
}
.expired_gift_header .white-button:hover,
.gift_card_header .white-button:hover {
  background: #fff;
  color: #e1b696;
}
.expired_gift_header .close,
.gift_card_header .close {
  position: absolute;
  right: 20px;
  top: 17px;
  font-size: 12px;
  color: #fff;
  opacity: 1;
  text-shadow: none;
}
.gift_card_header,
.gift_card_header_spacer {
  display: block;
}
@media (max-width: 767px) {
  .expired_gift_header {
    position: relative;
    top: 70px;
    height: initial;
  }
  .expired_gift_header_spacer {
    display: none !important;
  }
}
/*Styling for filters mobile side nav*/
.blog_content .post_container.span6.row-fluid {
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px 0;
  float: left;
  box-sizing: border-box;
  padding: 10px 5px !important;
  height: 475px !important;
  width: calc(49.5% - 10px);
}
.blog_content h1 {
  font-size: 30px;
  margin-bottom: 15px;
  color: #4c4c4c;
  font-family: "museo-sans", sans-serif;
  padding: 0 10px;
}
.blog_content h2 {
  color: #4c4c4c;
  font-family: "museo-sans", sans-serif;
}
.blog_content .blog_nav .learn,
.blog_content .blog_nav .active,
.blog_content .blog_nav a {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #929292;
  display: inline-block;
  margin-right: 20px;
}
.blog_content .blog_nav .learn {
  font-weight: 600;
  color: #4c4c4c;
}
.blog_content .blog_nav .active {
  text-decoration: underline;
}
.blog_content .blog_nav {
  margin-top: 0;
  padding: 0 10px;
  margin-bottom: 20px;
}
.blog_content .blog_image {
  width: 100%;
  height: 250px;
}
@media (max-width: 767px) {
  .blog_content .post_container.span6.row-fluid {
    width: 100%;
    max-width: 400px;
    margin: auto;
    float: none;
  }
  .blog_content h1 {
    text-align: center;
  }
  .blog_content .blog_nav {
    max-width: 500px;
    text-align: center;
  }
  .blog_content .blog_nav .learn {
    display: block;
    margin-bottom: 10px;
  }
}
.announcement-bar {
  align-items: center;
  background: #e1b696;
  box-sizing: border-box;
  color: #7b5b43;
  display: flex;
  flex-direction: column;
  font-family: "museo-sans", sans-serif;
  font-size: 13px;
  gap: 0.2rem;
  justify-content: center;
  line-height: 18px;
  padding: 0.7rem;
  text-align: center;
  width: 100%;
}
.announcement-bar__link {
  color: inherit;
  font-weight: bold;
}
.announcement-bar__link:hover {
  color: inherit;
  text-decoration: underline;
}
.announcement-bar__btn {
  background: #fff;
  color: inherit;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.08em;
  padding: 0.3rem 0.7rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.2s;
}
.announcement-bar__btn:hover {
  transform: scale(1.05);
  color: inherit;
}
.announcement-bar--blue {
  background: #aac9d1;
  color: #2f4449;
}
.announcement-bar--red {
  background: #7c0b20;
  color: #fff;
}
.announcement-bar--pink {
  background: linear-gradient(90deg, #e8b7c1 0%, #f1dfdf 51.56%, #e8b7c1 100%);
  color: #5d0b1d;
}
.announcement-bar--red .announcement-bar__btn {
  color: #7c0b20;
}
@media (min-width: 480px) {
  .announcement-bar {
    flex-direction: row;
    gap: 0.7rem;
  }
  .announcement-bar__btn {
    margin-top: -0.3rem;
    margin-bottom: -0.3rem;
  }
}
@media (min-width: 993px) {
  .dashboard-index-index .announcement-bar {
    padding-left: 24%;
  }
}
.czkvsK {
  width: 40px;
  height: 40px;
}
div#braintree-paypal-loggedin {
  margin: auto;
}
a#braintree-paypal-button {
  margin: auto;
}
.quiz-background.summary {
  background: url(../images/mbox/mans_background_faded.jpg);
  background-size: cover;
  width: 100%;
  position: inherit;
  height: 100vh;
  overflow: hidden;
}
.animate-enter {
  -webkit-transition: 1s linear all;
  /* Chrome */
  transition: 1s linear all;
  opacity: 0;
}
.animate-enter.animate-enter-active {
  opacity: 1;
}
.quiz_container.quiz {
  margin-left: 0;
  min-height: 600px;
  float: left;
  box-sizing: border-box;
  width: 100%;
  background: #f8f8f8;
}
.quiz-background .header,
.discovery_page .header {
  background: url(../images/cream-dust.jpg);
  background-size: 70px;
  border-bottom: 1px solid #d4d4d4;
  text-align: center;
  padding: 30px 15px;
}
.quiz-background .header h1,
.discovery_page .header h1 {
  font-size: 25px;
  text-align: center;
  margin-top: 0;
}
.quiz-background p,
.discovery_page p {
  line-height: 20px;
  font-size: 14px;
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  color: #929292;
  text-transform: none;
  margin: 20px 0;
  font-weight: normal;
  max-width: 545px;
  text-align: center;
  margin: auto;
}
.one_page_quiz {
  background: #f8f8f8;
}
.one_page_quiz .quiz .answer_box {
  border: 2px solid #fff;
  cursor: pointer;
  padding: 15px;
  position: relative;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  transition-property: border-color, color, opacity;
  transition-duration: 0.25s;
  border-radius: 2px;
}
.one_page_quiz .quiz .answer_box p {
  font-size: 13px;
  margin: 5px auto;
  color: #838383;
}
.one_page_quiz .quiz .answer_box img.check {
  display: none;
}
.one_page_quiz .quiz .answer_box.dim img {
  opacity: 0.65;
}
.one_page_quiz .quiz .answer_box.dim .answer_text,
.one_page_quiz .quiz .answer_box.dim .long_description,
.one_page_quiz .quiz .answer_box.dim .short_description,
.one_page_quiz .quiz .answer_box.dim p {
  color: #b4b4b4;
}
.one_page_quiz .quiz .answer_box.dim .description,
.one_page_quiz .quiz .answer_box.dim .payment_price {
  color: #838383;
}
.one_page_quiz .quiz .answer_box.dim img.check {
  display: none;
}
.one_page_quiz .quiz .answer_box:hover {
  border: 2px solid #aac9d1;
}
.one_page_quiz .quiz .answer_box:hover .answer_text,
.one_page_quiz .quiz .answer_box:hover .description {
  color: #5f828d;
}
.one_page_quiz .quiz .answer_box:hover p,
.one_page_quiz .quiz .answer_box:hover .payment_price {
  color: #929292;
}
.one_page_quiz .quiz .answer_box:hover .long_description,
.one_page_quiz .quiz .answer_box:hover .short_description {
  color: #afafaf;
}
.one_page_quiz .quiz .answer_box:hover img {
  opacity: 1;
}
.one_page_quiz .quiz .answer_box.selected {
  border: 2px solid #aac9d1;
}
.one_page_quiz .quiz .answer_box.selected .answer_text,
.one_page_quiz .quiz .answer_box.selected .description,
.one_page_quiz .quiz .answer_box.selected .payment_price {
  color: #5f828d;
}
.one_page_quiz .quiz .answer_box.selected p {
  color: #838383;
}
.one_page_quiz .quiz .answer_box.selected .payment_price {
  color: #4c4c4c;
}
.one_page_quiz .quiz .answer_box.selected .long_description,
.one_page_quiz .quiz .answer_box.selected .short_description {
  color: #afafaf;
}
.one_page_quiz .quiz .answer_box.selected img {
  opacity: 1;
}
.one_page_quiz .quiz .answer_box.selected img.check {
  display: block;
  width: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1000;
}
.one_page_quiz .quiz .answer_box .header {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  width: 220px;
}
.one_page_quiz .quiz .answer_box .sub_info {
  padding: 20px;
}
.one_page_quiz .quiz .answer_box .selection_overlay {
  background: rgba(0, 0, 0, 0.07);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.one_page_quiz .quiz .answer_box hr {
  margin: 10px 0;
  border-top: 2px solid #f2f2f2;
  border-bottom: none;
}
.one_page_quiz .quiz .decaf_select {
  font-family: "brandon-grotesque";
  color: #4c4c4c;
  cursor: pointer;
  margin-top: 10px;
  font-size: 16px;
}
.one_page_quiz .quiz .decaf_select .input_dot {
  height: 14px;
  width: 14px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #bebebe;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 3px;
  margin-right: 3px;
}
.one_page_quiz .quiz .decaf_select.selected .input_dot {
  background: #aac9d1;
  border: 1px solid #aac9d1;
}
.one_page_quiz .button {
  font-family: "brandon-grotesque";
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 14px;
  padding: 13px 28px;
}
.one_page_quiz .quiz .hero.full_width_test {
  background: #d2d3d5;
  background-image: url(../images/mbox/quiz/quiz_hero_kraft.jpg);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 400px;
  padding: 0 15px;
}
.one_page_quiz .quiz .hero.full_width_test .hero_container {
  max-width: 950px;
  margin: auto;
  padding: 50px 0;
  text-align: center;
}
.one_page_quiz .quiz .hero.full_width_test h1 {
  font-size: 31px;
  line-height: 45px;
  color: #4c4c4c;
  text-align: center;
  margin-top: 0;
  font-weight: normal;
  font-family: "museo-sans", sans-serif;
}
.one_page_quiz .quiz .hero.full_width_test h2 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #94b4bc;
  margin: auto;
  text-align: center;
}
.one_page_quiz .quiz .hero.full_width_test p {
  text-align: center;
  color: #838383;
  font-size: 15px;
  margin-bottom: 15px;
  max-width: 405px;
  line-height: 1.8em;
}
.one_page_quiz .quiz .hero.full_width_test .discount {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 10px;
}
.one_page_quiz .quiz .hero.full_width_test .details {
  height: 265px;
  max-width: 405px;
  margin-top: 30px;
}
.one_page_quiz .quiz .hero.full_width_test #box_photo {
  width: 380px;
}
.one_page_quiz .quiz .hero.full_width_test .image {
  text-align: right;
}
.one_page_quiz .quiz .hero.full_width_test .button {
  font-weight: normal;
  font-size: 12px;
  width: 100px;
  letter-spacing: 0.1em;
  background: #e1b696;
  padding: 5px 15px;
  width: 105px;
  margin: 15px 0;
}
.one_page_quiz .quiz .hero.full_width_test .button:hover {
  background: #d69f76;
}
.one_page_quiz .quiz .hero.full_width_test .check_box {
  position: absolute;
  top: 80px;
  left: 215px;
}
.one_page_quiz .quiz .hero.full_width_test .check_box .line {
  margin-bottom: 15px;
}
.one_page_quiz .quiz .hero.full_width_test .check_box img {
  width: 15px;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.one_page_quiz .quiz .hero.original_test {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
    url(../images/mbox/landingPage/sharktank_background.jpg);
  text-align: left;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  padding-top: 75px;
  margin-bottom: 30px;
}
.one_page_quiz .quiz .hero.original_test h1 {
  color: #fff;
  text-align: center;
  font-size: 27px;
}
.one_page_quiz .quiz .hero.original_test p {
  color: #fff;
  font-size: 22px;
  max-width: 500px;
  line-height: 35px;
}
.one_page_quiz .quiz .hero.original_test .hero-bottom {
  width: 100%;
  height: 60px;
  text-align: center;
  margin-top: 15px;
}
.one_page_quiz .quiz .hero.original_test .hero-bottom .text {
  color: #666666;
}
.one_page_quiz .quiz .hero.original_test .chevron {
  background: url(../images/mbox/chevron.png);
  background-size: 100%;
  width: 18px;
  height: 13px;
  background-repeat: no-repeat;
  position: relative;
  left: 9px;
  top: 14px;
}
.one_page_quiz .quiz .hero.original_test .circle_button {
  width: 35px;
  height: 35px;
  margin: auto;
  display: inline-block;
  border: 0 solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  text-align: center;
  position: relative;
  vertical-align: middle;
  -webkit-transition: border-color 200ms ease-in-out;
  -moz-transition: border-color 200ms ease-in-out;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
}
@-webkit-keyframes small-bounce {
  0% {
    -webkit-transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(0px);
  }
  75% {
    -webkit-transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@-moz-keyframes small-bounce {
  0% {
    -moz-transform: translateY(0px);
  }
  25% {
    -moz-transform: translateY(3px);
  }
  50% {
    -moz-transform: translateY(0px);
  }
  75% {
    -moz-transform: translateY(-1px);
  }
  100% {
    -moz-transform: translateY(0px);
  }
}
@keyframes small-bounce {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(3px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0px);
  }
}
.one_page_quiz .quiz .hero.original_test .bounce {
  -webkit-animation: small-bounce 850ms linear infinite;
  -moz-animation: small-bounce 850ms linear infinite;
  animation: small-bounce 850ms linear infinite;
}
.one_page_quiz .answer_text,
.one_page_quiz .description,
.one_page_quiz .payment_price,
.one_page_quiz .discount {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  color: #4c4c4c;
  font-weight: normal;
  text-align: center;
}
.one_page_quiz .payment_price {
  margin: 5px 0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #929292;
}
.one_page_quiz .discount {
  color: #ef926d;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.one_page_quiz select.invalid {
  border: 1px solid #c2002f;
}
.one_page_quiz input:focus {
  background: #f2f2f2;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.one_page_quiz .validation.failed:after {
  color: red;
  content: "Validation failed";
}
.one_page_quiz .validation.passed:after {
  color: green;
  content: "Validation passed";
}
.quiz .cards.checkout_background {
  background: none;
  padding: 0px;
}
.quiz .cards.sampler_background {
  padding: 0px;
}
.button_align {
  text-align: right;
}
.quiz .cards .card {
  display: none;
  position: relative;
  margin-top: 60px;
}
.quiz .cards .card .h2-break {
  font-size: 14px;
  color: #bebebe;
}
.quiz .cards .card.activated {
  display: block;
}
.quiz .cards .card.previous_completed {
  display: block;
}
.quiz .cards .card .button:disabled {
  background: lightgray;
}
.quiz .cards .card#samplerroast .answer_box {
  text-align: center;
}
.quiz .cards .card#samplerroast .answer_box input {
  display: none;
}
.quiz .cards .card#samplerroast .answer_box p {
  padding: 0 15px 30px;
  color: #929292;
}
.quiz .cards .card#samplerroast .not_sure {
  text-align: center;
  margin: 20px 0;
  text-transform: uppercase;
}
.quiz .cards .card#samplerroast .not_sure strong,
.quiz .cards .card#samplerroast .not_sure span {
  color: #666;
}
.quiz .cards .card#samplerroast .not_sure img {
  height: 19px;
  margin-right: 8px;
  margin-top: -2px;
}
.quiz .cards .card#save_prompt {
  min-height: 100px;
  border: 1px solid #e6e6e6;
}
.quiz .cards .card#flavor_profiles input {
  display: none;
}
.question {
  font-size: 19px;
  color: #4c4c4c;
  text-transform: initial;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.question.wsub {
  margin-bottom: 5px;
}
.sub_question {
  color: #838383;
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0;
  margin-bottom: 30px;
  text-align: center;
}
.summary_question {
  font-size: 17px;
  color: #666666;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
}
.coupon_container {
  height: 44px;
}
.coupon_bar {
  display: none;
  background: #aac9d1;
  color: #fff;
  text-align: center;
  padding: 12px;
  font-family: "brandon-grotesque";
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
}
.coupon_bar.show {
  display: block;
}
.quiz .cards {
  background: white;
  padding: 30px;
  margin-bottom: 100px;
  background: #f8f8f8;
}
.quiz .cards .h2-break {
  margin-top: 0px;
}
.quiz .answers {
  max-width: 950px;
  margin: auto;
}
.quiz .answers .answer_box .short_description {
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  color: #afafaf;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 13px;
  margin-top: 10px;
}
.quiz .cards.summary {
  min-height: 100px;
  padding: 0;
}
.quiz .cards.summary .button {
  margin: 0;
  padding: 0;
}
.quiz #gift_or_sub {
  margin-top: 20px;
}
.quiz #gift_or_sub .answer_box {
  padding: 30px 15px;
  margin-top: 10px;
  text-align: center;
}
.quiz #gift_or_sub .answer_text {
  text-align: center;
}
.quiz #gift_or_sub .short_description {
  line-height: 1.6em;
  margin: 10px auto 5px;
  text-align: center;
  max-width: 270px;
}
.quiz #flavor_profiles #first-child {
  margin: auto;
}
.quiz #flavor_profiles .answer_box {
  padding-bottom: 25px;
  text-align: center;
}
.quiz #flavor_profiles .answer_box .description_container {
  height: 20px;
}
.quiz #flavor_profiles .answer_box img.coffee {
  max-width: 150px;
  width: 100%;
}
.quiz #flavor_profiles .answers {
  max-width: 950px;
  margin: auto;
}
.quiz #coffee_type .answer_box {
  padding: 0;
}
.quiz #coffee_type .coffee_type_box {
  padding: 11px;
  padding-top: 30px;
  text-align: center;
  min-height: 271px;
  position: relative;
}
.quiz #coffee_type .answer_box.span4 .coffee_type_box {
  min-height: 305px;
}
.quiz #coffee_type .example {
  color: #b4b4b4;
  bottom: 10px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 11px;
  line-height: 16px;
}
.quiz #coffee_type .coffee_type_box.selected .selection_overlay {
  display: block;
}
.quiz #coffee_type .decaf {
  margin-top: 15px;
}
.quiz #coffee_type .decaf input {
  float: left;
  margin-right: 5px;
}
.quiz #coffee_type .decaf label {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  display: inline;
}
.quiz #coffee_type input {
  display: none;
}
.quiz #coffee_type .red-button {
  width: 200px;
  margin: auto;
}
.quiz #frequency .answer_box {
  padding: 30px 15px;
}
.quiz #flavor .question {
  margin-bottom: 5px;
}
.quiz #flavor .answers {
  text-align: center;
  float: none;
  margin: auto;
}
.quiz #flavor #check_flavor_array {
  margin: auto;
}
.quiz #flavor label {
  cursor: pointer;
  position: relative;
  margin-bottom: 15px;
}
.quiz #flavor label .image {
  min-height: 0;
  text-align: left;
}
.quiz #flavor label .image img {
  width: 100%;
}
.quiz #flavor label .inline_quiz_descriptor {
  padding: 16px;
  font-family: "brandon-grotesque", sans-serif;
  text-transform: initial;
  font-size: 16px;
  font-family: "museo-sans", sans-serif;
  font-weight: normal;
  text-transform: capitalize;
  text-align: center;
  min-height: 40px;
}
.quiz #tell_us {
  max-width: 900px;
  margin: auto;
}
.quiz #tell_us .question {
  margin: auto;
}
.quiz #tell_us .answers {
  text-align: center;
  margin-top: 30px;
}
.quiz #tell_us textarea {
  max-width: 900px;
  height: 175px;
  margin: 0px auto 50px;
  font-size: 18px;
  padding: 15px;
}
.quiz #tier .answer_box {
  padding-bottom: 25px;
  min-height: 223px;
}
.quiz #tier .answer_box img.dollar_sign {
  max-width: 80px;
  margin: 15px;
}
.quiz #tier .answer_box .answer_text {
  margin-bottom: 10px;
}
.quiz #tier .answer_box p {
  max-width: 350px;
}
.quiz #payment_schedule {
  text-align: center;
}
.quiz #payment_schedule .description {
  margin-top: 10px;
}
.quiz #payment_schedule img.box_images {
  width: 80%;
}
.quiz #payment_schedule .price_box {
  max-width: 950px;
  margin: 40px auto 0;
}
.quiz #payment_schedule .price_box p {
  font-size: 14px;
  margin: 10px auto;
  color: #b4b4b4;
}
.quiz #payment_schedule .price_box .shipping {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #929292;
  font-weight: 300;
  font-size: 14px;
  margin-top: 8px;
}
.quiz #payment_schedule .price_box .button {
  width: 90%;
  max-width: 240px;
  margin: 17px auto 13px;
  padding: 9px;
  float: none;
  font-size: 12px;
  font-family: "brandon-grotesque";
  letter-spacing: 0.18em;
  font-weight: 500;
  background: #e1b696;
}
.quiz #payment_schedule .price_box .button:hover {
  background: #d69f76;
}
.quiz #payment_schedule .price_box .free_shipping {
  color: #ef926d;
}
.quiz #payment_schedule .price_box a {
  text-decoration: none;
  margin-top: 20px;
  color: #aac9d1;
  display: inline-block;
}
.quiz #payment_schedule .price_box .answer_box {
  cursor: auto;
  padding: 40px 15px 20px;
}
.quiz #save_prompt .h2-break {
  margin-top: 10px;
  font-size: 16px;
}
.quiz #save_prompt .summary_header {
  padding: 5px 15px;
  border-bottom: 1px solid #eee;
  background: url(../images/cream-dust.jpg);
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  color: #666666;
  text-transform: uppercase;
  font-size: 18px;
}
.quiz #save_prompt hr {
  margin: 0;
}
.quiz #save_prompt .question {
  font-size: 14px;
  color: #666666;
  text-transform: none;
  text-align: center;
  margin-bottom: 0;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: 0.03em;
  padding: 40px 15px;
  max-width: 600px;
  margin: auto;
}
.quiz #save_prompt .curator_message {
  max-width: 530px;
  margin: auto;
  display: table;
  height: 110px;
  padding: 0 15px;
}
.quiz #save_prompt .curator_message .curator_info {
  width: 17%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.quiz #save_prompt .curator_message .curator_info img {
  border-radius: 100px;
  margin-bottom: 3px;
  max-width: 60%;
}
.quiz #save_prompt .curator_message .curator_info .line {
  text-transform: uppercase;
  color: #666666;
  font-size: 8px;
  line-height: normal;
}
.quiz #save_prompt .curator_message .curator_info line.name {
  font-size: 12px;
}
.quiz #save_prompt .curator_message .message {
  width: 83%;
  display: table-cell;
  vertical-align: middle;
  color: #666666;
  font-style: italic;
  font-size: 14px;
  padding-left: 15px;
}
.quiz #save_prompt .actions {
  text-align: center;
  max-width: 350px;
  padding: 30px;
  margin: auto;
}
.quiz #save_prompt a.save {
  text-transform: uppercase;
  color: #bebebe;
  margin-top: 3px;
}
.quiz #save_prompt .red-button#save {
  background: #fff;
  color: #bebebe;
  border: 2px solid #bebebe;
}
.quiz #save_prompt .red-button#save {
  background: #bebebe;
  color: white;
}
.quiz #save_prompt .red-button {
  font-size: 14px;
  font-weight: normal;
}
.quiz #save_prompt a.back {
  top: 15px;
  left: 15px;
}
.quiz #sampler_or_bags .answers {
  float: none;
  margin: auto;
}
.quiz #sampler_or_bags .answer_box {
  padding: 0 10px;
  cursor: pointer;
}
.quiz #sampler_or_bags .answer_box .header {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  width: 220px;
}
.quiz #sampler_or_bags .answer_box p {
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  color: #929292;
  text-transform: none;
  font-size: 13px;
}
.quiz #sampler_or_bags .answer_box .sub_info {
  padding: 20px;
}
.quiz #sampler_or_bags .answer_box label {
  cursor: pointer;
  /*box-shadow: 4px 3px 16px #cbcbcb;
          -moz-box-shadow: 4px 3px 16px #cbcbcb;
          -webkit-box-shadow: 4px 3px 16px #cbcbcb;*/
}
.quiz #sampler_or_bags .answer_box label:hover {
  background-color: #ededed;
}
.quiz #sampler_or_bags .answer_box label img {
  width: 100%;
}
.quiz #sampler_or_bags .answer_box input {
  display: none;
}
.quiz #sampler_or_bags .answer_box hr {
  margin: 10px 0;
  border-top: 2px solid #f2f2f2;
  border-bottom: none;
}
.quiz #sampler_amount .sampler_box {
  border: 2px solid #eeeeee;
  font-size: 19px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}
.quiz #sampler_amount .sampler_box .nav {
  margin-bottom: 0px;
}
.quiz #sampler_amount .sampler_box ul {
  margin: 0;
}
.quiz #sampler_amount .sampler_box .nav-pills {
  width: 100%;
}
.quiz #sampler_amount .sampler_box .nav-pills li {
  width: calc(50% - 1px);
  width: -webkit-calc(50% - 1px);
  width: -moz-calc(50% - 1px);
  width: -o-calc(50% - 1px);
  width: -ms-calc(50% - 1px);
  border-right: 2px solid #eeeeee;
  border-bottom: 2px solid #eeeeee;
}
.quiz #sampler_amount .sampler_box .nav-pills li:last-child {
  border-right: none;
}
.quiz #sampler_amount .sampler_box .nav-pills li a {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-transform: uppercase;
  font-size: 13px;
  background: url(../images/mbox/cream-dust_zps9b0ebc04.jpg);
  text-align: center;
}
.quiz #sampler_amount .sampler_box .nav-pills .active a {
  background: #e1b696;
}
.quiz #sampler_amount .sampler_box .box_image {
  margin-bottom: 15px;
}
.quiz #sampler_amount .sampler_box .box_image .large_box_image {
  margin-left: 0px;
}
.quiz #sampler_amount .sampler_box .box_image .button {
  margin-bottom: 20px;
  width: 355px;
}
.quiz #sampler_amount .sampler_box .sampler_freq {
  margin-bottom: 10px;
}
.quiz #sampler_amount .sampler_box .sampler_freq .shipments {
  position: relative;
  top: 3px;
}
.quiz #sampler_amount .sampler_box .sampler_freq select {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "brandon-grotesque", sans-serif;
  height: 45px;
  width: 230px;
}
.quiz #sampler_amount .sampler_box input {
  display: none;
}
.quiz #sampler_amount .sampler_box label {
  display: none;
}
.quiz #sampler_amount .sampler_box .action_box {
  background: url(../images/mbox/cream-dust_zps9b0ebc04.jpg);
  background-size: 160px;
  border: 0px;
  border-top: 2px solid #eeeeee;
  border-bottom: 2px solid #eeeeee;
  text-transform: uppercase;
  padding: 35px;
}
.quiz #sampler_amount .sampler_box .action_box .next_shipment {
  text-transform: none;
  font-size: 14px;
}
.quiz #sampler_amount .sampler_box .summary_box {
  text-transform: uppercase;
  padding: 50px 35px 0 35px;
  border: 0px;
}
.quiz #sampler_amount .sampler_box .summary_box .summary {
  line-height: 35px;
  font-size: 15px;
}
.quiz #sampler_amount .sampler_box .summary_box .summary .computed {
  text-decoration: underline;
  font-weight: bold;
}
.summary {
  position: relative;
  width: 25%;
  float: left;
  margin: auto !important;
  font-size: 13px;
  box-sizing: border-box;
}
.summary .summary_container {
  position: relative;
  height: 100%;
  text-align: center;
}
.summary .summary_container.fixed {
  position: fixed;
}
.summary .summary_container .sub_info {
  padding-top: 15px;
}
.summary .summary_container .summary_header {
  margin: 8px auto 5px;
  font-family: "brandon-grotesque";
  color: #666666;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
}
.summary .summary_container .answer_text {
  height: 15px;
  margin-top: 10px;
  font-family: "brandon-grotesque";
  color: #bebebe;
  font-size: 13px;
}
.summary .summary_container .selection_text {
  height: 15px;
  font-style: italic;
  font-size: 13px;
}
.summary .summary_container p {
  margin-bottom: 15px;
}
.summary .summary_container .sampler {
  margin-top: 25px;
}
.summary .summary_container .sampler_choice {
  width: 100%;
  border-top: 1px solid #d4d4d4;
}
.summary .summary_container .sampler_choice img {
  max-width: 115px;
  margin-top: 4px;
}
.summary .summary_container .red-button {
  font-size: 12px;
  font-weight: normal;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
}
.sampler_modal {
  position: fixed;
  top: 0;
  z-index: 1000;
  padding: 25px;
  text-align: center;
  width: 600px;
  background: #fff;
  margin: 50px -300px;
  left: 50%;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
.sampler_modal img {
  max-width: 250px;
}
.sampler_modal .x {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.sampler_modal .no_thanks {
  cursor: pointer;
  text-decoration: underline;
}
#bag_amount .nav {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  border: 1px solid #e6e6e6;
  background: #fff;
}
#bag_amount .nav-pills {
  width: 100%;
}
#bag_amount .nav-pills li {
  width: 20%;
  width: calc(20%);
  width: -webkit-calc(20%);
  width: -moz-calc(20%);
  width: -o-calc(20%);
  width: -ms-calc(20%);
  padding: 0;
}
#bag_amount .nav-pills li:last-child {
  border-right: none;
}
#bag_amount .nav-pills li a {
  margin-right: 0px;
  height: 160px;
  line-height: 160px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #e0dede;
  color: #b4b4b4;
}
#bag_amount .nav-pills li a:hover {
  background: #fff;
  color: #5f828d;
}
#bag_amount .nav-pills .active a {
  border-top: 7px solid #aac9d1;
  color: #5f828d;
  height: 152px;
  background: #fff;
  line-height: 143px;
}
#bag_amount .sub_recommendation {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  padding: 15px;
}
#bag_amount .sub_recommendation h4 {
  font-weight: normal;
}
#bag_amount .shipment_info {
  text-transform: uppercase;
  font-size: 19px;
  color: #aac9d1;
  font-weight: 500;
  font-family: "brandon-grotesque", sans-serif;
  margin: 25px 0px;
}
#bag_amount label {
  display: none;
}
#bag_amount input {
  display: none;
}
#bag_amount .actions {
  text-align: center;
}
#bag_amount .large_image {
  width: 50%;
  float: left;
  text-align: center;
}
#bag_amount .large_image img {
  max-width: 400px;
  width: 100%;
}
#bag_amount .large_features {
  width: 50%;
  float: left;
}
#tier_slc hr {
  margin: 7px auto;
  border-top: 1px solid #e6e6e6;
  border-bottom: none;
  display: block;
  max-width: 150px;
}
#tier_slc p {
  font-size: 14px;
  color: #929292;
}
#tier_slc .price {
  font-size: 16px;
  margin-top: 10px;
}
#tier_slc .answer_text {
  margin-bottom: 10px;
}
#tier_slc .answer_box {
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.favorite_coffee {
  position: relative;
  overflow: hidden;
}
.favorite_coffee .answer_box.favorite {
  padding: 40px;
}
.favorite_coffee hr {
  border-top: 1px solid #e6e6e6;
}
.favorite_coffee .coffee_image img {
  max-width: 120%;
  width: 120%;
  position: relative;
  right: 30px;
}
.favorite_coffee .coffee_info {
  text-align: left;
  position: relative;
  z-index: 1000;
}
.favorite_coffee p.desc {
  text-align: left;
  font-size: 14px !important;
  max-width: 100%;
  font-weight: 100;
  line-height: 1.6em;
}
.favorite_coffee button.button {
  padding: 10px 18px;
  width: 160px;
  float: right;
  font-size: 13px;
}
.favorite_coffee .price {
  float: left;
  margin-top: 10px;
  font-size: 18px;
}
.favorite_coffee .question {
  text-align: left;
  margin-bottom: 10px;
}
.favorite_coffee .roaster {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  color: #929292;
  font-weight: normal;
}
.favorite_coffee .name {
  font-size: 18px;
  color: #5f828d;
  margin-bottom: 10px;
}
.box_header {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 1px solid #e6e6e6 !important;
  margin-bottom: 25px;
  font-family: "brandon-grotesque";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  background: #fff;
  color: #4c4c4c;
}
.checkout_box {
  margin: 0 0 20px 0;
  padding: 0 0px 20px 0;
  background: #fff;
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
}
.checkout_box a.customer {
  position: absolute;
  top: 47px;
  left: 30px;
  color: #bebebe;
}
.checkout_box a.customer:hover {
  color: #e1b696;
}
.checkout_box .summary_image {
  text-align: center;
}
.checkout_box .summary_image img {
  max-height: 160px;
  max-width: 250px;
}
.checkout_box .product_name {
  text-align: center;
}
.checkout_box img.lock {
  width: 10px;
  margin-top: -6px;
  margin-right: 5px;
}
.checkout_box .lineitem .price {
  text-align: right;
  width: 55%;
  float: left;
}
.checkout_box .lineitem .name_align {
  width: 45%;
  float: left;
}
.checkout_box .lineitem .total.price,
.checkout_box .lineitem .total.name {
  font-size: 16px;
  font-weight: bold;
  margin: auto;
}
.checkout_box .info_line {
  margin-bottom: 10px;
}
.checkout_box .info_line span {
  color: #5f828d;
  font-weight: bold;
}
.checkout_box .sub_text {
  text-align: center;
  color: #bebebe;
  margin-top: -15px;
  padding: 0 20px;
}
.checkout_box .savings {
  color: #b4b4b4;
}
.checkout_box .slashed_1_ship_price {
  color: #deaf9d;
  text-decoration: line-through;
}
.checkout_box .change_order {
  color: #5f828d;
  text-decoration: underline;
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 13px;
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
  letter-spacing: 0.05em;
}
input.full-width {
  width: 100%;
}
.back_align {
  width: 100%;
  text-align: center;
}
a.back {
  position: absolute;
  top: -5px;
  left: -8px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  display: none;
}
a.back .back_arrow {
  background-image: url("/skin/frontend/default/sns_korion/images/mbox/gray_back_arrow.png");
  width: 30px;
  height: 30px;
  background-size: 100%;
}
a.back#light {
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
  position: relative;
}
.quiz-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li {
  color: red;
}
.quiz-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li
  a[title="quiz"],
.quiz-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li
  a[title="blog"],
.quiz-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li
  a[title="learn"],
.quiz-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li
  a[title="Shop"],
.quiz-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li
  a[title="brew-guides"],
.quiz-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.shop_menu,
.quiz-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.learn_menu {
  display: none;
}
.quiz-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li
  a[title="how it works"] {
  display: block;
}
.quiz-index-index #sns_topheader .topheader-left .one_logo {
  display: none;
  float: right;
  position: absolute;
  top: 20px;
  left: 50px;
}
.quiz-index-index #sns_topheader .topheader-left #logo {
  display: block;
}
.quiz-index-index .sticky_footer_wrapper {
  background: #f8f8f8;
}
.quiz-index-index #sns_footer {
  margin-top: 0;
}
.quiz-index-index #sns_footer .footer-bootom .sns-info ul li a {
  color: #bebebe;
  font-size: 10px;
}
.quiz-index-index #sns_footer .right_footer {
  display: none;
}
.quiz-index-index #sns_menu {
  display: none;
}
.quiz-index-index #sns_content {
  margin-top: 0px;
}
.quiz-index-index .container {
  width: 100%;
}
.quiz-index-index .actions.bottom {
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  bottom: -90px;
  height: 90px;
  text-align: center;
}
.gift-customize-index .quiz .answer_box.no_margin_left,
.gift-claim-index .quiz .answer_box.no_margin_left {
  margin-left: 0 !important;
}
.gift-customize-index .quiz .answer_box input,
.gift-claim-index .quiz .answer_box input {
  display: none;
}
.gift-customize-index .quiz .answer_box .inner,
.gift-claim-index .quiz .answer_box .inner {
  padding: 20px;
  text-align: center;
}
.gift-customize-index .quiz .answer_box label,
.gift-claim-index .quiz .answer_box label,
.gift-customize-index .quiz .answer_box .inner,
.gift-claim-index .quiz .answer_box .inner {
  border: 2px solid #fff;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
}
.gift-customize-index .quiz .answer_box label img,
.gift-claim-index .quiz .answer_box label img,
.gift-customize-index .quiz .answer_box .inner img,
.gift-claim-index .quiz .answer_box .inner img {
  max-width: 200px;
  width: 100%;
}
.gift-customize-index .quiz .answer_box label .inline_quiz_descriptor,
.gift-claim-index .quiz .answer_box label .inline_quiz_descriptor,
.gift-customize-index .quiz .answer_box .inner .inline_quiz_descriptor,
.gift-claim-index .quiz .answer_box .inner .inline_quiz_descriptor {
  padding: 20px 10px;
  min-height: 40px;
}
.gift-customize-index .quiz .answer_box label .answer_text,
.gift-claim-index .quiz .answer_box label .answer_text,
.gift-customize-index .quiz .answer_box .inner .answer_text,
.gift-claim-index .quiz .answer_box .inner .answer_text {
  font-family: "museo-sans", sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  color: #4c4c4c;
  font-weight: normal;
  text-align: center;
  text-transform: initial;
  letter-spacing: 0.02em;
}
.gift-customize-index .quiz .answer_box label:hover,
.gift-claim-index .quiz .answer_box label:hover,
.gift-customize-index .quiz .answer_box .inner:hover,
.gift-claim-index .quiz .answer_box .inner:hover {
  border: 2px solid #aac9d1;
}
.gift-customize-index .quiz .answer_box label:hover .answer_text,
.gift-claim-index .quiz .answer_box label:hover .answer_text,
.gift-customize-index .quiz .answer_box .inner:hover .answer_text,
.gift-claim-index .quiz .answer_box .inner:hover .answer_text,
.gift-customize-index .quiz .answer_box label:hover .description,
.gift-claim-index .quiz .answer_box label:hover .description,
.gift-customize-index .quiz .answer_box .inner:hover .description,
.gift-claim-index .quiz .answer_box .inner:hover .description {
  color: #5f828d;
}
.gift-customize-index .quiz .answer_box label:hover img,
.gift-claim-index .quiz .answer_box label:hover img,
.gift-customize-index .quiz .answer_box .inner:hover img,
.gift-claim-index .quiz .answer_box .inner:hover img {
  opacity: 1;
}
.gift-customize-index .quiz .answer_box label.active_box,
.gift-claim-index .quiz .answer_box label.active_box,
.gift-customize-index .quiz .answer_box .inner.active_box,
.gift-claim-index .quiz .answer_box .inner.active_box {
  border: 2px solid #aac9d1;
}
.gift-customize-index .quiz .answer_box label.active_box .answer_text,
.gift-claim-index .quiz .answer_box label.active_box .answer_text,
.gift-customize-index .quiz .answer_box .inner.active_box .answer_text,
.gift-claim-index .quiz .answer_box .inner.active_box .answer_text {
  color: #5f828d;
}
.gift-customize-index .quiz #coffee_type .answer_box .coffee_type_box,
.gift-claim-index .quiz #coffee_type .answer_box .coffee_type_box {
  min-height: 0;
}
.gift-customize-index .quiz #coffee_type .answer_box p,
.gift-claim-index .quiz #coffee_type .answer_box p {
  margin: 15px auto 0;
  min-height: 80px;
}
.gift-customize-index .quiz #coffee_type .answer_box label,
.gift-claim-index .quiz #coffee_type .answer_box label {
  min-height: 235px;
}
@media (min-width: 1200px) {
  .quiz .answers .row-fluid .span3 {
    width: 23.40425532%;
  }
  .quiz .answers .row-fluid [class*="span"] {
    margin-left: 2.12765957%;
  }
  .quiz .answers .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
}
@media (max-width: 950px) {
  .quiz-index-index .quiz #coffee_type .answer_box {
    padding: 0;
  }
  .quiz-index-index .quiz #coffee_type .coffee_type_box {
    padding-top: 15px;
    margin-top: 0;
  }
  .quiz-index-index .quiz #coffee_type .coffee_type_box p {
    font-size: 13px;
  }
  .quiz-index-index .medium_screen_hide {
    display: none;
  }
  .quiz-index-index .summary {
    height: 0;
  }
  .quiz-index-index .quiz_container.quiz {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .width_indicator {
    display: none;
  }
  .quiz-index-index #sns_topheader .topheader-left .one_logo {
    width: 42%;
    left: 5px;
  }
  .quiz.quiz_container {
    width: 100%;
    border: 0;
    padding-bottom: 0;
  }
  .summary {
    display: none;
  }
  .quiz .cards .card {
    display: none;
    position: relative;
    margin-top: 0;
    padding: 0 10px;
  }
  .quiz .cards .card.previous_completed {
    display: block;
  }
  .quiz .cards .card.completed .answers {
    display: none;
  }
  .quiz .cards .card.completed.edit .answers {
    display: block;
  }
  .cards.cards_background {
    background: #fff;
    padding: 0px;
  }
  .quiz .cards.tell_us_padding,
  .quiz .cards.selector_padding {
    padding: 0 15px;
  }
  .coupon_container,
  .coupon_bar {
    display: none;
  }
  .sub_question {
    margin-bottom: 5px;
    padding: 0 10px;
  }
  .quiz .progress {
    margin-top: 0;
  }
  .back_arrow {
    display: none;
  }
  .quiz-background.span12 {
    float: left;
    background: #f8f8f8;
  }
  .one_page_quiz .quiz .hero.full_width_test {
    background-image: url(../images/mbox/quiz/quiz_hero_kraft.jpg);
    background-size: cover;
    background-position: -88px center;
    background-repeat: no-repeat;
  }
  .quiz-background.summary {
    position: inherit;
  }
  .span8.offset2.quiz_summary {
    margin-left: 0px;
  }
  .span8.offset2.quiz_summary .cards {
    margin: 25px;
  }
  .span8.offset2.quiz_summary .cards .card .h2-break {
    font-size: 14px;
    margin: 0px auto;
  }
  .span10.offset1.quiz {
    margin-left: 0px;
  }
  .quiz.quiz_container .hero.full_width_test .hero_container {
    text-align: center;
    padding: 15px 0 0;
  }
  .quiz.quiz_container .hero.full_width_test .hero_container p {
    font-size: 13px;
  }
  .quiz.quiz_container .hero.full_width_test .hero_container h1 {
    margin-top: 0;
    font-size: 23px;
    line-height: 28px;
  }
  .quiz.quiz_container .hero.full_width_test .hero_container h2 {
    margin: auto;
  }
  .quiz.quiz_container .hero.full_width_test .hero_container .check_box {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 25px;
  }
  .quiz.quiz_container .hero.full_width_test .hero_container .image {
    text-align: center;
  }
  .quiz.quiz_container .hero.full_width_test .hero_container #box_photo {
    max-width: 275px;
  }
  .quiz.quiz_container .hero.full_width_test .hero_container .details {
    margin: auto;
    max-width: 60%;
    float: right;
  }
  .quiz.quiz_container .cards {
    padding: 0px;
  }
  .quiz.quiz_container hr {
    display: none;
  }
  .quiz.quiz_container .answer_box {
    padding: 0;
  }
  .quiz.quiz_container .answer_box label .coffee_type_box img {
    display: none;
  }
  .quiz.quiz_container .cards.cards_sampler .question {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
  }
  .quiz.quiz_container .mobile_summary {
    padding: 10px;
  }
  .quiz.quiz_container .mobile_summary .answer_box {
    text-align: center;
    padding: 20px 15px;
    border: 2px solid #aac9d1;
  }
  .quiz.quiz_container .mobile_summary .answer_box .answer_text:first-letter {
    text-transform: capitalize;
  }
  .quiz.quiz_container .mobile_summary .answer_box .change {
    color: #5f828d;
    margin-top: 3px;
  }
  .quiz.quiz_container .mobile_summary .answer_box .discount {
    margin-top: 3px;
  }
  .quiz.quiz_container .mobile_summary hr {
    margin-bottom: 10px;
  }
  .quiz.quiz_container .quiz_summary {
    padding: 10px;
  }
  .quiz.quiz_container .inline_quiz_descriptor {
    display: inline-block;
    letter-spacing: 0.05em;
    font-family: "brandon-grotesque", sans-serif;
  }
  .quiz.quiz_container .inline_quiz_descriptor .answer_text {
    text-align: left;
  }
  .quiz.quiz_container .inline_quiz_descriptor .short_description {
    text-align: left;
  }
  .quiz.quiz_container .question {
    margin: 0;
    padding: 0 5px 10px 5px;
  }
  .quiz.quiz_container #nickname .question {
    margin: 0px 0px 20px 0px;
  }
  .quiz.quiz_container .h2-break span {
    padding: 0;
  }
  .quiz.quiz_container .back_align {
    margin-top: 23px;
  }
  .quiz.quiz_container .back_align a.back {
    position: relative;
  }
  .quiz.quiz_container .cards .card {
    padding-top: 30px;
  }
  .quiz.quiz_container .cards .card .h2-break {
    display: none;
  }
  .quiz.quiz_container .cards .card .answer_box img.check {
    display: none;
  }
  .quiz.quiz_container .cards .card#nickname .h2-break {
    display: block;
  }
  .quiz.quiz_container .cards .card#flavor_profiles {
    padding: 10px;
    padding-bottom: 0;
  }
  .quiz.quiz_container .cards .card#flavor_profiles .answer_box {
    margin-top: 10px;
    padding-bottom: 0;
    text-align: left;
  }
  .quiz.quiz_container .cards .card#flavor_profiles .answer_box img {
    max-width: 100px;
    margin: 2px;
    margin-right: 8%;
  }
  .quiz.quiz_container
    .cards
    .card#flavor_profiles
    .answer_box
    img.small_screen_show {
    display: inline-block;
  }
  .quiz.quiz_container .cards .card#flavor_profiles .answer_box img.check {
    display: none;
  }
  .quiz.quiz_container
    .cards
    .card#flavor_profiles
    .answer_box
    .inline_quiz_descriptor {
    width: 50%;
    position: relative;
    top: 10px;
  }
  .quiz.quiz_container .cards .card#coffee_type {
    padding: 10px;
    padding-bottom: 0;
  }
  .quiz.quiz_container .cards .card#coffee_type .answer_box {
    margin-top: 10px;
  }
  .quiz.quiz_container .cards .card#coffee_type .answer_box img {
    max-width: 100px;
    margin: 0;
    margin-right: 0;
    position: relative;
    top: -20px;
    display: inline-block;
  }
  .quiz.quiz_container .cards .card#coffee_type .answer_box img.check {
    display: none;
  }
  .quiz.quiz_container
    .cards
    .card#coffee_type
    .answer_box
    .inline_quiz_descriptor {
    max-width: 66%;
    display: inline-block;
    position: relative;
    top: 15px;
  }
  .quiz.quiz_container .cards .card#coffee_type .answer_box .answer_text {
    text-align: left;
  }
  .quiz.quiz_container .cards .card#coffee_type .coffee_type_box {
    border: none;
    margin-bottom: 0;
    height: initial;
    padding: 15px;
    min-height: initial;
    position: relative;
  }
  .quiz.quiz_container .cards .card#coffee_type .coffee_type_box p {
    line-height: 15px;
    margin: 10px 0 0;
    text-align: left;
  }
  .quiz.quiz_container .cards .card#coffee_type .example {
    display: none;
  }
  .quiz.quiz_container .cards .card#coffee_type .row-fluid:before,
  .quiz.quiz_container .cards .card#coffee_type .row-fluid:after {
    display: none;
  }
  .quiz.quiz_container .cards .card#flavor {
    padding-bottom: 0;
  }
  .quiz.quiz_container .cards .card#flavor .answer_box {
    width: 100%;
  }
  .quiz.quiz_container .cards .card#flavor label .inline_quiz_descriptor {
    font-size: 17px;
    font-family: "brandon-grotesque", sans-serif;
  }
  .quiz.quiz_container .cards .card#flavor label .checked {
    top: calc(50% - 15px);
    top: -webkit-calc(50% - 15px);
    top: -moz-calc(50% - 15px);
    top: -o-calc(50% - 15px);
    top: -ms-calc(50% - 15px);
    left: calc(14% - 15px);
    left: -webkit-calc(14% - 15px);
    left: -moz-calc(14% - 15px);
    left: -o-calc(14% - 15px);
    left: -ms-calc(14% - 15px);
  }
  .quiz.quiz_container .cards .card#flavor hr {
    margin: 0;
    border-bottom: 0;
  }
  .quiz.quiz_container .cards .card#sampler_or_bags .features {
    display: none;
  }
  .quiz.quiz_container .cards .card#sampler_or_bags .header {
    text-align: center;
    padding: 5px;
    font-size: 16px;
    width: 200px;
    margin: auto;
  }
  .quiz.quiz_container .cards .card#sampler_or_bags .answer_box {
    margin-bottom: 25px;
    width: 50%;
    float: left;
  }
  .quiz.quiz_container .cards .card#sampler_or_bags .sub_info {
    padding: 0px;
  }
  .quiz.quiz_container .cards .card#bag_amount .answer_box {
    margin-bottom: 10px;
  }
  .quiz.quiz_container .cards .card#bag_amount .large_image {
    width: 40%;
  }
  .quiz.quiz_container .cards .card#bag_amount .large_features {
    width: 60%;
  }
  .quiz.quiz_container .cards .card#bag_amount .sub_recommendation {
    float: left;
  }
  .quiz.quiz_container .cards .card#frequency,
  .quiz.quiz_container .cards .card#tier,
  .quiz.quiz_container .cards .card#payment_schedule {
    padding: 10px;
    padding-bottom: 0;
  }
  .quiz.quiz_container .cards .card#frequency .answer_box,
  .quiz.quiz_container .cards .card#tier .answer_box,
  .quiz.quiz_container .cards .card#payment_schedule .answer_box {
    padding: 25px 15px;
    margin-bottom: 10px;
  }
  .quiz.quiz_container .cards .card#frequency .answers {
    margin-top: 10px;
  }
  .quiz.quiz_container .cards .card#payment_schedule .answer_box {
    margin-bottom: 0;
  }
  .quiz.quiz_container .cards .card#tier {
    padding-bottom: 0;
  }
  .quiz.quiz_container .cards .card#tier .answer_box {
    min-height: 0;
    padding: 0 10px 15px;
  }
  .quiz.quiz_container .cards .card#tier .answer_box img.dollar_sign {
    max-width: 65px;
  }
  .quiz.quiz_container .cards .card#plan {
    padding-bottom: 0;
  }
  .quiz.quiz_container .cards .card#plan .answer_box img {
    width: 100%;
    max-width: 185px;
  }
  .quiz.quiz_container .cards .card#checkout .checkout_box.order_summary {
    text-align: center;
  }
  .quiz.quiz_container .cards .card#payment_schedule {
    text-align: center;
  }
  .quiz.quiz_container .cards .card#payment_schedule img {
    max-width: 250px;
    margin: auto;
  }
  .quiz.quiz_container .card#tier_slc {
    padding: 10px;
  }
  .quiz.quiz_container .favorite_coffee {
    padding: 10px;
  }
  .quiz.quiz_container .favorite_coffee .answer_box.favorite {
    padding: 20px;
  }
  .quiz.quiz_container .favorite_coffee hr {
    display: block;
    border-top: 1px solid #e6e6e6;
  }
  .quiz.quiz_container .favorite_coffee .mobile_image {
    height: 280px;
    overflow: hidden;
    position: relative;
  }
  .quiz.quiz_container .favorite_coffee .mobile_image img {
    position: relative;
    top: -40px;
    height: 342px;
  }
  .quiz.quiz_container .favorite_coffee .coffee_info {
    text-align: center;
  }
  .quiz.quiz_container .favorite_coffee p.desc {
    text-align: justify;
    font-size: 13px !important;
  }
  .quiz.quiz_container .favorite_coffee p.desc.bottom {
    text-align: center;
    opacity: 0.9;
  }
  .quiz.quiz_container .favorite_coffee button.button {
    margin: 15px auto 0;
    float: none;
  }
  .quiz.quiz_container .favorite_coffee .price {
    float: none;
    margin-top: 15px;
    font-size: 16px;
  }
  .quiz.quiz_container .favorite_coffee .question {
    text-align: center;
    margin-bottom: 0px;
  }
  .quiz.quiz_container .favorite_coffee .roaster {
    text-align: center;
  }
  .quiz.quiz_container .favorite_coffee .name {
    font-size: 18px;
    color: #5f828d;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .one_page_quiz .quiz .progress {
    display: none;
  }
  .one_page_quiz .quiz .hero.full_width_test {
    background-image: none;
  }
  .one_page_quiz .quiz .hero.full_width_test .hero_container .details {
    width: 100%;
    float: none;
    max-width: 300px;
  }
  .quiz .cards {
    padding: 0px;
  }
  .quiz .cards .card#flavor_profiles label .inline_quiz_descriptor {
    font-size: 13px;
    font-family: "brandon-grotesque", sans-serif;
  }
  .quiz .cards .card#coffee_type .answer_box img {
    display: none;
  }
  .quiz .cards .card#coffee_type .answer_box .inline_quiz_descriptor {
    max-width: 100%;
    display: inline-block;
    text-align: center;
    top: 0;
  }
  .quiz .cards .card#coffee_type .answer_box .answer_text {
    text-align: center;
  }
  .quiz .cards .card#coffee_type .answer_box p {
    text-align: center;
  }
  .quiz .cards .card#flavor label .inline_quiz_descriptor {
    font-size: 15px;
  }
  .quiz .cards .card#flavor label .checked {
    top: calc(50% - 15px);
    top: -webkit-calc(50% - 15px);
    top: -moz-calc(50% - 15px);
    top: -o-calc(50% - 15px);
    top: -ms-calc(50% - 15px);
    left: calc(15% - 15px);
    left: -webkit-calc(15% - 15px);
    left: -moz-calc(15% - 15px);
    left: -o-calc(15% - 15px);
    left: -ms-calc(15% - 15px);
  }
  .quiz .cards .card#save_prompt .curator_message {
    display: none;
  }
  .quiz .cards .card#sampler_or_bags .answer_box {
    width: auto;
    float: none;
  }
  .quiz .cards .card#sampler_or_bags .header {
    width: auto;
  }
  .quiz .cards .card#bag_amount .small_image {
    width: 60%;
    float: left;
  }
  .quiz .cards .card#bag_amount .small_features {
    width: 40%;
    float: left;
    padding-top: 25px;
    font-size: 13px;
  }
  .quiz .cards .card#bag_amount .cell_screen_show {
    margin-bottom: 15px;
  }
  .quiz .cards .card#bag_amount .shipment_info {
    text-align: center;
  }
  .quiz .cards .card#bag_amount .sub_recommendation h4 {
    text-align: center;
  }
  .quiz .cards .card#sampler_amount .question {
    padding: 0;
  }
  .quiz .cards .card#sampler_amount .sampler_box {
    font-size: 14px;
  }
  .quiz .cards .card#sampler_amount .sampler_box .summary_box {
    padding: 10px 0 0 0;
  }
  .quiz
    .cards
    .card#sampler_amount
    .sampler_box
    .summary_box
    .sampler_freq
    .shipments {
    top: -6px;
  }
  .quiz .cards .card#sampler_amount .checkout_box {
    padding: 20px 0;
    margin: 0;
  }
  .quiz .cards .card#sampler_amount .summary {
    font-size: 14px;
  }
  .quiz .cards .card#sampler_amount .button {
    padding: 0px 65px;
    width: inherit;
  }
}
slider {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 100%;
  vertical-align: middle;
}
slider span {
  white-space: nowrap;
  position: absolute;
  display: inline-block;
}
slider span.base {
  width: 100%;
  height: 100%;
  padding: 0;
}
slider span.bar {
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  background: #bebebe;
}
slider span.bar.selection {
  width: 0%;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #13b6ff),
    color-stop(1, #00a8f3)
  );
  background: -webkit-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: -moz-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: -o-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: -ms-linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  background: linear-gradient(top, #13b6ff 0, #00a8f3 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
slider span.pointer {
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: -8px;
  background-color: #e1b696;
  z-index: 2;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
slider span.pointer:after {
  content: "";
  background-color: #eeeeee;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  left: 6px;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
slider span.pointer:hover:after {
  background-color: #bebebe;
}
slider span.pointer.active:after {
  background-color: #bebebe;
}
slider span.bubble {
  cursor: default;
  top: -22px;
  padding: 1px 3px 1px 3px;
  font-size: 0.7em;
  font-family: sans-serif;
}
slider span.bubble.selection {
  top: 15px;
}
slider span.bubble.limit {
  color: #808080;
}
.discovery_page .header {
  background: url(../images/cream-dust.jpg);
  background-size: 70px;
  border-bottom: 1px solid #d4d4d4;
  text-align: center;
  padding: 30px 15px;
}
.discovery_page .header h1 {
  font-size: 25px;
  text-align: center;
  margin-top: 0;
}
.discovery_page p {
  line-height: 20px;
  font-size: 14px;
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  color: #929292;
  text-transform: none;
  margin: 20px 0;
  font-weight: normal;
  max-width: 600px;
  text-align: center;
  margin: auto;
}
.discovery_page .expired {
  max-width: 400px;
  margin: auto;
  margin-top: 100px;
  text-align: center;
  padding: 15px;
}
.discovery_page .expired a {
  color: #aac9d1;
}
.discovery_page .logged_out {
  max-width: 400px;
  margin: auto;
  margin-top: 65px;
  text-align: center;
}
.discovery_page .logged_out .red-button {
  margin-top: 20px;
  font-weight: normal;
}
.discovery_page .loading {
  text-align: center;
  margin-top: 150px;
}
.discovery_page .coffee_container {
  max-width: 900px;
  margin: 10px auto 45px;
}
.discovery_page .coffee_container .coffee {
  text-align: center;
  margin: 0;
}
.discovery_page .coffee_container .coffee img {
  max-width: 300px;
}
.discovery_page .coffee_container .coffee .name {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #666666;
  letter-spacing: 0.1em;
  font-size: 16px;
}
.discovery_page .coffee_container .coffee .flavors {
  color: #929292;
  margin: 5px 0;
  font-size: 14px;
  letter-spacing: 0.05em;
  font-style: italic;
}
.discovery_page .coffee_container .coffee label {
  display: inline-block;
  top: 4px;
  left: 3px;
  position: relative;
  color: #929292;
}
.discovery_page .coffee_container .coffee input {
  display: inline-block;
}
.discovery_page .preferences_container {
  max-width: 900px;
  margin: auto;
  text-align: center;
  padding: 0 20px;
}
.discovery_page .preferences_container .subheading {
  font-weight: bold;
  color: #666666;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 0.1em;
  font-size: 18px;
  margin: 15px 0;
  text-transform: uppercase;
}
.discovery_page .preferences_container .subtext {
  margin-bottom: 15px;
}
.discovery_page .preferences_container .date {
  border: 1px solid #d4d4d4;
  padding: 12px 15px 10px;
  max-width: 150px;
  margin: auto;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0;
  color: #929292;
  font-weight: normal;
  text-align: center;
}
.discovery_page .preferences_container .date img {
  position: relative;
  bottom: 3px;
  left: 27px;
}
.discovery_page .preferences_container .date .datepicker {
  display: none;
}
.discovery_page .preferences_container .answer_box {
  padding: 20px 15px;
  margin-bottom: 15px;
}
.discovery_page .preferences_container .answer_box .selected {
  border: 2px solid #aac9d1;
}
.discovery_page .preferences_container .answer_box .answer_text {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0;
  color: #929292;
  font-weight: normal;
  text-align: center;
}
.discovery_page .preferences_container .shipcount .discount {
  height: 15px;
  color: #dc6a5c;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: "brandon-grotesque";
}
.discovery_page .preferences_container .payment_summary {
  height: 30px;
  font-weight: bold;
  font-size: 15px;
  margin-top: 15px;
}
.discovery_page .textured_row {
  border-top: 1px solid #d4d4d4;
}
.discovery_page .textured_row .red-button {
  width: 100%;
  max-width: 400px;
}
.subscribe-index-index #sns_content {
  margin: 0;
}
.subscribe-index-index .container {
  width: 100%;
}
.subscribe-index-index .one_page_quiz .quiz_questions {
  border-right: 1px solid #d4d4d4;
  padding: 0 30px;
}
.subscribe-index-index .one_page_quiz .quiz_questions_container {
  max-width: 900px;
  margin: auto;
}
.subscribe-index-index .one_page_quiz p {
  line-height: 20px;
  font-size: 14px;
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  color: #929292;
  text-transform: none;
  margin: 20px 0;
  font-weight: normal;
  max-width: 500px;
  text-align: center;
  margin: auto;
}
.subscribe-index-index .one_page_quiz .header h1 {
  font-size: 25px;
  text-align: center;
  margin-top: 30px;
}
.subscribe-index-index .one_page_quiz h3 {
  font-weight: normal;
  font-size: 18px;
  margin-top: 45px;
}
.subscribe-index-index .one_page_quiz .answer_text,
.subscribe-index-index .one_page_quiz .description,
.subscribe-index-index .one_page_quiz .payment_price {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0;
  color: #929292;
  font-weight: normal;
}
.subscribe-index-index .one_page_quiz .answer_box {
  border: 1px solid #e8e8e8;
  border-bottom: 2px solid #bebebe;
  cursor: pointer;
  padding: 15px;
}
.subscribe-index-index .one_page_quiz .answer_box:hover {
  border-bottom: 2px solid #858585;
}
.subscribe-index-index .one_page_quiz .answer_box:hover .answer_text,
.subscribe-index-index .one_page_quiz .answer_box:hover .description,
.subscribe-index-index .one_page_quiz .answer_box:hover .payment_price {
  color: #666666;
}
.subscribe-index-index .one_page_quiz .question.type .answer_text {
  margin-bottom: 10px;
}
.subscribe-index-index .one_page_quiz .question.frequency p {
  margin-bottom: 20px;
}
.subscribe-index-index .one_page_quiz .question.frequency .answer_box {
  padding-top: 25px;
  padding-bottom: 25px;
}
.subscribe-index-index .one_page_quiz .question.tier .answer_box {
  padding-bottom: 25px;
}
.subscribe-index-index .one_page_quiz .question.tier .answer_box img {
  max-width: 80px;
  margin: 15px;
}
.subscribe-index-index .one_page_quiz .question.tier .answer_box .answer_text {
  margin-bottom: 10px;
}
.subscribe-index-index .one_page_quiz .question.payment_schedule .answer_box {
  height: 240px;
}
.subscribe-index-index .one_page_quiz .question.payment_schedule .discount {
  color: #e1b696;
  font-weight: normal;
}
.subscribe-index-index
  .one_page_quiz
  .question.payment_schedule
  .payment_price {
  font-weight: normal;
}
.subscribe-index-index .one_page_quiz .question.price_box {
  margin-bottom: 80px;
}
.subscribe-index-index .one_page_quiz .question.price_box h3 {
  margin-top: 15px;
  font-size: 25px;
}
.subscribe-index-index .one_page_quiz .question.price_box .button {
  margin-top: 20px;
}
.subscribe-index-index .one_page_quiz .summary {
  margin: 0;
}
.subscribe-index-index .one_page_quiz .summary .summary_container {
  position: fixed;
  height: 100%;
  text-align: center;
  padding: 10px;
}
.subscribe-index-index
  .one_page_quiz
  .summary
  .summary_container
  .summary_header {
  margin-top: 15px;
}
.subscribe-index-index .one_page_quiz .summary .summary_container p {
  margin-bottom: 15px;
}
.subscribe-index-index .one_page_quiz .summary .summary_container .red-button {
  font-size: 12px;
  font-weight: normal;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
}
.gift-index-index {
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  color: #666666;
  font-size: 14px;
}
.gift-index-index ::-webkit-input-placeholder {
  color: #666666;
}
.gift-index-index :-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}
.gift-index-index ::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}
.gift-index-index :-ms-input-placeholder {
  color: #666666;
}
.gift-index-index
  #sns_topheader
  .sns-quickaccess
  .quickaccess-inner
  a.gift_box {
  display: none;
}
.gift-index-index #sns_topheader .topheader-right {
  margin-top: 15px;
  padding-right: 50px;
}
.gift-index-index ul {
  margin: 0 0 10px 15px;
}
.gift-index-index ul li {
  padding: 8px 0;
  color: #929292;
}
.gift-index-index ul li span {
  color: #666;
}
.gift-index-index #sns_topheader .topheader-right li.redeem_link,
.gift-index-index #sns_topheader .topheader-right li.corp_gifts {
  display: table-cell;
}
.gift-index-index #sns_topheader .topheader-right li.corp_gifts a {
  color: #5f828d !important;
}
.gift-index-index .sticky_footer_wrapper {
  background: #f8f8f8;
}
.gift-index-index #sns_content {
  margin-top: 0px;
}
.gift-index-index .container {
  width: 100%;
}
.gift-index-index #sns_footer {
  margin-top: 0px;
}
.gift-index-index hr {
  border-top: 1px solid #d4d4d4;
}
.gift-index-index div.invalid {
  margin-bottom: 20px;
  color: #deaf9d;
}
.gift-index-index .header {
  background: url(../images/cream-dust.jpg);
  background-size: 70px;
  border-bottom: 1px solid #d4d4d4;
  text-align: center;
  padding: 30px 15px;
}
.gift-index-index .header h1 {
  font-size: 25px;
  text-align: center;
  margin-top: 0;
  font-family: "museo-sans";
}
.gift-index-index h3 {
  font-size: 18px;
  line-height: 24px;
}
.gift-index-index p {
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  color: #929292;
  font-size: 14px;
  line-height: 1.8em;
}
.gift-index-index .question {
  margin-bottom: 25px;
  font-size: 19px;
  color: #4c4c4c;
  text-transform: initial;
  text-align: center;
  margin-bottom: 20px;
  margin-bottom: 30px;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.gift-index-index .question.wsub {
  margin-bottom: 5px;
}
.gift-index-index .question.wsub.text {
  margin-bottom: 15px;
}
.gift-index-index .box_header {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 1px solid #e6e6e6 !important;
  margin-bottom: 25px;
  font-family: "brandon-grotesque";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  background: #fff;
  color: #4c4c4c;
}
.gift-index-index hr {
  margin: 0 0 30px;
}
.gift-index-index hr.wsub {
  margin: 0 0 10px;
}
.gift-index-index .sub_question {
  max-width: 455px;
  margin: 0 auto 25px;
  font-size: 15px;
  text-align: center;
  line-height: 1.6em;
}
.gift-index-index .sub_question.text {
  margin-bottom: 15px;
}
.gift-index-index .sub_question span {
  color: #e1b696;
  font-weight: bold;
}
.gift-index-index .answer_text {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  color: #4c4c4c;
  font-weight: normal;
  text-align: center;
}
.gift-index-index .change {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #b4b4b4;
  font-size: 13px;
  font-weight: 300;
  text-decoration: underline;
  letter-spacing: 0.15em;
  cursor: pointer;
}
.gift-index-index .subtle_action a {
  color: #b4b4b4;
  text-decoration: underline;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  font-weight: 300;
  letter-spacing: 0.03em;
  cursor: pointer;
}
.gift-index-index .modal {
  padding: 40px 25px 30px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
  border: 1px solid #e6e6e6;
}
.gift-index-index .modal .button {
  width: 48%;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: 0.1em;
  padding-left: 0;
  padding-right: 0;
}
.gift-index-index .modal .button:last-child {
  margin-left: 4%;
  background: #bebebe;
}
.gift-index-index .modal .subtle_action {
  text-align: center;
  padding-top: 10px;
}
.gift-index-index .alert {
  padding: 15px;
}
.gift-index-index .alert a.customize {
  color: #c09853;
  text-decoration: underline;
}
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.blog_link,
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.quiz_link,
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.learn_link,
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.shop_link,
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.how_link,
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.subscription_link,
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.first,
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.gift_link,
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.shop_menu,
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li.learn_menu {
  display: none;
}
.gift-index-index
  #sns_topheader
  .topheader-right
  .sns-quickaccess
  .quickaccess-inner
  ul.links
  li
  a {
  color: #bebebe;
}
.gift-index-index #sns_footer .footer-bootom .sns-info ul li a {
  color: #bebebe;
  font-size: 10px;
}
.gift-index-index #sns_footer .right_footer {
  display: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group .form-control {
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .input-group-btn {
  width: 1%;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group .btn {
  font-size: 12px;
  padding: 4px 5px 4px 18px;
}
.coupon_error {
  font-size: 13px;
  text-transform: initial;
  color: #666666;
  text-decoration: none;
  margin-bottom: 15px;
}
.gift input {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  height: 41px;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
}
.gift input:focus {
  background: #f2f2f2;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.gift input.invalid {
  border: 1px solid #c2002f;
}
.gift select.invalid {
  border: 1px solid #c2002f;
}
.gift select {
  margin-bottom: 10px;
  border-radius: 0;
  -webkit-appearance: none;
  height: 40px;
  background: url(../images/drop-down-arrow.jpg) no-repeat right;
  padding-left: 10px;
}
.gift .size-selector {
  text-align: center;
  padding: 10px 0px;
  width: 50%;
  display: inline-block;
  background: #f2f2f2;
  color: #666666;
  margin: 0px -2px;
  cursor: pointer;
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  font-size: 13px;
}
.gift .size-selector.selected {
  background: #e1b696;
  color: #fff;
}
.gift .not_sure {
  text-align: center;
  margin: 20px 0;
  text-transform: uppercase;
}
.gift .not_sure strong,
.gift .not_sure span {
  color: #666;
}
.gift .not_sure a {
  color: #e1b696;
}
.gift .not_sure img {
  height: 19px;
  margin-right: 8px;
  margin-top: -2px;
}
.gift .cards {
  background: #f8f8f8;
  padding: 0;
  min-height: 500px;
  position: relative;
  margin-bottom: 30px;
}
.gift .cards .back_arrow {
  background-image: url("/skin/frontend/default/sns_korion/images/mbox/gray_back_arrow.png");
  width: 20px;
  height: 20px;
  position: absolute;
  background-size: 100%;
  top: 25px;
  left: 22px;
}
.gift .cards #shipinfo {
  min-height: 620px;
  font-size: 14px;
}
.gift .cards #payment {
  min-height: 575px;
}
.gift .cards #payment .button_align {
  position: relative;
}
.gift .cards #payment .checkout_box {
  padding-bottom: 0;
}
.gift .card {
  max-width: 900px;
  margin: auto;
  padding: 0 15px;
}
.gift .card .button:disabled {
  background: lightgray;
}
.gift .card img.check {
  display: none;
}
.gift .card .answers {
  margin-bottom: 25px;
}
.gift .card .answer_box,
.gift .card .answer_box_no_push {
  border: 2px solid #fff;
  cursor: pointer;
  padding: 15px;
  position: relative;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  transition-property: border-color, color, opacity;
  transition-duration: 0.25s;
  border-radius: 2px;
}
.gift .card .answer_box .answer_text,
.gift .card .answer_box_no_push .answer_text {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  color: #4c4c4c;
  font-weight: normal;
  text-align: center;
}
.gift .card .answer_box .answer_text.length,
.gift .card .answer_box_no_push .answer_text.length {
  margin-bottom: 5px;
}
.gift .card .answer_box .short_description,
.gift .card .answer_box_no_push .short_description {
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  color: #afafaf;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 14px;
  margin-top: 10px;
}
.gift .card .answer_box.dim img,
.gift .card .answer_box_no_push.dim img {
  opacity: 0.65;
}
.gift .card .answer_box.dim .answer_text,
.gift .card .answer_box_no_push.dim .answer_text,
.gift .card .answer_box.dim .description,
.gift .card .answer_box_no_push.dim .description,
.gift .card .answer_box.dim .price,
.gift .card .answer_box_no_push.dim .price,
.gift .card .answer_box.dim .payment_price,
.gift .card .answer_box_no_push.dim .payment_price,
.gift .card .answer_box.dim p,
.gift .card .answer_box_no_push.dim p {
  color: #8b8b8b;
}
.gift .card .answer_box:hover,
.gift .card .answer_box_no_push:hover {
  border: 2px solid #aac9d1;
}
.gift .card .answer_box:hover .answer_text,
.gift .card .answer_box_no_push:hover .answer_text,
.gift .card .answer_box:hover .description,
.gift .card .answer_box_no_push:hover .description,
.gift .card .answer_box:hover .payment_price,
.gift .card .answer_box_no_push:hover .payment_price {
  color: #5f828d;
}
.gift .card .answer_box:hover .price,
.gift .card .answer_box_no_push:hover .price {
  color: #838383;
}
.gift .card .answer_box:hover img,
.gift .card .answer_box_no_push:hover img {
  opacity: 1;
}
.gift .card .answer_box.selected,
.gift .card .answer_box_no_push.selected {
  border: 2px solid #aac9d1;
}
.gift .card .answer_box.selected .answer_text,
.gift .card .answer_box_no_push.selected .answer_text,
.gift .card .answer_box.selected .description,
.gift .card .answer_box_no_push.selected .description,
.gift .card .answer_box.selected .payment_price,
.gift .card .answer_box_no_push.selected .payment_price {
  color: #5f828d;
}
.gift .card .answer_box.selected .price,
.gift .card .answer_box_no_push.selected .price,
.gift .card .answer_box.selected p,
.gift .card .answer_box_no_push.selected p {
  color: #4c4c4c;
}
.gift .card .answer_box.selected img,
.gift .card .answer_box_no_push.selected img {
  opacity: 1;
}
.gift .card .answer_box.selected img.check,
.gift .card .answer_box_no_push.selected img.check {
  display: block;
  width: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1000;
}
.gift .card .price {
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
}
.gift .card .answer_box_no_push {
  border: 2px solid #fff;
  cursor: auto;
  padding: 15px;
  position: relative;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  transition-property: border-color, color, opacity;
  border-radius: 2px;
  box-sizing: border-box;
}
.gift .card .answer_box_no_push:hover {
  border-color: #fff;
}
.gift .card .selection {
  text-align: center;
  margin-bottom: 50px;
}
.gift .gift_info {
  margin-bottom: 40px;
}
.gift .gift_info .max_width_container {
  max-width: 1000px;
  margin: auto;
}
.gift .gift_info .content_container {
  width: 60%;
  box-sizing: border-box;
  padding-right: 10px;
}
.gift .gift_info .color_block {
  background: #aac9d1;
  padding: 30px;
  padding-top: 35px;
  min-height: 245px;
  position: relative;
  z-index: 1;
}
.gift .gift_info .color_block h1 {
  font-size: 14px;
  letter-spacing: 0.13em;
  line-height: 16px;
  text-transform: uppercase;
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 0;
  color: #5f828d;
  margin-top: 20px;
}
.gift .gift_info .color_block .header_text {
  font-family: "museo-sans";
  font-size: 36px;
  color: #fff;
  line-height: initial;
  margin: 8px 0 8px;
}
.gift .gift_info .color_block p {
  color: #5f828d;
  text-align: left;
  max-width: 100%;
  margin: 0;
  line-height: 1.9em;
  max-width: 470px;
}
.gift .gift_info .white_block {
  background: #fff;
  padding: 30px;
  min-height: 100px;
}
.gift .gift_info .white_block .icon {
  height: 32px;
}
.gift .gift_info .white_block .icon img {
  position: relative;
}
.gift .gift_info .white_block .icon img.gift {
  height: 29px;
  top: 2px;
}
.gift .gift_info .white_block .icon img.bean {
  height: 27px;
  width: 20px;
  top: 3px;
}
.gift .gift_info .white_block .icon img.roast {
  height: 32px;
}
.gift .gift_info .white_block .title {
  color: #4c4c4c;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-top: 2px;
}
.gift .gift_info .white_block .text {
  color: #929292;
  font-size: 15px;
}
.gift .gift_info .image {
  position: absolute;
  width: 38%;
  top: 16px;
  right: 20px;
}
.gift .gift_info .image .image_container {
  width: 100%;
  height: 365px;
  background-image: url(../images/mbox/gift/2018_gift_hero.jpg);
  background-size: cover;
  position: relative;
  background-position: center right;
  z-index: 1;
}
.gift .card#pickgift .shipnum h3 {
  margin-bottom: 30px;
}
.gift .card#pickgift .shipnum .recommended {
  height: 20px;
  width: 115px;
  margin: auto;
  background: #fff;
  font-size: 12px;
  color: #e1b696;
  line-height: 20px;
  text-transform: uppercase;
  position: relative;
  top: -5px;
}
.gift .card#pickgift .shipnum .recommended.opacity {
  opacity: 0;
}
.gift .card#pickgift .customize .answer_text {
  margin: 20px 0;
}
.gift .card#pickgift .customize .answer_box_no_push {
  padding: 20px 40px 40px;
  margin-bottom: 15px;
}
.gift .card#pickgift .customize p {
  max-width: 250px;
  margin: 0 auto 30px;
  font-size: 15px;
}
.gift .card#pickgift .customize .red-button {
  max-width: 285px;
  margin: 0 auto;
  line-height: 40px;
  letter-spacing: 0.07em;
  float: none;
}
.gift .card#pickgift .customize .you-select .red-button {
  background: #bebebe;
}
.gift .card#pickgift .customize .you-select .red-button:hover {
  background: #7f7f7f;
}
.gift .card#pickgift .customize .check {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: lightgray;
  padding: 2px;
  margin: auto;
  cursor: pointer;
}
.gift .card#pickgift .customize .check.selected {
  background: #5f828d;
}
.gift .card#pickgift .customize .check img {
  width: 18px;
  position: relative;
  top: 5px;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .top
  .box_image
  .limited_alert {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  letter-spacing: 0.07em;
  background: #5f828d;
  padding: 6px 30px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: -2px;
  left: -2px;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .top
  .small_header {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  margin-top: 30px;
  margin-top: 18px;
  margin-bottom: 8px;
}
.gift .card#pickgift .gift_selection .full_gift_box_container .top .features {
  color: #929292;
  margin-bottom: 8px;
}
.gift .card#pickgift .gift_selection .full_gift_box_container .top .image {
  height: 70px;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .top
  .coffee_name {
  color: #929292;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .top
  .intelli
  img {
  width: 113px;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .top
  .anodyne
  img {
  width: 115px;
  position: relative;
  top: 8px;
}
.gift .card#pickgift .gift_selection .full_gift_box_container .bottom {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
}
.gift .card#pickgift .gift_selection .full_gift_box_container .bottom .select {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #f3f3f3;
  box-sizing: border-box;
  line-height: 36px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  margin-top: 15px;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .bottom
  .select.two {
  line-height: initial;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .bottom
  .select.active,
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .bottom
  .select:hover {
  border: 2px solid #aac9d1;
  padding: 19px;
  transition-property: border-color, color, opacity;
  transition-duration: 0.15s;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .bottom
  .select
  .sub_offer {
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  color: #929292;
  font-size: 14px;
  text-transform: initial;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .bottom
  .select
  .discount {
  color: #bb6963;
}
.gift
  .card#pickgift
  .gift_selection
  .full_gift_box_container
  .bottom
  .select
  .strike {
  text-decoration: line-through;
}
@media (max-width: 767px) {
  .gift
    .card#pickgift
    .gift_selection
    .full_gift_box_container
    .top
    .box_image
    img {
    max-width: 400px;
    width: 100%;
  }
  .gift
    .card#pickgift
    .gift_selection
    .full_gift_box_container
    .top
    .gift_box_info {
    margin-top: -40px;
  }
  .gift .card#pickgift .gift_selection .full_gift_box_container .top .intelli {
    width: 50%;
    float: left;
  }
}
.gift .card#pickgift .gift_selection .gift_box_container {
  position: relative;
  z-index: 1;
  margin-top: 10px;
}
.gift .card#pickgift .gift_selection .gift_box_container .push_right {
  padding: 0;
  padding-left: 42%;
  position: relative;
  z-index: 1;
  height: 375px;
}
.gift .card#pickgift .gift_selection .gift_box_container .push_right .content {
  padding: 25px 15px;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .upgrade_header {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  letter-spacing: 0.07em;
  color: #4c4c4c;
  font-weight: 500;
  margin-bottom: 5px;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .description {
  max-width: 350px;
  margin: 0 auto 25px;
  line-height: 1.6em;
  font-size: 15px;
  color: #b4b4b4;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .box_display
  img {
  width: 100%;
  max-width: 168px;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .no_thanks {
  color: #929292;
  text-transform: uppercase;
  margin-top: 5px;
  text-decoration: underline;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .gift_box_choice.sold_out {
  position: relative;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .gift_box_choice.sold_out
  img {
  opacity: 0.5;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .gift_box_choice.sold_out
  .sold_out_message {
  position: absolute;
  top: 46px;
  right: 0;
  left: 0;
  text-align: center;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .gift_box_choice.sold_out
  .sold_out_message
  .box {
  width: 110px;
  padding: 10px 0;
  margin: auto;
  background: #e1b696;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.15em;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .gift_box_choice.sold_out
  .box_design_description {
  opacity: 0.5;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .content
  .box_design_description {
  color: #929292;
  text-transform: uppercase;
  margin-top: 5px;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .choice
  button {
  margin-top: 10px;
}
.gift
  .card#pickgift
  .gift_selection
  .gift_box_container
  .push_right
  .choice
  .no_thanks {
  color: #838383;
  text-transform: uppercase;
  margin-top: 5px;
  text-decoration: underline;
}
.gift .card#pickgift .gift_selection .image_container {
  width: 38%;
  position: absolute;
  z-index: 1000;
  top: 0px;
  height: 375px;
  background-size: cover;
  background-image: url(../images/mbox/gift/holiday_box_flatlay.jpg);
  background-position: bottom center;
}
.gift .card#pickgift .button.next_customize {
  float: right;
  margin: -10px 0 10px;
}
.gift .card#upgrade {
  padding: 0 30px;
}
.gift .card#upgrade .heading_background {
  height: 150px;
  position: absolute;
  right: 0;
  top: -1px;
  width: 100%;
  background: #cedcdf;
}
.gift .card#upgrade .shipping_delay {
  color: #929292;
  text-align: right;
}
.gift .card#upgrade .section_label {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  color: #4c4c4c;
  letter-spacing: 0.1em;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.gift .card#upgrade .top_info {
  margin-top: 30px;
}
.gift .card#upgrade .top_info .text .heading {
  height: 135px;
}
.gift .card#upgrade .top_info .text .heading .main_header {
  color: #fff;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25em;
}
.gift .card#upgrade .top_info .text .heading .sub_header {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  color: #5f828d;
  letter-spacing: 0.1em;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0px;
}
.gift .card#upgrade .top_info .text .contents {
  height: 295px;
}
.gift .card#upgrade .top_info .text .content_row {
  margin-bottom: 24px;
}
.gift .card#upgrade .top_info .text .content_row.no_margin {
  margin-bottom: 0;
}
.gift .card#upgrade .top_info .text .content_row .contents_line {
  width: 30px;
  height: 3px;
  border-top: 1px solid #aac9d1;
  display: inline-block;
  margin: 0 3px;
}
.gift .card#upgrade .top_info .text .content_row .number {
  font-family: "brandon-grotesque";
  font-size: 15px;
  letter-spacing: 0.14em;
}
.gift .card#upgrade .top_info .text .content_row .content {
  font-size: 15px;
  color: #4c4c4c;
}
.gift .card#upgrade .top_info .text .content_row_description {
  margin-bottom: 7px;
  color: #929292;
  margin-left: 64px;
}
.gift .card#upgrade .top_info .image {
  padding-left: 15px;
  background: #fff;
}
.gift .card#upgrade .top_info .image .image_container {
  width: 100%;
  height: 384px;
}
.gift .card#upgrade .top_info .image .image_container img {
  width: 95%;
  position: relative;
  top: 8%;
}
.gift .card#upgrade .choices .section_label {
  position: relative;
  top: -5px;
}
.gift .card#upgrade .choices .boxes .box_design_select {
  text-align: center;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.gift .card#upgrade .choices .boxes .box_design_select img {
  max-width: 150px;
}
.gift .card#upgrade .choices .boxes .box_design_select .check {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: lightgray;
  padding: 2px;
  margin: auto;
  cursor: pointer;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 10px;
}
.gift .card#upgrade .choices .boxes .box_design_select .check img {
  width: 18px;
  position: relative;
  top: 5px;
  display: none;
}
.gift .card#upgrade .choices .boxes .box_design_select .check.selected {
  background: #5f828d;
}
.gift .card#upgrade .choices .boxes .box_design_select .check.selected img {
  display: inline-block;
}
.gift .card#upgrade .choices .boxes .box_design_select .section_label {
  top: 2px;
  font-size: 12px;
  margin-bottom: 0;
}
.gift .card#upgrade .choices .boxes .box_design_select.sold_out {
  cursor: auto;
}
.gift .card#upgrade .choices .boxes .box_design_select.sold_out img,
.gift .card#upgrade .choices .boxes .box_design_select.sold_out .section_label {
  opacity: 0.5;
}
.gift
  .card#upgrade
  .choices
  .boxes
  .box_design_select.sold_out
  .sold_out_message {
  position: absolute;
  top: 56px;
  right: 0;
  left: 0;
  text-align: center;
}
.gift
  .card#upgrade
  .choices
  .boxes
  .box_design_select.sold_out
  .sold_out_message
  .box {
  width: 110px;
  padding: 10px 0;
  margin: auto;
  background: #e1b696;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.15em;
}
.gift .card#upgrade .choices .upgrade_options {
  padding-left: 18px;
  border-left: 1px solid #e6e6e6;
}
.gift .card#upgrade .choices .upgrade_options .section_label {
  position: relative;
  top: -5px;
}
.gift .card#upgrade .choices .upgrade_options .upgrade_option {
  height: 212px;
  padding: 12px;
  text-align: center;
  margin-bottom: 15px;
}
.gift .card#upgrade .choices .upgrade_options .upgrade_option .option_title {
  font-family: "brandon-grotesque";
  color: #4c4c4c;
  font-size: 19px;
  line-height: 1.7em;
  width: 250px;
  margin: auto;
}
.gift
  .card#upgrade
  .choices
  .upgrade_options
  .upgrade_option
  .option_title
  span {
  font-weight: bold;
}
.gift .card#upgrade .choices .upgrade_options .upgrade_option .subtitle {
  line-height: 1.5em;
  color: #929292;
  width: 209px;
  margin: 10px auto;
}
.gift .card#upgrade .choices .upgrade_options .upgrade_option .price {
  font-size: 20px;
  color: #5f828d;
  margin-bottom: 10px;
}
.gift .card#upgrade .choices .upgrade_options .upgrade_option .button_position {
  height: 43px;
  text-align: center;
  position: relative;
  margin-top: 0px;
}
.gift .card#upgrade .choices .upgrade_options .upgrade_option.bottom {
  height: 108px;
}
.gift .card#upgrade .button.next_no_box {
  background: lightgray;
  color: #838383;
  margin-top: 20px;
}
.gift .card#samplerroast .answer_box {
  text-align: center;
}
.gift .card#samplerroast .answer_box input {
  display: none;
}
.gift .card#samplerroast .answer_box .inline_quiz_descriptor.gma {
  padding: 20px 10px;
  font-weight: bold;
  font-family: "brandon-grotesque", sans-serif;
  min-height: 0;
}
.gift .card#samplerroast .answer_box p {
  padding: 0 15px 30px;
  color: #929292;
}
.gift .card#samplerroast .not_sure {
  text-align: center;
  margin: 20px 0;
  text-transform: uppercase;
}
.gift .card#samplerroast .not_sure strong,
.gift .card#samplerroast .not_sure span {
  color: #666;
}
.gift .card#samplerroast .not_sure img {
  height: 19px;
  margin-right: 8px;
  margin-top: -2px;
}
.gift .card#gifterprefs {
  padding-top: 40px;
}
.gift .card#gifterprefs .question {
  margin-bottom: 10px;
}
.gift .card#gifterprefs .sub_question {
  margin-bottom: 0;
}
.gift .card#gifterprefs .answers {
  margin: 35px auto;
}
.gift .card#gifterprefs .answers.roast .answer_box label {
  padding: 15px;
}
.gift .card#gifterprefs .answer_box {
  padding: 0 15px;
}
.gift .card#gifterprefs .answer_box label {
  cursor: pointer;
  text-align: center;
  margin-bottom: 0;
}
.gift .card#gifterprefs .answer_box label .inline_quiz_descriptor {
  /*   padding: 20px 10px;
          min-height: 40px;*/
}
.gift .card#gifterprefs img {
  max-width: 185px;
  margin-bottom: 10px;
}
.gift .card#gifterprefs input {
  display: none;
  height: 12px;
}
.gift .card#gifterprefs #first-child {
  margin: auto;
}
.gift .card#gifterprefs .answers {
  max-width: 950px;
}
.gift .card#gifterprefs .answers .button_align .button {
  margin: 15px;
}
.gift .card#gifterprefs .answer_box {
  padding: 0;
}
.gift .card#gifterprefs .coffee_type_box {
  padding: 15px;
  padding-top: 30px;
  text-align: center;
  min-height: 215px;
}
.gift .card#gifterprefs .coffee_type_box p {
  line-height: 24px;
  font-size: 15px;
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  text-transform: initial;
  margin: 20px 0;
}
.gift .card#gifterprefs .coffee_type_box .coffee_type_header {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  letter-spacing: 0.1em;
}
.gift .card#gifterprefs .answers.grind .answer_box {
  padding: 40px 15px;
  margin-top: 10px;
  text-align: center;
}
.gift .card#gifterprefs .answers.grind .answer_text {
  text-align: center;
}
.gift .card#gifterprefs .answers.grind .short_description {
  line-height: 1.6em;
  margin: 10px auto 5px;
  text-align: center;
  max-width: 270px;
}
.gift .card#gifterprefs .example {
  color: #bebebe;
  font-size: 10px;
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.gift .card#gifterprefs .example p {
  margin: 0;
  line-height: 12px;
  color: #bebebe;
  font-size: 10px;
}
.gift .card#gifterprefs label {
  position: relative;
}
.gift .card#gifterprefs .decaf {
  margin-top: 15px;
}
.gift .card#gifterprefs .decaf input {
  display: inline-block;
  float: left;
  margin-right: 5px;
}
.gift .card#gifterprefs .decaf label {
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  color: #838383;
}
.gift .card#gifterprefs input {
  display: none;
}
.gift .card#delivery {
  padding-top: 30px;
}
.gift .card#delivery .question {
  margin-bottom: 15px;
  margin-top: 10px;
  letter-spacing: 0.05em;
}
.gift .card#delivery .sub_question {
  margin-bottom: 25px;
}
.gift .card#delivery .answer_box {
  text-align: center;
  padding-top: 30px;
}
.gift .card#delivery .answer_box img {
  max-width: 40px;
  margin: 15px auto;
}
.gift .card#delivery .delivery_details {
  background: #f8f8f8;
  background-size: 70px;
  border: 1px solid #e6e6e6;
  padding: 15px;
  margin: 20px 0;
}
.gift .card#delivery .delivery_details span {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #4c4c4c;
  letter-spacing: 0.05em;
}
.gift .card#delivery a {
  color: #e1b696;
}
.gift .card#delivery hr {
  margin: 0 0 20px;
  border-color: #e6e6e6;
  border-bottom: 0;
}
.gift .card#delivery .checkout_box .answer_box {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.23);
}
.gift .card#delivery fieldset.email,
.gift .card#delivery fieldset.first_name,
.gift .card#delivery fieldset.last_name {
  margin-bottom: 0;
}
.gift .card#delivery .delivery_date,
.gift .card#delivery .sub_question {
  color: #838383;
}
.gift .card#delivery fieldset.date {
  color: #4c4c4c;
}
.gift .card#delivery fieldset.date a {
  color: #5f828d;
  text-decoration: underline;
}
.gift .card#delivery fieldset.date img {
  height: 22px;
  margin: -4px 0 0 0;
  display: inline-block;
}
.gift .card.lenfreq {
  font-size: 14px;
}
.gift .card.lenfreq p {
  text-align: left;
}
.gift .card.lenfreq .title {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
  letter-spacing: 0.1em;
  color: #e1b696;
}
.gift .card.lenfreq .text {
  line-height: 20px;
  margin-bottom: 25px;
  font-family: "museo-sans", sans-serif;
  letter-spacing: 0.03em;
  color: #666666;
  font-size: 14px;
}
.gift .card.lenfreq .text a {
  color: #e1b696;
}
.gift .card.lenfreq .lenfreq_container {
  padding: 25px;
}
.gift .card.lenfreq .freq_label {
  font-weight: bold;
  margin-bottom: 3px;
  text-transform: uppercase;
  font-size: 14px;
  color: #bebebe;
}
.gift .card.lenfreq .price .freq_label {
  color: #666666;
}
.gift .card.lenfreq .button_align {
  text-align: right;
  margin-top: 20px;
}
.gift .card.lenfreq .size {
  margin: 1px 0 0 10px;
  float: left;
}
.gift .card.lenfreq input {
  float: left;
}
.gift .card.lenfreq select {
  margin-bottom: 10px;
  border-radius: 0;
  -webkit-appearance: none;
  height: 40px;
  background: url(../images/drop-down-arrow.jpg) no-repeat right;
  padding-left: 10px;
}
.gift .card.lenfreq .price {
  margin-top: 10px;
}
.gift .card#numshipments {
  font-size: 14px;
}
.gift .card#numshipments .title {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
  letter-spacing: 0.1em;
  color: #e1b696;
}
.gift .card#numshipments .ship_label {
  text-transform: uppercase;
  font-weight: bold;
  color: #666666;
  margin: 15px 0 7px;
}
.gift .card#numshipments .text {
  line-height: 25px;
  margin: 20px 0;
}
.gift .card#numshipments .text p {
  font-size: 14px;
}
.gift .card#numshipments .text a {
  color: #e1b696;
}
.gift .card#numshipments hr.top_hr {
  margin: 0 0 10px;
}
.gift .card#numshipments hr {
  margin: 20px 0;
}
.gift .card#numshipments .span6 {
  padding: 25px;
}
.gift .card#numshipments .freq_label {
  font-weight: bold;
}
.gift .card#numshipments .button_align {
  margin-top: 7px;
  text-align: left;
  padding: 0 0 0 45px;
}
.gift .card#numshipments .price {
  font-weight: bold;
  font-size: 14px;
  margin-top: 36px;
}
.gift .card#numshipments .button {
  margin-left: 0;
  margin-top: 20px;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
}
.gift .card#numshipments select {
  border-radius: 0;
  -webkit-appearance: none;
  height: 40px;
  background: url(../images/drop-down-arrow.jpg) no-repeat right;
  padding-left: 10px;
}
.gift .card#delivery .order-details {
  border: 1px solid #d4d4d4;
}
.gift .card#delivery .order-details .summary_image {
  text-align: center;
}
.gift .card#delivery .order-details hr {
  margin: 15px 0;
  border-bottom: 0;
}
.gift .card#delivery .recipient_info {
  border: 1px solid #e6e6e6;
  min-height: 400px;
  position: relative;
}
.gift .card#delivery .field {
  margin-bottom: 15px;
}
.gift .card#delivery .padding {
  padding: 20px;
}
.gift .card#delivery fieldset {
  margin-bottom: 15px;
}
.gift .card#delivery .order-details {
  border: 1px solid #d4d4d4;
}
.gift .card#delivery .order-details .summary_image {
  text-align: center;
}
.gift .card#delivery .button_align {
  text-align: right;
}
.gift .card#payment {
  padding-top: 30px;
}
.gift .card#payment .order-details {
  border: 1px solid #d4d4d4;
}
.gift .card#payment .order-details .summary_image {
  text-align: center;
}
.gift .card#payment .order-details .summary_image img {
  max-width: 70%;
  max-width: 230px;
}
.gift .card#payment fieldset {
  margin-bottom: 15px;
}
.gift .card#payment .button_align {
  text-align: right;
}
.gift .card#payment .payment_info .answer_box {
  margin-bottom: 10px;
  padding: 25px 20px;
  border: 1px solid #e6e6e6;
}
.gift .card#payment .payment_info .answer_box.selected,
.gift .card#payment .payment_info .answer_box:hover {
  border: 1px solid #aac9d1;
}
.gift .card#payment .payment_info .answer_box.selected .selection_circle,
.gift .card#payment .payment_info .answer_box:hover .selection_circle {
  background: #aac9d1;
  border-color: #aac9d1;
}
.gift .card#payment .payment_info .answer_box .selection_indicator {
  min-height: 0;
}
.gift .card#payment .payment_info .answer_box .selection_circle {
  width: 15px;
  height: 15px;
  border-radius: 40px;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
  margin-top: 2px;
}
.gift .card#payment .payment_info .answer_box .card_info {
  min-height: 0;
  text-align: right;
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  padding-right: 30px;
}
.gift .card#payment .payment_info .answer_box .card_info img {
  height: 20px;
  margin-left: 5px;
  margin-top: -2px;
}
.gift .card#payment .save_payment input {
  display: inline-block;
  margin: -1px 5px 0 0px;
}
.gift .card#payment .save_payment label {
  display: inline;
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  color: #5f828d;
  font-weight: 500;
  font-size: 12px;
}
.gift .order-details.order_summary {
  margin-bottom: 20px;
}
.gift .order-details.order_summary img {
  max-width: 200px;
}
.gift .card#delivery .padding,
.gift .card#payment .padding {
  padding: 20px;
}
.gift .card#delivery .checkout_box,
.gift .card#payment .checkout_box {
  margin: 0 0 20px 0;
  padding: 0 0px 20px 0;
  background: #fff;
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
}
.gift .card#delivery .checkout_box a.customer,
.gift .card#payment .checkout_box a.customer {
  position: absolute;
  top: 49px;
  left: 22px;
  color: #bebebe;
}
.gift .card#delivery .checkout_box a.customer:hover,
.gift .card#payment .checkout_box a.customer:hover {
  color: #e1b696;
}
.gift .card#delivery .checkout_box img.lock,
.gift .card#payment .checkout_box img.lock {
  width: 13px;
  margin-top: -6px;
  margin-right: 5px;
}
.gift .card#delivery .checkout_box .box_header,
.gift .card#payment .checkout_box .box_header {
  margin-bottom: 15px;
}
.gift .card#delivery .checkout_box textarea,
.gift .card#payment .checkout_box textarea {
  resize: none;
}
.gift .card#delivery .lineitem,
.gift .card#payment .lineitem {
  margin-bottom: 4px;
}
.gift .card#delivery .lineitem .price,
.gift .card#payment .lineitem .price {
  text-align: right;
  width: 40%;
  float: left;
  text-transform: initial;
  font-family: "museo-sans";
  font-size: 13px;
  color: #929292;
}
.gift .card#delivery .lineitem .name_align,
.gift .card#payment .lineitem .name_align {
  width: 60%;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 300;
}
.gift .card#delivery .lineitem .total.price,
.gift .card#payment .lineitem .total.price,
.gift .card#delivery .lineitem .total.name,
.gift .card#payment .lineitem .total.name {
  font-size: 15px;
  font-weight: bold;
  margin: auto;
  color: #4c4c4c;
}
.gift .card#delivery .coupon_code,
.gift .card#payment .coupon_code {
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.1em;
  margin: 25px 0 10px 0;
}
.gift .card#delivery .coupon_code a,
.gift .card#payment .coupon_code a {
  color: #e1b696;
  text-decoration: underline;
  font-size: 12px;
  font-family: "brandon-grotesque";
}
.gift .card#delivery .coupon_code input,
.gift .card#payment .coupon_code input {
  height: 20px;
}
.gift .card#delivery .coupon_code form,
.gift .card#payment .coupon_code form {
  margin-bottom: 15px;
}
.gift .card#delivery .coupon_code .input-group .btn,
.gift .card#payment .coupon_code .input-group .btn {
  background-image: none;
  background-color: #5f828d;
  color: #fff;
  text-shadow: none;
  border-radius: 0;
  border: 1px solid #5f828d;
  margin-left: 5px;
}
.gift .card#delivery .button,
.gift .card#payment .button {
  font-size: 14px;
}
.gift .card#delivery .button_align,
.gift .card#payment .button_align {
  text-align: right;
}
.gift .card#delivery .gear_product .answer_text,
.gift .card#payment .gear_product .answer_text {
  text-align: left;
  margin-bottom: 10px;
}
.gift .card#delivery .gear_product .price,
.gift .card#payment .gear_product .price {
  font-family: "brandon-grotesque";
  font-size: 18px;
  font-weight: 500;
  color: #aac9d1;
}
.gift .card#delivery .gear_product .button,
.gift .card#payment .gear_product .button {
  margin: 10px 0;
}
.gift .card#delivery .gear_product .terms,
.gift .card#payment .gear_product .terms {
  color: #b4b4b4;
}
.gift .card#delivery .gear_product img,
.gift .card#payment .gear_product img {
  max-height: 200px;
  max-width: 230px;
}
.gift .card#delivery .gear_product .back,
.gift .card#payment .gear_product .back {
  color: #5f828d;
  text-decoration: underline;
  margin-top: 5px;
  cursor: pointer;
}
.gift .card#delivery .gear_choice,
.gift .card#payment .gear_choice {
  text-align: center;
}
.gift .card#delivery .gear_choice .answer_text,
.gift .card#payment .gear_choice .answer_text {
  font-size: 18px;
}
.gift .card#delivery .gear_choice .image,
.gift .card#payment .gear_choice .image {
  height: 140px;
  display: table;
  text-align: center;
  margin-bottom: 15px;
  width: 100%;
}
.gift .card#delivery .gear_choice img,
.gift .card#payment .gear_choice img {
  max-width: 190px;
  max-height: 140px;
}
.gift .card#delivery .gear_choice .add_to,
.gift .card#payment .gear_choice .add_to,
.gift .card#delivery .gear_choice a.add_to,
.gift .card#payment .gear_choice a.add_to {
  text-transform: uppercase;
  color: #aac9d1;
  font-weight: 500;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 0.08em;
  display: inline-block;
  margin: 2px 0;
  font-size: 13px;
}
.gift .card#delivery .gear_choice .add_to.remove,
.gift .card#payment .gear_choice .add_to.remove,
.gift .card#delivery .gear_choice a.add_to.remove,
.gift .card#payment .gear_choice a.add_to.remove {
  color: #e1b696;
}
.gift .card#delivery .gear_choice .add_to.remove a.add_to,
.gift .card#payment .gear_choice .add_to.remove a.add_to,
.gift .card#delivery .gear_choice a.add_to.remove a.add_to,
.gift .card#payment .gear_choice a.add_to.remove a.add_to {
  color: #e1b696;
  text-decoration: underline;
}
.gift .card#delivery .gear_choice .price,
.gift .card#payment .gear_choice .price {
  color: #838383;
  font-family: "brandon-grotesque";
}
.gift .card#delivery .gear_choice .price a,
.gift .card#payment .gear_choice .price a {
  color: #838383;
  text-decoration: underline;
  text-transform: initial;
}
.gift .card#delivery p.terms,
.gift .card#payment p.terms {
  text-align: center;
  color: #b4b4b4;
  margin: 20px auto 10px;
  max-width: 470px;
}
.gift .card#finished {
  margin-top: 50px;
  padding: 15px;
  background: #f8f8f8;
}
.gift .card#finished .confirmation {
  text-align: center;
  height: 100%;
  padding: 30px;
  margin: auto;
}
.gift .card#finished .confirmation img {
  max-width: 50px;
  margin: 0 0 15px 0;
}
.gift .card#finished .confirmation p {
  max-width: 400px;
  margin: 25px auto 0;
}
.gift .card#finished .confirmation h2 {
  color: #5f828d;
}
.gift .card#finished .confirmation .social_bar {
  margin-top: 25px;
}
.gift .card#finished .confirmation .social_bar img {
  width: 24px;
  margin: 0 5px;
}
.gift .card#finished .feedback {
  text-align: center;
  padding: 30px 0 0 30px;
  border-left: 1px solid #e6e6e6;
}
.gift .card#finished .feedback img {
  width: 100%;
  max-width: 400px;
  margin-bottom: 10px;
}
.gift .card#finished .feedback p {
  max-width: 400px;
  margin: 10px auto;
}
.gift .card#finished .feedback textarea {
  height: 200px;
  resize: none;
  margin: 0 0 20px;
}
.card#pickgift span.strike {
  text-decoration: line-through;
}
@media (max-width: 767px) {
  .small_back {
    text-transform: uppercase;
    font-weight: bold;
  }
  .span10.offset1.gift {
    margin-left: 0px;
  }
  .gift-background.span12 {
    float: left;
  }
  .inline_quiz_descriptor {
    font-size: 15px;
    display: inline;
  }
  .modal {
    margin: -250px 0 0 -230px;
  }
  .gift .gift_info {
    background-position: -150px center;
  }
  .gift .gift_info .info .line .text {
    max-width: 330px;
  }
  .gift .cards {
    /*    position: absolute;*/
    padding: 0;
  }
  .gift .cards .back_arrow {
    top: 29px;
    left: 17px;
  }
  .gift .cards .card {
    margin: 20px;
    margin-top: 45px;
  }
  .gift .cards .card .answer_box {
    margin-bottom: 15px;
  }
  .gift .cards .gift_info .image {
    right: 10px;
    top: 10px;
  }
  .gift .cards .gift_info .image .image_container {
    height: 190px;
  }
  .gift .cards .gift_info .color_block {
    padding: 25px 20px;
    min-height: 210px;
  }
  .gift .cards .gift_info .color_block h1 {
    margin-bottom: 0;
    line-height: 35px;
  }
  .gift .cards .gift_info .color_block p {
    font-size: 15px;
    line-height: 1.5;
  }
  .gift .cards .gift_info .color_block .header_text {
    font-size: 33px;
    line-height: 1;
    margin-bottom: 6px;
  }
  .gift .cards .gift_info .white_block {
    padding: 20px 15px 20px 21px;
  }
  .gift .cards .gift_info .white_block .content_container {
    width: 100%;
    padding-right: 0;
  }
  .gift .cards .gift_info .white_block .info {
    float: left;
    width: 33%;
    margin-top: 10px;
    margin-left: 0.3%;
  }
  .gift .cards .card#pickgift {
    max-width: 500px;
    margin: auto;
    padding: 0 15px;
  }
  .gift .cards .card#pickgift .shipnum img {
    max-width: 200px;
  }
  .gift .cards .card#pickgift .gift_selection .gift_box_container {
    padding-top: 100px;
  }
  .gift .cards .card#pickgift .gift_selection .gift_box_container .push_right {
    padding: 0;
    padding-top: 100px;
    height: initial;
  }
  .gift
    .cards
    .card#pickgift
    .gift_selection
    .gift_box_container
    .push_right
    .content {
    position: relative;
  }
  .gift
    .cards
    .card#pickgift
    .gift_selection
    .gift_box_container
    .push_right
    .content
    .gift_box_choice {
    width: 50%;
    float: left;
  }
  .gift .cards .card#pickgift .gift_selection .image_container {
    width: calc(100% - 150px);
    left: 75px;
    top: -20px;
    height: 226px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
    background-position: 0 bottom;
  }
  .gift .cards .card#pickgift .gift_selection .image_container img {
    max-height: 225px;
  }
  .gift .cards .card#upgrade {
    margin-top: 0;
    padding: 0;
  }
  .gift .cards .card#upgrade .heading_background {
    height: 150px;
    position: absolute;
    right: 0;
    top: -1px;
    width: 100%;
    background: #cedcdf;
    z-index: 0;
  }
  .gift .cards .card#upgrade .top_info {
    margin-top: 30px;
  }
  .gift .cards .card#upgrade .top_info .text .heading {
    height: 65px;
  }
  .gift .cards .card#upgrade .top_info .text .heading .main_header {
    font-size: 24px;
    text-align: center;
  }
  .gift .cards .card#upgrade .top_info .text .heading .sub_header {
    text-align: center;
  }
  .gift .cards .card#upgrade .top_info .text .product_image {
    background: #fff;
    text-align: center;
    width: 100%;
    max-width: 380px;
    margin: auto;
  }
  .gift .cards .card#upgrade .top_info .text .product_image img {
    width: 100%;
    max-width: 300px;
  }
  .gift .cards .card#upgrade .top_info .text .contents {
    text-align: center;
    background: #fff;
    max-width: 380px;
    margin: 0 auto 18px;
    box-sizing: border-box;
    padding: 0 10px 30px;
    height: inherit;
  }
  .gift .cards .card#upgrade .top_info .text .content_row {
    margin-bottom: 10px;
  }
  .gift .cards .card#upgrade .top_info .text .content_row.no_margin {
    margin: 0;
  }
  .gift .cards .card#upgrade .top_info .text .content_row .contents_line {
    display: none;
  }
  .gift .cards .card#upgrade .top_info .text .content_row .number {
    display: none;
  }
  .gift .cards .card#upgrade .top_info .text .content_row_description {
    margin-left: 0;
  }
  .gift .cards .card#upgrade .choices .section_label {
    text-align: center;
    margin-bottom: 11px;
  }
  .gift .cards .card#upgrade .choices .boxes .box_design_select {
    max-width: 380px;
    margin: auto;
    margin-bottom: 15px;
  }
  .gift .cards .card#upgrade .choices .boxes .box_design_select img {
    max-width: 150px;
  }
  .gift .cards .card#upgrade .choices .upgrade_options {
    padding-left: 0;
    border-left: 0;
  }
  .gift .cards .card#upgrade .choices .upgrade_options .section_label {
    position: relative;
    top: 0;
  }
  .gift .cards .card#upgrade .choices .upgrade_options .upgrade_option {
    padding: 25px;
    max-width: 380px;
    margin: auto;
    box-sizing: border-box;
    margin-bottom: 15px;
    text-align: center;
    height: auto;
  }
  .gift
    .cards
    .card#upgrade
    .choices
    .upgrade_options
    .upgrade_option
    .option_title {
    max-width: 225px;
    line-height: 1.5em;
    max-width: 250px;
    margin: auto;
  }
  .gift
    .cards
    .card#upgrade
    .choices
    .upgrade_options
    .upgrade_option
    .subtitle {
    max-width: 225px;
    margin: auto;
    margin-top: 5px;
    line-height: 1.2em;
    max-width: 230px;
    margin: 10px auto;
  }
  .gift .cards .card#upgrade .choices .upgrade_options .upgrade_option .price {
    font-size: 20px;
    margin-bottom: 12px;
    color: #5f828d;
  }
  .gift .cards .card#holiday {
    padding-top: 0;
  }
  .gift .cards .card#delivery,
  .gift .cards .card#payment {
    max-width: 500px;
    margin: auto;
  }
  .gift .cards .card#delivery .payment_info .answer_box,
  .gift .cards .card#payment .payment_info .answer_box {
    padding: 15px;
  }
  .gift .cards .card#delivery .payment_info .answer_box .selection_indicator,
  .gift .cards .card#payment .payment_info .answer_box .selection_indicator {
    text-align: center;
  }
  .gift
    .cards
    .card#delivery
    .payment_info
    .answer_box
    .selection_indicator
    .selection_circle,
  .gift
    .cards
    .card#payment
    .payment_info
    .answer_box
    .selection_indicator
    .selection_circle {
    margin: 5px auto 0;
  }
  .gift .cards .card#delivery .payment_info .answer_box .card_info,
  .gift .cards .card#payment .payment_info .answer_box .card_info {
    text-align: center;
    padding: 0;
    margin: 7px 0 0;
  }
  .gift .cards .card#delivery .gear_product,
  .gift .cards .card#payment .gear_product {
    text-align: center;
  }
  .gift .cards .card#delivery .gear_product .answer_text,
  .gift .cards .card#payment .gear_product .answer_text {
    text-align: center;
  }
  .gift .cards .card#gifterprefs .coffee_type_box {
    min-height: 0;
  }
  .gift .cards .card#gifterprefs .coffee_type_box p {
    margin-bottom: 40px;
  }
  .gift .cards .card#gifterprefs .answer_box img.check {
    display: none;
  }
  .gift .cards .card#gifterprefs .answers.roast .answer_box label {
    padding: 0 15px 30px;
  }
  .gift .cards .card#roast,
  .gift .cards .card#coffeetype {
    margin: 20px 0;
  }
  .gift .cards .card#roast .answer_box,
  .gift .cards .card#coffeetype .answer_box {
    margin: 0;
    padding: 0;
  }
  .gift .cards .card#roast .answer_box label,
  .gift .cards .card#coffeetype .answer_box label {
    margin-bottom: 0;
    text-align: left;
    padding: 15px 15px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  .gift .cards .card#roast .answer_box label img,
  .gift .cards .card#coffeetype .answer_box label img {
    max-width: 25%;
    margin-right: 8%;
  }
  .gift .cards .card#roast hr,
  .gift .cards .card#coffeetype hr {
    margin: 0;
    border-bottom: 0;
  }
  .gift .cards .card#roast .inline_quiz_descriptor,
  .gift .cards .card#coffeetype .inline_quiz_descriptor {
    font-size: 15px;
  }
  .gift .cards .card#coffeetype label {
    padding: 0;
  }
  .gift .cards .card#coffeetype label .coffee_type_box {
    padding: 15px;
    min-height: initial;
    margin-top: none;
  }
  .gift .cards .card#baglenfreq .small_lenfreq_container .span4,
  .gift .cards .card#baglenfreq .small_lenfreq_container .span6 {
    float: left;
  }
  .gift .cards .lenfreq.card .lenfreq_container {
    padding: 0px;
    padding-bottom: 20px;
  }
  .gift .cards .lenfreq.card .lenfreq_container img.tablet_image {
    width: 40%;
    float: left;
  }
  .gift .cards .card#shipinfo .order-details {
    min-height: 100px;
  }
  .gift .cards .card#shipinfo .order-details .box_header {
    margin-bottom: 0px;
  }
  .gift .cards .card#shipinfo .order-details .lineitem.shipping {
    margin-top: 0;
  }
  .gift .cards .card#shipinfo .checkout_box {
    margin-top: 10px;
  }
  .gift .cards .card#finished .confirmation {
    padding: 20px;
    padding-bottom: 50px;
  }
  .gift .cards .card#finished .feedback {
    padding: 20px;
    padding-top: 50px;
    border-top: 1px solid #e6e6e6;
    border-left: 0;
  }
}
@media (max-width: 480px) {
  .button_align {
    text-align: center;
  }
  .modal {
    top: 105px;
    left: 2%;
    right: initial;
    width: 96%;
    max-width: 100%;
    margin: auto;
  }
  .gift .cards .gift_info .image {
    right: 10px;
    top: 10px;
  }
  .gift .cards .gift_info .image .image_container {
    height: 260px;
  }
  .gift .cards .gift_info .color_block {
    padding: 20px 20px 15px;
    min-height: 0;
  }
  .gift .cards .gift_info .color_block .content_container {
    width: 100%;
  }
  .gift .cards .gift_info .color_block h1 {
    font-size: 14px;
  }
  .gift .cards .gift_info .color_block h1 span {
    font-size: 32px;
  }
  .gift .cards .gift_info .color_block p {
    padding: 0;
  }
  .gift .cards .gift_info .white_block {
    padding: 20px 15px 20px 21px;
  }
  .gift .cards .gift_info .white_block .content_container {
    width: 100%;
    padding-right: 0;
  }
  .gift .cards .gift_info .white_block .info {
    float: none;
    width: 100%;
    margin-right: 5px;
  }
  .gift .cards .gift_info .white_block .info .icon {
    width: 40px;
    float: left;
    text-align: center;
  }
  .gift .cards .gift_info .cell_image_blocks {
    position: relative;
  }
  .gift .cards .gift_info .cell_image_blocks .blue {
    background: #aac9d1;
    height: 80px;
  }
  .gift .cards .gift_info .cell_image_blocks .white {
    background: #fff;
    height: 80px;
  }
  .gift .cards .gift_info .cell_image_blocks .cell_image {
    width: calc(100% - 30px);
    height: 140px;
    position: absolute;
    top: 10px;
    right: 15px;
    left: 15px;
  }
  .gift .cards .gift_info .cell_image_blocks .cell_image .image_container {
    width: 100%;
    height: 150px;
    background-image: url(../images/mbox/gift/gift_header.jpg);
    background-position: 0 -35px;
    background-size: cover;
  }
  .gift .cards .card#pickgift .gift_selection .gift_box_container {
    padding-top: 80px;
  }
  .gift .cards .card#pickgift .gift_selection .gift_box_container .push_right {
    padding-top: 80px;
  }
  .gift
    .cards
    .card#pickgift
    .gift_selection
    .gift_box_container
    .push_right
    .content
    .gift_box_choice {
    width: 50%;
    padding: 5px;
    float: left;
  }
  .gift
    .cards
    .card#pickgift
    .gift_selection
    .gift_box_container
    .push_right
    .content
    .gift_box_choice.sold_out
    .sold_out_message {
    top: 40px;
  }
  .gift
    .cards
    .card#pickgift
    .gift_selection
    .gift_box_container
    .push_right
    .content
    .gift_box_choice.sold_out
    .sold_out_message
    .box {
    max-width: 100px;
  }
  .gift .cards .card#pickgift .gift_selection .image_container {
    width: calc(100% - 80px);
    left: 40px;
    height: 180px;
  }
  .gift .cards .card#pickgift .gift_selection .image_container img {
    max-height: 165px;
    margin: auto;
  }
  .gift .cards .card#upgrade {
    margin-top: 0;
    padding: 0;
  }
  .gift .cards .card#upgrade .top_info .text .heading .main_header {
    font-size: 21px;
    margin-top: 2px;
    letter-spacing: 0;
  }
  .gift .cards .card#upgrade .top_info .text .heading .sub_header {
    font-size: 12px;
  }
  .gift .card#roast .answer_box .inline_quiz_descriptor {
    font-size: 14px;
  }
}
@media (max-width: 1100px) {
  .gift .card .answer_box .sub_info .title {
    min-height: 37px;
  }
}
@media (max-width: 940px) {
  .gift .card .answer_box .sub_info {
    min-height: 260px;
  }
}
@media (max-width: 850px) {
  .gift .card#upgrade .top_info .text {
    font-size: 14px;
  }
  .gift .card#upgrade .top_info .text .content_row .contents_line {
    width: 15px;
  }
  .gift .card#upgrade .top_info .text .content_row .content {
    font-size: 14px;
  }
  .gift .card#upgrade .top_info .text .content_row_description {
    margin-left: 50px;
  }
  .gift .card#upgrade .choices .upgrade_options .upgrade_option {
    padding: 69px 15px 0;
  }
}
.gift-customize-index .progress,
.gift-claim-index .progress {
  display: none;
}
.gift-customize-index .sticky_footer_wrapper,
.gift-claim-index .sticky_footer_wrapper {
  background: #f8f8f8;
}
.gift-customize-index .question,
.gift-claim-index .question {
  margin-bottom: 25px;
}
.gift-customize-index .question.wsub,
.gift-claim-index .question.wsub {
  margin-bottom: 5px;
}
.gift-customize-index h4,
.gift-claim-index h4 {
  font-size: 14px;
  color: #4c4c4c;
  font-weight: 500;
}
.gift-customize-index .length,
.gift-claim-index .length {
  max-width: 400px;
  margin: 20px auto;
}
.gift-customize-index .confirmation,
.gift-claim-index .confirmation {
  text-align: center;
  height: 100%;
  padding: 30px;
  margin: auto;
  max-width: 500px;
}
.gift-customize-index .confirmation img,
.gift-claim-index .confirmation img {
  max-width: 15%;
  margin: 0 0 25px 0;
}
.gift-customize-index .confirmation p,
.gift-claim-index .confirmation p {
  max-width: 400px;
  margin: 25px auto 0;
}
.gift-customize-index .confirmation .social_bar,
.gift-claim-index .confirmation .social_bar {
  margin-top: 25px;
}
.gift-customize-index .confirmation .social_bar img,
.gift-claim-index .confirmation .social_bar img {
  width: 24px;
  margin: 0 5px;
}
.gift-customize-index input,
.gift-claim-index input {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  height: 41px;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
}
.gift-customize-index input.decaf,
.gift-claim-index input.decaf {
  height: 2px;
}
.gift-customize-index input:focus,
.gift-claim-index input:focus {
  background: #f8f8f8;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.gift-customize-index input.invalid,
.gift-claim-index input.invalid {
  border: 1px solid #c2002f;
}
.gift-customize-index select.invalid,
.gift-claim-index select.invalid {
  border: 1px solid #c2002f;
}
.gift-customize-index select,
.gift-claim-index select {
  margin-bottom: 10px;
  border-radius: 0;
  -webkit-appearance: none;
  height: 40px;
  background: url(../images/drop-down-arrow.jpg) no-repeat right;
  padding-left: 10px;
}
.gift-customize-index #sns_content,
.gift-claim-index #sns_content {
  margin-top: 0;
}
.gift-customize-index #sns_content .container,
.gift-claim-index #sns_content .container {
  width: 100%;
}
.gift-customize-index #sns_content .container .subscription_image,
.gift-claim-index #sns_content .container .subscription_image {
  display: none;
}
.gift-customize-index #sns_content .container .quiz_background,
.gift-claim-index #sns_content .container .quiz_background {
  background: #f8f8f8;
}
.gift-customize-index #sns_content .container .quiz_background .quiz,
.gift-claim-index #sns_content .container .quiz_background .quiz {
  float: none;
  margin: auto;
}
.gift-customize-index #sns_content .container .quiz_background .quiz .cards,
.gift-claim-index #sns_content .container .quiz_background .quiz .cards {
  margin-top: 25px;
  padding: 0;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards.lookup,
.gift-claim-index #sns_content .container .quiz_background .quiz .cards.lookup {
  background: #fff;
  max-width: 500px;
  margin: 25px auto;
  border: 1px solid #eeeeee;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card,
.gift-claim-index #sns_content .container .quiz_background .quiz .cards .card {
  padding: 0 10px 50px;
  min-height: 575px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container {
  display: none;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card
  .actions.right,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card
  .actions.right {
  text-align: right;
  margin-bottom: 20px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card
  hr,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card
  hr {
  margin: 0;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup {
  min-height: 300px;
  margin: 0 auto;
  max-width: 500px;
  padding: 50px 0;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  h4,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  h4 {
  max-width: 246px;
  margin: 30px auto 10px;
  font-weight: 500;
  font-size: 16px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  input,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  input {
  margin: 5px 0 15px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  .find_code,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  .find_code {
  position: relative;
  top: 40px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  .find_code
  a,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  .find_code
  a {
  color: #b4b4b4;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  .find_code
  a:hover,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  .find_code
  a:hover {
  color: #e1b696;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  button,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  button {
  margin-bottom: 10px;
  width: 225px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  button.start,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  button.start {
  background: #e1b696;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  button.start:hover,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#lookup
  button.start:hover {
  background: #d69f76;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#coffee_type
  .coffee_type_box
  p,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#coffee_type
  .coffee_type_box
  p {
  text-transform: initial;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .small_card_with_shadow,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .small_card_with_shadow {
  min-height: 300px;
  margin: 0 auto;
  max-width: 500px;
  padding: 50px 0;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#loading,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#loading {
  min-height: 300px;
  margin: 0 auto;
  max-width: 500px;
  padding: 50px 0;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  position: relative;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#loading
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#loading
  img {
  max-height: 175px;
  position: absolute;
  top: 50%;
  margin-top: -95px;
  right: 50%;
  margin-right: -95px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login {
  min-height: 300px;
  margin: 0 auto;
  max-width: 500px;
  padding: 50px 0;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login
  .input_box,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login
  .input_box {
  max-width: 280px;
  margin: auto;
  text-align: left;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login
  input,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login
  input {
  width: 100%;
  box-sizing: border-box;
  max-width: 280px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login
  .input_label,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login
  .input_label {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  margin-bottom: 5px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login
  button,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#login
  button {
  margin-top: 10px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#landing,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#landing {
  margin-top: 0;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#flavor_profiles,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#flavor_profiles {
  padding: 0 10px 50px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answers.grind,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answers.grind {
  margin-bottom: 20px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answers.grind
  .answer_box,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answers.grind
  .answer_box {
  padding: 40px 15px;
  margin-top: 10px;
  text-align: center;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answers.grind
  .answer_text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answers.grind
  .answer_text {
  text-align: center;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answers.grind
  .short_description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answers.grind
  .short_description {
  line-height: 1.6em;
  margin: 10px auto 5px;
  text-align: center;
  max-width: 270px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push {
  border: 2px solid #fff;
  cursor: pointer;
  padding: 15px;
  position: relative;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  transition-property: border-color, color, opacity;
  transition-duration: 0.25s;
  border-radius: 2px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box
  img.check,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box
  img.check,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push
  img.check,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push
  img.check {
  display: none;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box
  .answer_text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box
  .answer_text,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push
  .answer_text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push
  .answer_text {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  color: #4c4c4c;
  font-weight: normal;
  text-align: center;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box
  .answer_text.length,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box
  .answer_text.length,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push
  .answer_text.length,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push
  .answer_text.length {
  margin-bottom: 5px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box
  .short_description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box
  .short_description,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push
  .short_description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push
  .short_description {
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  color: #afafaf;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 14px;
  margin-top: 10px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  img,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  img {
  opacity: 0.65;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  .answer_text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  .answer_text,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  .answer_text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  .answer_text,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  .description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  .description,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  .description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  .description,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  .price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  .price,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  .price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  .price,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  .payment_price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  .payment_price,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  .payment_price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  .payment_price,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  p,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.dim
  p,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  p,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.dim
  p {
  color: #8b8b8b;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover {
  border: 2px solid #aac9d1;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  .answer_text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  .answer_text,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  .answer_text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  .answer_text,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  .description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  .description,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  .description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  .description,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  .payment_price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  .payment_price,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  .payment_price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  .payment_price {
  color: #5f828d;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  .price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  .price,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  .price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  .price {
  color: #838383;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box:hover
  img,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push:hover
  img {
  opacity: 1;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected {
  border: 2px solid #aac9d1;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  .answer_text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  .answer_text,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  .answer_text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  .answer_text,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  .description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  .description,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  .description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  .description,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  .payment_price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  .payment_price,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  .payment_price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  .payment_price {
  color: #5f828d;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  .price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  .price,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  .price,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  .price,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  p,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  p,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  p,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  p {
  color: #4c4c4c;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  img,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  img {
  opacity: 1;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  img.check,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box.selected
  img.check,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  img.check,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#grind
  .answer_box_no_push.selected
  img.check {
  display: block;
  width: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1000;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs {
  padding: 0 30px 50px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  h3,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  h3,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  h3,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  h3 {
  font-size: 18px;
  text-align: left;
  margin: 0;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  .gear_box,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  .gear_box,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  .gear_box,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  .gear_box {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  padding: 15px;
  margin-bottom: 20px;
  min-height: 185px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  .gear_box
  .button,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  .gear_box
  .button,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  .gear_box
  .button,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  .gear_box
  .button {
  box-sizing: border-box;
  width: 100%;
  max-width: 250px;
  margin: 15px auto 0;
  border: 1px solid #5f828d;
  padding: 10px 0;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  .gear_box
  .button.inactive,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  .gear_box
  .button.inactive,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  .gear_box
  .button.inactive,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  .gear_box
  .button.inactive {
  background: #fff;
  border: 1px solid #5f828d;
  color: #5f828d;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  .gear_box
  .trade_in,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear
  .gear_box
  .trade_in,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  .gear_box
  .trade_in,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs
  .gear_box
  .trade_in {
  text-transform: uppercase;
  font-weight: 500;
  font-family: "brandon-grotesque";
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box {
  min-height: 0;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box
  h3,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box
  h3,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box
  h3,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box
  h3 {
  line-height: 27px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box
  .image,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box
  .image,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box
  .image,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box
  .image {
  text-align: center;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box
  img,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box
  img {
  max-width: 90px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box
  .button,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#brew_gear.combine_subs
  .gear_box
  .button,
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box
  .button,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#combine_subs.combine_subs
  .gear_box
  .button {
  background: #aac9d1;
  border-color: #aac9d1;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box {
  margin-top: 30px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  padding: 30px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text {
  font-size: 14px;
  line-height: 1.7em;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text
  .question,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text
  .question {
  text-align: left;
  margin-bottom: 10px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text
  .chosen_box_image,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text
  .chosen_box_image {
  text-align: center;
  margin: 20px 0 10px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text
  .chosen_box_image
  img,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text
  .chosen_box_image
  img {
  width: 100%;
  max-width: 180px;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text
  .redemption_description,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#gift_box
  .sub_recommendation
  .text
  .redemption_description {
  text-align: center;
  color: #929292;
}
.gift-customize-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#shipinfo
  .billing_shipping
  .checkout_box
  .padding
  fieldset,
.gift-claim-index
  #sns_content
  .container
  .quiz_background
  .quiz
  .cards
  .card#shipinfo
  .billing_shipping
  .checkout_box
  .padding
  fieldset {
  padding: 10px 0;
}
.gift-customize-index #sns_content .container .landing .subscription_image,
.gift-claim-index #sns_content .container .landing .subscription_image {
  background: url(http://c9991f0f3b59d3e9b7e9-c94cc42c0dc2d55453795059cd32df60.r8.cf2.rackcdn.com/gift_claim_hero_2017.jpg);
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
  margin-top: 0;
  padding-bottom: 20px;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.gift-customize-index #sns_content .container .landing .subscription_image img,
.gift-claim-index #sns_content .container .landing .subscription_image img {
  display: none;
}
.gift-customize-index #sns_content .container .landing .quiz_background,
.gift-claim-index #sns_content .container .landing .quiz_background {
  padding-top: 35px;
}
.gift-customize-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .progress,
.gift-claim-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .progress {
  display: none;
}
.gift-customize-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards,
.gift-claim-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards {
  background: #f8f8f8;
}
.gift-customize-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container,
.gift-claim-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container {
  display: block;
  max-width: 500px;
  padding: 50px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
  margin: auto;
  background: #fff;
  text-align: center;
}
.gift-customize-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container
  .title,
.gift-claim-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container
  .title {
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: 500;
  line-height: 26px;
  max-width: 420px;
  margin: auto;
}
.gift-customize-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container
  p,
.gift-claim-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container
  p {
  font-size: 16px;
  font-style: italic;
  margin: 30px 0 50px;
}
.gift-customize-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container
  .password_prompt
  .title,
.gift-claim-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container
  .password_prompt
  .title {
  font-size: 14px;
  font-weight: normal;
}
.gift-customize-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container
  .password_prompt
  p,
.gift-claim-index
  #sns_content
  .container
  .landing
  .quiz_background
  .quiz
  .cards
  .card
  .landing_container
  .password_prompt
  p {
  font-size: 14px;
  max-width: 300px;
  margin: 10px auto;
  font-style: inherit;
}
.gift-customize-index #sns_footer,
.gift-claim-index #sns_footer {
  margin-top: 0;
}
@media (max-width: 767px) {
  .gift-customize-index .quiz_background,
  .gift-claim-index #sns_content .container .quiz_background {
    padding-top: 5px;
  }
  .gift-customize-index .quiz_background .quiz .cards,
  .gift-claim-index #sns_content .container .quiz_background .quiz .cards {
    margin-bottom: 0;
  }
  .gift-customize-index .quiz_background .quiz .cards .card,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card {
    padding: 15px !important;
  }
  .gift-customize-index .quiz_background .quiz .cards .card#gift_box,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#gift_box {
    margin-top: 0px;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .cards
    .card#gift_box
    .sub_recommendation
    .image,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#gift_box
    .sub_recommendation
    .image {
    margin-bottom: 15px;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .cards
    .card#gift_box
    .sub_recommendation
    .image
    img,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#gift_box
    .sub_recommendation
    .image
    img {
    margin: 0 auto;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .cards
    .card#gift_box
    .sub_recommendation
    .text,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#gift_box
    .sub_recommendation
    .text {
    text-align: center;
    max-width: 400px;
    margin: auto;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .cards
    .card#gift_box
    .sub_recommendation
    .text
    .question,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#gift_box
    .sub_recommendation
    .text
    .question {
    text-align: center;
  }
  .gift-customize-index .quiz_background .quiz .answer_box label img,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .answer_box
    label
    img {
    max-width: 90px;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .answer_box
    label
    .inline_quiz_descriptor,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .answer_box
    label
    .inline_quiz_descriptor {
    position: relative;
    top: 5px;
    text-align: center;
    width: 50%;
    display: inline-block;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .answer_box
    label
    .inline_quiz_descriptor
    .answer_text,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .answer_box
    label
    .inline_quiz_descriptor
    .answer_text {
    text-align: left;
  }
  .gift-customize-index .quiz_background .quiz .card#flavor_profiles img,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .card#flavor_profiles
    img {
    position: relative;
    top: -4px;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .card#flavor_profiles
    .answer_box,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .card#flavor_profiles
    .answer_box {
    padding-bottom: 15px;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .card#flavor_profiles
    .answer_box
    .short_description,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .card#flavor_profiles
    .answer_box
    .short_description {
    text-align: left;
  }
  .gift-customize-index .quiz_background .quiz .cards .card#brew_gear .gear_box,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#brew_gear
    .gear_box {
    text-align: center;
    padding-bottom: 35px;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .cards
    .card#brew_gear
    .gear_box
    img,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#brew_gear
    .gear_box
    img {
    max-height: 200px;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .cards
    .card#brew_gear
    .gear_box
    h3,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#brew_gear
    .gear_box
    h3 {
    text-align: center;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .cards
    .card#brew_gear
    .gear_box
    p,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#brew_gear
    .gear_box
    p {
    max-width: 577px;
    margin: 10px auto;
  }
  .gift-customize-index
    .quiz_background
    .quiz
    .cards
    .card#brew_gear
    .gear_box
    .button,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .cards
    .card#brew_gear
    .gear_box
    .button {
    margin: 15px 5px 0;
  }
  .gift-customize-index .quiz_background .quiz #coffee_type .answer_box,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    #coffee_type
    .answer_box {
    margin-bottom: 15px;
  }
  .gift-customize-index .quiz_background .quiz #coffee_type .answer_box p,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    #coffee_type
    .answer_box
    p {
    min-height: 0;
  }
  .gift-customize-index .quiz_background .quiz #coffee_type .answer_box label,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    #coffee_type
    .answer_box
    label {
    padding-bottom: 15px;
    min-height: 0;
  }
  .gift-customize-index .quiz_background .quiz .sub_recommendation,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .sub_recommendation {
    margin-bottom: 20px;
  }
  .gift-customize-index .quiz_background .quiz .sub_recommendation .image,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .sub_recommendation
    .image {
    text-align: center;
  }
  .gift-customize-index .quiz_background .quiz .sub_recommendation img,
  .gift-claim-index
    #sns_content
    .container
    .quiz_background
    .quiz
    .sub_recommendation
    img {
    max-width: 200px;
    margin: 10px auto;
  }
  .gift-customize-index .quiz_background .quiz hr,
  .gift-claim-index #sns_content .container .quiz_background .quiz hr {
    display: none;
  }
}
@media (max-width: 480px) {
  .gift-customize-index .quiz .card#flavor_profiles img,
  .gift-claim-index #sns_content .container .quiz .card#flavor_profiles img {
    position: relative;
    top: -20px;
  }
}
.gift-print-index {
  font-family: "museo-sans", sans-serif;
  /*internet explorer*/
}
.gift-print-index img.logo {
  width: 100px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -50px;
}
.gift-print-index .top {
  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;
}
.gift-print-index .card_image {
  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;
  background-image: url(https://b1a7d3c7dbae41222b62-c94cc42c0dc2d55453795059cd32df60.ssl.cf2.rackcdn.com/printvoucher-coffee-2018.jpg) !important;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  -webkit-print-color-adjust: exact;
}
.gift-print-index .card_info {
  float: left;
  padding: 30px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  min-height: 590px;
}
.gift-print-index h1 {
  text-transform: uppercase;
  line-height: 31px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 0;
}
.gift-print-index .description {
  letter-spacing: 0.05em;
  color: #5f828d;
  margin: 5px 0 20px 0;
  line-height: 1.6em;
  font-size: 14px;
}
.gift-print-index .note {
  text-align: center;
  line-height: 1.6em;
  margin: 15px 0 20px;
  letter-spacing: 0.05em;
  color: #5f828d;
  font-size: 14px;
}
.gift-print-index .gift_card {
  padding: 0;
  width: 7.3in;
  border: 1px solid #e6e6e6;
  margin: 0;
}
.gift-print-index .claim_bar {
  background: #aac9d1 !important;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 5px;
  text-align: center;
  color: #fff !important;
  font-size: 14px;
  -webkit-print-color-adjust: exact;
}
.gift-print-index .field_row .field_label {
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: 0.05em;
  color: #000;
}
.gift-print-index .field_row .field {
  padding: 15px;
  background: #e1e1e1;
  margin-bottom: 15px;
}
@media print {
  .gift-print-index .claim_bar {
    background: #aac9d1 !important;
    color: #fff !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .gift-print-index .print_image {
    display: block;
    max-width: 10000px;
    max-height: 10000px;
    width: auto;
    min-width: 100%;
    height: 100%;
  }
  .gift-print-index .gift-print-index .card_image {
    background-image: none;
    background-color: unset;
    box-shadow: inset 0 0 0 1000px #aac9d1;
    overflow-x: hidden;
    display: block;
  }
}
.gift-card-index-index #sns_main {
  background: #efeeee;
}
.gift-card-index-index .card_redemption_container {
  max-width: 600px;
  text-align: center;
  margin: 20px auto 150px;
}
.gift-card-index-index .card_redemption_container h1 {
  margin-bottom: 20px;
}
.gift-card-index-index .card_redemption_container h4 {
  margin-bottom: 40px;
}
.gift-card-index-index input {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  height: 51px;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
  margin-bottom: 40px;
}
.gift-card-index-index input.invalid {
  border: 1px solid #c2002f;
}
.gift-card-index-index a {
  color: #e1b696;
}
.continue-gift-index-index {
  background: #f2f2f2;
}
.continue-gift-index-index #sns_content {
  margin-top: 0;
}
.continue-gift-index-index .container {
  width: 100%;
}
.continue-gift-index-index .page_container {
  max-width: 1100px;
  margin: auto;
  width: 100%;
  float: none;
  padding: 0 20px;
}
.continue-gift-index-index .hero {
  background: url(../images/mbox/gift/claim_gift_hero_1.jpg);
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 25px;
  padding: 15px;
}
.continue-gift-index-index .hero .hero_container {
  max-width: 800px;
  margin: auto;
  padding-top: 150px;
}
.continue-gift-index-index .hero h3 {
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  font-weight: normal;
}
.continue-gift-index-index .hero h1 {
  color: #fff;
  text-align: center;
  font-size: 48px;
}
.continue-gift-index-index .three_reasons {
  border: 1px solid #e8e8e8;
  margin: 20px 0 20px 0;
  padding: 0 0px 20px 0;
  background: #fff;
}
.continue-gift-index-index .three_reasons h1 {
  font-size: 25px;
  text-align: center;
}
.continue-gift-index-index .three_reasons .reason {
  max-width: 550px;
  margin: auto;
  text-align: left;
}
.continue-gift-index-index .page_container {
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.continue-gift-index-index .padding {
  padding: 0 15px;
}
.continue-gift-index-index .payment h4 {
  margin: 5px 0;
}
.continue-gift-index-index .payment img {
  width: 15px;
  position: relative;
}
.continue-gift-index-index .payment input {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  height: 41px;
  border: 1px solid #e6e6e6;
  padding-left: 10px;
  margin-bottom: 10px !important;
}
.continue-gift-index-index .payment input:focus {
  background: #f9f9f9;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.continue-gift-index-index .payment input.invalid {
  border: 1px solid #c2002f;
}
.continue-gift-index-index .payment select.invalid {
  border: 1px solid #c2002f;
}
.continue-gift-index-index .payment p {
  margin: 20px 0;
}
.continue-gift-index-index .subscription_info {
  text-align: center;
}
.continue-gift-index-index .subscription_info img {
  margin-bottom: 25px;
}
.continue-gift-index-index .subscription_info p {
  font-style: italic;
}
.continue-gift-index-index .subscription_info .price,
.continue-gift-index-index .subscription_info .next_shipment {
  text-transform: uppercase;
  font-size: 15px;
  font-family: "brandon-grotesque", sans-serif;
  margin: 25px;
  letter-spacing: 0.07em;
}
.continue-gift-index-index .subscription_info .price span.strike {
  text-decoration: line-through;
}
.continue-gift-index-index .subscription_info .price span.discount_price {
  color: #e1b696;
}
.continue-gift-index-index .subscription_info a {
  color: #e1b696;
}
@media (max-width: 767px) {
  .continue-gift-index-index .payment {
    padding: 15px;
  }
}
@media (max-width: 480px) {
  .continue-gift-index-index h1 {
    font-size: 25px;
  }
  .continue-gift-index-index h4 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .gift-customize-index #sns_footer,
  .gift-claim-index #sns_footer {
    display: none;
  }
}
.no_gifts {
  text-align: center;
  position: relative;
  top: -40px;
}
.no_gifts img {
  max-width: 280px;
  margin: 15px auto;
}
.no_gifts .red-button {
  margin-bottom: 50px;
  color: #fff;
}
.no_gifts p {
  max-width: 322px;
  font-size: 15px;
  margin: auto;
}
.gift_purchase .top_bar {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 25px;
  font-family: "brandon-grotesque";
  color: #4c4c4c;
  background: #fff;
}
.gift_purchase .top_bar .name {
  min-height: 0;
  color: #4c4c4c;
  font-size: 18px;
}
.gift_purchase .top_bar .status {
  min-height: 0;
  text-align: right;
  color: #4c4c4c;
  font-size: 18px;
}
.gift_purchase .gift_note {
  font-size: 18px;
  font-style: italic;
  padding: 30px 25px;
  border-bottom: 1px solid #e6e6e6;
  color: #aac9d1;
  text-align: center;
}
.gift_purchase .gift_info {
  padding: 30px 25px 40px;
  font-size: 13px;
}
.gift_purchase .gift_info a {
  color: #aac9d1;
}
.gift_purchase .gift_info .label {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  color: #4c4c4c;
  margin: 10px 0 5px;
  padding: 0;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 13px;
}
.gift_purchase .gift_info .delivery_info .info {
  text-transform: uppercase;
  font-weight: bold;
  color: #5f828d;
}
.gift_purchase .gift_info .delivery_info .info img {
  width: 25px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.gift_purchase .gift_info .delivery_info .sub_info {
  margin-bottom: 15px;
}
.gift_purchase .gift_info .recipient_info {
  background: #f8f8f8;
  border: 1px solid #e6e6e6;
  padding: 5px 15px 15px;
}
.gift_purchase .change_link {
  padding: 10px 25px 30px;
  text-align: center;
}
.gift_purchase .change_link a {
  text-decoration: underline;
  font-size: 14px;
}
@media (max-width: 767px) {
  .gift_purchase .top_bar {
    text-align: center;
  }
  .gift_purchase .top_bar .status {
    text-align: center;
  }
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#fdd49a),
    to(#fdf59a)
  );
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#f3c17a),
    to(#f3e97a)
  );
  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#b3b3b3),
    to(#808080)
  );
  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#0088cc),
    to(#0044cc)
  );
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#0088cc),
    to(#0044cc)
  );
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}
.full-width-landing-page #sns_content {
  margin-top: 0;
}
.full-width-landing-page #sns_content .container {
  width: 100%;
}
/*global landing page sections and elements*/
.hero h1 {
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  font-size: 60px;
  line-height: 70px;
}
.hero h2 {
  font-weight: normal;
  text-align: center;
  font-size: 18px;
}
.circle_button {
  width: 35px;
  height: 35px;
  margin: auto;
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  text-align: center;
  position: relative;
  vertical-align: middle;
  -webkit-transition: border-color 200ms ease-in-out;
  -moz-transition: border-color 200ms ease-in-out;
  transition: border-color 200ms ease-in-out;
  cursor: pointer;
}
.circle_buttonhover {
  border-color: #fff;
}
.chevron {
  background: url(../images/mbox/chevron.png);
  background-size: 100%;
  width: 18px;
  height: 13px;
  background-repeat: no-repeat;
  position: relative;
  left: 9px;
  top: 14px;
}
@-webkit-keyframes small-bounce {
  0% {
    -webkit-transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(0px);
  }
  75% {
    -webkit-transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@-moz-keyframes small-bounce {
  0% {
    -moz-transform: translateY(0px);
  }
  25% {
    -moz-transform: translateY(3px);
  }
  50% {
    -moz-transform: translateY(0px);
  }
  75% {
    -moz-transform: translateY(-1px);
  }
  100% {
    -moz-transform: translateY(0px);
  }
}
@keyframes small-bounce {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(3px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0px);
  }
}
.bounce {
  -webkit-animation: small-bounce 850ms linear infinite;
  -moz-animation: small-bounce 850ms linear infinite;
  animation: small-bounce 850ms linear infinite;
}
.textured_row {
  background: url(../images/mbox/patterns/herringbone_grey.jpg);
  background-size: 150px;
  padding: 60px;
  background-repeat: repeat;
  text-align: center;
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-size: 20px;
  letter-spacing: 0.1em;
}
.textured_row h3 {
  font-weight: normal;
}
.textured_row.lines {
  background: url(../images/mbox/patterns/double_lined.png);
}
.testimonial {
  background: #aac9d1;
  text-align: center;
  padding: 60px 15px 40px;
}
.testimonial p {
  color: #fff !important;
  font-size: 20px !important;
  max-width: 650px;
  margin: auto;
  line-height: 30px;
  font-weight: 100;
}
.testimonial a {
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: underline;
  color: #5f828d;
  font-family: "brandon-grotesque", sans-serif;
}
.testimonial a:hover {
  color: #fff;
}
.testimonial .testimonial_person {
  text-align: center;
  margin: 10px auto 20px;
}
.testimonial .testimonial_person p {
  display: inline-block;
  position: relative;
  top: 4px;
  left: 5px;
  margin: 15px auto;
  color: #fff;
}
.testimonial .testimonial_person p.person {
  color: #5f828d !important;
  font-family: "brandon-grotesque", sans-serif !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
}
.testimonial .testimonial_person img {
  width: 40px;
}
#how-it-works,
.how-it-works {
  margin: 50px auto;
  text-align: center;
}
#how-it-works .h2-break,
.how-it-works .h2-break {
  margin: 0px auto 35px;
}
#how-it-works .container,
.how-it-works .container {
  max-width: 950px;
  margin: auto;
}
#how-it-works .heading,
.how-it-works .heading {
  color: #000;
  font-size: 16px;
  margin: 15px 0px;
}
#how-it-works p,
.how-it-works p {
  padding: 0px 40px;
}
#how-it-works img,
.how-it-works img {
  text-align: center;
}
.new_how_it_works,
.how_mistobox_works {
  text-align: center;
  padding: 40px 15px 50px;
  background: #fff;
}
.new_how_it_works .container,
.how_mistobox_works .container {
  max-width: 950px;
  margin: auto;
}
.new_how_it_works .step,
.how_mistobox_works .step {
  padding: 0 15px;
  margin-top: 10px;
}
.new_how_it_works img,
.how_mistobox_works img {
  max-width: 130px;
}
.new_how_it_works p,
.how_mistobox_works p {
  font-size: 14px;
  max-width: 266px;
  margin: 5px auto 15px;
  color: #838383;
}
.new_how_it_works .title,
.how_mistobox_works .title {
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #e1b696;
  margin-top: 10px;
  font-weight: 500;
}
#as-featured {
  background: #d9d9d9;
  min-height: 90px;
}
#as-featured #featured-pubs {
  padding: 30px 10px;
}
#as-featured #featured-pubs img {
  height: 25px;
  margin: 0px 30px 0 0;
}
#as-featured #featured-pubs span {
  text-transform: uppercase;
  color: #666666;
  font-weight: bold;
  margin: 0 30px 20px 0;
  position: relative;
  top: 2px;
}
#as-featured #featured-pubs #sharktank {
  height: 30px;
}
#as-featured #featured-pubs #foodwine {
  height: 21px;
}
#as-featured #featured-pubs #lifehacker {
  margin-right: 0px;
  height: 29px;
}
.grid_row .image {
  text-align: center;
  height: 380px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 50%;
  margin: 0;
}
.grid_row .text {
  text-align: center;
  padding: 90px 10px;
  background: #f3f3f3;
  width: 50%;
  margin: 0;
  height: 380px;
}
.grid_row .text .text_container {
  max-width: 423px;
  margin: auto;
}
.grid_row .text .text_container p {
  margin: 20px 0;
  line-height: 1.9em;
}
.grid_row.roaster_portrait .image {
  background: url(../images/mbox/landingPage/coffee-roasters-sample.jpg);
  background-size: cover;
  background-position: center center;
}
.grid_row.curator_portrait .image {
  background: url(../images/mbox/landingPage/coffee-curator-sampling-coffee.jpg);
  background-size: cover;
  background-position: center center;
}
.grid_row.box_handing .image {
  background: url(../images/mbox/landingPage/verve_tabletop.jpg);
  background-size: cover;
  background-position: center center;
}
#roaster-info {
  padding: 30px 0 60px;
}
#featured-roasters {
  max-width: 830px;
  margin: auto;
  text-align: center;
  padding: 0;
}
#featured-roasters img {
  height: 55px;
  margin: 30px 55px 0 0;
}
#featured-roasters img#verve {
  height: 25px;
  margin-right: 0px;
}
#featured-roasters img#ruby {
  height: 45px;
}
#featured-roasters img#onyx {
  height: 40px;
}
#featured-roasters img#intelli {
  height: 45px;
  top: -4px;
  position: relative;
}
#featured-roasters .roaster_link {
  margin-top: 25px;
  text-align: center;
}
#featured-roasters .roaster_link a {
  color: #e1b696;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 0.1em;
}
.lifestyle_photo {
  width: 100%;
  height: 300px;
  background: url(../images/mbox/lifestyle_photo.jpg);
  background-size: cover;
  background-position: center center;
  display: none;
}
/*Logged out homepage*/
.with_sidebar .how_mistobox_works .container {
  max-width: 800px;
}
#homepage-logged-out {
  margin: 0;
  padding: 0;
}
#homepage-logged-out h3 {
  font-family: "museo-sans";
  font-weight: normal;
  letter-spacing: 0.02em;
  font-size: 17px;
}
#homepage-logged-out p {
  letter-spacing: 0.03em;
  color: #929292;
  font-size: 14px;
}
#homepage-logged-out .hero {
  background: url(../images/mbox/light_hero_background.jpg);
  height: 550px;
  background-size: 109%;
  background-repeat: no-repeat;
  background-position: top right;
}
#homepage-logged-out .hero .headline {
  padding: 100px 80px 0;
  margin: 0 auto;
  text-transform: uppercase;
}
#homepage-logged-out .hero h1 {
  color: #fff;
  font-size: 46px;
  line-height: 1.1;
}
#homepage-logged-out .hero #subheader {
  color: #666666;
  font-size: 18px;
  letter-spacing: 0.08em;
  max-width: 420px;
  text-transform: initial;
  font-weight: 500;
  color: #4c4c4c;
}
#homepage-logged-out .hero .button {
  letter-spacing: 0.1em;
  font-size: 14px;
}
#homepage-logged-out .hero .white-button {
  width: 108px;
  margin: 0 20px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 15px;
}
#homepage-logged-out .hero .red-button {
  margin: 35px 0 0 80px;
  width: 110px;
}
#homepage-logged-out .hero .hero-bottom {
  width: 100%;
  height: 60px;
  text-align: center;
  margin-top: 30px;
}
#homepage-logged-out .hero.new_version {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/mbox/mistobox_hero_banner.jpg);
  display: flex;
  height: 520px;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
#homepage-logged-out .hero.new_version .headline {
  padding: 0;
}
#homepage-logged-out .hero.new_version h1 {
  color: #4c4c4c;
  font-family: "museo-sans";
  letter-spacing: 0;
  text-transform: initial;
  filter: drop-shadow(0 3px 4px rgb(255 255 318.75));
}
#homepage-logged-out .hero.new_version #subheader {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.03em;
  max-width: 420px;
  text-transform: initial;
  font-family: "museo-sans", sans-serif;
  color: #7d7d7d;
  margin: 7px auto 15px;
}
#homepage-logged-out .hero.new_version .italic_header {
  font-size: 35px;
  font-style: italic;
}
#homepage-logged-out .hero.new_version .text {
  font-style: italic;
  margin-bottom: 5px;
}
#homepage-logged-out .hero.new_version .text.right .text_container {
  text-align: left;
}
#homepage-logged-out .hero.new_version .text.right .text_container h3 {
  text-align: left;
}
#homepage-logged-out .hero.new_version .text.right .text_container p {
  text-align: left;
}
#homepage-logged-out .hero.new_version .blink_me {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    color: #e23636;
  }
}
#homepage-logged-out .hero.new_version .button {
  padding: 8px 16px;
  display: inline-block;
  width: 108px;
  text-align: center;
  letter-spacing: 0.14em;
  margin-top: 15px;
}
#homepage-logged-out .hero.new_version .button.gift {
  border: 1px solid #4c4c4c;
  color: #4c4c4c;
  background: none;
  display: inline-block;
  margin-left: 5px;
}
#homepage-logged-out .hero.new_version .button.gift:hover {
  background: #4c4c4c;
  color: #fff !important;
}
#homepage-logged-out .hero.new_version .button.try {
  background: #5f828d;
  border: 1px solid #5f828d;
  color: #fff;
  margin-right: 5px;
}
#homepage-logged-out .hero.new_version .button.try:hover {
  background: #e1b696;
  border: 1px solid #e1b696;
}
@media (max-width: 767px) {
  #homepage-logged-out .hero.new_version {
    height: 420px;
  }
  #homepage-logged-out .hero.new_version .italic_header {
    font-size: 25px;
  }
  #homepage-logged-out .hero.new_version h1 {
    font-size: 38px;
  }
  #homepage-logged-out .hero.new_version .buttons {
    margin: 30px 0;
    padding: 5px 8px;
    font-size: 12px;
  }
  #homepage-logged-out .hero.new_version #subheader {
    font-size: 15px;
    max-width: 330px;
    margin: 5px auto 8px;
  }
  #homepage-logged-out .hero.new_version .red-button,
  #homepage-logged-out .hero.new_version .white-button {
    width: 150px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 480px) {
  #homepage-logged-out .hero .headline {
    padding: 80px 15px 0px;
  }
  #homepage-logged-out .hero.new_version {
    height: 400px;
  }
  #homepage-logged-out .hero.new_version .button {
    margin: 0;
  }
  #homepage-logged-out .hero.new_version .button.try {
    padding: 3px;
    font-size: 12px;
    margin: 0;
    margin-top: 3px;
    font-weight: normal;
  }
  #homepage-logged-out .hero.new_version h1 {
    font-size: 28px;
  }
  #homepage-logged-out .hero.new_version #subheader {
    font-size: 14px;
    max-width: 231px;
    line-height: 1.4em;
  }
  #homepage-logged-out .hero.new_version h4 {
    margin-top: 60px;
  }
  #homepage-logged-out .hero.new_version h3 {
    font-size: 18px;
  }
  #homepage-logged-out .grid_row .image,
  #homepage-logged-out .grid_row .text {
    height: 300px;
  }
}
.landing_page .hero-bottom {
  width: 100%;
  height: 60px;
  text-align: center;
  margin-top: 15px;
}
.landing_page .hero {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  text-align: center;
  color: #fff;
  padding: 30px;
}
.grid-based-landing-page .product {
  background-color: #e8e8e8;
  padding: 0 30px 30px 30px;
}
.grid-based-landing-page .product img {
  max-width: 90%;
}
.grid-based-landing-page .product .product_information {
  padding-top: 50px;
}
.grid-based-landing-page .product .product_information h1 {
  font-size: 28px;
  color: #e1b696;
  line-height: 35px;
}
.grid-based-landing-page .product .product_information p {
  font-size: 14px;
}
.grid-based-landing-page .product .iconline .icon,
.grid-based-landing-page .product .iconline .text {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  color: #929292;
}
.grid-based-landing-page .product .iconline .icon img {
  width: 17px;
}
.grid-based-landing-page .product .iconline .icon img.guarantee {
  width: 15px;
  margin: 0 3px 0 2px;
}
.grid-based-landing-page .product .iconline .icon img.shipping {
  width: 20px;
}
.grid-based-landing-page .product .button_align {
  text-align: left;
}
.grid-based-landing-page .product.v2 {
  background: url(../images/mbox/landingPage/sampler_grey_test_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  color: #fff;
  height: 400px;
  padding: 0 50px 30px 30px;
}
.grid-based-landing-page .product.v2 .content_box {
  max-width: 400px;
  float: right;
  text-align: left;
}
.grid-based-landing-page .product.v2 .content_box h1 {
  font-size: 30px;
  color: #e1b696;
  margin-top: 75px;
}
.grid-based-landing-page .product.v2 .content_box p {
  font-size: 17px;
  color: #666666;
  margin-bottom: 50px;
}
.grid-based-landing-page .product.v2 .points {
  max-width: 600px;
  margin: auto;
  color: #666666;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 40px;
  font-family: "brandon-grotesque";
}
.grid-based-landing-page .product.v2 .points img {
  width: 20px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .grid-based-landing-page .product .product_image {
    text-align: center;
  }
  .grid-based-landing-page .product .product_image img {
    width: 70%;
  }
  .grid-based-landing-page .product .product_information {
    padding-top: 0;
  }
  .grid-based-landing-page .product .product_information h1 {
    font-size: 25px;
  }
  .grid-based-landing-page .product .product_information .button_align {
    text-align: left;
  }
  .grid-based-landing-page .product.v2 {
    background: url(../images/mbox/landingPage/sampler_grey_test_bg_small.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
  }
  .grid-based-landing-page .product.v2 .content_box {
    text-align: center;
    max-width: 800px;
    float: none;
    margin: auto;
  }
  .grid-based-landing-page .product.v2 .content_box h1 {
    font-size: 20px;
    line-height: 20px;
    margin-top: 235px;
  }
  .grid-based-landing-page .product.v2 .content_box p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .grid-based-landing-page .product.v2 .points {
    display: none;
  }
  .grid-based-landing-page .product_details .grid_row .image {
    max-height: 380px;
    width: 100%;
  }
  .grid-based-landing-page .product_details .grid_row .text {
    height: inherit;
    width: 100%;
    padding: 50px 55px;
  }
  .grid-based-landing-page .product_details .grid_row .text .text_container h3 {
    font-size: 18px;
    line-height: 25px;
  }
  .grid-based-landing-page .grid_row .image {
    max-height: 380px;
    width: 100%;
  }
  .grid-based-landing-page .grid_row .text {
    height: inherit;
    width: 100%;
    padding: 50px 55px;
  }
  .grid-based-landing-page .grid_row .text .text_container h3 {
    font-size: 18px;
    line-height: 25px;
  }
}
@media (max-width: 480px) {
  .grid-based-landing-page .product .product_image {
    text-align: center;
  }
  .grid-based-landing-page .product .product_image img {
    width: 80%;
  }
  .grid-based-landing-page .product .product_information {
    margin-top: -15px;
  }
  .grid-based-landing-page .product .product_information h1 {
    font-size: 20px;
    text-align: center;
  }
  .grid-based-landing-page .product .product_information button {
    font-size: 13px;
  }
  .grid-based-landing-page .features_section .grid_row .image {
    height: 300px;
  }
  .grid-based-landing-page .textured_row button {
    font-size: 11px;
  }
}
.migration-index-index #sns_topheader,
.magentointro-index-index #sns_topheader,
.sharktank-index-index #sns_topheader,
.home-test1-index-index #sns_topheader,
.migration-index-index #sns_footer,
.magentointro-index-index #sns_footer,
.sharktank-index-index #sns_footer,
.home-test1-index-index #sns_footer,
.migration-index-index #ascommercebug_link_debug,
.magentointro-index-index #ascommercebug_link_debug,
.sharktank-index-index #ascommercebug_link_debug,
.home-test1-index-index #ascommercebug_link_debug,
.migration-index-index .push,
.magentointro-index-index .push,
.sharktank-index-index .push,
.home-test1-index-index .push {
  display: none;
}
.migration-index-index #sns_content,
.magentointro-index-index #sns_content,
.sharktank-index-index #sns_content,
.home-test1-index-index #sns_content {
  margin-top: 0;
}
.migration-index-index #sns_content .container,
.magentointro-index-index #sns_content .container,
.sharktank-index-index #sns_content .container,
.home-test1-index-index #sns_content .container {
  width: 100%;
}
.migration-index-index .features_section,
.magentointro-index-index .features_section,
.sharktank-index-index .features_section,
.home-test1-index-index .features_section {
  border-right: 1px solid #e6e6e6;
  width: 66.6666%;
}
.migration-index-index .features_section .header,
.magentointro-index-index .features_section .header,
.sharktank-index-index .features_section .header,
.home-test1-index-index .features_section .header {
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  height: 70px;
}
.migration-index-index .features_section .header img,
.magentointro-index-index .features_section .header img,
.sharktank-index-index .features_section .header img,
.home-test1-index-index .features_section .header img {
  height: 25px;
  margin-left: 25px;
  margin-top: 22px;
}
.migration-index-index .features_section h3,
.magentointro-index-index .features_section h3,
.sharktank-index-index .features_section h3,
.home-test1-index-index .features_section h3 {
  font-size: 18px;
  text-align: center;
}
.migration-index-index .features_section .hero,
.magentointro-index-index .features_section .hero,
.sharktank-index-index .features_section .hero,
.home-test1-index-index .features_section .hero {
  background: url(../images/mbox/herobackground.jpg);
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  text-align: center;
  color: #fff;
  padding: 30px;
}
.migration-index-index .features_section .hero img.one,
.magentointro-index-index .features_section .hero img.one,
.sharktank-index-index .features_section .hero img.one,
.home-test1-index-index .features_section .hero img.one {
  width: 100%;
  max-width: 480px;
}
.migration-index-index .features_section .hero h1,
.magentointro-index-index .features_section .hero h1,
.sharktank-index-index .features_section .hero h1,
.home-test1-index-index .features_section .hero h1,
.migration-index-index .features_section .hero h4,
.magentointro-index-index .features_section .hero h4,
.sharktank-index-index .features_section .hero h4,
.home-test1-index-index .features_section .hero h4 {
  color: #fff;
}
.migration-index-index .features_section .hero h1,
.magentointro-index-index .features_section .hero h1,
.sharktank-index-index .features_section .hero h1,
.home-test1-index-index .features_section .hero h1 {
  font-size: 18px;
  padding-top: 100px;
  max-width: 580px;
  margin: auto;
}
.migration-index-index .features_section .hero h4,
.magentointro-index-index .features_section .hero h4,
.sharktank-index-index .features_section .hero h4,
.home-test1-index-index .features_section .hero h4 {
  font-size: 14px;
  margin-top: 130px;
}
.migration-index-index .features_section .hero h4 img,
.magentointro-index-index .features_section .hero h4 img,
.sharktank-index-index .features_section .hero h4 img,
.home-test1-index-index .features_section .hero h4 img {
  height: 15px;
  position: relative;
  top: -3px;
}
.migration-index-index .features_section .product,
.magentointro-index-index .features_section .product,
.sharktank-index-index .features_section .product,
.home-test1-index-index .features_section .product {
  background-color: #e8e8e8;
  padding: 0 30px 30px 30px;
}
.migration-index-index .features_section .product .product_information,
.magentointro-index-index .features_section .product .product_information,
.sharktank-index-index .features_section .product .product_information,
.home-test1-index-index .features_section .product .product_information {
  padding-top: 30px;
}
.migration-index-index .features_section .product .product_information h1,
.magentointro-index-index .features_section .product .product_information h1,
.sharktank-index-index .features_section .product .product_information h1,
.home-test1-index-index .features_section .product .product_information h1 {
  font-size: 24px;
  color: #e1b696;
  line-height: 35px;
}
.migration-index-index .features_section .product .product_information p,
.magentointro-index-index .features_section .product .product_information p,
.sharktank-index-index .features_section .product .product_information p,
.home-test1-index-index .features_section .product .product_information p {
  font-size: 14px;
}
.migration-index-index
  .features_section
  .product
  .product_information
  .icon_line,
.magentointro-index-index
  .features_section
  .product
  .product_information
  .icon_line,
.sharktank-index-index
  .features_section
  .product
  .product_information
  .icon_line,
.home-test1-index-index
  .features_section
  .product
  .product_information
  .icon_line {
  height: 40px;
}
.migration-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon,
.magentointro-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon,
.sharktank-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon,
.home-test1-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon {
  width: 20px;
  float: left;
  margin-right: 15px;
  text-align: center;
}
.migration-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon
  img.money,
.magentointro-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon
  img.money,
.sharktank-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon
  img.money,
.home-test1-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon
  img.money {
  height: 25px;
}
.migration-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon
  img.package,
.magentointro-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon
  img.package,
.sharktank-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon
  img.package,
.home-test1-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .icon
  img.package {
  width: 25px;
  max-width: 115%;
}
.migration-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .text,
.magentointro-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .text,
.sharktank-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .text,
.home-test1-index-index
  .features_section
  .product
  .product_information
  .icon_line
  .text {
  line-height: 13px;
}
.migration-index-index .features_section .product .button_align,
.magentointro-index-index .features_section .product .button_align,
.sharktank-index-index .features_section .product .button_align,
.home-test1-index-index .features_section .product .button_align {
  text-align: left;
}
.migration-index-index .features_section .personalized_coffee,
.magentointro-index-index .features_section .personalized_coffee,
.sharktank-index-index .features_section .personalized_coffee,
.home-test1-index-index .features_section .personalized_coffee {
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/skin/frontend/default/sns_korion/images/mbox/shop/coming_soon_background.jpg);
}
.migration-index-index .features_section .personalized_coffee h3,
.magentointro-index-index .features_section .personalized_coffee h3,
.sharktank-index-index .features_section .personalized_coffee h3,
.home-test1-index-index .features_section .personalized_coffee h3 {
  color: #fff;
  text-align: center;
  padding-top: 100px;
  margin: 0;
}
.migration-index-index .features_section .grid_row .image,
.magentointro-index-index .features_section .grid_row .image,
.sharktank-index-index .features_section .grid_row .image,
.home-test1-index-index .features_section .grid_row .image {
  text-align: center;
  height: 380px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 50%;
  margin: 0;
}
.migration-index-index .features_section .grid_row .text,
.magentointro-index-index .features_section .grid_row .text,
.sharktank-index-index .features_section .grid_row .text,
.home-test1-index-index .features_section .grid_row .text {
  text-align: center;
  padding: 105px 10px;
  width: 50%;
  margin: 0;
  height: 380px;
}
.migration-index-index .features_section .grid_row .text .text_container,
.magentointro-index-index .features_section .grid_row .text .text_container,
.sharktank-index-index .features_section .grid_row .text .text_container,
.home-test1-index-index .features_section .grid_row .text .text_container {
  max-width: 423px;
  margin: auto;
}
.migration-index-index .features_section .grid_row .text .text_container p,
.magentointro-index-index .features_section .grid_row .text .text_container p,
.sharktank-index-index .features_section .grid_row .text .text_container p,
.home-test1-index-index .features_section .grid_row .text .text_container p {
  margin: 20px 0;
  line-height: 1.6em;
}
.migration-index-index .features_section .grid_row.box_handing .image,
.magentointro-index-index .features_section .grid_row.box_handing .image,
.sharktank-index-index .features_section .grid_row.box_handing .image,
.home-test1-index-index .features_section .grid_row.box_handing .image {
  background: url(../images/mbox/box_handing.jpg);
  background-size: cover;
  background-position: center center;
  height: 380px;
}
.migration-index-index .features_section .grid_row.curator,
.magentointro-index-index .features_section .grid_row.curator,
.sharktank-index-index .features_section .grid_row.curator,
.home-test1-index-index .features_section .grid_row.curator {
  background: #f2f2f2;
}
.migration-index-index .features_section .grid_row.curator img,
.magentointro-index-index .features_section .grid_row.curator img,
.sharktank-index-index .features_section .grid_row.curator img,
.home-test1-index-index .features_section .grid_row.curator img {
  max-width: 250px;
  border-radius: 400px;
  margin-top: 60px;
}
.migration-index-index .info_section,
.magentointro-index-index .info_section,
.sharktank-index-index .info_section,
.home-test1-index-index .info_section {
  background: #fff;
  margin: 0;
  width: 33.33333%;
}
.migration-index-index .info_section .header,
.magentointro-index-index .info_section .header,
.sharktank-index-index .info_section .header,
.home-test1-index-index .info_section .header {
  height: 70px;
  background: #f2f2f2;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.migration-index-index .info_section .header h3,
.magentointro-index-index .info_section .header h3,
.sharktank-index-index .info_section .header h3,
.home-test1-index-index .info_section .header h3 {
  padding-top: 17px;
  font-size: 18px;
  margin-top: 0;
}
.migration-index-index .info_section .padding,
.magentointro-index-index .info_section .padding,
.sharktank-index-index .info_section .padding,
.home-test1-index-index .info_section .padding {
  padding: 15px;
}
.migration-index-index .info_section .fixed_container,
.magentointro-index-index .info_section .fixed_container,
.sharktank-index-index .info_section .fixed_container,
.home-test1-index-index .info_section .fixed_container {
  position: fixed;
  padding: 0;
  width: 33.3333%;
}
.migration-index-index .info_section .fixed_container input,
.magentointro-index-index .info_section .fixed_container input,
.sharktank-index-index .info_section .fixed_container input,
.home-test1-index-index .info_section .fixed_container input {
  margin-bottom: 10px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  height: 36px;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
}
.migration-index-index .info_section .fixed_container input:focus,
.magentointro-index-index .info_section .fixed_container input:focus,
.sharktank-index-index .info_section .fixed_container input:focus,
.home-test1-index-index .info_section .fixed_container input:focus {
  background: #f2f2f2;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.migration-index-index .migration_footer,
.magentointro-index-index .migration_footer,
.sharktank-index-index .migration_footer,
.home-test1-index-index .migration_footer {
  font-family: "museo-sans", sans-serif;
  padding: 0;
  margin-top: 0;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  text-align: center;
}
.migration-index-index .migration_footer .top_footer,
.magentointro-index-index .migration_footer .top_footer,
.sharktank-index-index .migration_footer .top_footer,
.home-test1-index-index .migration_footer .top_footer {
  padding: 15px 30px;
  text-transform: uppercase;
}
.migration-index-index .migration_footer .top_footer ul,
.magentointro-index-index .migration_footer .top_footer ul,
.sharktank-index-index .migration_footer .top_footer ul,
.home-test1-index-index .migration_footer .top_footer ul {
  margin: 0;
}
.migration-index-index .migration_footer .top_footer ul li,
.magentointro-index-index .migration_footer .top_footer ul li,
.sharktank-index-index .migration_footer .top_footer ul li,
.home-test1-index-index .migration_footer .top_footer ul li {
  display: inline-block;
  margin: 0 10px;
}
.migration-index-index .migration_footer .sub_footer,
.magentointro-index-index .migration_footer .sub_footer,
.sharktank-index-index .migration_footer .sub_footer,
.home-test1-index-index .migration_footer .sub_footer {
  text-align: center;
  padding: 5px;
  background: #f2f2f2;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  min-height: 0;
  font-size: 9px;
}
@media (max-width: 767px) {
  .migration-index-index .features_section,
  .magentointro-index-index .features_section,
  .sharktank-index-index .features_section,
  .home-test1-index-index .features_section {
    width: 100%;
  }
  .migration-index-index .features_section .grid_row .image,
  .magentointro-index-index .features_section .grid_row .image,
  .sharktank-index-index .features_section .grid_row .image,
  .home-test1-index-index .features_section .grid_row .image,
  .migration-index-index .features_section .grid_row .text,
  .magentointro-index-index .features_section .grid_row .text,
  .sharktank-index-index .features_section .grid_row .text,
  .home-test1-index-index .features_section .grid_row .text {
    float: left;
  }
  .migration-index-index .info_section,
  .magentointro-index-index .info_section,
  .sharktank-index-index .info_section,
  .home-test1-index-index .info_section {
    width: 100%;
  }
  .migration-index-index .info_section .header,
  .magentointro-index-index .info_section .header,
  .sharktank-index-index .info_section .header,
  .home-test1-index-index .info_section .header {
    border-top: 1px solid #e8e8e8;
  }
  .migration-index-index .info_section .fixed_container,
  .magentointro-index-index .info_section .fixed_container,
  .sharktank-index-index .info_section .fixed_container,
  .home-test1-index-index .info_section .fixed_container {
    width: 100%;
    position: relative;
  }
}
@media (max-width: 480px) {
  .migration-index-index .features_section .hero,
  .magentointro-index-index .features_section .hero,
  .sharktank-index-index .features_section .hero,
  .home-test1-index-index .features_section .hero {
    height: 300px;
  }
  .migration-index-index .features_section .hero h1,
  .magentointro-index-index .features_section .hero h1,
  .sharktank-index-index .features_section .hero h1,
  .home-test1-index-index .features_section .hero h1 {
    font-size: 12px;
    padding-top: 65px;
  }
  .migration-index-index .features_section .hero h4,
  .magentointro-index-index .features_section .hero h4,
  .sharktank-index-index .features_section .hero h4,
  .home-test1-index-index .features_section .hero h4 {
    margin-top: 60px;
  }
  .migration-index-index .features_section .product,
  .magentointro-index-index .features_section .product,
  .sharktank-index-index .features_section .product,
  .home-test1-index-index .features_section .product {
    padding: 15px;
  }
  .migration-index-index .features_section .product .product_information,
  .magentointro-index-index .features_section .product .product_information,
  .sharktank-index-index .features_section .product .product_information,
  .home-test1-index-index .features_section .product .product_information {
    padding: 0;
    font-size: 12px;
  }
  .migration-index-index .features_section .product .product_information h1,
  .magentointro-index-index .features_section .product .product_information h1,
  .sharktank-index-index .features_section .product .product_information h1,
  .home-test1-index-index .features_section .product .product_information h1 {
    font-size: 18px;
  }
  .migration-index-index .features_section .personalized_coffee h3,
  .magentointro-index-index .features_section .personalized_coffee h3,
  .sharktank-index-index .features_section .personalized_coffee h3,
  .home-test1-index-index .features_section .personalized_coffee h3 {
    font-size: 18px;
  }
  .migration-index-index .features_section .grid_row .image,
  .magentointro-index-index .features_section .grid_row .image,
  .sharktank-index-index .features_section .grid_row .image,
  .home-test1-index-index .features_section .grid_row .image,
  .migration-index-index .features_section .grid_row .text,
  .magentointro-index-index .features_section .grid_row .text,
  .sharktank-index-index .features_section .grid_row .text,
  .home-test1-index-index .features_section .grid_row .text {
    width: 100%;
  }
  .migration-index-index .features_section .grid_row .text,
  .magentointro-index-index .features_section .grid_row .text,
  .sharktank-index-index .features_section .grid_row .text,
  .home-test1-index-index .features_section .grid_row .text {
    padding: 40px 10px;
    height: auto;
  }
  .migration-index-index .features_section .grid_row .text h3,
  .magentointro-index-index .features_section .grid_row .text h3,
  .sharktank-index-index .features_section .grid_row .text h3,
  .home-test1-index-index .features_section .grid_row .text h3 {
    font-size: 18px;
  }
  .migration-index-index .features_section .grid_row.curator img,
  .magentointro-index-index .features_section .grid_row.curator img,
  .sharktank-index-index .features_section .grid_row.curator img,
  .home-test1-index-index .features_section .grid_row.curator img {
    margin: auto;
    width: 100px;
  }
  .migration-index-index .features_section .grid_row.curator .image,
  .magentointro-index-index .features_section .grid_row.curator .image,
  .sharktank-index-index .features_section .grid_row.curator .image,
  .home-test1-index-index .features_section .grid_row.curator .image {
    display: none;
  }
  .migration-index-index .features_section .textured_row,
  .magentointro-index-index .features_section .textured_row,
  .sharktank-index-index .features_section .textured_row,
  .home-test1-index-index .features_section .textured_row {
    font-size: 18px;
  }
}
.hero.full_width_test {
  background: #dcd8d9;
  background-image: url(../images/mbox/landingPage/referral_sub_page_hero.jpg);
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  min-height: 400px;
  padding: 0 15px;
  padding-top: 25px;
  color: #666666;
}
.hero.full_width_test .button {
  font-weight: 500;
  cursor: pointer;
  margin-top: 15px;
  letter-spacing: 0.1em;
}
.hero.full_width_test .button.try {
  background: #aac9d1;
  border: 1px solid #aac9d1;
  color: #fff;
}
.hero.full_width_test .button.try:hover {
  background: #e1b696;
  border: 1px solid #e1b696;
}
.hero.full_width_test .button.gift {
  border: 1px solid #aac9d1;
  color: #aac9d1;
  background: #fff;
}
.hero.full_width_test .button.gift:hover {
  background: #aac9d1;
  color: #fff;
}
.hero.full_width_test .button {
  padding: 10px;
  display: inline-block;
  width: 100px;
  text-align: center;
  letter-spacing: 0.05em;
  margin-top: 15px;
  margin-right: 10px;
}
.hero.full_width_test .button.gift {
  border: 1px solid #4c4c4c;
  color: #4c4c4c;
  background: none;
  display: inline-block;
}
.hero.full_width_test .button.gift:hover {
  background: #4c4c4c;
  color: #fff;
}
.hero.full_width_test .button {
  letter-spacing: 0.1em;
  font-size: 14px;
}
.hero.full_width_test .hero_container {
  max-width: 950px;
  margin: auto;
  padding: 25px 0;
}
.hero.full_width_test h1 {
  font-size: 40px;
  line-height: 45px;
  margin-top: 20px;
}
.hero.full_width_test h2 {
  font-size: 22px;
  line-height: 27px;
  max-width: 400px;
}
.hero.full_width_test p {
  text-align: left;
  color: #53c1ad;
  font-size: 16px;
}
.hero.full_width_test #box_photo {
  width: 350px;
}
.hero.full_width_test .check_box {
  position: absolute;
  top: 80px;
  left: 215px;
}
.hero.full_width_test .check_box .line {
  margin-bottom: 15px;
}
.hero.full_width_test .check_box img {
  width: 15px;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.subscription_page .hero_container .text,
.referral_page .hero_container .text {
  text-align: left;
}
.subscription_page .hero_container .text h1,
.referral_page .hero_container .text h1 {
  margin-top: 35px;
  text-align: left;
}
.subscription_page .hero_container .text h2,
.referral_page .hero_container .text h2 {
  text-align: left;
}
.subscription_page .hero_container .image img#box_photo,
.referral_page .hero_container .image img#box_photo {
  width: 375px;
  position: relative;
  right: 45px;
}
.magentointro-index-index #sns_topheader.small_screen_hide,
.sharktank-index-index #sns_topheader.small_screen_hide,
.home-test1-index-index #sns_topheader.small_screen_hide,
.magentointro-index-index #sns_footer,
.sharktank-index-index #sns_footer,
.home-test1-index-index #sns_footer,
.magentointro-index-index .push,
.sharktank-index-index .push,
.home-test1-index-index .push {
  display: block;
}
.magentointro-index-index .features_section,
.sharktank-index-index .features_section,
.home-test1-index-index .features_section {
  width: 100%;
}
.magentointro-index-index .features_section .red-button,
.sharktank-index-index .features_section .red-button,
.home-test1-index-index .features_section .red-button {
  margin-top: 30px;
}
.magentointro-index-index .features_section .product,
.sharktank-index-index .features_section .product,
.home-test1-index-index .features_section .product {
  max-height: 390px;
}
.magentointro-index-index .features_section .product img,
.sharktank-index-index .features_section .product img,
.home-test1-index-index .features_section .product img {
  max-height: 380px;
}
.sharktank-index-index .landing_page,
.home-test1-index-index .landing_page {
  width: 75%;
  float: left;
}
.sharktank-index-index .landing_page .features_section .hero h1,
.home-test1-index-index .landing_page .features_section .hero h1 {
  text-align: left;
  line-height: 40px;
}
.sharktank-index-index .button,
.home-test1-index-index .button {
  font-weight: bold;
  cursor: pointer;
  margin-top: 15px;
}
.sharktank-index-index .button.try,
.home-test1-index-index .button.try {
  background: #aac9d1;
  border: 1px solid #aac9d1;
  color: #fff;
}
.sharktank-index-index .button.try:hover,
.home-test1-index-index .button.try:hover {
  background: #e1b696;
  border: 1px solid #e1b696;
}
.sharktank-index-index .button.gift,
.home-test1-index-index .button.gift {
  border: 1px solid #aac9d1;
  color: #aac9d1;
  background: #fff;
}
.sharktank-index-index .button.gift:hover,
.home-test1-index-index .button.gift:hover {
  background: #aac9d1;
  color: #fff;
}
.sharktank-index-index .home .button,
.home-test1-index-index .home .button {
  padding: 8px 16px;
  display: inline-block;
  width: 108px;
  text-align: center;
  letter-spacing: 0.14em;
  margin-top: 15px;
}
.sharktank-index-index .home .button.gift,
.home-test1-index-index .home .button.gift {
  border: 1px solid #363636;
  color: #363636;
  background: none;
  display: inline-block;
}
.sharktank-index-index .home .button.gift:hover,
.home-test1-index-index .home .button.gift:hover {
  background: #363636;
  color: #fff;
}
.sharktank-index-index .home .hero-bottom,
.home-test1-index-index .home .hero-bottom {
  margin-top: 40px;
}
.sharktank-index-index .subscription_bar,
.home-test1-index-index .subscription_bar {
  width: 25%;
  float: left;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
.sharktank-index-index .subscription_bar .fixed_content,
.home-test1-index-index .subscription_bar .fixed_content {
  padding: 15px;
  position: fixed;
}
.sharktank-index-index .subscription_bar .fixed_content h3,
.home-test1-index-index .subscription_bar .fixed_content h3 {
  letter-spacing: 0.05em;
  font-size: 15px;
  line-height: 20px;
}
.sharktank-index-index .subscription_bar .fixed_content p,
.home-test1-index-index .subscription_bar .fixed_content p {
  margin-bottom: 5px;
}
.sharktank-index-index p,
.home-test1-index-index p {
  font-size: 14px;
}
.sharktank-index-index .features_section .grid_row .text,
.home-test1-index-index .features_section .grid_row .text {
  height: 330px;
}
.sharktank-index-index .features_section .grid_row .text .text_container h3,
.home-test1-index-index .features_section .grid_row .text .text_container h3 {
  padding-top: 50px;
}
.sharktank-index-index .features_section .grid_row .text .text_container p,
.home-test1-index-index .features_section .grid_row .text .text_container p {
  margin: 10px auto;
  max-width: 350px;
}
.sharktank-index-index .features_section .grid_row .image,
.home-test1-index-index .features_section .grid_row .image {
  height: 330px;
}
.sharktank-index-index .since_sharktank,
.home-test1-index-index .since_sharktank {
  text-align: center;
  padding: 15px;
  padding-bottom: 100px;
}
.sharktank-index-index .since_sharktank .stat_container,
.home-test1-index-index .since_sharktank .stat_container {
  max-width: 600px;
  margin: auto;
}
.sharktank-index-index .since_sharktank .stat,
.home-test1-index-index .since_sharktank .stat {
  padding: 70px 0 0;
}
.sharktank-index-index .since_sharktank .stat .number,
.home-test1-index-index .since_sharktank .stat .number {
  font-family: "brandon-grotesque", sans-serif;
  font-size: 50px;
  font-weight: bold;
  color: #3c395e;
  margin-bottom: 20px;
}
.sharktank-index-index .since_sharktank .stat .title,
.home-test1-index-index .since_sharktank .stat .title {
  text-transform: uppercase;
  color: #aac9d1;
}
.sharktank-index-index .features_section .hero,
.home-test1-index-index .features_section .hero {
  background: url(../images/mbox/landingPage/sharktank_background.jpg);
  text-align: left;
  height: 501px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  padding-top: 120px;
}
.sharktank-index-index .features_section .hero h1,
.home-test1-index-index .features_section .hero h1 {
  font-size: 60px;
  margin: 35px 0;
  max-width: 100%;
  padding: 0;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.sharktank-index-index .features_section .hero h1.home,
.home-test1-index-index .features_section .hero h1.home {
  font-size: 60px;
  line-height: 70px;
  margin: 0;
}
.sharktank-index-index .features_section .hero #subheader,
.home-test1-index-index .features_section .hero #subheader {
  font-size: 18px;
  letter-spacing: 0.08em;
  max-width: 510px;
  text-transform: initial;
  font-weight: 500;
  color: #4c4c4c;
  margin-bottom: 15px;
  margin-top: 5px;
}
.sharktank-index-index .features_section .hero .italic_header,
.home-test1-index-index .features_section .hero .italic_header {
  font-size: 35px;
  font-style: italic;
}
.sharktank-index-index .features_section .hero .text,
.home-test1-index-index .features_section .hero .text {
  font-style: italic;
  margin-bottom: 5px;
}
.sharktank-index-index .features_section .hero .text.right .text_container,
.home-test1-index-index .features_section .hero .text.right .text_container {
  text-align: left;
}
.sharktank-index-index .features_section .hero .text.right .text_container h3,
.home-test1-index-index .features_section .hero .text.right .text_container h3 {
  text-align: left;
}
.sharktank-index-index .features_section .hero .text.right .text_container p,
.home-test1-index-index .features_section .hero .text.right .text_container p {
  text-align: left;
}
.sharktank-index-index .features_section .hero .red-button,
.home-test1-index-index .features_section .hero .red-button,
.sharktank-index-index .features_section .hero .white-button,
.home-test1-index-index .features_section .hero .white-button {
  font-size: 14px;
  letter-spacing: 0.1em;
}
.sharktank-index-index .features_section .hero .red-button,
.home-test1-index-index .features_section .hero .red-button {
  margin-left: 0;
}
.sharktank-index-index .features_section .grid_row h3,
.home-test1-index-index .features_section .grid_row h3 {
  text-align: center;
  padding-top: 30px;
}
.sharktank-index-index .features_section .grid_row .text,
.home-test1-index-index .features_section .grid_row .text {
  padding: 20px 15px;
  background: #f3f3f3;
}
.sharktank-index-index .features_section .grid_row .text .text_container p,
.home-test1-index-index .features_section .grid_row .text .text_container p {
  margin: 10px auto;
}
.sharktank-index-index
  .features_section
  .grid_row
  .text
  .text_container
  p.sharktank_question,
.home-test1-index-index
  .features_section
  .grid_row
  .text
  .text_container
  p.sharktank_question {
  font-weight: bold;
  color: #666666;
  margin: 5px 0;
}
.sharktank-index-index .features_section .grid_row .text .text_container p a,
.home-test1-index-index .features_section .grid_row .text .text_container p a {
  color: #e1b696;
}
.sharktank-index-index .features_section .grid_row.sharktank_portrait .image,
.home-test1-index-index .features_section .grid_row.sharktank_portrait .image {
  background: url(../images/mbox/landingPage/sharktank_mistobox.jpg);
  background-size: cover;
  background-position: center center;
}
.sharktank-index-index .features_section .grid_row.mark_cuban .image,
.home-test1-index-index .features_section .grid_row.mark_cuban .image {
  background: url(../images/mbox/landingPage/mark_cuban.jpg);
  background-size: cover;
  background-position: center center;
}
.sharktank-index-index .features_section .grid_row.curator_portrait .image,
.home-test1-index-index .features_section .grid_row.curator_portrait .image {
  background: url(../images/mbox/landingPage/homepage_test/coffee_curator.jpg);
  background-size: cover;
  background-position: center center;
}
.sharktank-index-index .features_section .grid_row.roaster_portrait .image,
.home-test1-index-index .features_section .grid_row.roaster_portrait .image {
  background: url(../images/mbox/landingPage/homepage_test/coffee_roaster.jpg);
  background-size: cover;
  background-position: center center;
}
.sharktank-index-index .features_section .grid_row.curator .text,
.home-test1-index-index .features_section .grid_row.curator .text {
  padding: 20px 15px;
  text-align: left;
  height: initial;
}
.sharktank-index-index .features_section #roaster-info,
.home-test1-index-index .features_section #roaster-info {
  padding: 30px 0;
}
.sharktank-index-index .features_section #featured-roasters,
.home-test1-index-index .features_section #featured-roasters {
  max-width: 830px;
  margin: auto;
  text-align: center;
  padding-bottom: 40px;
}
.sharktank-index-index .features_section #featured-roasters img,
.home-test1-index-index .features_section #featured-roasters img {
  height: 30px;
  margin: 10px 40px 0 0;
}
.sharktank-index-index .features_section #featured-roasters #verve,
.home-test1-index-index .features_section #featured-roasters #verve {
  height: 25px;
  margin-right: 0px;
}
.sharktank-index-index .features_section #featured-roasters #ristretto,
.home-test1-index-index .features_section #featured-roasters #ristretto {
  height: 45px;
}
.sharktank-index-index .features_section #featured-roasters #lacolombe,
.home-test1-index-index .features_section #featured-roasters #lacolombe {
  height: 25px;
}
.sharktank-index-index .features_section #featured-roasters #onyx,
.home-test1-index-index .features_section #featured-roasters #onyx {
  height: 40px;
}
.sharktank-index-index .features_section #featured-roasters .roaster_link,
.home-test1-index-index .features_section #featured-roasters .roaster_link {
  text-align: center;
  color: #bebebe;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 0.1em;
}
.sharktank-index-index .features_section .cell_screen_show,
.home-test1-index-index .features_section .cell_screen_show {
  display: none;
}
.sharktank-index-index #sns_footer,
.home-test1-index-index #sns_footer {
  border: 0;
}
.sharktank-index-index #sns_footer .left_footer,
.home-test1-index-index #sns_footer .left_footer {
  float: none;
  width: 75%;
  margin: 15px auto 0;
}
.sharktank-index-index #sns_footer .left_footer ul,
.home-test1-index-index #sns_footer .left_footer ul {
  width: 615px;
  margin: auto;
}
.sharktank-index-index #sns_footer .right_footer,
.home-test1-index-index #sns_footer .right_footer {
  width: 75%;
  text-align: center;
}
@media (max-width: 767px) {
  .sharktank-index-index
    .sharktank-index-index
    .landing_page
    .features_section
    .hero
    h1,
  .home-test1-index-index
    .sharktank-index-index
    .landing_page
    .features_section
    .hero
    h1 {
    text-align: center;
    line-height: 40px;
  }
  .sharktank-index-index .landing_page,
  .home-test1-index-index .landing_page {
    width: 100%;
  }
  .sharktank-index-index .subscription_bar,
  .home-test1-index-index .subscription_bar {
    display: none;
  }
  .sharktank-index-index .home .button.gift,
  .home-test1-index-index .home .button.gift {
    border: 1px solid #fff;
    color: #fff;
    background: none;
  }
  .sharktank-index-index .home .button.gift:hover,
  .home-test1-index-index .home .button.gift:hover {
    background: #fff;
    color: #666666;
  }
  .sharktank-index-index .features_section .hero,
  .home-test1-index-index .features_section .hero {
    text-align: center;
  }
  .sharktank-index-index .features_section .hero .italic_header,
  .home-test1-index-index .features_section .hero .italic_header {
    font-size: 25px;
  }
  .sharktank-index-index .features_section .hero h1,
  .home-test1-index-index .features_section .hero h1 {
    font-size: 40px;
    margin: 15px 0;
  }
  .sharktank-index-index .features_section .hero h1.home,
  .home-test1-index-index .features_section .hero h1.home {
    text-align: center;
    font-size: 42px;
    line-height: 50px;
  }
  .sharktank-index-index .features_section .hero #subheader,
  .home-test1-index-index .features_section .hero #subheader {
    color: #fff;
    margin: 15px auto;
  }
  .sharktank-index-index .features_section .hero .buttons,
  .home-test1-index-index .features_section .hero .buttons {
    margin: 30px 0;
  }
  .sharktank-index-index .features_section .hero .red-button,
  .home-test1-index-index .features_section .hero .red-button,
  .sharktank-index-index .features_section .hero .white-button,
  .home-test1-index-index .features_section .hero .white-button {
    width: 150px;
    padding-left: 0;
    padding-right: 0;
  }
  .sharktank-index-index .features_section .grid_row.curator img,
  .home-test1-index-index .features_section .grid_row.curator img {
    width: 125px;
    margin-bottom: 30px;
  }
  .sharktank-index-index .features_section #featured-roasters img,
  .home-test1-index-index .features_section #featured-roasters img {
    height: 22px;
    margin: 15px 22px 0 0;
  }
  .sharktank-index-index .features_section #featured-roasters .roaster_link,
  .home-test1-index-index .features_section #featured-roasters .roaster_link {
    text-align: center;
  }
  .sharktank-index-index .since_sharktank .stat,
  .home-test1-index-index .since_sharktank .stat {
    width: 50%;
    box-sizing: border-box;
    float: left;
  }
  .sharktank-index-index #sns_footer .left_footer,
  .home-test1-index-index #sns_footer .left_footer {
    width: 100%;
  }
  .sharktank-index-index #sns_footer .left_footer ul,
  .home-test1-index-index #sns_footer .left_footer ul {
    width: 100%;
  }
  .sharktank-index-index #sns_footer .right_footer,
  .home-test1-index-index #sns_footer .right_footer {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .sharktank-index-index .home .button,
  .home-test1-index-index .home .button {
    margin: 0;
  }
  .sharktank-index-index .home .button.gift,
  .home-test1-index-index .home .button.gift {
    display: none;
  }
  .sharktank-index-index .features_section .hero,
  .home-test1-index-index .features_section .hero {
    text-align: center;
    padding-top: 50px;
  }
  .sharktank-index-index .features_section .hero h1,
  .home-test1-index-index .features_section .hero h1 {
    font-size: 35px;
  }
  .sharktank-index-index .features_section .hero .buttons,
  .home-test1-index-index .features_section .hero .buttons {
    margin: 5px;
  }
  .sharktank-index-index .features_section .hero .red-button,
  .home-test1-index-index .features_section .hero .red-button,
  .sharktank-index-index .features_section .hero .white-button,
  .home-test1-index-index .features_section .hero .white-button {
    width: 200px;
  }
  .sharktank-index-index .features_section .cell_screen_show,
  .home-test1-index-index .features_section .cell_screen_show {
    display: block;
  }
  .sharktank-index-index .features_section .cell_screen_hide,
  .home-test1-index-index .features_section .cell_screen_hide {
    display: none !important;
  }
  .sharktank-index-index .features_section .grid_row .image,
  .home-test1-index-index .features_section .grid_row .image {
    height: 300px;
  }
  .sharktank-index-index .since_sharktank .stat,
  .home-test1-index-index .since_sharktank .stat {
    width: 100%;
    float: none;
  }
}
.holidaygift-index-index .hero,
.holidayinsert-index-index .hero,
.gq-index-index .hero,
.gift.landing_page .hero {
  height: 450px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  text-align: left;
  color: #fff;
  padding: 90px 60px 30px;
}
.holidaygift-index-index .hero h1,
.holidayinsert-index-index .hero h1,
.gq-index-index .hero h1,
.gift.landing_page .hero h1 {
  max-width: 435px;
  color: #666666;
  font-size: 30px;
}
.holidaygift-index-index .hero h4,
.holidayinsert-index-index .hero h4,
.gq-index-index .hero h4,
.gift.landing_page .hero h4 {
  max-width: 410px;
  color: #666666;
}
.holidaygift-index-index .hero .red-button,
.holidayinsert-index-index .hero .red-button,
.gq-index-index .hero .red-button,
.gift.landing_page .hero .red-button,
.holidaygift-index-index .hero .white-button,
.holidayinsert-index-index .hero .white-button,
.gq-index-index .hero .white-button,
.gift.landing_page .hero .white-button {
  margin: 5px;
  margin-top: 40px;
}
.holidaygift-index-index .product .product_information p,
.holidayinsert-index-index .product .product_information p,
.gq-index-index .product .product_information p,
.gift.landing_page .product .product_information p {
  text-transform: uppercase;
}
.holidaygift-index-index .product .iconline .icon,
.holidayinsert-index-index .product .iconline .icon,
.gq-index-index .product .iconline .icon,
.gift.landing_page .product .iconline .icon {
  width: 16px;
  float: left;
}
.holidaygift-index-index .product .iconline .text,
.holidayinsert-index-index .product .iconline .text,
.gq-index-index .product .iconline .text,
.gift.landing_page .product .iconline .text {
  font-size: 14px;
  max-width: 90%;
  float: left;
  margin-left: 10px;
}
.holidaygift-index-index .product_details p,
.holidayinsert-index-index .product_details p,
.gq-index-index .product_details p,
.gift.landing_page .product_details p {
  font-size: 14px;
}
.holidaygift-index-index .product_details .grid_row.mistobox_one .image,
.holidayinsert-index-index .product_details .grid_row.mistobox_one .image,
.gq-index-index .product_details .grid_row.mistobox_one .image,
.gift.landing_page .product_details .grid_row.mistobox_one .image {
  background: url(../images/mbox/landingPage/black_friday_girl.jpg);
  background-size: cover;
  background-position: bottom right;
}
.holidaygift-index-index .push,
.holidayinsert-index-index .push,
.gq-index-index .push,
.gift.landing_page .push {
  display: none;
}
@media (max-width: 767px) {
  .holidaygift-index-index .hero,
  .holidayinsert-index-index .hero,
  .gq-index-index .hero,
  .gift.landing_page .hero {
    text-align: center;
  }
  .holidaygift-index-index .push,
  .holidayinsert-index-index .push,
  .gq-index-index .push,
  .gift.landing_page .push {
    display: block;
  }
  .holidaygift-index-index #habla_both_div,
  .holidayinsert-index-index #habla_both_div,
  .gq-index-index #habla_both_div,
  .gift.landing_page #habla_both_div {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .holidaygift-index-index .hero h1,
  .holidayinsert-index-index .hero h1,
  .gq-index-index .hero h1,
  .gift.landing_page .hero h1 {
    font-size: 20px;
  }
  .holidaygift-index-index .hero h4,
  .holidayinsert-index-index .hero h4,
  .gq-index-index .hero h4,
  .gift.landing_page .hero h4 {
    font-size: 14px;
  }
  .holidaygift-index-index .product .product_information p,
  .holidayinsert-index-index .product .product_information p,
  .gq-index-index .product .product_information p,
  .gift.landing_page .product .product_information p {
    text-align: center;
  }
  .holidaygift-index-index .product .product_information .button_align,
  .holidayinsert-index-index .product .product_information .button_align,
  .gq-index-index .product .product_information .button_align,
  .gift.landing_page .product .product_information .button_align {
    text-align: center;
  }
}
.pre-bf-email-index-index .gift.landing_page .hero {
  background: url(../images/mbox/landingPage/pre-black-friday-email/background.jpg);
  text-align: center;
  height: 630px;
}
.pre-bf-email-index-index .gift.landing_page .hero h1 {
  padding-top: 0px;
}
.pre-bf-email-index-index .gift.landing_page .hero h4 {
  margin: 20px auto;
  max-width: 400px;
  font-size: 15px;
}
.pre-bf-email-index-index .gift.landing_page .hero .italic_header {
  font-size: 15px;
  font-style: italic;
  margin-top: 40px;
}
.pre-bf-email-index-index .gift.landing_page .hero .red-button {
  background: #313131;
}
.pre-bf-email-index-index .gift.landing_page .hero img {
  width: 380px;
}
.pre-bf-fb-index-index .gift.landing_page .hero,
.pre-bf-insta-index-index .gift.landing_page .hero,
.drop-hint-index-index .gift.landing_page .hero {
  background: #aac9d1;
  text-align: center;
  height: 630px;
}
.pre-bf-fb-index-index .gift.landing_page .hero h1,
.pre-bf-insta-index-index .gift.landing_page .hero h1,
.drop-hint-index-index .gift.landing_page .hero h1 {
  padding-top: 0px;
  text-transform: uppercase;
  color: #4c4c4c;
}
.pre-bf-fb-index-index .gift.landing_page .hero h4,
.pre-bf-insta-index-index .gift.landing_page .hero h4,
.drop-hint-index-index .gift.landing_page .hero h4 {
  margin: 20px auto;
  max-width: 400px;
  font-size: 15px;
}
.pre-bf-fb-index-index .gift.landing_page .hero .italic_header,
.pre-bf-insta-index-index .gift.landing_page .hero .italic_header,
.drop-hint-index-index .gift.landing_page .hero .italic_header {
  font-size: 15px;
  font-style: italic;
  margin-top: 40px;
}
.pre-bf-fb-index-index .gift.landing_page .hero .red-button,
.pre-bf-insta-index-index .gift.landing_page .hero .red-button,
.drop-hint-index-index .gift.landing_page .hero .red-button {
  background: #313131;
}
.pre-bf-fb-index-index .gift.landing_page .hero img,
.pre-bf-insta-index-index .gift.landing_page .hero img,
.drop-hint-index-index .gift.landing_page .hero img {
  width: 510px;
}
@media (max-width: 767px) {
  .hero.full_width_test {
    padding-bottom: 30px;
    height: auto;
  }
  .hero.full_width_test .hero_container {
    text-align: center;
    padding: 15px 0;
  }
  .hero.full_width_test .hero_container h1 {
    margin-top: 20px;
    text-align: center;
  }
  .hero.full_width_test .hero_container h2 {
    margin: auto;
    text-align: center;
  }
  .hero.full_width_test .hero_container .check_box {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 25px;
  }
  .hero.full_width_test .hero_container .details.span6 {
    height: 230px;
  }
}
.drop-hint-index-index .gift.landing_page .hero {
  height: 450px;
}
.drop-hint-index-index .gift.landing_page .hero .italic_header {
  margin-top: 25px;
}
.drop-hint-index-index .gift.landing_page .hero h1 {
  max-width: 450px;
  margin: 15px auto;
  line-height: 40px;
}
.drop-hint-index-index .gift.landing_page .hero h4 {
  max-width: 400px;
  text-transform: inherit;
  font-family: "museo-sans";
  color: #fff;
  font-size: 14px;
}
.drop-hint-index-index .gift.landing_page .forgot_password_container {
  margin-top: 120px;
}
.drop-hint-index-index .gift.landing_page .forgot_password_container p {
  max-width: 400px;
}
.drop-hint-index-index .gift.landing_page .forgot_password_container .input {
  margin-bottom: 10px;
  color: #666666;
}
.drop-hint-index-index
  .gift.landing_page
  .forgot_password_container
  .input
  textarea {
  height: 130px;
}
.customer-account-login #sns_content {
  background: #f2f2f2;
  margin: 0;
  padding: 0;
}
.customer-account-login #sns_content .forgot_password_container form {
  max-width: 350px;
  margin: auto;
}
.customer-account-login #sns_content .forgot_password_container form label {
  text-align: left;
}
.customer-account-login #sns_content .forgot_password_container form input {
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
}
.customer-account-login #sns_content .forgot_password_container .actions {
  margin: 20px 0;
}
/*Press Landing */
.press-index-index .hero {
  background: #d2d3d5;
  background-image: url(../images/mbox/quiz/quiz_hero_kraft.jpg);
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  text-align: center;
  height: 450px;
  padding: 40px;
  padding-top: 80px;
  box-sizing: border-box;
}
.press-index-index .hero h1 {
  text-transform: uppercase;
  font-weight: 500;
}
.press-index-index .darker_background {
  height: 450px;
  width: 100%;
  background-color: #666666;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.press-index-index a {
  color: #aac9d1;
  text-align: center;
}
.press-index-index a.underlined_link {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-bottom: 1px solid;
  padding-bottom: 3px;
}
.press-index-index button.red-button {
  background: #aac9d1;
}
.press-index-index .gift_process {
  background: #fff;
  padding: 40px 15px 70px;
}
.press-index-index .gift_process img {
  max-width: 550px;
  width: 100%;
}
.press-index-index .gift_process .check_box {
  position: absolute;
  top: 30px;
  text-align: left;
  left: 0px;
}
.press-index-index .gift_process .check_box .line {
  margin-bottom: 15px;
  font-size: 14px;
}
.press-index-index .gift_process .check_box img {
  width: 15px;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.press-index-index .bios {
  padding: 20px 15px 50px;
}
.press-index-index .portrait img {
  border-radius: 100%;
}
.press-index-index .mission_history {
  padding: 30px 15px 70px;
}
.press-index-index .history_timeline {
  background: #fff;
  padding: 40px 15px;
}
@media (max-width: 767px) {
  .press-index-index .bios .bio {
    max-width: 500px;
    margin: auto;
  }
  .press-index-index .gift_process .check_box {
    position: relative;
    top: 30px;
    text-align: center;
    left: 0px;
  }
  .press-index-index .hero {
    text-align: center;
  }
  .press-index-index .hero h1 {
    font-size: 40px;
    text-align: center;
    line-height: 60px;
  }
  .press-index-index .hero h2 {
    text-align: center;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .press-index-index .hero {
    background: #e8e9eb;
    background-image: url(../images/mbox/quiz/quiz_hero_kraft.jpg);
    background-size: cover;
    background-position: -1px 200px;
    background-repeat: no-repeat;
  }
  .press-index-index .hero h1 {
    font-size: 30px;
    line-height: 50px;
  }
  .press-index-index .hero a {
    padding: 5px 10px;
    background-color: #aac9d1;
    color: #fff;
    text-decoration: none;
    border: none;
  }
}
@media (max-width: 767px) {
  .subscription_page .hero_container .text,
  .referral_page .hero_container .text {
    text-align: center;
  }
  .valentines .hero h1 {
    font-size: 32px;
  }
  .valentines .hero .text {
    padding: 50px 20px;
  }
  .valentines .hero .image {
    background: #da4f27;
  }
  .valentines .wriggle_section .wriggle_container .text {
    margin-bottom: 20px;
  }
  .valentines .coffee_section,
  .valentines .note_section {
    padding: 20px;
  }
  .valentines .coffee_section .image,
  .valentines .note_section .image {
    margin: auto;
    padding: 0;
    height: inherit;
  }
  .valentines .coffee_section .text,
  .valentines .note_section .text {
    height: inherit;
    width: 100%;
    padding: 0;
    padding-top: 20px;
  }
  .valentines .coffee_section .text .text_container,
  .valentines .note_section .text .text_container {
    margin: auto;
  }
  .valentines .order_summary .order_summary_container .label {
    width: 50%;
    float: left;
  }
  .valentines .order_summary .order_summary_container .price {
    width: 50%;
    float: left;
  }
  .valentines .button_align {
    margin-bottom: 30px;
  }
  .valentine-index-index .push {
    display: block;
  }
}
@media (max-width: 480px) {
  .add_gift,
  .back_button {
    margin-bottom: 15px !important;
  }
}
.fb_iframe_widget,
.twitter-share-button[style] {
  vertical-align: text-bottom !important;
}
body.jobs-index-index .container {
  width: 100%;
  max-width: 950px;
  padding: 0 20px;
  box-sizing: border-box;
}
body.jobs-index-index #sns_footer .container,
body.jobs-index-index #sns_topheader .container {
  max-width: 100%;
  padding: 0;
}
body.jobs-index-index h1,
body.jobs-index-index h2,
body.jobs-index-index h3 {
  color: #4c4c4c;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 33px;
}
body.jobs-index-index h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
  padding-top: 5px;
}
body.jobs-index-index h3 {
  font-size: 15px;
  text-align: left;
  line-height: 20px;
  margin-top: 25px;
  margin-bottom: 5px;
}
body.jobs-index-index p {
  line-height: 1.5em;
}
body.jobs-index-index .bold_line {
  height: 5px;
  width: 30px;
  background: #4c4c4c;
  margin: 5px 0 20px;
}
body.jobs-index-index .product_image {
  height: 510px;
  background: url(../images/mbox/landingPage/coffee_pour.jpg);
  background-size: cover;
  background-position: center center;
}
body.jobs-index-index .intern_info .top {
  height: 281px;
  margin-bottom: 15px;
}
body.jobs-index-index .intern_info .top p {
  line-height: 2em;
  color: #4c4c4c;
  font-size: 15px;
  margin-top: 10px;
}
body.jobs-index-index .intern_info .bottom {
  height: 215px;
}
body.jobs-index-index .intern_info .bottom img {
  display: inline-block;
  height: 100%;
  float: left;
}
body.jobs-index-index .intern_info .bottom .bottom_box {
  background: #d4e6eb;
  height: 100%;
  display: inline-block;
  margin-left: 15px;
  width: 100%;
  float: left;
  max-width: calc(100% - 305px);
  background: url(../images/mbox/landingPage/verve_tabletop.jpg);
  background-size: cover;
  background-position: center center;
}
body.jobs-index-index #as-featured {
  background: #f8f8f8;
  margin: 15px 0 5px;
}
body.jobs-index-index .job_listing p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.8em;
}
body.jobs-index-index .job_listing ul li {
  line-height: 30px;
  font-size: 16px;
  color: #929292;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  body.jobs-index-index .intern_info .top {
    height: auto;
  }
  body.jobs-index-index .product_image {
    height: 230px;
    width: 100%;
    background: url(../images/mbox/landingPage/team.jpg);
    background-size: cover;
    background-position: center center;
  }
}
.staples-gift-card-index-index #sns_content {
  background: url(/skin/frontend/default/sns_korion/images/mbox/landingPage/pattern_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: 0;
}
.staples-gift-card-index-index h1 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  font-size: 20px;
}
.staples-gift-card-index-index .checkout_box {
  max-width: 600px;
  margin: 15px auto;
}
.staples-gift-card-index-index .checkout_box .box_container {
  padding: 0 30px;
}
.staples-gift-card-index-index .checkout_box input {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border-radius: 0;
  height: 41px;
  border: 1px solid #e8e8e8;
  margin-bottom: 10px;
  padding-left: 10px;
}
.staples-gift-card-index-index .checkout_box input.invalid {
  border: 1px solid #c2002f;
}
.staples-gift-card-index-index .checkout_box .line {
  text-align: center;
  margin-bottom: 5px;
}
.staples-gift-card-index-index .checkout_box .line#header {
  font-size: 16px;
  text-transform: uppercase;
}
.staples-gift-card-index-index .actions {
  margin-bottom: 100px;
}
.staples-gift-card-index-index .actions .button {
  max-width: 600px;
  width: 100%;
  margin: 0 auto 50px;
  margin-bottom: 15px;
  border-radius: 0;
}
.joinus-index-index .top_announcement {
  background: #aac9d1;
  color: #fff;
  text-align: center;
  padding: 12px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  font-family: "brandon-grotesque", sans-serif;
}
.joinus-index-index .greeting {
  text-transform: uppercase;
  color: #666;
  font-size: 18px;
  top: 30px;
  position: relative;
}
.joinus-index-index .product.v2 {
  height: 450px;
}
.joinus-index-index .product.v2 .content_box h1 {
  margin-top: 60px;
}
.joinus-index-index .product.v2 .points {
  margin-top: 70px;
}
.joinus-index-index .grid_row .image {
  position: relative;
}
.joinus-index-index .grid_row .image img {
  position: relative;
  z-index: 1000;
  max-height: 150px;
  top: calc(50% - 75px);
}
.joinus-index-index .grid_row .image .overlay {
  background-color: rgba(0, 0, 0, 0.3);
}
.joinus-index-index .grid_row .image.DCR img,
.joinus-index-index .grid_row .image.COC img,
.joinus-index-index .grid_row .image.PCR img,
.joinus-index-index .grid_row .image.ENT img,
.joinus-index-index .grid_row .image.CASE img,
.joinus-index-index .grid_row .image.BR img,
.joinus-index-index .grid_row .image.PHC img,
.joinus-index-index .grid_row .image.AN img,
.joinus-index-index .grid_row .image.AG img {
  max-height: 100px;
  top: calc(50% - 50px);
}
.joinus-index-index .grid_row .image.LCT img {
  top: calc(50% - 40px);
}
.joinus-index-index .grid_row .image.EQT img {
  max-height: 200px;
  top: calc(50% - 100px);
}
.joinus-index-index .grid_row .image.VER img {
  max-height: 70px;
  top: calc(50% - 35px);
}
.joinus-index-index .grid_row .text {
  padding: 0;
  position: relative;
  background: #fff;
}
.joinus-index-index .grid_row .text .overlay {
  background-color: rgba(0, 0, 0, 0.05);
}
.joinus-index-index .grid_row .text img {
  max-width: 300px;
  margin: auto;
  width: 100%;
}
.joinus-index-index .grid_row .text .coffee_name {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  font-family: "brandon-grotesque";
  position: relative;
  top: -10px;
}
.joinus-index-index .grid_row .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
}
.joinus-index-index #how-it-works {
  margin: 50px auto;
}
.joinus-index-index #how-it-works .h2-break {
  margin: 0px auto 35px;
}
.joinus-index-index #how-it-works .heading {
  color: #000;
  font-size: 16px;
  margin: 15px 0px;
}
.joinus-index-index #how-it-works p {
  padding: 0px 40px;
}
.joinus-index-index #how-it-works .how_image {
  text-align: center;
}
.joinus-index-index #how-it-works .how_image#signup {
  background: url(https://scontent-a-dfw.xx.fbcdn.net/hphotos-frc3/v/t1.0-9/1982049_10201649284692191_912631548_n.jpg?oh=aa173dcdd66cad5aaf1eeb48dd54acfa&oe=53AD74EB);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 200px;
}
.joinus-index-index #how-it-works .how_image#personalized {
  background: url(https://scontent-a-dfw.xx.fbcdn.net/hphotos-frc3/v/t1.0-9/1982049_10201649284692191_912631548_n.jpg?oh=aa173dcdd66cad5aaf1eeb48dd54acfa&oe=53AD74EB);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 200px;
}
.joinus-index-index #how-it-works .how_image#receive {
  background: url(https://scontent-a-dfw.xx.fbcdn.net/hphotos-frc3/v/t1.0-9/1982049_10201649284692191_912631548_n.jpg?oh=aa173dcdd66cad5aaf1eeb48dd54acfa&oe=53AD74EB);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 200px;
}
@media (max-width: 767px) {
  .joinus-index-index .greeting {
    top: 240px;
    font-size: 16px;
  }
  .joinus-index-index .product.v2 .content_box h1 {
    margin-top: 260px;
  }
}
.subscription-index-index .black_friday_deal_spacer a,
.subscription-index-index .black_friday_deal_header a {
  display: none;
}
.subscription-vlogger-index-index .topheader-right-inner,
.subscription-scentbird-index-index .topheader-right-inner {
  display: none;
}
.subscription-vlogger-index-index .top_announcement,
.subscription-scentbird-index-index .top_announcement {
  background: #dc6a5c;
  color: #fff;
  text-align: center;
  padding: 12px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "brandon-grotesque", sans-serif;
}
@media (max-width: 767px) {
  .sharktank-index-index .landing_page .features_section .hero h1 {
    text-align: center;
    line-height: 40px;
  }
}
.cms-roasters .container #sns_main {
  background: #f2f2f2;
  max-width: 100%;
}
.cms-roasters h1 {
  text-align: center;
  font-size: 20px;
}
.cms-roasters .roaster_container {
  max-width: 950px;
  margin: auto;
}
.cms-roasters .roaster_container .span4 {
  margin: 10px 6px;
  padding: 0 10px;
}
.cms-roasters .roaster_container .roaster_square {
  background: #fff;
  padding: 30px;
  text-align: center;
  border-bottom: solid 2px #e6e6e6;
  cursor: pointer;
}
.cms-roasters .roaster_container .roaster_square .roaster_logo {
  height: 150px;
}
.cms-roasters
  .roaster_container
  .roaster_square
  .roaster_logo
  .vert_align_helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.cms-roasters .roaster_container .roaster_square .roaster_logo img {
  vertical-align: middle;
  max-height: 150px;
  max-width: 97%;
}
.cms-roasters .roaster_container .roaster_square .roaster_name {
  font-weight: bold;
  height: 40px;
}
.roaster_background.roaster_page {
  height: 450px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background: url(/skin/frontend/default/sns_korion/images/mbox/roasters/roaster_page_bg/augies_background.jpg);
  margin-bottom: 40px;
}
.roaster_background.roaster_page .roaster_gray_overlay {
  height: 450px;
  background: rgba(79, 79, 79, 0.5);
}
.roaster_background.roaster_page .roaster_content {
  max-width: 750px;
  margin: auto;
  padding: 50px 15px;
}
.roaster_background.roaster_page .roaster_content h1 {
  color: #fff;
  text-align: center;
}
.roaster_background.roaster_page .roaster_content .roaster_description p {
  color: #fff;
  line-height: 1.5em;
}
.roaster_background.roaster_page .roaster_content hr {
  border-top: 0;
}
.roaster_background.roaster_page .roaster_location {
  text-align: center;
  color: #fff;
}
.roaster_background.roaster_page .roaster_location img {
  width: 20px;
  padding: 10px;
}
@media (max-width: 767px) {
  .roaster_background.roaster_page {
    height: 275px;
  }
  .roaster_background.roaster_page .roaster_gray_overlay {
    height: 275px;
  }
}
/*Coming soon shop landing page */
/* New Ecomm Shop */
.shop-index-index .container {
  width: 100%;
}
.shop-index-index #sns_content {
  background: #f8f8f8;
  margin-top: 0;
}
/* New Customer Dashboard */
.dashboard-index-index .sticky_footer_wrapper {
  background: #fff;
}
.customer-dashboard-page div,
.dashboard-index-index div {
  font-size: 14px;
  letter-spacing: 0.02em;
}
.customer-dashboard-page .dashboard-index-index,
.dashboard-index-index .dashboard-index-index {
  color: #929292;
}
.customer-dashboard-page .container,
.dashboard-index-index .container {
  width: 100%;
}
.customer-dashboard-page .max_width_container,
.dashboard-index-index .max_width_container {
  max-width: 1000px;
  margin: auto;
}
.customer-dashboard-page #sns_content,
.dashboard-index-index #sns_content {
  margin-top: 0;
}
.customer-dashboard-page #sns_topheader a,
.dashboard-index-index #sns_topheader a {
  color: #838383;
}
.customer-dashboard-page #sns_topheader a:hover,
.dashboard-index-index #sns_topheader a:hover {
  color: #aac9d1;
}
.customer-dashboard-page .sns-quickaccess ul.links li a,
.dashboard-index-index .sns-quickaccess ul.links li a {
  text-transform: initial;
  font-size: 14px;
  font-weight: normal;
  font-family: "museo-sans", sans-serif;
  padding: 0 10px;
  letter-spacing: 0.025em;
  color: #b4b4b4;
}
.customer-dashboard-page .sns-quickaccess ul.links li a:hover,
.dashboard-index-index .sns-quickaccess ul.links li a:hover {
  color: #5f828d;
}
.customer-dashboard-page .no_padding,
.dashboard-index-index .no_padding {
  padding: 0;
}
.customer-dashboard-page #sns_footer,
.dashboard-index-index #sns_footer {
  z-index: 10000;
  position: relative;
}
.customer-dashboard-page a {
  color: #e1b696;
}
.customer-dashboard-page a span,
.dashboard-index-index a span {
  color: #e1b696;
  cursor: pointer;
  text-decoration: underline;
}
.customer-dashboard-page p,
.dashboard-index-index p {
  line-height: 1.8em;
  color: #929292;
  letter-spacing: 0.02em;
}
.customer-dashboard-page .dark_theme_button,
.dashboard-index-index .dark_theme_button,
.customer-dashboard-page .round_button,
.dashboard-index-index .round_button {
  background: #aac9d1;
  color: #fff;
  padding: 7px 20px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-family: "brandon-grotesque", sans-serif;
  border-radius: 20px;
  display: inline-block;
  min-width: 80px;
  text-align: center;
  cursor: pointer;
}
.customer-dashboard-page .dark_theme_button:hover,
.dashboard-index-index .dark_theme_button:hover,
.customer-dashboard-page .round_button:hover,
.dashboard-index-index .round_button:hover {
  background: #93b1b9;
}
.customer-dashboard-page .theme_action,
.dashboard-index-index .theme_action {
  color: #aac9d1;
  text-decoration: underline;
  cursor: pointer;
}
.customer-dashboard-page .input_dot,
.dashboard-index-index .input_dot {
  height: 14px;
  width: 14px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 3px;
}
.customer-dashboard-page .subtle_action,
.dashboard-index-index .subtle_action {
  color: #b4b4b4;
  text-decoration: underline;
  cursor: pointer;
}
.customer-dashboard-page .subtle_action:hover,
.dashboard-index-index .subtle_action:hover {
  color: #5f828d;
}
.customer-dashboard-page .theme_label,
.dashboard-index-index .theme_label {
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 12px;
  cursor: pointer;
  color: #4c4c4c;
}
.customer-dashboard-page .theme_label span,
.dashboard-index-index .theme_label span {
  color: #e1b696;
  font-size: 16px;
  display: inline-block;
  margin-right: 5px;
  width: 6px;
}
.customer-dashboard-page textarea,
.dashboard-index-index textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
  resize: none;
  height: 100px;
  margin-bottom: 0;
  padding: 15px;
}
.customer-dashboard-page .dashboard_header,
.dashboard-index-index .dashboard_header {
  height: 70px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.customer-dashboard-page .dashboard_header img,
.dashboard-index-index .dashboard_header img {
  width: 120px;
  margin-left: 20px;
  margin-top: 28px;
}
.customer-dashboard-page .dashboard_header .top_nav,
.dashboard-index-index .dashboard_header .top_nav {
  position: absolute;
  right: 30px;
  top: 33px;
}
.customer-dashboard-page .dashboard_header .top_nav .nav_item,
.dashboard-index-index .dashboard_header .top_nav .nav_item {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
}
.customer-dashboard-page .dashboard_header .top_nav .nav_item a,
.dashboard-index-index .dashboard_header .top_nav .nav_item a {
  color: #838383;
}
.customer-dashboard-page .dashboard_header .top_nav .nav_item a:hover,
.dashboard-index-index .dashboard_header .top_nav .nav_item a:hover {
  color: #aac9d1;
}
.customer-dashboard-page .loading.dashboard_content,
.dashboard-index-index .loading.dashboard_content {
  width: 150px;
  height: 180px;
  position: fixed;
  top: 50%;
  padding: 0;
  margin: -100px 0 0 -75px;
  left: 62%;
  text-align: center;
}
.customer-dashboard-page .loading.dashboard_content img.loading_circle,
.dashboard-index-index .loading.dashboard_content img.loading_circle {
  width: 100px;
}
.customer-dashboard-page .mobile_dashboard_nav,
.dashboard-index-index .mobile_dashboard_nav {
  display: none;
  padding: 15px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}
.customer-dashboard-page .mobile_dashboard_nav .nav_item,
.dashboard-index-index .mobile_dashboard_nav .nav_item {
  background: #e7e7e7;
  color: #838383;
  padding: 5px 15px;
  border-radius: 20px;
  display: inline-block;
  min-width: 80px;
  text-align: center;
  margin-right: 5px;
  font-size: 13px;
  cursor: pointer;
}
.customer-dashboard-page .mobile_dashboard_nav .nav_item:hover,
.dashboard-index-index .mobile_dashboard_nav .nav_item:hover,
.customer-dashboard-page .mobile_dashboard_nav .nav_item.active,
.dashboard-index-index .mobile_dashboard_nav .nav_item.active {
  background: #aac9d1;
  color: #fff;
}
.customer-dashboard-page input,
.dashboard-index-index input {
  box-shadow: none;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
  padding: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.customer-dashboard-page select,
.dashboard-index-index select {
  border-radius: 0;
  -webkit-appearance: none;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
  height: 42px;
  padding-left: 10px;
  width: 100%;
}
.customer-dashboard-page .control_buttons .control_button,
.dashboard-index-index .control_buttons .control_button {
  border: 1px solid #b4b4b4;
  color: #838383;
  padding: 7px 0;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-family: "brandon-grotesque", sans-serif;
  cursor: pointer;
}
.customer-dashboard-page .control_buttons .control_button:hover,
.dashboard-index-index .control_buttons .control_button:hover,
.customer-dashboard-page .control_buttons .control_button.active,
.dashboard-index-index .control_buttons .control_button.active {
  background: #aac9d1;
  border: 1px solid #aac9d1;
  color: #fff;
}
.customer-dashboard-page .card,
.dashboard-index-index .card {
  background: #fff;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  text-align: center;
}
.customer-dashboard-page .card .card_header,
.dashboard-index-index .card .card_header {
  height: 10px;
  border-radius: 1px 1px 0px 0px;
}
.customer-dashboard-page .card .card_header.lavendar,
.dashboard-index-index .card .card_header.lavendar {
  background: #fff;
}
.customer-dashboard-page .card .card_header.purple,
.dashboard-index-index .card .card_header.purple {
  background: #fff;
}
.customer-dashboard-page .card .card_header img,
.dashboard-index-index .card .card_header img {
  height: 20px;
  margin-top: 10px;
  float: right;
  margin-right: 10px;
  cursor: pointer;
}
.customer-dashboard-page .card .card_header .exit img,
.dashboard-index-index .card .card_header .exit img {
  position: absolute;
  height: 14px;
  right: 10px;
  top: 10px;
  z-index: 10000;
  cursor: pointer;
  margin: 0;
}
.customer-dashboard-page .card h2,
.dashboard-index-index .card h2 {
  line-height: 20px;
}
.customer-dashboard-page .card .subtle_action,
.dashboard-index-index .card .subtle_action {
  margin-top: 10px;
}
.customer-dashboard-page .card .card_container,
.dashboard-index-index .card .card_container {
  padding: 20px;
}
.customer-dashboard-page .card .card_container .coffee_image img,
.dashboard-index-index .card .card_container .coffee_image img {
  width: 100%;
  max-width: 150px;
  margin: auto;
  position: relative;
  left: 5px;
  margin-top: -10px;
}
.customer-dashboard-page .card .card_container .coffee_image img.empty,
.dashboard-index-index .card .card_container .coffee_image img.empty {
  max-width: 140px;
  margin: 40px auto 30px;
}
.customer-dashboard-page .card .card_container .selected_date,
.dashboard-index-index .card .card_container .selected_date {
  text-transform: uppercase;
  margin: 10px auto 20px;
  line-height: 22px;
  color: #cbcbcb;
  max-width: 215px;
  font-size: 15px;
  letter-spacing: 0.03em;
  font-family: "brandon-grotesque";
}
.customer-dashboard-page .card .card_container.curator img.curator,
.dashboard-index-index .card .card_container.curator img.curator {
  width: 100%;
  max-width: 130px;
  margin: 15px 0;
}
.customer-dashboard-page .card .card_container.curator .theme_label,
.dashboard-index-index .card .card_container.curator .theme_label {
  margin-top: 15px;
  color: #838383;
}
.customer-dashboard-page .card .card_container.curator .profile_info,
.dashboard-index-index .card .card_container.curator .profile_info {
  color: #b4b4b4;
}
.customer-dashboard-page .card .card_container.curator a,
.dashboard-index-index .card .card_container.curator a {
  margin-top: 15px;
  display: inline-block;
}
.customer-dashboard-page .card .card_container.reactivate h2,
.dashboard-index-index .card .card_container.reactivate h2 {
  margin-top: 10px;
}
.customer-dashboard-page .card .card_container.reactivate h3,
.dashboard-index-index .card .card_container.reactivate h3 {
  text-transform: uppercase;
  font-size: 14px;
}
.customer-dashboard-page .card .card_container.reactivate img,
.dashboard-index-index .card .card_container.reactivate img {
  width: 100%;
  max-width: 200px;
  margin: 15px 0;
}
.customer-dashboard-page .card .card_container .payment_fields,
.dashboard-index-index .card .card_container .payment_fields,
.customer-dashboard-page .card .card_container .shipping_fields,
.dashboard-index-index .card .card_container .shipping_fields {
  max-width: 500px;
  margin: 20px auto 5px;
}
.customer-dashboard-page .card .card_container .update_frequency p,
.dashboard-index-index .card .card_container .update_frequency p {
  color: #b4b4b4;
  margin: 25px auto 15px;
}
.customer-dashboard-page .card .card_container .update_frequency .theme_label,
.dashboard-index-index .card .card_container .update_frequency .theme_label {
  margin: 30px 0 30px;
}
.customer-dashboard-page .card .card_container .update_frequency select,
.dashboard-index-index .card .card_container .update_frequency select {
  width: 100px;
  margin: 0 2px;
  position: relative;
  top: -2px;
  color: #4c4c4c;
  text-align-last: center;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  font-family: "brandon-grotesque" !important;
  font-size: 12px;
  padding: 0;
}
.customer-dashboard-page .card .card_container .update_preferences,
.dashboard-index-index .card .card_container .update_preferences {
  max-width: 500px;
  margin: auto;
}
.customer-dashboard-page
  .card
  .card_container
  .update_preferences
  .preference_controls,
.dashboard-index-index
  .card
  .card_container
  .update_preferences
  .preference_controls {
  text-align: left;
  color: #b4b4b4;
  margin: 30px 0;
}
.customer-dashboard-page
  .card
  .card_container
  .update_preferences
  .preference_controls
  img,
.dashboard-index-index
  .card
  .card_container
  .update_preferences
  .preference_controls
  img {
  max-width: 20px;
}
.customer-dashboard-page
  .card
  .card_container
  .update_preferences
  .preference_controls
  .control_label,
.dashboard-index-index
  .card
  .card_container
  .update_preferences
  .preference_controls
  .control_label {
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 12px;
  color: #4c4c4c;
  margin: 5px 0;
}
.customer-dashboard-page
  .card
  .card_container
  .update_preferences
  .preference_controls
  .pref_circle,
.dashboard-index-index
  .card
  .card_container
  .update_preferences
  .preference_controls
  .pref_circle {
  height: 10px;
  width: 10px;
  margin: 3px 7px 0 0;
  float: left;
  border-radius: 30px;
  border: 1px solid #bebebe;
}
.customer-dashboard-page
  .card
  .card_container
  .update_preferences
  .preference_controls
  .control_item,
.dashboard-index-index
  .card
  .card_container
  .update_preferences
  .preference_controls
  .control_item {
  margin-bottom: 5px;
  cursor: pointer;
  color: #b4b4b4;
}
.customer-dashboard-page
  .card
  .card_container
  .update_preferences
  .preference_controls
  .control_item.active,
.dashboard-index-index
  .card
  .card_container
  .update_preferences
  .preference_controls
  .control_item.active {
  color: #5f828d;
}
.customer-dashboard-page
  .card
  .card_container
  .update_preferences
  .preference_controls
  .control_item.active
  .pref_circle,
.dashboard-index-index
  .card
  .card_container
  .update_preferences
  .preference_controls
  .control_item.active
  .pref_circle {
  border-color: #5f828d;
  background: #5f828d;
}
.customer-dashboard-page .card .card_container .update_preferences textarea,
.dashboard-index-index .card .card_container .update_preferences textarea {
  margin-bottom: 15px;
}
.customer_dashboard {
  position: relative;
  /*summary*/
  /*upcoming tab*/
  /*collection tab*/
  /*history tab*/
  /*referral tab*/
}
.customer_dashboard .nav_alert .title {
  color: #5f828d;
  font-size: 15px;
  font-family: "museo-sans";
  margin-bottom: 7px;
}
.customer_dashboard .nav_alert .title img {
  position: relative;
  width: 24px;
  top: -2px;
  left: -3px;
}
.customer_dashboard .nav_alert .roaster_name {
  margin-top: 0;
  color: #929292;
  font-size: 11px;
}
.customer_dashboard .nav_alert .coffee_name {
  font-size: 15px;
  color: #4c4c4c;
}
.customer_dashboard .nav_alert .ship_addr {
  font-size: 13px;
  color: #929292;
  margin-top: 10px;
}
.customer_dashboard .nav_alert a.nav_action {
  color: #e1b696;
  margin-top: 3px;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  font-size: 11px;
  font-weight: normal;
}
.customer_dashboard .dashboard_modal {
  z-index: 10001;
  position: fixed;
  min-height: 300px;
  top: 25%;
  left: 61%;
  margin-left: -300px;
  max-width: 600px;
}
.customer_dashboard .dashboard_modal .exit {
  text-align: right;
  color: #e1b696;
  font-weight: bold;
  cursor: pointer;
}
.customer_dashboard .dashboard_modal .bill_confirmation {
  color: #b4b4b4;
}
.customer_dashboard .dashboard_modal .datepicker {
  margin: 0 auto 10px;
  padding: 10px 30px 25px;
  border-radius: 0;
  background: #f8f8f8;
}
.customer_dashboard .dashboard_modal .datepicker table thead tr:first-child {
  height: 45px;
}
.customer_dashboard .dashboard_modal .datepicker table thead tr:first-child th {
  color: #4c4c4c;
}
.customer_dashboard .dashboard_modal .datepicker table td,
.customer_dashboard .dashboard_modal .datepicker table th {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  font-weight: normal;
}
.customer_dashboard .dashboard_modal .datepicker table td.disabled,
.customer_dashboard .dashboard_modal .datepicker table th.disabled {
  color: #bebebe;
}
.customer_dashboard .dashboard_modal .datepicker table td:hover,
.customer_dashboard .dashboard_modal .datepicker table th:hover {
  border-radius: 0;
}
.customer_dashboard .dashboard_modal .datepicker table td.active.active,
.customer_dashboard .dashboard_modal .datepicker table th.active.active {
  border-radius: 0;
  background: #aac9d1;
  text-shadow: none;
}
.customer_dashboard .dashboard_modal .datepicker table td.today,
.customer_dashboard .dashboard_modal .datepicker table th.today {
  background: #bebebe;
  border-radius: 0;
  color: #fff;
}
.customer_dashboard .dashboard_modal .datepicker table th {
  font-weight: 500;
}
.customer_dashboard .dashboard_modal.message_modal {
  min-height: 260px;
  width: 100%;
  padding: 0px 23px;
  box-sizing: border-box;
}
.customer_dashboard .dashboard_modal.message_modal.preferences {
  margin-top: -240px;
}
.customer_dashboard .dashboard_modal.message_modal h2 {
  margin: 0 0 15px;
  text-transform: initial;
  font-family: "museo-sans";
  text-align: center;
}
.customer_dashboard .dashboard_modal.message_modal .control_buttons {
  margin: 30px auto;
  max-width: 450px;
}
.customer_dashboard .dashboard_modal.message_modal .dark_theme_button {
  background: #4c4c4c;
}
.customer_dashboard .dashboard_modal.message_modal .charge {
  color: #deaf9d;
}
.customer_dashboard .dashboard_modal.message_modal .plan_box {
  border: 2px solid #e6e6e6;
  padding-bottom: 5px;
  cursor: pointer;
  margin-bottom: 10px;
}
.customer_dashboard .dashboard_modal.message_modal .plan_box .description {
  font-weight: 500;
  font-family: "brandon-grotesque";
  font-size: 15px;
}
.customer_dashboard .dashboard_modal.message_modal .plan_box .discount {
  font-family: "brandon-grotesque";
  color: #deaf9d;
  text-transform: uppercase;
  font-size: 13px;
}
.customer_dashboard .dashboard_modal.message_modal .plan_box.active {
  border-color: #aac9d1;
}
.customer_dashboard
  .dashboard_modal.message_modal
  .plan_box.active
  .description {
  color: #aac9d1;
}
.customer_dashboard .dashboard_modal.message_modal .hold_end_date h2 {
  margin-bottom: 10px;
}
.customer_dashboard .dashboard_modal.message_modal .hold_end_date p {
  max-width: 400px;
  margin: 0 auto 15px;
}
.customer_dashboard .dashboard_modal.message_modal .hold_end_date .theme_label {
  margin-bottom: 3px;
}
.customer_dashboard
  .dashboard_modal.message_modal
  .hold_end_date
  .update_shipdate
  input {
  margin: 0 0 20px;
  max-width: 228px;
}
.customer_dashboard .dashboard_modal.message_modal .update_hold input {
  height: 40px;
  max-width: 280px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 0;
}
.customer_dashboard .dashboard_modal.message_modal .update_hold select {
  height: 40px;
  margin-bottom: 12px;
  text-align: center;
  max-width: 280px;
  background: #f8f8f8;
  border-radius: 0;
  border-color: #e6e6e6;
  text-indent: calc(50% - 51px);
}
.customer_dashboard
  .dashboard_modal.message_modal
  .update_hold
  .dark_theme_button {
  margin-top: 13px;
}
.customer_dashboard .dashboard_modal.message_modal .update_hold p {
  color: #deaf9d;
  max-width: 415px;
  margin: auto;
}
.customer_dashboard .dashboard_modal.message_modal .rename_sub h2 {
  margin-top: 15px;
}
.customer_dashboard .dashboard_modal.message_modal .rename_sub input {
  height: 35px;
  margin: 15px 0 30px;
}
.customer_dashboard .dashboard_modal.message_modal .decline_confirmation h2 {
  margin-bottom: 20px;
}
.customer_dashboard
  .dashboard_modal.message_modal
  .decline_confirmation
  .pick_box {
  padding: 30px;
  background: #f8f8f8;
  margin-bottom: 20px;
}
.customer_dashboard
  .dashboard_modal.message_modal
  .decline_confirmation
  .pick_box
  .title {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #4c4c4c;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 13px;
}
.customer_dashboard
  .dashboard_modal.message_modal
  .decline_confirmation
  .pick_box
  .button {
  background: #e1b696;
  color: #fff;
  padding: 7px;
  width: 140px;
  font-size: 13px;
  letter-spacing: 0.05em;
}
.customer_dashboard
  .dashboard_modal.message_modal
  .decline_confirmation
  .pick_box
  hr {
  border-bottom: 0;
  margin: 10px 0 20px;
}
.customer_dashboard
  .dashboard_modal.message_modal
  .decline_confirmation
  .pick_box
  .subtle_action {
  margin-top: 10px;
}
.customer_dashboard .dashboard_modal.message_modal .remove_confirmation p {
  max-width: 400px;
  margin: 0 auto 20px;
}
.customer_dashboard .dashboard_width {
  position: relative;
  margin: auto;
}
.customer_dashboard .dashboard_content {
  padding: 25px 25px;
  margin: auto;
}
.customer_dashboard .dashboard_content.no_padding,
.customer_dashboard .dashboard_content.no_padding_sub,
.customer_dashboard .dashboard_content.no_padding_referrals,
.customer_dashboard .dashboard_content.no_padding_collection,
.customer_dashboard .dashboard_content.no_padding_gift {
  padding: 0;
}
.customer_dashboard .dashboard_content.history_height,
.customer_dashboard .dashboard_content.summary_height {
  min-height: 590px;
}
.customer_dashboard .dashboard_content.loading {
  text-align: center;
}
.customer_dashboard .dashboard_modal_backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
  opacity: 0.7;
}
.customer_dashboard h1 {
  color: #4c4c4c;
  font-family: "museo-sans", sans-serif;
  text-transform: capitalize;
  line-height: 17px;
  font-size: 22px;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: normal;
}
.customer_dashboard .h1_container {
  padding: 25px 25px;
  margin: auto;
  max-width: 100%;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
}
.customer_dashboard .h1_container.no_padding,
.customer_dashboard .h1_container.no_padding_sub,
.customer_dashboard .h1_container.no_padding_referrals,
.customer_dashboard .h1_container.no_padding_collection,
.customer_dashboard .h1_container.no_padding_gift {
  padding: 0;
}
.customer_dashboard .h1_container.history_height,
.customer_dashboard .h1_container.summary_height {
  min-height: 590px;
}
.customer_dashboard .h1_container.loading {
  text-align: center;
}
.customer_dashboard .roaster_name {
  color: #e1b696;
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  margin-top: 20px;
}
.customer_dashboard h2,
.customer_dashboard h2 a {
  color: #4c4c4c;
  font-family: "museo-sans", sans-serif;
  text-transform: capitalize;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: normal;
  margin: 0;
  line-height: 25px;
}
.customer_dashboard h2.coffee_name,
.customer_dashboard h2 a.coffee_name {
  font-family: "museo-sans";
  margin-bottom: 0;
}
.customer_dashboard h2.coffee_name a,
.customer_dashboard h2 a.coffee_name a {
  font-family: "museo-sans";
  font-size: 18px;
}
.customer_dashboard span.underline {
  text-decoration: underline;
}
.customer_dashboard .tasting_notes .note_block {
  background: #5f828d;
  font-size: 11px;
  padding: 4px 7px;
  color: #fff;
  text-align: center;
  width: inherit;
  display: inline;
  margin-right: 4px;
  margin-bottom: 3px;
  z-index: 1000;
  position: relative;
}
.customer_dashboard .star_rating img {
  max-width: 120px;
  margin-bottom: 5px;
}
.customer_dashboard .star_rating .rating_description {
  color: #b4b4b4;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: normal;
  font-size: 10px;
  text-align: center;
}
.customer_dashboard .product_page_link {
  color: #e1b696;
  font-family: "brandon-grotesque", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  margin-top: 20px;
}
.customer_dashboard .summary_content {
  margin-left: 0;
}
.customer_dashboard .summary_content .coffee_image {
  position: relative;
  width: 50%;
  float: left;
  margin: 0;
}
.customer_dashboard .summary_content .coffee_image img {
  position: absolute;
  top: -20px;
  max-width: 235px;
  z-index: 100;
}
.customer_dashboard .summary_content .coffee_notes p {
  text-align: justify;
  padding-right: 10px;
}
.customer_dashboard .summary_content .coffee_notes.discovery_box {
  top: 0;
}
.customer_dashboard .summary_content .coffee_notes.discovery_box img {
  display: block;
  margin: 0 auto 5px;
  max-width: 350px;
}
.customer_dashboard
  .summary_content
  .coffee_notes.discovery_box
  .discovery_dropdown {
  margin-top: 5px;
}
.customer_dashboard .summary_content .ship_confirmation {
  color: #aac9d1;
  margin: 20px 0 5px;
}
.customer_dashboard .summary_content .tracking {
  margin-bottom: 20px;
}
.customer_dashboard .summary_content .tasting_notes {
  margin: 0 0 15px;
}
.customer_dashboard .summary_content .next_coffee {
  margin-bottom: 30px;
}
.customer_dashboard .summary_content .next_coffee .dates {
  display: inline-block;
  margin-right: 10px;
  color: #929292;
}
.customer_dashboard .summary_content .next_coffee img {
  width: 30px;
}
.customer_dashboard .upcoming_content .up_next {
  padding: 25px 25px;
  margin: auto;
  background: #f8f8f8;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.customer_dashboard .upcoming_content .up_next.no_padding,
.customer_dashboard .upcoming_content .up_next.no_padding_sub,
.customer_dashboard .upcoming_content .up_next.no_padding_referrals,
.customer_dashboard .upcoming_content .up_next.no_padding_collection,
.customer_dashboard .upcoming_content .up_next.no_padding_gift {
  padding: 0;
}
.customer_dashboard .upcoming_content .up_next.history_height,
.customer_dashboard .upcoming_content .up_next.summary_height {
  min-height: 590px;
}
.customer_dashboard .upcoming_content .up_next.loading {
  text-align: center;
}
.customer_dashboard .upcoming_content .up_next .tasting_notes {
  margin: 0 0 20px;
}
.customer_dashboard .upcoming_content .up_next .coffee_notes {
  margin-bottom: 15px;
}
.customer_dashboard .upcoming_content .up_next .shipping_info {
  color: #e1b696;
  margin-bottom: 10px;
  display: inline-block;
}
.customer_dashboard
  .upcoming_content.inactive
  .coffee_queue
  .controls
  .add_coffee {
  color: #929292;
  background: none;
}
.customer_dashboard
  .upcoming_content.inactive
  .coffee_queue
  .controls
  .add_coffee
  .circle {
  background: #aac9d1;
  color: #fff;
  margin-right: 3px;
}
.customer_dashboard
  .upcoming_content.inactive
  .coffee_queue
  .controls
  .change_frequency {
  display: none;
}
.customer_dashboard
  .upcoming_content.inactive
  .coffee_queue
  .controls
  .separator,
.customer_dashboard .upcoming_content.inactive .coffee_queue .controls .pause {
  display: none;
}
.customer_dashboard .upcoming_content.inactive .coffee_queue .status_resume {
  text-align: right;
  display: block;
}
.customer_dashboard
  .upcoming_content.inactive
  .coffee_queue
  .status_resume
  .status {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  color: #deaf9d;
  font-size: 12px;
  display: inline-block;
}
.customer_dashboard
  .upcoming_content.inactive
  .coffee_queue
  .status_resume
  .resume {
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  top: -1px;
  float: none;
  margin-left: 5px;
}
.customer_dashboard .current_coffee {
  padding: 25px 25px;
  margin: auto;
  background: #f8f8f8;
}
.customer_dashboard .current_coffee.no_padding,
.customer_dashboard .current_coffee.no_padding_sub,
.customer_dashboard .current_coffee.no_padding_referrals,
.customer_dashboard .current_coffee.no_padding_collection,
.customer_dashboard .current_coffee.no_padding_gift {
  padding: 0;
}
.customer_dashboard .current_coffee.history_height,
.customer_dashboard .current_coffee.summary_height {
  min-height: 590px;
}
.customer_dashboard .current_coffee.loading {
  text-align: center;
}
.customer_dashboard .current_coffee .tracking {
  margin-top: 30px;
}
.customer_dashboard .current_coffee.gift_box {
  background: #fff;
}
.customer_dashboard .full_collection .note_block {
  min-width: 50px;
  border: 1px solid #5f828d;
  padding: 2px 4px;
  margin: 0 3px 3px 0;
  text-align: center;
  display: inline-block;
  color: #5f828d;
  letter-spacing: 0;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  background: none;
  float: none;
}
.customer_dashboard .full_collection .note_block.chocolate,
.customer_dashboard .full_collection .note_block.baking,
.customer_dashboard .full_collection .note_block.bodied {
  padding: 2px 3px;
}
.customer_dashboard .roast_type {
  color: #b4b4b4;
  text-align: center;
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  font-weight: normal;
  letter-spacing: 0.05em;
  font-size: 11px;
}
.customer_dashboard .collection_content .tracking_position {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  text-align: center;
}
.customer_dashboard .collection_content .tracking_position a.subtle_action {
  color: #bebebe;
}
.customer_dashboard .collection_content a.subtle_action {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.03em;
  font-family: "brandon-grotesque";
  padding-bottom: 1px;
  border-bottom: 1px solid;
  text-decoration: none;
}
.customer_dashboard .history_content,
.customer_dashboard .full_collection {
  padding: 25px 25px;
  margin: auto;
  background: #ededed;
}
.customer_dashboard .history_content.no_padding,
.customer_dashboard .full_collection.no_padding,
.customer_dashboard .history_content.no_padding_sub,
.customer_dashboard .full_collection.no_padding_sub,
.customer_dashboard .history_content.no_padding_referrals,
.customer_dashboard .full_collection.no_padding_referrals,
.customer_dashboard .history_content.no_padding_collection,
.customer_dashboard .full_collection.no_padding_collection,
.customer_dashboard .history_content.no_padding_gift,
.customer_dashboard .full_collection.no_padding_gift {
  padding: 0;
}
.customer_dashboard .history_content.history_height,
.customer_dashboard .full_collection.history_height,
.customer_dashboard .history_content.summary_height,
.customer_dashboard .full_collection.summary_height {
  min-height: 590px;
}
.customer_dashboard .history_content.loading,
.customer_dashboard .full_collection.loading {
  text-align: center;
}
.customer_dashboard .history_content .empty_history,
.customer_dashboard .full_collection .empty_history {
  background: #f8f8f8;
  border: 1px solid #e6e6e6;
  padding: 10px 15px;
  margin: 5px 0 20px;
}
.customer_dashboard .history_content h1,
.customer_dashboard .full_collection h1 {
  margin-bottom: 10px;
}
.customer_dashboard .history_content .stats,
.customer_dashboard .full_collection .stats {
  margin-bottom: 20px;
  color: #929292;
}
.customer_dashboard .history_content .card,
.customer_dashboard .full_collection .card {
  min-height: 400px;
  position: relative;
}
.customer_dashboard .history_content .card img.empty,
.customer_dashboard .full_collection .card img.empty {
  max-width: 140px;
  position: absolute;
  top: 50%;
  margin-top: -80px;
  right: 50%;
  margin-right: -70px;
}
.customer_dashboard .history_content .card .count,
.customer_dashboard .full_collection .card .count {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  right: calc(50% - 13px);
  position: absolute;
  top: -8px;
  background: #5f828d;
  color: #fff;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border-radius: 26px;
  font-size: 11px;
  text-align: center;
}
.customer_dashboard .history_content .card .card_container,
.customer_dashboard .full_collection .card .card_container {
  padding: 0 15px 15px;
}
.customer_dashboard .history_content .card h2,
.customer_dashboard .full_collection .card h2 {
  font-size: 18px;
  height: 40px;
  z-index: 100;
  position: relative;
}
.customer_dashboard .history_content .card .shipped,
.customer_dashboard .full_collection .card .shipped {
  color: #aac9d1;
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 5px;
}
.customer_dashboard .history_content .card .tracking,
.customer_dashboard .full_collection .card .tracking {
  font-size: 13px;
}
.customer_dashboard .history_content .card .tasting_notes,
.customer_dashboard .full_collection .card .tasting_notes {
  margin: 0 0 8px;
}
.customer_dashboard .history_content .card .tasting_notes .notes_block,
.customer_dashboard .full_collection .card .tasting_notes .notes_block {
  font-size: 12px;
}
.customer_dashboard .history_content .card .star_rating,
.customer_dashboard .full_collection .card .star_rating {
  margin: 15px 0 10px;
}
.customer_dashboard .history_content .card .star_rating .rating_description,
.customer_dashboard .full_collection .card .star_rating .rating_description {
  line-height: 10px;
}
.customer_dashboard .history_content .card .coffee_notes p,
.customer_dashboard .full_collection .card .coffee_notes p {
  font-size: 13px;
}
.customer_dashboard .referrals_content {
  background: #fff;
}
.customer_dashboard .referrals_content .referral_share {
  border-bottom: 1px solid #e6e6e6;
  padding: 25px 25px;
  margin: auto;
  padding-bottom: 35px;
}
.customer_dashboard .referrals_content .referral_share.no_padding,
.customer_dashboard .referrals_content .referral_share.no_padding_sub,
.customer_dashboard .referrals_content .referral_share.no_padding_referrals,
.customer_dashboard .referrals_content .referral_share.no_padding_collection,
.customer_dashboard .referrals_content .referral_share.no_padding_gift {
  padding: 0;
}
.customer_dashboard .referrals_content .referral_share.history_height,
.customer_dashboard .referrals_content .referral_share.summary_height {
  min-height: 590px;
}
.customer_dashboard .referrals_content .referral_share.loading {
  text-align: center;
}
.customer_dashboard .referrals_content .referral_share .header {
  margin: 35 px 0 25px;
}
.customer_dashboard .referrals_content .referral_share .illustration {
  text-align: center;
}
.customer_dashboard .referrals_content .referral_share .illustration img {
  width: 100%;
  max-width: 125px;
}
.customer_dashboard .referrals_content .referral_share .cta p {
  margin-top: 10px;
  margin-bottom: 20px;
}
.customer_dashboard .referrals_content .referral_share .cta h2 {
  text-transform: initial;
}
.customer_dashboard .referrals_content .referral_share .share .share_link {
  display: inline-block;
  margin-right: 5px;
}
.customer_dashboard
  .referrals_content
  .referral_share
  .share
  .share_link
  .link_box {
  display: inline-block;
  margin-left: 5px;
  font-weight: bold;
  background: none;
  border: none;
  padding: 0px 0px;
  position: relative;
  top: 5px;
  width: 175px;
}
.customer_dashboard .referrals_content .referral_share .share .share_code {
  display: inline-block;
}
.customer_dashboard
  .referrals_content
  .referral_share
  .share
  .share_code
  input {
  background: none;
  border: none;
  padding: 0px 0px;
  position: relative;
  top: 5px;
  width: 45px;
  font-weight: bold;
}
.customer_dashboard .referrals_content .referral_share .share button {
  background: #aac9d1;
  color: #fff;
  font-size: 10px;
  padding: 0px 13px;
  margin: 0 5px 0 3px;
  letter-spacing: 0.2em;
  border-radius: 25px;
  font-family: "brandon-grotesque", sans-serif;
}
.customer_dashboard .referrals_content .referral_share .share button:hover {
  background: #e1b696;
}
.customer_dashboard .referrals_content .referral_blurb {
  color: #b4b4b4;
  font-style: italic;
  margin-top: 40px;
  font-size: 12px;
}
.customer_dashboard .referrals_content .referral_email {
  padding: 25px 25px;
  margin: auto;
}
.customer_dashboard .referrals_content .referral_email.no_padding,
.customer_dashboard .referrals_content .referral_email.no_padding_sub,
.customer_dashboard .referrals_content .referral_email.no_padding_referrals,
.customer_dashboard .referrals_content .referral_email.no_padding_collection,
.customer_dashboard .referrals_content .referral_email.no_padding_gift {
  padding: 0;
}
.customer_dashboard .referrals_content .referral_email.history_height,
.customer_dashboard .referrals_content .referral_email.summary_height {
  min-height: 590px;
}
.customer_dashboard .referrals_content .referral_email.loading {
  text-align: center;
}
.customer_dashboard .referrals_content .referral_email .button-bar {
  margin: 15px 0;
}
.customer_dashboard .referrals_content .referral_email .button-bar button {
  border: 1px solid #e6e6e6;
  color: #838383;
  padding: 5px 15px;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  text-transform: initial;
  background: none;
  min-width: 87px;
  margin-right: 3px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-family: "brandon-grotesque", sans-serif;
}
.customer_dashboard .referrals_content .referral_email .button-bar button:hover,
.customer_dashboard
  .referrals_content
  .referral_email
  .button-bar
  button.active {
  background: #aac9d1;
  border: 1px solid #aac9d1;
  color: #fff;
}
.customer_dashboard .referrals_content .referral_email input.input {
  width: 100% !important;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  margin-bottom: 0;
  border-radius: 0;
  height: 40px;
}
.customer_dashboard .referrals_content .referral_email .email_preview {
  float: left;
  margin-top: 23px;
}
.customer_dashboard .referrals_content .referral_email .dark_theme_button {
  float: right;
  margin-top: 18px;
}
.customer_dashboard .referrals_content .referral_email .reminder_check {
  float: right;
  margin: 23px 20px 26px;
}
.customer_dashboard .referrals_content .referral_email .reminder_check input {
  position: relative;
  top: 2px;
  right: 4px;
}
.customer_dashboard .referrals_content .referral_history {
  padding: 25px 25px;
  margin: auto;
  background: #e7e7e7;
  padding-bottom: 40px;
}
.customer_dashboard .referrals_content .referral_history.no_padding,
.customer_dashboard .referrals_content .referral_history.no_padding_sub,
.customer_dashboard .referrals_content .referral_history.no_padding_referrals,
.customer_dashboard .referrals_content .referral_history.no_padding_collection,
.customer_dashboard .referrals_content .referral_history.no_padding_gift {
  padding: 0;
}
.customer_dashboard .referrals_content .referral_history.history_height,
.customer_dashboard .referrals_content .referral_history.summary_height {
  min-height: 590px;
}
.customer_dashboard .referrals_content .referral_history.loading {
  text-align: center;
}
.customer_dashboard .referrals_content .referral_history table {
  margin: 20px 0 0;
  width: 100%;
  background: #fff;
}
.customer_dashboard .referrals_content .referral_history table thead tr td {
  padding: 18px 15px;
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 12px;
  color: #4c4c4c;
  width: 25%;
  text-align: left;
}
.customer_dashboard .referrals_content .referral_history table tbody tr {
  border-top: 1px solid #e6e6e6;
}
.customer_dashboard .referrals_content .referral_history table tbody tr td {
  padding: 15px;
  width: 25%;
  text-align: left;
}
.customer_dashboard
  .referrals_content
  .referral_history
  .empty_referral_history {
  padding: 15px;
  border-top: 1px solid #e6e6e6;
  text-align: center;
  background: #fff;
}
@media (min-width: 992px) {
  .customer_dashboard .dashboard_width {
    width: 76.59574468%;
  }
  .mobile_dashboard_nav {
    display: none;
  }
}
@media (min-width: 1200px) {
  .customer_dashboard .dashboard_width {
    width: 76.92307692%;
  }
}
@media (max-width: 992px) {
  .dashboard_header {
    position: relative;
  }
  .dashboard_header .top_nav {
    position: relative;
  }
  .customer_dashboard .fixed_sidebar_container {
    display: none;
  }
  .customer_dashboard .dashboard_width {
    width: 100%;
  }
  .customer_dashboard .dashboard_modal {
    left: 50%;
  }
  .customer_dashboard .loading.dashboard_content {
    left: 50%;
  }
}
@media (max-width: 767px) {
  .customer-dashboard-page .mobile_dashboard_nav,
  .dashboard-index-index .mobile_dashboard_nav {
    display: block;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    text-align: left;
    -webkit-overflow-scrolling: touch;
  }
  .customer-dashboard-page .mobile_dashboard_nav::-webkit-scrollbar,
  .dashboard-index-index .mobile_dashboard_nav::-webkit-scrollbar {
    display: none;
  }
  .customer-dashboard-page h1,
  .dashboard-index-index h1 {
    text-align: center;
  }
  .customer_dashboard .dashboard_modal {
    width: 450px;
    margin: 0;
    margin-left: -225px;
    margin-top: -180px;
    text-align: center;
    /*     .preference_controls{ display: none; }*/
  }
  .customer_dashboard .dashboard_modal .coffee_image img {
    display: none;
  }
  .customer_dashboard .dashboard_modal .coffee_notes {
    display: none;
  }
  .customer_dashboard .dashboard_modal .button {
    color: #fff;
    margin-bottom: 15px;
  }
  .customer_dashboard .dashboard_modal .card_container .action .subtle_action {
    text-align: center !important;
  }
  .customer_dashboard .dashboard_modal .card_container.rating textarea {
    height: 50px;
  }
  .customer_dashboard
    .dashboard_modal
    .card_container.rating
    .submission
    .submit {
    text-align: center;
  }
  .customer_dashboard .dashboard_modal.message_modal {
    width: 450px;
  }
  .customer_dashboard
    .dashboard_modal.message_modal
    .control_buttons
    .control_button {
    width: 46%;
    margin-left: 2%;
  }
  .customer_dashboard
    .dashboard_modal.message_modal
    .control_buttons
    .preference_controls {
    margin: 5px 0;
  }
  .customer_dashboard .dashboard_modal.message_modal .plan_box {
    padding-top: 8px;
  }
  .customer_dashboard .loading.dashboard_content {
    margin-top: -50px;
  }
  .customer_dashboard .summary_content h1 {
    text-align: left;
  }
  .customer_dashboard .summary_content .coffee_notes p {
    padding: 0;
  }
  .customer_dashboard .summary_content .summary_cards .card {
    width: calc(100% - 50px);
  }
  .customer_dashboard .summary_content .summary_cards .card.roaster_card {
    left: 50px;
  }
  .customer_dashboard .history_content .card {
    max-width: 400px;
    margin: 0 auto 20px;
  }
  .customer_dashboard .history_content .card.empty {
    display: none;
  }
  .customer_dashboard .history_content .card .coffee_image img {
    max-width: 185px;
  }
  .customer_dashboard .subscription_content .sub_expanded .sub_settings {
    max-width: 450px;
    padding: 15px;
  }
  .customer_dashboard
    .subscription_content
    .sub_expanded
    .sub_settings
    .sub_image {
    margin-bottom: 15px;
  }
  .customer_dashboard
    .subscription_content
    .sub_expanded
    .sub_settings
    .sub_image
    img {
    max-width: 200px;
  }
  .customer_dashboard .referrals_content .header {
    text-align: center;
  }
  .customer_dashboard .referrals_content .header h2 {
    margin-top: 10px;
  }
  .customer_dashboard .referrals_content .header p {
    max-width: 400px;
    margin: 10px auto 15px;
  }
  .customer_dashboard .referrals_content .referral_history table thead td {
    width: 50%;
  }
  .customer_dashboard .referrals_content .referral_history table tbody td {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .customer_dashboard .dashboard_modal {
    width: 300px;
    margin-left: -150px;
    margin-top: -200px;
  }
  .customer_dashboard .dashboard_modal.message_modal {
    margin-top: -221px;
    width: 94%;
    height: initial;
    margin-left: 3%;
    left: initial;
    overflow: auto;
  }
  .customer_dashboard .summary_content h1 {
    text-align: center;
  }
  .customer_dashboard .summary_content .cup_coffee_info {
    width: 100%;
    text-align: center;
  }
  .customer_dashboard .summary_content .cup_coffee_info h1 {
    margin-bottom: 0;
  }
  .customer_dashboard
    .summary_content
    .cup_coffee_info
    .coffee_image_small
    img {
    max-width: 215px;
  }
  .customer_dashboard .summary_content .cup_coffee_info .tasting_notes {
    margin: 10px 0;
  }
  .customer_dashboard .summary_content .coffee_notes {
    text-align: justify;
    margin-top: 5px;
  }
  .customer_dashboard .summary_content .ship_confirmation {
    text-align: center;
  }
  .customer_dashboard .summary_content .tracking {
    text-align: center;
  }
  .customer_dashboard .summary_content .theme_label {
    text-align: center;
  }
  .customer_dashboard .summary_content .next_coffee .dates {
    width: 100%;
    text-align: center;
  }
  .customer_dashboard .subscription_content .sub_name h2 {
    font-size: 16px;
  }
  .customer_dashboard .subscription_content .sub_name .subtle_action {
    display: none;
  }
  .customer_dashboard
    .subscription_content
    .sub_expanded
    .sub_preferences
    .preference_controls
    .preference {
    width: 100%;
    margin-bottom: 10px;
  }
}
.datepicker.dropdown-menu {
  border-radius: 0;
  background: #f8f8f8;
  padding: 10px;
}
.datepicker.dropdown-menu table thead tr:first-child th {
  color: #4c4c4c;
}
.datepicker.dropdown-menu table td,
.datepicker.dropdown-menu table th {
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 500;
  letter-spacing: 0.07em;
  font-weight: normal;
}
.datepicker.dropdown-menu table td.disabled,
.datepicker.dropdown-menu table th.disabled {
  color: #bebebe;
}
.datepicker.dropdown-menu table td:hover,
.datepicker.dropdown-menu table th:hover {
  border-radius: 0;
}
.datepicker.dropdown-menu table td.active.active,
.datepicker.dropdown-menu table th.active.active {
  border-radius: 0;
  background: #5f828d;
  text-shadow: none;
}
.datepicker.dropdown-menu table td.today,
.datepicker.dropdown-menu table th.today {
  background: #bebebe;
  border-radius: 0;
  color: #fff;
}
.datepicker.dropdown-menu table td:hover {
  background: #aac9d1 !important;
  color: #fff;
}
.datepicker.dropdown-menu table td.disabled:hover {
  background: none !important;
  color: #bebebe;
}
.datepicker.dropdown-menu table th {
  font-weight: 500;
}