article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
.btn-hide {
  width: 1px;
  height: 1px;
}
.invite-popup-background {
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  position: fixed;
  top: 0px;
  z-index: 1000;
}
.invite-popup-background .invite-popup-content {
  margin: 40px auto 0px auto;
  width: 650px;
  padding: 10px;
  background-color: #c5c5c5;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #000;
}
.invite-text {
  display: block;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  text-align: center;
  width: 100%;
}
.invite-text p {
  font-style: italic;
  font-size: 0.9em;
}
.invite-popup-background .invite-popup-content .input-invite-text {
  height: 26px;
  width: 260px;
}
.invite-error-text {
  margin-top: 15px;
  display: block;
  color: red;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.proceed-to-site {
  width: 300px;
  margin-left: 173px;
  cursor: pointer;
  margin-top: 15px;
  min-width: 104px;
  height: 26px;
  display: block;
  font: 0.875em/26px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 1px #666;
  -webkit-box-shadow: 0 0 1px #666;
  box-shadow: 0 0 1px #666;
  text-shadow: 0 0 4px #fff;
  background: url("../images/btn-01-bg.png") repeat-x;
  background-position: bottom;
}
.proceed-to-site.active {
  background-position: top;
  text-shadow: 0 0 0 #fff;
}
.btn-02 {
  min-width: 23px;
  height: 26px;
  display: block;
  font: 0.875em/26px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  padding: 0 9px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 1px #666;
  -webkit-box-shadow: 0 0 1px #666;
  box-shadow: 0 0 1px #666;
  background: url("../images/btn-02-bg.png") repeat-x;
}
.btn-02:hover {
  background-position: bottom;
}
.btn-03 {
  height: 26px;
  display: block;
  font: 0.875em/26px "TradGothicBoldCd", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #999;
  padding: 0px 9px;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid c2c2c2;
  border-right-color: #c2c2c2;
  border-left-color: #c2c2c2;
  border-bottom-color: #c2c2c2;
  -moz-box-shadow: 0px 0px 0px #939292;
  -webkit-box-shadow: 0px 0px 1px #939292;
  box-shadow: 0px 0px 1px #939292;
  background: url("../images/btn-03-bg.png") repeat-x;
}
.btn-03:hover {
  color: #666;
  -moz-box-shadow: 0px 0px 1px #666;
  -webkit-box-shadow: 0px 0px 1px #666;
  box-shadow: 0px 0px 1px #666;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000000;
}
p,
pre {
  margin: 1em 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace,serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(: root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]:-webkit-search-cancel-button,
input[type="search"]:-webkit-search-decoration {
  -webkit-appearance: none;
}
button:-moz-focus-inner,
input:-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
button,
input,
select,
textarea {
  color: #222222;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.left-sub {
  padding-top: 20px;
}
.authnet {
  opacity: 0.3;
  padding-top: 10px;
}
.footerChildIcon {
  padding-left: 5px;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.container:before,
.row:before,
#calculator #counter:before,
#signUpWrap #steps:before,
#signUpWrap #signUp:before,
#quantity .cart:before,
#quantity .subCartWrap:before,
#quantity .subCartWrap .subTotal:before,
#quantity .subCartWrap .discountTotal:before,
#quantity .subCartWrap #promoStatus:before,
#quantity #counter:before,
#quantity .totalPrice:before,
#personal .addressDetails:before,
#billing .sameAddressWrap:before,
#billing .creditCards:before,
#billing .expirationWrap:before,
#confirm .confirmationWrap:before,
#confirm .acceptTermsWrap > div:before,
#thank-you:before,
.clearfix:after,
.container:after,
.row:after,
#calculator #counter:after,
#signUpWrap #steps:after,
#signUpWrap #signUp:after,
#quantity .cart:after,
#quantity .subCartWrap:after,
#quantity .subCartWrap .subTotal:after,
#quantity .subCartWrap .discountTotal:after,
#quantity .subCartWrap #promoStatus:after,
#quantity #counter:after,
#quantity .totalPrice:after,
#personal .addressDetails:after,
#billing .sameAddressWrap:after,
#billing .creditCards:after,
#billing .expirationWrap:after,
#confirm .confirmationWrap:after,
#confirm .acceptTermsWrap > div:after,
#thank-you:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after,
#calculator #counter:after,
#signUpWrap #steps:after,
#signUpWrap #signUp:after,
#quantity .cart:after,
#quantity .subCartWrap:after,
#quantity .subCartWrap .subTotal:after,
#quantity .subCartWrap .discountTotal:after,
#quantity .subCartWrap #promoStatus:after,
#quantity #counter:after,
#quantity .totalPrice:after,
#personal .addressDetails:after,
#billing .sameAddressWrap:after,
#billing .creditCards:after,
#billing .expirationWrap:after,
#confirm .confirmationWrap:after,
#confirm .acceptTermsWrap > div:after,
#thank-you:after {
  clear: both;
}
.clearfix,
.container,
.row,
#calculator #counter,
#signUpWrap #steps,
#signUpWrap #signUp,
#quantity .cart,
#quantity .subCartWrap,
#quantity .subCartWrap .subTotal,
#quantity .subCartWrap .discountTotal,
#quantity .subCartWrap #promoStatus,
#quantity #counter,
#quantity .totalPrice,
#personal .addressDetails,
#billing .sameAddressWrap,
#billing .creditCards,
#billing .expirationWrap,
#confirm .confirmationWrap,
#confirm .acceptTermsWrap > div,
#thank-you {
  *zoom: 1;
}
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript: "]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: "TradeGothicBoldCondTwenty";
  src: url("../fonts/tradegothicboldcondtwenty.eot");
  src: url("../fonts/tradegothicboldcondtwenty.eot?#iefix") format("embedded-opentype"), url("../fonts/tradegothicboldcondtwenty.woff") format("woff"), url("../fonts/tradegothicboldcondtwenty.ttf") format("truetype"), url("../fonts/tradegothicboldcondtwenty.svg#tradegothicboldcondtwenty") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FranklinGothicBook';
  src: url('../fonts/FranklinGothicBook.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FranklinGothicBookItalic';
  src: url('../fonts/FranklinGothicBookItalic.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Roman';
  src: url('../fonts/HelveticaNeue-Roman.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TradeGothicLTStd-Bold';
  src: url('../fonts/TradeGothicLTStd-Bold.otf');
  font-weight: normal;
  font-style: normal;
}
.transition,
.btn,
a,
li {
  -webkit-transition-property: background-color, border-color, color, opacity;
  -moz-transition-property: background-color, border-color, color, opacity;
  -o-transition-property: background-color, border-color, color, opacity;
  transition-property: background-color, border-color, color, opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hide-text,
.sliderWrap .bx-pager-item {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.btn,
#signUpWrap #lostPassword #passwordSubmit {
  background: #a29060;
  color: #fff;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 18px;
  line-height: 1;
  width: 165px;
  white-space: nowrap;
  padding: 0.8em 0 0.75em;
  text-align: center;
  text-transform: uppercase;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#signUpWrap #lostPassword #passwordSubmit {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  height: 45px;
}
.container {
  position: relative;
  width: 986px;
  margin: 0 auto;
}
.container .header-page-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #a99662;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 40px;
  z-index: -1;
}
.btn:hover {
  color: #fff;
  background: #c2af72;
}
#signUpWrap .btn-group a:hover {
  color: #5a5d5f;
}
#signUpWrap .btn-group a.disabled:hover {
  color: #fff;
}
.btn.disabled {
  background-color: #242a32;
  color: #fff;
}
.btn.btn-transparent {
  background: none;
  border: 1px solid #a0905f;
  color: #a0905f;
}
.btn.btn-transparent:hover {
  color: #c2af72;
  border-color: #c2af72;
}
.btn.btn-transparent.inverse {
  background: none;
  border: 1px solid #a0905f;
  color: #a0905f;
}
.btn.btn-transparent.inverse:hover {
  color: #c2af72;
  border-color: #c2af72;
}
.btn.btn-alt {
  background: #282d36;
  font-size: 18px;
  width: 119px;
}
body .no-padding {
  padding: 0;
}
body .no-padding-top {
  padding-top: 0;
  padding-bottom: 40px;
}
div.border-top {
  border-top: 1px solid #f3f3f3;
  padding-top: 72px;
}
.defaultLabel,
#contact label,
#account label,
#personal label,
#billing label {
  color: #39484e;
  font-size: 25px;
  display: block;
  margin-bottom: 1px;
  font-family: TradeGothicLTStd-Bold;
}
.defaultInput,
#account input,
#personal input,
#billing input {
  border: 2px solid #bec1c3;
  width: 525px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  height: 62px;
  margin: 0 0 25px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f3f2ef;
}
.descriptionCopy,
#account .desc,
#personal .desc {
  color: #acacac;
  clear: both;
  font-family: Georgia,serif;
  font-size: 18px;
  margin: -12px 0 10px 0;
  padding-top: 10px;
}
.customSelect {
  background: url("../images/customSelectSprite.png") no-repeat right top;
  cursor: pointer;
  border: 1px solid #a0905f;
  color: #999;
  font-size: 11px;
  line-height: 28px;
  height: 28px;
}
.customSelect.customSelectHover {
  background-position: right bottom;
}
.customSelect .customSelectInner {
  text-indent: 10px;
}
.edit-icon,
#confirm .confirmationDetails h5 i,
#confirm p.edit-btn i {
  background: url("../images/icons/edit-icon.png") no-repeat 0 0;
  cursor: pointer;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
}
.edit-icon:hover,
#confirm .confirmationDetails h5 i:hover,
#confirm p.edit-btn i:hover {
  background-position: 0 bottom;
}
.customDropdown {
  position: relative;
}
.customDropdown select {
  display: none;
}
.customDropdown .selected {
  background: url("../images/signup/select-down-arrow.png") no-repeat 485px center;
  cursor: pointer;
  border: 2px solid #bec1c3;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  color: #343940;
  font-size: 20px;
  line-height: 59px;
  text-indent: 10px;
  height: 58px;
  width: 455px;
  padding-right: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.customDropdown .selected.active {
  border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
.customDropdown .selected:hover,
.customDropdown .selected.active {
  background-position: 485px center;
}
.customDropdown ul {
  background: #fff;
  border: 1px solid #9f905f;
  border-top: none;
  display: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 4px 7px -2px #dedede inset;
  -moz-box-shadow: 0 4px 7px -2px #dedede inset;
  box-shadow: 0 4px 7px -2px #dedede inset;
}
#signUpWrap .customDropdown ul {
  background: #f3f2ef;
  border: 2px solid #bec1c3;
  border-top: none;
  display: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 529px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 4px 7px -2px #dedede inset;
  -moz-box-shadow: 0 4px 7px -2px #dedede inset;
  box-shadow: 0 4px 7px -2px #dedede inset;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-bottom-right-radius: 7px;
}
.customDropdown ul.show {
  display: block !important;
}
.customDropdown li {
  border-bottom: 2px solid #eee;
  cursor: pointer;
  line-height: 58px;
  list-style: none;
  text-indent: 10px;
  color: #999;
  font-size: 20px;
}
.customDropdown li:hover {
  background: #f5f5f5;
}
.customDropdown li.last {
  border-bottom: none;
}
@font-face {
  font-family: "TradeGothicBoldCondTwenty";
  src: url("../fonts/tradegothicboldcondtwenty.eot");
  src: url("../fonts/tradegothicboldcondtwenty.eot?#iefix") format("embedded-opentype"), url("../fonts/tradegothicboldcondtwenty.woff") format("woff"), url("../fonts/tradegothicboldcondtwenty.ttf") format("truetype"), url("../fonts/tradegothicboldcondtwenty.svg#tradegothicboldcondtwenty") format("svg");
  font-weight: normal;
  font-style: normal;
}
.transition,
.btn,
a,
li {
  -webkit-transition-property: background-color, border-color, color, opacity;
  -moz-transition-property: background-color, border-color, color, opacity;
  -o-transition-property: background-color, border-color, color, opacity;
  transition-property: background-color, border-color, color, opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hide-text,
.sliderWrap .bx-pager-item {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.customSelect {
  background: url("../images/customSelectSprite.png") no-repeat right top;
  cursor: pointer;
  border: 1px solid #a0905f;
  color: #999;
  font-size: 11px;
  line-height: 28px;
  height: 28px;
}
.customSelect.customSelectHover {
  background-position: right bottom;
}
.customSelect .customSelectInner {
  text-indent: 10px;
}
.edit-icon,
#confirm .confirmationDetails h5 i,
#confirm p.edit-btn i {
  background: url("../images/icons/edit-icon.png") no-repeat 0 0;
  cursor: pointer;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
}
.edit-icon:hover,
#confirm .confirmationDetails h5 i:hover,
#confirm p.edit-btn i:hover {
  background-position: 0 bottom;
}
.span,
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span10,
.span12 {
  float: left;
  margin: 0 5px;
}
.row {
  width: 996px;
  margin: auto;
}
.row .offset1,
.offset1 {
  margin-left: 83px;
}
.span1 {
  width: 73px;
}
.span2 {
  width: 156px;
}
.span3 {
  width: 239px;
}
.span4 {
  width: 392px;
  margin: 0;
}
.row .span4 {
  width: 322px;
}
.span5 {
  width: 405px;
}
.span6 {
  width: 487px;
}
.span7 {
  width: 571px;
}
.span8 {
  width: 655px;
}
.span10 {
  width: 820px;
}
.span12 {
  width: 1160px;
  padding: 0 30px;
  background: #f3f2ef;
  border-bottom-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-bottom-right-radius: 15px;
}
.offset2 {
  margin-left: 166px;
}
.offset3 {
  margin-left: 249px;
}
.offset4 {
  margin-left: 332px;
}
.offset7 {
  margin-left: 581px;
}
.ml10 {
  margin-left: 10px !important;
}
.nmt10 {
  margin-top: -10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.nmb {
  margin-bottom: -16px !important;
}
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=3.0.1");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=3.0.1") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=3.0.1") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
}
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333333em;
}
.btn [class^="icon-"],
.btn [class*=" icon-"],
.nav [class^="icon-"],
.nav [class*=" icon-"] {
  display: inline;
}
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: 0.9em;
}
.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class^="icon-"],
.nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
  line-height: 0.9em;
}
li [class^="icon-"],
li [class*=" icon-"],
.nav li [class^="icon-"],
.nav li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large,
.nav li [class^="icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
  width: 1.5625em;
}
ul.icons {
  list-style-type: none;
  text-indent: -0.75em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: 0.75em;
}
.icon-muted {
  color: #eeeeee;
}
.icon-border {
  border: solid 1px #eee;
  padding: 0.2em 0.25em 0.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.3em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: 0.8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: 0.2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: 0.2em;
}
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-moz-document url-prefix() {
  .icon-spin {
    height: 0.9em;
  }
  .btn .icon-spin {
    height: auto;
  }
  .icon-spin.icon-large {
    height: 1.25em;
  }
  .btn .icon-spin.icon-large {
    height: 0.75em;
  }
}
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before {
  content: "\f01e";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
.icon-phone:before {
  content: "\f095";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-bookmark-empty:before {
  content: "\f097";
}
.icon-phone-sign:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-github:before {
  content: "\f09b";
}
.icon-unlock:before {
  content: "\f09c";
}
.icon-credit-card:before {
  content: "\f09d";
}
.icon-rss:before {
  content: "\f09e";
}
.icon-hdd:before {
  content: "\f0a0";
}
.icon-bullhorn:before {
  content: "\f0a1";
}
.icon-bell:before {
  content: "\f0a2";
}
.icon-certificate:before {
  content: "\f0a3";
}
.icon-hand-right:before {
  content: "\f0a4";
}
.icon-hand-left:before {
  content: "\f0a5";
}
.icon-hand-up:before {
  content: "\f0a6";
}
.icon-hand-down:before {
  content: "\f0a7";
}
.icon-circle-arrow-left:before {
  content: "\f0a8";
}
.icon-circle-arrow-right:before {
  content: "\f0a9";
}
.icon-circle-arrow-up:before {
  content: "\f0aa";
}
.icon-circle-arrow-down:before {
  content: "\f0ab";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-tasks:before {
  content: "\f0ae";
}
.icon-filter:before {
  content: "\f0b0";
}
.icon-briefcase:before {
  content: "\f0b1";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-cloud:before {
  content: "\f0c2";
}
.icon-beaker:before {
  content: "\f0c3";
}
.icon-cut:before {
  content: "\f0c4";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-paper-clip:before {
  content: "\f0c6";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-sign-blank:before {
  content: "\f0c8";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-strikethrough:before {
  content: "\f0cc";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest:before {
  content: "\f0d2";
}
.icon-pinterest-sign:before {
  content: "\f0d3";
}
.icon-google-plus-sign:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-columns:before {
  content: "\f0db";
}
.icon-sort:before {
  content: "\f0dc";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-sort-up:before {
  content: "\f0de";
}
.icon-envelope-alt:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-undo:before {
  content: "\f0e2";
}
.icon-legal:before {
  content: "\f0e3";
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-comment-alt:before {
  content: "\f0e5";
}
.icon-comments-alt:before {
  content: "\f0e6";
}
.icon-bolt:before {
  content: "\f0e7";
}
.icon-sitemap:before {
  content: "\f0e8";
}
.icon-umbrella:before {
  content: "\f0e9";
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-lightbulb:before {
  content: "\f0eb";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-cloud-download:before {
  content: "\f0ed";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-user-md:before {
  content: "\f0f0";
}
.icon-stethoscope:before {
  content: "\f0f1";
}
.icon-suitcase:before {
  content: "\f0f2";
}
.icon-bell-alt:before {
  content: "\f0f3";
}
.icon-coffee:before {
  content: "\f0f4";
}
.icon-food:before {
  content: "\f0f5";
}
.icon-file-alt:before {
  content: "\f0f6";
}
.icon-building:before {
  content: "\f0f7";
}
.icon-hospital:before {
  content: "\f0f8";
}
.icon-ambulance:before {
  content: "\f0f9";
}
.icon-medkit:before {
  content: "\f0fa";
}
.icon-fighter-jet:before {
  content: "\f0fb";
}
.icon-beer:before {
  content: "\f0fc";
}
.icon-h-sign:before {
  content: "\f0fd";
}
.icon-plus-sign-alt:before {
  content: "\f0fe";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}
.icon-double-angle-up:before {
  content: "\f102";
}
.icon-double-angle-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-desktop:before {
  content: "\f108";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-tablet:before {
  content: "\f10a";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-circle-blank:before {
  content: "\f10c";
}
.icon-quote-left:before {
  content: "\f10d";
}
.icon-quote-right:before {
  content: "\f10e";
}
.icon-spinner:before {
  content: "\f110";
}
.icon-circle:before {
  content: "\f111";
}
.icon-reply:before {
  content: "\f112";
}
.icon-github-alt:before {
  content: "\f113";
}
.icon-folder-close-alt:before {
  content: "\f114";
}
.icon-folder-open-alt:before {
  content: "\f115";
}
.lt-ie8 .login-info .offset3 {
  margin-left: 0;
  padding-left: 249px;
}
.lt-ie8 .login-info input {
  line-height: 40px;
  width: 80% !important;
}
.lt-ie8 .masthead hr {
  color: #a0905f;
  height: 1px;
}
html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  text-rendering: optimizeLegibility;
}
body {
  background: #282d36;
  font-family: Helvetica, sans-serif;
}
a {
  color: #766b45;
  text-decoration: none;
}
a:hover {
  color: #5f5941;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}
h4 {
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.masthead {
  background: url("../images/header-border.png") repeat-x 0 6px;
  padding-top: 43px;
}
.masthead .logo {
  float: left;
  margin-top: 2px;
}
.masthead hr {
  background: url("../images/header-border-bottom.png") repeat-x 0 0;
  border: none;
  border-top: none;
  height: 2px;
  margin: 0;
  margin-top: 34px;
}
.masthead nav {
  float: right;
}
.masthead nav a:hover {
  color: #c2af72;
}
.masthead nav ul {
  float: left;
  padding: 0;
  margin: 0;
  margin-top: 17px;
}
.masthead nav li {
  float: left;
  font-size: 18px;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  margin-left: 20px;
  text-transform: uppercase;
}
.masthead nav li.backHome {
  white-space: nowrap;
}
.masthead nav li.backHome a {
  color: #9f905f;
  word-spacing: 1px;
}
.masthead nav li.backHome a:hover {
  color: #c2af72;
}
.masthead nav li.backHome a:hover .icon-close {
  background-position: 0 0;
}
.masthead nav li.backHome .icon-close {
  background: url("../images/icons/close-sprite.png") repeat-x right 0;
  width: 19px!important;
  height: 19px!important;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 4px;
}
.masthead nav ul.btn-group li {
  border: 1px solid #a29060;
  margin-top: -9px;
}
.masthead nav ul.btn-group li:hover {
  border-color: #c2af72;
}
.masthead nav ul.btn-group li:hover a {
  color: #c2af72;
}
.masthead nav ul.btn-group .btn {
  width: inherit;
  padding-top: 0.6em;
  padding-bottom: 0.5em;
}
.masthead nav ul.btn-group a {
  color: #a29060;
  display: block;
  padding: 0 11px;
}
.colophon {
  background: url("../images/header-border.png") repeat-x 0 6px;
  padding-top: 66px;
}
.colophon ul {
  margin-top: 16px;
  padding: 0;
}
.colophon li {
  font-size: 10px;
  line-height: 2.5em;
  text-transform: uppercase;
}
.colophon a {
  color: rgba(255, 255, 255, 0.4);
}
.colophon a:hover {
  color: #c2af72;
}
.colophon .sub-footer {
  border-top: 2px solid #31363f;
  padding-top: 14px;
  margin-top: 54px;
}
.colophon blockquote {
  color: #fff;
  font-family: Georgia,serif;
  font-size: 18px;
  font-style: italic;
  letter-spacing: .02em;
  line-height: 1em;
  margin: 0;
}
.colophon .legal {
  color: #9f905f;
  font-size: 12px;
  font-weight: bold;
  margin: 6px 0 31px;
}
.colophon .footer-gap {
  background: #435156;
  border-top: 1px solid #31363f;
  height: 11px;
}
.login {
  background: url("../images/map-light.png") repeat-x 50% 0 #f0f0ef;
  display: none;
  padding-bottom: 20px;
  position: relative;
}
.login h3 {
  color: #39474d;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 24px;
  margin: 35px 0 15px;
  text-align: center;
  text-transform: uppercase;
}
.login div.container {
  position: relative;
}
.login div.span,
.login div.span1,
.login div.span2,
.login div.span3,
.login div.span4,
.login div.span5,
.login div.span6,
.login div.span7,
.login div.span8,
.login div.span10,
.login div.span12 {
  position: relative;
}
.login input.text {
  border: 1px solid #a0905f;
  display: block;
  margin-bottom: 12px;
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
}
.login input.text.has-icon {
  padding-left: 35px;
  background-repeat: no-repeat !important;
  background-position: 10px 10px;
}
.login input.text.has-icon[type=text] {
  background-image: url("../images/at.png");
}
.login input.text.has-icon[type=password] {
  background-image: url("../images/lock.png");
  background-position: 10px 9px;
}
.login input.text.error {
  border-color: #c00;
  background: white;
  color: #cc0000;
}
.login input.text.error[type=text] {
  background-position: 10px -30px;
}
.login input.text.error[type=password] {
  background-position: 10px -31px;
}
.login .icon {
  display: block;
  width: 17px;
  height: 19px;
  position: absolute;
  top: 11px;
  right: 210px;
  z-index: 100;
}
.login .icon.icons-locked {
  width: 15px;
  height: 21px;
  top: 10px;
}
.login .recover-password {
  color: #999;
  font-size: 12px;
  margin-bottom: 13px;
  text-align: center;
}
.login .recover-password a {
  color: #999999;
}
.login .recover-password a:hover {
  color: #c2af72;
}
.login input[type="submit"] {
  border: none;
  margin-left: 410px;
  letter-spacing: 0.1em;
}
.login .close {
  cursor: pointer;
  position: absolute;
  top: -1px;
  right: 0;
}
.login .close:hover {
  background: #4e636a;
}
.login .close span {
  font-family: Helvetica, sans-serif;
  font-size: 20px;
  position: relative;
  top: -1px;
  left: 5px;
}
.login .submit-error {
  margin: 20px auto 0;
  width: 490px;
}
.login .span3 {
  width: 239px !important;
}
.login .span3:last-of-type {
  margin: 0 5px 0 10px;
}
.login #loginForm {
  width: 996px;
  margin: auto;
}
input.error:-moz-placeholder {
  color: #cc0000;
}
input.error:-moz-placeholder {
  color: #cc0000;
}
input.error:-webkit-input-placeholder {
  color: #cc0000;
}
.sub-navigation {
  background: #f3f3f3;
}
.sub-navigation .container,
.banner-alt .container {
  width: 986px;
  margin: 0 auto;
}
.sub-navigation ul {
  padding: 0;
}
.sub-navigation li {
  background: #3a494f;
  color: #fff;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 18px;
  float: left;
  width: 246px;
  height: 44px;
  line-height: 44px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.sub-navigation li:hover,
.sub-navigation li.active {
  background: #4e636a;
}
.sub-navigation li:hover a,
.sub-navigation li.active a {
  filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.sub-navigation li a {
  color: #fff;
  display: block;
  filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
}
.sub-navigation .icon {
  display: none;
}
.sub-navigation li.active .icon {
  background: url("../images/arrow-down.png") no-repeat 0 0;
  display: block;
  width: 20px;
  height: 10px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
}
.sub-navigation li.sign-up {
  background: #9f905f;
}
.sub-navigation li.sign-up:hover {
  background: #c2af72;
}
.sub-navigation li.sign-up a {
  color: #fff;
  filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.sub-navigation li.cellar a {
  background: url("../images/sub-nav/lock.png") no-repeat 77px 40%;
}
.sub-navigation li.manage a {
  background: url("../images/sub-nav/pointer.png") no-repeat 65px 45%;
}
.sub-navigation li.ship a {
  background: url("../images/sub-nav/ship.png") no-repeat 70px 40%;
}
.hero.home {
  background: url("../images/mapBg.png") repeat-x 50% 0;
  border-bottom: 6px solid #a29060;
  padding: 36px 0 34px;
  position: relative;
  min-height: 450px;
  height: auto !important;
  height: 450px;
}
.hero.home .container {
  background: url("../images/hero.jpg");
  min-height: 450px;
  height: auto !important;
  height: 450px;
}
.hero.home h1 {
  color: #fff;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 38px;
  letter-spacing: .05em;
  line-height: 1.4em;
  margin: 86px auto 81px;
  width: 694px;
  text-align: center;
  text-transform: uppercase;
}
.hero.home .btn-group .btn-transparent {
  margin-right: 28px;
}
.hero.home .btn {
  margin-top: 0;
}
.hero.home .icon {
  background: #a29060;
  display: block;
  width: 40px;
  height: 23px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
}
.hero.home .icon-angle-down:before {
  color: #fff;
  font-size: 20px;
  text-align: center;
  display: block;
  position: relative;
  top: 3px;
}
.how-it-works {
  background: white;
  border-bottom: 2px solid #eaeaeb;
  padding: 49px 0 24px;
}
.how-it-works h2 {
  color: #9f905f;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 32px;
  margin: 0 0 7px;
  letter-spacing: .05em;
  text-align: center;
  text-transform: uppercase;
}
.how-it-works .sub-title {
  color: #39474d;
  font-family: Georgia,serif;
  font-size: 18px;
  font-style: italic;
  letter-spacing: .02em;
  margin: 0 0 22px;
  text-align: center;
}
.how-it-works .box {
  background: #a0905f;
  color: #fff;
  font-family: Georgia,serif;
  font-size: 14px;
  letter-spacing: .1em;
  position: relative;
  text-align: center;
  min-height: 335px;
  height: auto !important;
  height: 316px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.how-it-works .box img {
  border-bottom: 6px solid #c2af72;
}
.how-it-works .box p {
  line-height: 1.4em;
  letter-spacing: .05em;
  padding: 0 18px;
  margin: 25px 0 0 0;
}
.how-it-works .box .step-number {
  background: #c2af72;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 26px;
  line-height: 55px;
  position: absolute;
  top: 174px;
  left: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: -25px 0 0 -25px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.how-it-works .box.step1 p + p,
.how-it-works .box.step2 p + p,
.how-it-works .box.step3 p + p {
  margin-top: 35px;
}
.how-it-works .box.step4 p + p {
  margin-top: 45px;
}
.tour-the-facility h2 {
  color: #9f905f;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 32px;
  letter-spacing: .05em;
  text-align: center;
  text-transform: uppercase;
}
div .video {
  margin-bottom: 15px;
}
.why-oeno {
  background: #ffffff url("../images/logo-light.png") no-repeat 50% 50%;
  cursor: pointer;
  min-height: 170px;
  height: auto !important;
  height: 170px;
}
.why-oeno:hover h2,
.why-oeno:hover a {
  color: #39484e;
}
.why-oeno h2 {
  color: #9f905f;
  font-family: Georgia,serif;
  font-size: 38px;
  font-style: italic;
  letter-spacing: .05em;
  line-height: 170px;
  margin: 0 0 0 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.why-oeno h2 a {
  color: #9f905f;
}
.why-oeno h2 a:hover {
  color: #39484e;
}
.why-oeno i[class^="icon-"] {
  padding-left: 20px;
}
.pricing {
  background: url("../images/map-teal.png") repeat 50% 0 #435156;
  min-height: 290px;
  height: auto !important;
  height: 290px;
}
#pricing_page .pricing {
  min-height: 272px;
  height: auto !important;
  height: 272px;
}
.pricing .border-top {
  background: url("../images/header-border.png") repeat-x 0 0;
  display: block;
  height: 3px;
  position: relative;
  top: 6px;
}
.pricing h2 {
  color: #fff;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 38px;
  letter-spacing: .05em;
  line-height: 1.4em;
  margin: 43px 0 40px;
  padding: 0 200px;
  text-align: center;
  text-transform: uppercase;
}
.pricing h2.small {
  font-size: 32px;
}
#pricing_page .pricing h2 {
  line-height: 39px;
  margin: 51px 0 43px;
}
.pricing .btn {
  display: block;
  float: none;
  margin: 0 auto;
}
.pricing .btn-group {
  text-align: center;
}
.pricing .btn-group .btn {
  display: inline-block;
  margin: 0 12px;
}
.hero {
  background: url("../images/heroBg.png") 50% 0;
  border-bottom: 6px solid #a29060;
  font-family: Georgia,serif;
  color: #fff;
  padding: 0 0 66px 0;
  text-align: center;
}
.hero.short {
  padding-bottom: 8px;
}
.hero .logo {
  background: url("../images/logo-light.png") no-repeat 50% 25px;
}
.hero h1 {
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 38px;
  float: none;
  margin: 62px auto 50px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.hero h1.short {
  margin-bottom: 33px;
}
#pricing_page .hero h1 {
  line-height: 42px;
  margin-top: 68px;
  margin-bottom: 38px;
}
.hero h2 {
  font-size: 21px;
  font-style: italic;
  margin: 0 auto;
  width: 705px;
}
.hero .btn {
  margin-top: 65px;
}
.module {
  background: #fff;
  padding: 54px 0 72px;
}
.module h2 {
  color: #9f905f;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: 1px;
  letter-spacing: 0.05em;
  margin: -4px 0 21px;
  text-transform: uppercase;
}
.module h2.small {
  font-size: 32px;
  word-spacing: 1px;
}
.module h2.large {
  font-size: 38px;
  letter-spacing: 0.075em;
}
.module h3 {
  color: #9f905f;
  font-family: Georgia,serif;
  font-size: 21px;
  font-style: italic;
  line-height: 1.4em;
  margin: 0 0 24px;
}
.module p {
  font-family: Georgia,serif;
  line-height: 1.6em;
  margin: 0 0 40px;
}
.module img {
  display: block;
  margin-bottom: 16px;
}
.module .btn {
  width: auto;
  padding-left: 16px;
  padding-right: 16px;
  letter-spacing: 1px;
  word-spacing: 2px;
}
.module article h4,
.module aside h4 {
  line-height: 1.6em;
  margin: 0;
}
.module article p,
.module aside p {
  margin: 0 0 30px;
}
.module aside p {
  color: #9f905f;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 21px;
  margin-bottom: 34px;
}
.module aside p a {
  color: #9f905f;
}
.module aside section {
  border-top: 2px solid #f6f6f6;
  margin-top: 32px;
  padding-top: 42px;
}
.module aside .btn {
  width: 165px;
}
.module.module-alt {
  background: #f3f3f3;
}
.module.module-alt.grid .row {
  margin-bottom: 42px;
}
.module.module-alt.grid h3 {
  color: #39474d;
  margin: 0 0 42px;
  text-align: center;
}
.module.module-alt.grid h4 {
  color: #39474d;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  margin: 0 0 15px;
}
.module.module-alt.grid p {
  margin: 0;
}
.module.module-alt.grid .gap-left {
  padding-left: 30px;
}
#contact input[type="text"],
#contact textarea,
#contact .custom-select {
  border: 1px solid #a0905f;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0;
  background: #fff;
}
#contact input[type="text"].error,
#contact textarea.error,
#contact .custom-select.error {
  border-color: #c00;
}
#contact .custom-select {
  background-image: url(/images/signup/select-down-arrow.png);
  background-size: 11px 9px;
  background-position: 99% center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  z-index: 1;
}
#contact .custom-select select {
  height: 28px;
  border: none;
  width: 100%;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  box-shadow: none;
  display: block;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contact .custom-select select:focus {
  outline: none;
}
:-moz-any(.custom-select):before {
  background-color: #fff;
  /* this is necessary for overcome the caret default browser */
  pointer-events: none;
  z-index: 1;
  /* this is necessary for overcome the pseudo element */
}
#contact .col2 {
  float: left;
  clear: none;
  width: 239px;
}
#contact .col2 select {
  width: 237px;
}
#contact .col2 input {
  width: 237px;
}
#contact .col2.first {
  margin-right: 9px;
}
#contact > div {
  clear: both;
  margin-bottom: 25px;
}
#contact textarea {
  max-width: 100%;
  min-height: 175px;
  height: auto !important;
  height: 175px;
}
#contact .btn {
  border: none;
}
/*#contact .customDropdown .selected{
	background: url("../images/customSelectSprite.png") no-repeat right top;
	cursor: pointer;
	border: 1px solid #a0905f;
	color: #999;
	font-size: 11px;
	line-height: 28px;
	height: 28px;
	text-indent: 10px;
	width: 167px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#contact .customDropdown li {
	border-bottom: 1px solid #eee;
	color: #999;
	cursor: pointer;
	font-size: 11px;
	line-height: 28px;
	list-style: none;
	height: 28px;
	text-indent: 10px;
}*/
#feature-page .hero {
  border-color: #242a32;
  padding-bottom: 67px;
}
#feature-page .hero h1 {
  margin-top: 67px;
  margin-bottom: 36px;
  line-height: 1.22;
  letter-spacing: 0.07em;
}
#feature-page .banner h2 {
  margin-top: 65px;
  margin-bottom: 56px;
  letter-spacing: 0.07em;
}
#feature-page .banner p {
  line-height: 1.61;
  padding-bottom: 46px;
}
#feature-page .btn-group .btn {
  white-space: nowrap;
}
.banner {
  background: #ffffff;
}
.banner .logo {
  background: url("../images/logo-light.png") no-repeat 50% 28px;
}
.banner h2 {
  color: #39484e;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 32px;
  margin: 67px 0 53px;
  text-align: center;
  text-transform: uppercase;
}
.banner p {
  color: #666;
  font-family: Georgia,serif;
  font-size: 18px;
  font-style: italic;
  padding-bottom: 47px;
  text-align: center;
}
.banner-alt {
  background: url("../images/header-border.png") repeat-x 0 6px #282d36;
  border-bottom: 6px solid #a29060;
}
.banner-alt.inverse {
  background: #fff;
  border-bottom: none;
}
.banner-alt.inverse h3 {
  font-family: Helvetica, sans-serif;
  font-weight: bold;
}
.banner-alt.inverse h3,
.banner-alt.inverse p {
  color: #39474d;
  font-size: 14px;
}
.banner-alt .container {
  position: relative;
}
.banner-alt .row {
  padding-top: 52px;
}
.banner-alt img {
  display: block;
  margin: 0 auto 37px;
}
.banner-alt h3 {
  color: #fff;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 21px;
  margin: 0 0 9px;
  text-align: center;
  text-transform: uppercase;
}
.banner-alt p {
  color: #fff;
  font-family: Georgia,serif;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 50px;
  padding: 0 22px;
  text-align: center;
}
.banner-alt .horizontal-line,
.banner-alt .horizontal1,
.banner-alt .horizontal2 {
  background-color: #666;
  display: block;
  width: 1px;
  height: 218px;
  position: absolute;
  top: 74px;
}
.banner-alt .horizontal1 {
  left: 326px;
}
.banner-alt .horizontal2 {
  left: 658px;
}
.off-grid {
  padding-top: 72px;
  padding-bottom: 55px;
}
.off-grid .copy {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 40px;
}
.off-grid .video {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 37px;
  padding-top: 5px;
}
.off-grid h2 {
  margin: -3px 0 8px;
}
.off-grid p {
  color: #39474d;
  font-style: italic;
  margin-bottom: 36px;
}
.off-grid .btn {
  padding-left: 25px;
  padding-right: 25px;
  margin-right: 0;
}
.off-grid .btn:nth-child(1) {
  margin-right: 15px;
}
.off-grid img.push {
  margin: -6px 0 0 65px;
}
.feature-grid {
  padding-top: 0;
  padding-bottom: 6px;
}
.feature-grid .container {
  padding-top: 62px;
  padding-bottom: 36px;
  position: relative;
}
.feature-grid .border-top {
  border-top-color: #f6f6f6;
}
.feature-grid h2 {
  background: #fff;
  font-size: 24px;
  line-height: 1em;
  margin: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  padding: 0 15px;
  margin-left: -109px;
}
.feature-grid .icon {
  float: left;
  margin-left: 13px;
  margin-top: 5px;
}
.feature-grid .column {
  margin-left: 90px;
}
.feature-grid h4 {
  color: #999;
  font-size: 14px;
  font-weight: bold;
  margin: 13px 0 14px;
  letter-spacing: 0.1em;
}
.feature-grid p {
  color: #999;
  font-size: 14px;
  line-height: 1.45;
}
.feature-grid.alt img {
  margin-left: 32px;
}
.feature-grid.alt h4,
.feature-grid.alt p {
  color: #39474d;
}
.feature-grid.alt .container {
  padding-bottom: 22px;
}
.feature-grid.boxes {
  padding-bottom: 18px;
}
.feature-grid.boxes h2 {
  margin-left: -124px;
}
.feature-grid.boxes .feature-box {
  background: #a0905f;
  width: 220px;
  margin: 0 auto;
  min-height: 163px;
  height: auto !important;
  height: 163px;
}
.feature-grid.boxes .feature-box img {
  display: block;
  margin: 0 auto;
  padding-top: 30px;
}
.feature-grid.boxes .feature-box p {
  color: #fff;
  padding: 30px 10px 0;
  margin: 0;
  text-align: center;
}
.feature-grid.boxes .feature-box.long-image p {
  padding-top: 22px;
}
.sliderWrap {
  background: #fff;
  padding-top: 10px;
  padding-bottom: 27px;
  padding-bottom: 30px;
  margin-top: -3px;
  margin-bottom: -3px;
}
.sliderWrap .container {
  background: url("../images/slides/laptop-bg.png") no-repeat 50% 0;
  position: relative;
  min-height: 446px;
  height: auto !important;
  height: 446px;
}
.sliderWrap .slider-message {
  background: #3a494f;
  width: 250px;
  height: 230px;
  padding: 25px;
  position: absolute;
  top: 170px;
  right: 35px;
  z-index: 90;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sliderWrap .slider-message h3 {
  color: #fff;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 21px;
  line-height: 1.2em;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.sliderWrap .slider-message p {
  color: #fff;
  font-family: Georgia,serif;
  font-size: 14px;
  letter-spacing: .08em;
  margin: 0;
}
.sliderWrap .bx-wrapper {
  width: 549px;
  height: 344px;
  margin: 0 auto;
  padding-top: 35px;
  z-index: 50;
}
.sliderWrap .bx-controls-direction {
  background: transparent;
  width: 100%;
  height: 50px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
}
.sliderWrap .bx-controls-direction a {
  background: #a0905f;
  color: #fff;
  font-size: 35px;
  display: block;
  float: left;
  line-height: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
}
.sliderWrap .bx-controls-direction a.bx-next {
  float: right;
}
.sliderWrap .bx-controls-direction a:hover {
  background: #c2af72;
}
.sliderWrap .bx-default-pager {
  text-align: center;
  position: relative;
  top: 80px;
}
.sliderWrap .bx-pager-item {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 18px;
  vertical-align: top;
}
.sliderWrap .bx-pager-link {
  display: block;
  height: 13px;
  width: 13px;
  background-position: 0 -13px;
}
.sliderWrap .bx-pager-link:hover {
  background-position: 0 -26px;
}
.sliderWrap .bx-pager-link.active {
  background-position: 0 0;
}
.sliderWrap.alt .container {
  background: url("../images/slides/background.jpg") repeat-y 50% 0;
}
.sliderWrap.alt .slider-message {
  height: inherit;
  top: 222px;
}
.sliderWrap.alt .bx-wrapper {
  width: 670px;
  height: 490px;
  padding-top: 30px;
  z-index: 50;
}
.sliderWrap.alt .bx-controls-direction {
  top: 202px;
  margin-top: 0;
}
.sliderWrap.alt .bx-default-pager {
  top: 16px;
}
#calculator h2 {
  color: #39474d;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  text-align: center;
  margin-bottom: 44px;
}
#calculator h3 {
  color: #39474d;
  font-family: Georgia,serif;
  font-size: 16px;
  font-style: italic;
  margin: 47px auto 0;
  width: 600px;
  text-align: center;
}
#calculator .calc-input {
  border: 2px solid #f3f3f3;
  border-bottom-color: #ccc;
  border-right-color: #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#calculator .box {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 208px;
  height: auto !important;
  height: 208px;
}
#calculator .box1 p {
  font-style: italic;
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
#calculator .box1 h2 {
  font-size: 24px;
  margin: 34px 0 24px;
}
#calculator .box2 {
  background: #f3f3f3;
  border-left: 2px solid #dcdcdc;
}
#calculator h4 {
  color: #999;
  font-size: 14px;
  margin: 30px 0 20px;
  text-align: center;
}
#calculator .price {
  font-family: Georgia,serif;
  font-size: 62px;
  font-style: italic;
  line-height: 1.1em;
  margin-bottom: 0;
}
#calculator .price small {
  font-size: 21px;
  text-transform: lowercase;
}
#calculator .original-cost,
#calculator .discount {
  color: #CACBCD;
  font-style: italic;
  font-size: 16px;
  margin: 0;
  text-align: center;
}
#calculator .original-cost span,
#calculator .discount span {
  font-size: 20px;
}
#calculator #counter {
  padding-left: 100px;
  margin-bottom: 30px;
}
#calculator #counter input {
  border: 1px solid #9f905f;
  color: #9f905f;
  float: left;
  width: 64px;
  height: 28px;
  padding: 0;
  margin: 0;
  outline: none;
  text-indent: 14px;
}
#calculator #counter h2 {
  margin: 0;
  float: left;
  position: relative;
  top: 5px;
}
#calculator #counter .ui-spinner {
  margin-right: 18px;
}
.ui-spinner {
  position: relative;
  float: left;
  display: block;
  width: 66px;
  height: 30px;
}
.ui-spinner .ui-spinner-button {
  background: #EEEEEE;
  cursor: pointer;
  font-size: 14px;
  display: block;
  width: 20px;
  height: 13px;
  position: absolute;
  text-align: center;
}
.ui-spinner .ui-spinner-button:hover {
  color: #c2af72;
}
.ui-spinner .ui-spinner-up {
  border-bottom: 1px solid #ccc;
  top: 1px;
  right: 1px;
}
.ui-spinner .ui-spinner-down {
  border-top: 1px solid #fff;
  bottom: 1px;
  right: 1px;
}
#billing .ui-spinner .ui-spinner-up,
#billing .ui-spinner .ui-spinner-down {
  display: none;
}
#signUpWrap {
  background-color: #fff;
  position: relative;
  padding-bottom: 80px;
}
#signUpWrap .offset1 {
  margin: 0;
}
#signUpWrap .container {
  width: 1220px;
  margin: 0 auto;
}
#signUpWrap .span3 {
  width: 345px;
  margin: 0 0 0 40px;
}
#signUpWrap .btn {
  width: 275px;
  height: 80px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  float: right;
  margin-right: -2px;
  font-size: 29px;
  text-transform: none;
}
#signUpWrap .btn,
#signUpWrap #steps li.current,
#signUpWrap .btn,
#signUpWrap #steps li.saved {
  background: #444e65;
  background: -moz-linear-gradient(90deg, #444e65 0%, #2c3039 100%);
  background: -webkit-linear-gradient(90deg, #444e65 0%, #2c3039 100%);
  background: -o-linear-gradient(90deg, #444e65 0%, #2c3039 100%);
  background: -ms-linear-gradient(90deg, #444e65 0%, #2c3039 100%);
  background: linear-gradient(180deg, #444e65 0%, #2c3039 100%);
}
#signUpWrap .btn:active {
  background: -moz-linear-gradient(270deg, #444e65 0%, #2c3039 100%);
  background: -webkit-linear-gradient(270deg, #444e65 0%, #2c3039 100%);
  background: -o-linear-gradient(270deg, #444e65 0%, #2c3039 100%);
  background: -ms-linear-gradient(270deg, #444e65 0%, #2c3039 100%);
  background: linear-gradient(0deg, #444e65 0%, #2c3039 100%);
}
.thankyou {
  background-image: url("../images/metalBg.jpg") !important;
}
#signUpWrap .row {
  margin: auto;
  padding: 0;
}
#signUpWrap #steps-title {
  background: #f3f2ef;
  display: inline-block;
  margin-bottom: -6px;
  width: 100%;
  padding: 20px 0;
  border-top-left-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-top-right-radius: 15px;
}
#signUpWrap #steps-title .page-title {
  float: left;
  font-size: 45px;
  color: #282d36;
  font-family: MercuryTextG1, Georgia,serif;
  font-style: italic;
  padding-left: 30px;
}
#signUpWrap #steps {
  color: #f4f4f4;
  height: 46px;
  margin: 0;
  padding: 0;
  margin-right: 30px;
  position: relative;
  z-index: 10;
  height: 70px;
  float: right;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
#signUpWrap #steps li {
  color: #f4f4f4;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 18px;
  float: left;
  list-style: none;
  line-height: 46px;
  width: 197px;
  height: 100%;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  margin-left: -29px;
}
#signUpWrap #steps li:first-of-type {
  margin-left: 0 0 0 -1px;
}
#signUpWrap #steps li.saved {
  cursor: pointer;
}
#signUpWrap #steps li.saved:hover {
  color: #666666;
}
#signUpWrap #steps li span {
  display: inline-block;
  line-height: 19px;
  padding-top: 27px;
  width: 170px;
  position: absolute;
  left: 0;
  z-index: 10;
}
#signUpWrap #steps .saved span {
  background: url("../images/signup/saved-step-arrow.png") no-repeat 130px 18px;
}
#signUpWrap #steps li:first-of-type {
  border-top-left-radius: 7px;
  -moz-top-left-border-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -moz-bottom-left-border-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
}
#signUpWrap #steps li:last-of-type {
  border-top-right-radius: 7px;
  -moz-top-right-border-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -moz-bottom-right-border-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
}
#signUpWrap #steps li:after {
  content: " ";
  width: 43px;
  height: 42px;
  position: relative;
  top: 13px;
  z-index: 2;
  display: block;
  float: right;
  margin-right: 6px;
  -moz-transform: rotate(51deg) skew(15deg);
  -o-transform: rotate(51deg) skew(15deg);
  -webkit-transform: rotate(51deg) skew(15deg);
  transform: rotate(51deg) skew(15deg);
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-style: solid;
  border-width: 2px 1px 0 0;
  border-color: #5a5d5f;
  -webkit-box-shadow: 3px -1px 0px -2px rgba(255, 255, 255, 0.75);
  -moz-box-shadow: 3px -1px 0px -2px rgba(255, 255, 255, 0.75);
  box-shadow: 3px -1px 0px -2px rgba(255, 255, 255, 0.75);
}
#signUpWrap #steps li.saved:after {
  border-width: 2px 2px 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#signUpWrap #steps li:last-of-type:after {
  display: none;
}
#signUpWrap #steps li:after {
  background: #dcdcdc;
  background: linear-gradient(145deg, #aeb1b2 0%, #6e6e6e 100%);
  background: -moz-linear-gradient(313deg, #aeb1b2 0%, #6e6e6e 100%);
  background: -webkit-linear-gradient(313deg, #aeb1b2 0%, #6e6e6e 100%);
  background: -o-linear-gradient(313deg, #aeb1b2 0%, #6e6e6e 100%);
  background: -ms-linear-gradient(313deg, #aeb1b2 0%, #6e6e6e 100%);
}
#signUpWrap #steps li.current:after,
#signUpWrap #steps li.saved:after {
  background: #444e65;
  background: linear-gradient(145deg, #444e65 0%, #2c3039 100%);
  background: -moz-linear-gradient(313deg, #444e65 0%, #2c3039 100%);
  background: -webkit-linear-gradient(313deg, #444e65 0%, #2c3039 100%);
  background: -o-linear-gradient(313deg, #444e65 0%, #2c3039 100%);
  background: -ms-linear-gradient(313deg, #444e65 0%, #2c3039 100%);
}
#signUpWrap #steps #stepDesc3 span {
  left: 20px;
}
#signUpWrap #steps li.current.first:before {
  display: none;
}
#signUpWrap #steps li.current.last:after {
  display: none;
}
#signUpWrap #steps li.last {
  background-image: none;
  width: 198px;
  margin-right: -1px;
}
#signUpWrap #signUp {
  position: relative;
  z-index: 5;
}
#signUpWrap #signUp fieldset {
  margin: auto;
}
#signUpWrap #signUp input[type="submit"] {
  border: none;
}
#signUpWrap #signUpSubmit {
  display: none;
  margin-left: 15px;
}
#signUpWrap #confirm #signUpSubmit {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
#signUpWrap .banner {
  background: url("../images/logo-light.png") no-repeat scroll 50% 25px rgba(0, 0, 0, 0);
  height: 100px;
  padding-top: 64px;
  border-top: 1px solid #e3e3e1;
}
#signUpWrap .banner h2 {
  font-size: 34px;
  margin: 0;
}
#signUpWrap #step0 {
  display: none;
}
#signUpWrap .product {
  color: #FFFFFF;
  margin: 0 2px 0 4px;
  background-color: #9F905F;
  text-align: center;
}
#signUpWrap .product .product-name {
  text-align: center;
  background-color: #282c35;
  height: 132px;
  font-size: 30px;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
}
#signUpWrap .product .product-name h3 {
  margin: 0;
  padding-top: 25px;
}
#signUpWrap .product .product-goldline {
  height: 10px;
  background-color: #C2AF72;
}
#signUpWrap .product .product-price {
  text-align: center;
  width: 116px;
  height: 116px;
  background-color: #C2AF72;
  border-radius: 58px 58px 58px 58px;
  font-family: Georgia,serif;
  font-size: 20px;
  left: 50%;
  margin: -60px auto 10px auto;
  padding: 0;
}
#signUpWrap .product .product-priceverbose {
  line-height: 1.5em;
}
#signUpWrap .product .product-price .amount {
  font-family: Times New Roman,serif;
  font-size: 45px;
  padding-top: 5px;
}
#signUpWrap .product .product-price hr {
  width: 80%;
  border-color: #FFFFFF;
  margin: auto;
}
#signUpWrap .product .product-description {
  font-family: Georgia,serif;
  font-size: 20px;
  height: 360px;
}
#signUpWrap .product .product-description .product-items {
  text-align: left;
  font-size: 12px;
  margin: 0 10px 10px -10px;
}
#signUpWrap .product .product-description .product-items p {
  text-indent: 25px;
}
#signUpWrap .product .product-description .product-bottle {
  background: url("../images/bottle.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 18px;
  margin: 20px 25%;
  text-align: left;
  width: 210px;
}
#signUpWrap .product .product-description .product-bottle div {
  margin-left: 15px;
}
#signUpWrap .product .product-buttons {
  height: 150px;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
}
#signUpWrap .product .btn {
  background-color: #282c35;
  margin: 7px auto;
  border: 1px solid #FFFFFF;
}
#signUpWrap .product .product-buttons input[type='checkbox'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  width: 20px;
  height: 20px;
  background-color: #9F905F;
  border-radius: 3px;
  border: 1px solid #FFFFFF;
  margin: 15px 5px;
}
#signUpWrap input[type="text"] {
  color: #343940;
  font-family: HelveticaNeue-Roman, sans-serif;
  font-size: 25px;
  text-indent: 15px;
  outline: none;
  background: #f3f2ef;
}
#signUpWrap legend {
  display: none;
}
#signUpWrap .disclamer {
  font-size: 13px;
  font-family: Georgia,serif;
  margin: 0 10px;
}
#signUpWrap .disclamer h3 {
  font-family: Helvetica, sans-serif;
  font-size: 21.1px;
  font-stretch: condensed;
  margin: 0 5px 0 0;
}
#signUpWrap i.dottedLine {
  border-top: 1px dotted #c8cacc;
  clear: both;
  margin: 0 auto;
  display: block;
}
#signUpWrap .btn-group {
  margin: 4px 10px 0 10px;
  clear: both;
  border-top: 1px solid #e3e3e1;
  padding-top: 20px;
}
#signUpWrap #lostPassword .btn-group {
  border: none;
}
#signUpWrap .btn-group a {
  margin-left: 15px;
}
#signUpWrap .btn-group a.disabled,
#signUpWrap #steps li,
#signUpWrap button.btn.disabled {
  cursor: default;
  background: #dcdcdc;
  background: -moz-linear-gradient(90deg, #aeb1b2 0%, #6e6e6e 100%);
  background: -webkit-linear-gradient(90deg, #aeb1b2 0%, #6e6e6e 100%);
  background: -o-linear-gradient(90deg, #aeb1b2 0%, #6e6e6e 100%);
  background: -ms-linear-gradient(90deg, #aeb1b2 0%, #6e6e6e 100%);
  background: linear-gradient(180deg, #aeb1b2 0%, #6e6e6e 100%);
}
#signUpWrap .btn-group a.next i {
  position: relative;
  left: 5px;
}
#signUpWrap .btn-group a.prev {
  background: #adadad;
}
#signUpWrap .btn-group a.prev:hover {
  background: #cccccc;
}
#signUpWrap .btn-group a.prev i {
  position: relative;
  right: 5px;
}
#signUpWrap input.error,
#signUpWrap input.duplicate,
#signUpWrap textarea.error {
  border-color: #c00;
  background-color: white;
  color: #cc0000;
}
.header-section-text {
  letter-spacing: 1.2px;
  text-shadow: 0.8px 0px 0px #494b59  ;
  font-size: 30px;
  color: #494b59;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  text-align: center;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: #c9b784;
  margin-top: 36px;
  text-transform: uppercase;
}
.dotted-line {
  height: 2px;
  background: url('/images/signup/dotted-line-item.png') repeat-x;
}
.section-text {
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  text-align: center;
  padding-top: 7px;
  font-size: 20px;
  color: #494b59;
}
.table-header-text {
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  text-align: left;
  padding-top: 25px;
  padding-left: 45px;
  font-size: 22px;
  color: #b29f6a;
  text-transform: uppercase;
}
.wine-fees-text-left-col {
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  text-align: left;
  font-size: 20px;
  color: #494b59;
  text-transform: uppercase;
  padding-top: 10px;
  padding-left: 76%;
}
.wine-fees-text-right-col {
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  text-align: right;
  padding: 10px 10px 0 10px;
  font-size: 20px;
  color: #494b59;
  text-transform: uppercase;
  padding-right: 76%;
}
.footnote-text {
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  text-align: right;
  padding: 10px 10px 0 10px;
  font-size: 20px;
  color: #494b59;
}
#signUpWrap #signup-variants:after {
  display: table;
  content: "";
  clear: both;
}
#signUpWrap #signup-variants .variant-col {
  float: left;
  width: 50%;
  margin-bottom: 5px;
}
#signUpWrap #signup-variants .variant-col .inner-container {
  padding: 0 25px 0 30px;
}
#signUpWrap #signup-variants .variant-col .variant-name {
  font-size: 40px;
  color: #282d36;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  text-align: center;
  padding: 20px;
  background: url('/images/signup/sign-up-border-line.png') repeat-x 0 100%;
}
#signUpWrap #signup-variants .variant-col .variant-details {
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
}
#signUpWrap #signup-variants .variant-col .variant-details .details-title {
  font-size: 24px;
  color: #b4a06b;
  margin: 0 0 20px 5px;
}
#quantity {
  width: 986px;
  margin: auto;
  color: #fff;
}
#quantity .device-img {
  width: 986px;
  height: 624px;
  background: url("../images/signup/responsive.png") no-repeat -16px 0;
  z-index: 10;
  position: relative;
}
#quantity .signup-title {
  font-family: Georgia,serif;
  display: inline;
  text-align: center;
}
#quantity .signup-title .storage {
  font-family: MyriadPro-Regular;
  font-size: 71px;
  height: 71px;
  margin-left: 16px;
}
#quantity .signup-title .flux .tm {
  font-size: 31px;
  position: relative;
  top: -27px;
  width: 20px;
}
#quantity .signup-title .flow {
  font-size: 16px;
  height: 21px;
  color: #52555a;
  font-family: MyriadPro-Regular;
  margin-top: 5px;
}
#quantity .billing-circle {
  background: url("../images/signup/billing-circle.png") no-repeat;
  width: 855px;
  height: 296px;
  margin: 15px auto 35px auto;
  display: block;
  font-family: Georgia,serif;
  font-style: italic;
  font-size: 36px;
}
#quantity .billing-circle > div {
  float: left;
  width: 205px;
  margin-top: 125px;
  white-space: nowrap;
}
#quantity .billing-circle > div:first-of-type {
  padding-right: 40px;
  width: 240px;
  text-align: right;
}
#quantity .billing-circle > div:last-of-type {
  padding-left: 40px;
  width: 240px;
}
#quantity .billing-circle .billing-price {
  width: 215px;
  padding: 0 40px;
  text-align: center;
}
#quantity .billing-circle .billing-price .price {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  font-family: ITCFranklinGothicStd DmCd;
  font-size: 113px;
  font-style: normal;
  color: #282d36;
  margin: -52px 20px 0 20px;
  line-height: 89px;
}
#quantity .billing-circle .top-symbol {
  position: relative;
  top: -17px;
  font-size: 40px;
}
#quantity .billing-circle .billing-price .desc {
  font-size: 20px;
  color: #a39161;
}
#quantity .subscription .monthly-desc {
  padding-top: 50px;
  display: inline-block;
}
#quantity .subscription .monthly-desc p:first-of-type {
  margin-top: 0;
}
#quantity .subscription .monthly-desc p:last-of-type {
  margin-bottom: 30px;
}
#quantity .subscription .mobile-app {
  height: 440px;
  width: 353px;
  position: absolute;
  top: 1489px;
  left: 730px;
}
#quantity .signup-buttons {
  display: inline-block;
  margin: -60px 0 0 150px;
}
#quantity .signup-buttons div {
  width: 365px;
  height: 112px;
  float: left;
}
#quantity .signup-buttons .sinup-annually {
  background: url("../images/signup/off_Sign-up-anually.png") no-repeat;
}
#quantity .signup-buttons .signup-monthly {
  background: url("../images/signup/off_sign_up.png") no-repeat;
  margin-left: 160px;
  margin-top: -10px;
}
#quantity .signup-buttons .sinup-annually:active {
  background: url("../images/signup/on_sign-up-anually.png") no-repeat;
}
#quantity .signup-buttons .signup-monthly:active {
  background: url("../images/signup/on_sign_up.png") no-repeat;
}
#quantity .social-links {
  width: 693px;
  display: inline-block;
  margin: 80px 0 0px 150px;
}
#quantity .social-icon {
  width: 79px;
  height: 79px;
  background: url("../images/signup/social-icon.png") no-repeat top left;
  float: left;
  margin-right: 43px;
}
#quantity .social-icon:hover {
  opacity: 0.9;
}
#quantity .social-icon.facebook {
  background-position: 0px 0px;
}
#quantity .social-icon.twitter {
  background-position: -87px 0px;
}
#quantity .social-icon.in {
  background-position: -175px 0px;
}
#quantity .social-icon.google {
  background-position: -264px 0px;
}
#quantity .social-icon.pin {
  background-position: -351px 0px;
}
#quantity .social-icon.youtube {
  background-position: -438px 0px;
  margin-right: 0;
}
#quantity .subscription ul {
  font-weight: bold;
  color: #282d36;
  padding: 0;
  font-size: 32px;
  list-style: none;
  margin: 0;
}
#quantity .subscription .subscription-item {
  color: #b49f6b;
  padding-right: 5px;
}
#quantity .subscription li p {
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 110%;
  padding-left: 15px;
  color: #494b59;
  font-size: 20px;
  font-style: italic;
  font-family: Georgia,serif;
  display: none;
}
#quantity .subscription li {
  font-weight: normal;
  color: #494b59;
  font-size: 20px;
  padding-top: 10px;
  cursor: pointer;
}
#quantity .subscription li:last-of-type {
  display: inline-block;
}
#quantity .subscription li:last-of-type .subscription-item {
  float: left;
  display: block;
}
#quantity .subscription .take-tour,
#quantity .subscription .signup-today {
  font-size: 32px;
  font-family: ITCFranklinGothicStd DmCd, TradeGothicBoldCondTwenty;
  text-align: center;
}
#quantity .subscription .take-tour {
  margin-top: 60px;
  position: relative;
}
#quantity .subscription .take-tour a {
  color: #282d36;
}
#quantity .subscription .take-tour a:hover {
  text-decoration: underline;
}
#quantity .subscription .signup-today {
  color: #a39161;
  margin-top: 15px;
}
#quantity .btn-subscription {
  border-radius: 11px;
  background-color: #b29f6a;
  height: 40px;
  line-height: 40px;
  width: 328px;
  font-size: 25px;
  color: #fff;
  text-align: center;
  font-family: Georgia,serif;
  font-style: italic;
  margin: 60px auto 0 auto;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -1px 6px rgba(0, 0, 0, 0.5), inset 0 1px 4px #ffffff;
  box-shadow: inset 0 -1px 6px rgba(0, 0, 0, 0.5), inset 0 1px 4px #ffffff;
}
#quantity .btn-subscription:hover {
  opacity: 0.9;
}
#quantity .signup-note {
  font-family: FranklinGothicBookItalic;
  font-size: 23px;
  padding: 60px 20px 0 30px;
  color: #282d36;
}
#signup-terms {
  width: 1220px;
  display: block;
  background: #fff;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  padding-top: 50px;
}
#signup-terms .terms-text {
  text-align: center;
  display: inline-block;
}
#signup-terms .terms-text,
#signup-terms .terms-blackout {
  border-bottom-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-bottom-right-radius: 15px;
}
#signup-terms .terms-scroll-wrapper {
  padding: 10px 15px 0 50px;
  margin-bottom: 30px;
}
#signup-terms .terms-blackout {
  width: 100%;
  height: 227px;
  position: relative;
  z-index: 100;
  bottom: 227px;
  margin-bottom: -227px;
}
#signup-terms .addendum-header {
  font-size: 20px;
  text-align: center;
}
#signup-terms .addendum-text {
  font-size: 20px;
  text-align: left;
  text-indent: 1.5em;
}
#signup-terms .jspVerticalBar {
  z-index: 101;
}
#signup-terms .terms-scroll-area {
  padding: 0;
  font-size: 20px;
  height: auto;
  width: 100%;
  text-align: left;
  overflow: hidden;
  margin-top: 10px;
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -webkit-column-width: 500px;
  -moz-column-width: 500px;
  column-width: 500px;
  -webkit-column-gap: 75px;
  -moz-column-gap: 75px;
  column-gap: 75px;
}
#signup-terms .terms-scroll-area p {
  padding-right: 40px;
  text-align: justify;
}
#signup-terms .terms-scroll-area.visible {
  color: #222222;
}
#signup-terms .terms-scroll-area p span.underline {
  text-decoration: underline;
}
#signup-terms .terms-text {
  width: 100%;
}
#signup-terms .terms-text .address {
  padding-top: 15px;
  font-size: 24px;
  padding-right: 25px;
}
#signup-terms .terms-text .site {
  font-size: 20px;
  text-decoration: underline;
  padding-right: 25px;
}
#signup-terms .logo {
  background: url("../images/logo.png") no-repeat;
  width: 131px;
  height: 44px;
  margin: auto;
  padding-right: 25px;
}
div.promo-message div {
  color: #fff;
  width: 308px;
  padding: 7px 0 7px 80px;
  font-family: Georgia, serif;
}
#promoSuccess,
#promoFail,
#wineryCode {
  display: none;
}
#promoSuccess div,
#promoConfirm div,
#wineryCode div {
  background: url("../images/signup/saved-step-arrow.png") no-repeat 20px center;
}
#promoFail div {
  background: #cc0000 url("../images/icons/error-icon.png") no-repeat 7px 7px;
}
#promoConfirm {
  margin-top: 35px;
  font-size: 20px;
  width: 590px;
  height: 73px;
  background: #a39161;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
#promoConfirm.promo-message div {
  width: 510px;
}
#promoConfirm.promo-message div p {
  margin: 0 0;
}
#promoAsterik {
  margin-left: -5px;
  font-size: 22px;
  color: #999999;
}
#account {
  padding-bottom: 25px;
}
#account .col2 {
  width: 525px;
  float: left;
}
#account .accountDetails {
  margin-right: 80px;
}
#account label .link-toggle {
  float: right;
  font-family: Georgia,serif;
  color: #757575;
  text-transform: none;
  font-weight: normal;
  font-size: 20px;
  margin-top: 4px;
}
#account label .link-toggle:hover {
  color: #a0905f;
}
#account #secondaryEmail {
  display: none;
}
#account select,
#account .customDropdown {
  width: 527px;
  margin: 0 0 25px;
}
#account .customSelect {
  margin-bottom: 25px;
}
#personal {
  padding-bottom: 25px;
}
#personal .col2 {
  width: 525px;
  float: left;
  padding-bottom: 160px;
}
#personal .personalDetails {
  margin-right: 80px;
}
#personal .desc {
  position: relative;
  top: -10px;
}
#personal .dateOfBirthWrap {
  float: left;
  margin-right: 20px;
}
#personal .dateOfBirthWrap input {
  width: 215px;
}
#personal .phoneWrap input {
  width: 284px;
  margin-left: 6px;
}
#personal .addressWrap input {
  width: 525px;
}
#personal .addressContinueWrap {
  width: 345px;
  float: left;
  margin-right: 20px;
}
#personal .addressContinueWrap input {
  width: 345px;
}
#personal .aptNumWrap input {
  width: 160px;
}
#personal .cityWrap,
#personal .driversNumWrap {
  float: left;
  margin-right: 20px;
}
#personal .cityWrap input,
#personal .driversNumWrap input {
  width: 219px;
}
#personal .stateWrap,
#personal .stateLicenseWrap {
  float: left;
  margin-right: 0px;
}
#personal .stateWrap input,
#personal .stateLicenseWrap input {
  width: 106px;
}
#personal .zipWrap {
  float: right;
}
#personal .zipWrap input,
#personal .expDateWrap input {
  width: 160px;
}
#billing {
  padding-bottom: 25px;
}
#billing .col2 {
  width: 525px;
  float: left;
}
#billing address {
  color: #39484e;
  font-family: Georgia,serif;
  font-size: 25px;
  font-style: normal;
  display: block;
}
#billing .personalDetails {
  margin-right: 80px;
}
#billing #sameAddress,
.acceptTermsWrap #acceptTerms {
  width: 35px;
  height: 35px;
  border: 2px solid #bec1c3;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.acceptTermsWrap #acceptTerms {
  float: left;
  margin-right: 25px;
}
#billing #sameAddress.checked,
.acceptTermsWrap #acceptTerms.checked {
  background: url("../images/signup/black-checkbox.png") no-repeat center center;
  background-size: 27px 23px;
}
#billing .sameAddressWrap {
  border-bottom: 1px dotted #c8cacc;
  margin-bottom: 17px;
}
#billing .sameAddressWrap label {
  float: left;
  margin-right: 30px;
  margin-bottom: 24px;
}
#billing .sameAddressWrap #sameAddress {
  float: left;
}
#billing .addressWrap {
  margin-right: 20px;
}
#billing .addressWrap input {
  width: 525px;
}
#billing .aptNumWrap {
  float: right;
}
#billing .aptNumWrap input {
  width: 160px;
}
#billing .cityWrap {
  float: left;
  margin-right: 20px;
}
#billing .cityWrap input {
  width: 219px;
}
#billing .stateWrap {
  float: left;
}
#billing .addressContinueWrap {
  float: left;
}
#billing .addressContinueWrap input {
  width: 345px;
}
#billing .stateWrap input {
  width: 106px;
}
#billing .zipWrap {
  float: right;
}
#billing .zipWrap input {
  width: 160px;
}
#billing .creditCards {
  margin-bottom: 30px;
}
#billing .creditCards span {
  background: url("../images/creditCardSprite.png") no-repeat 0 0;
  display: block;
  float: left;
  margin-right: 12px;
  height: 27px;
}
#billing .creditCards .masterCard {
  width: 44px;
}
#billing .creditCards .masterCard.active {
  background-position: 0 -58px;
}
#billing .creditCards .visa {
  background-position: -54px 0;
  width: 54px;
}
#billing .creditCards .visa.active {
  background-position: -54px -58px;
}
#billing .creditCards .americanExpress {
  background-position: -121px 0;
  width: 38px;
}
#billing .creditCards .americanExpress.active {
  background-position: -121px -58px;
}
#billing .creditCards .discover {
  background-position: -174px 0;
  width: 70px;
}
#billing .creditCards .discover.active {
  background-position: -174px -58px;
}
#billing .cardNumWrap {
  float: left;
  margin-right: 20px;
}
#billing .cardNumWrap input {
  width: 330px;
}
#billing .cvcNumWrap {
  float: left;
}
#billing .cvcNumWrap input {
  width: 175px;
}
#billing .expirationWrap {
  float: left;
  margin-right: 20px;
}
#billing .expirationWrap input {
  width: 345px;
}
#billing .ui-spinner {
  width: 87px;
  margin-right: 20px;
}
#billing .ui-spinner:first-of-type,
#billing #expirationMonth {
  width: 154px;
}
#billing .ui-spinner:last-of-type,
#billing #expirationYear {
  width: 155px;
}
#billing #expirationMonth {
  margin-right: 16px;
}
#billing .billZipWrap input {
  width: 175px;
}
#billing .desc {
  font-family: Georgia,serif;
  font-size: 25px;
  margin: 0;
  color: #343940;
  padding-top: 20px;
}
#billing .desc a {
  color: #9f905f;
}
#billing .desc a:hover {
  color: #c2af72;
}
#billing .descriptionCopy,
#billing #account .desc,
#account #billing .desc,
#billing #personal .desc,
#personal #billing .desc {
  margin-top: 10px;
}
#billing .descriptionCopy {
  margin-bottom: 60px;
}
#billing #confirmAddress {
  min-height: 420px;
}
#billing .promoCodeWrap {
  clear: both;
  width: 481px;
  height: 57px;
  background: #e4e5e4;
  padding: 22px;
}
#billing .promoCodeWrap .promo-code-label {
  float: left;
  text-transform: uppercase;
  line-height: 56px;
  color: #39484e;
  font-size: 25px;
  font-weight: bold;
  font-family: TradeGothicBoldCondTwenty;
}
#billing .promo-code-field {
  float: right;
}
#billing #promo-code {
  width: 173px;
  height: 56px;
  border-color: #a39161;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  float: left;
  text-transform: uppercase;
}
#billing .apply-promo-code {
  float: left;
  width: 82px;
  height: 56px;
  color: #fff;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  font-family: TradeGothicBoldCondTwenty;
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
  line-height: 56px;
  background: #a39161;
}
#billing .promo-code-result {
  font-family: Georgia,serif;
  font-size: 20px;
  color: #343940;
  margin: 10px 0 20px 20px;
}
#confirm {
  padding-bottom: 25px;
}
#confirm .confirmationWrap {
  background: #e9e8e7;
  margin: 20px -30px 0 -30px;
}
#confirm .confirmationDetails h5 {
  border-bottom: 1px dotted #bfc1c3;
  font-weight: bold;
  text-transform: uppercase;
  margin: 30px 40px 0 0;
  padding-bottom: 15px;
  position: relative;
  font-size: 27px;
  font-family: TradeGothicBoldCondTwenty;
  line-height: 30px;
  color: #282d36;
}
#confirm .confirmationDetails .confirm_question span {
  line-height: 30px;
}
#confirm .confirmationDetails h5 i,
#confirm h5 i.edit-icon {
  top: 3px;
  right: 0;
}
#confirm .confirmationDetails p,
#confirm .confirmationDetails .confirm_aptNum,
#confirm .confirm_address {
  font-family: Georgia,serif;
  font-size: 20px;
  color: #343940;
}
#confirm .confirm_aptNum {
  margin-top: 20px;
}
#confirm .confirmationDetails {
  line-height: 15px;
}
#confirm .confirmationDetails .dobConfirm {
  margin-top: 20px;
}
#confirm .confirmationDetails.personal {
  border-left: 1px dotted #bfc1c3;
  border-right: 1px dotted #bfc1c3;
  padding-left: 40px;
}
#confirm .confirmationDetails.billing .cityStateZip {
  margin-bottom: 20px;
}
#confirm .cart {
  margin-bottom: 30px;
  padding: 0 10px;
  width: 1110px;
}
#confirm .cart h3 {
  color: #9f905f;
  font-family: Helvetica,serif;
  font-size: 24px;
  text-transform: uppercase;
}
#confirm .cart h5 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 35px 15px 0 0;
  border: none;
  font-size: 27px;
  font-family: TradeGothicBoldCondTwenty;
  color: #282d36;
}
#confirm .cart .titles {
  color: #999;
  font-family: Helvetica, sans-serif;
  font-size: 27px;
}
#confirm .cart .span2 {
  width: 220px;
  text-align: center;
}
#confirm .cart .span3 {
  margin: 0;
  width: 345px;
}
#confirm .cart .span5 {
  width: 424px;
}
#confirm .cart .span5 p,
#confirm #contractPackage {
  width: 345px;
}
#confirm .cart .title p {
  color: #9f905f;
  font-family: Helvetica, sans-serif;
  font-size: 27px;
  margin: 50px 0;
}
#confirm .cart .titles .span5 p {
  text-align: center;
}
#confirm .cart .desc p {
  color: #9f905f;
  font-family: Helvetica, sans-serif;
  font-size: 27px;
  margin: 50px 0;
  text-align: center;
}
#confirm .cart #qtyConfirm p {
  color: #9f905f;
  font-family: Georgia,serif;
  font-size: 28px;
  font-style: italic;
  line-height: .5em;
  margin: 34px 0 0;
}
#confirm .cart #totalConfirm p {
  color: #9f905f;
  font-family: Georgia,serif;
  font-size: 28px;
  font-style: italic;
  line-height: .9em;
  margin: 50px 0;
}
#confirm .cart #totalConfirm p small {
  display: block;
  font-size: 14px;
}
#confirm .cart .contractName {
  text-align: center;
  width: 222px;
}
#confirm .acceptTermsWrap {
  margin-bottom: 34px;
}
#confirm .acceptTermsWrap > div {
  padding-bottom: 15px;
}
#confirm .acceptTermsWrap label {
  cursor: pointer;
  display: block;
  float: left;
  font-family: Georgia,serif;
  font-size: 25px;
  margin-top: -7px;
}
#confirm .acceptTermsWrap input {
  cursor: pointer;
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  margin: 5px 20px 0 0;
}
#confirm .acceptTermsWrap a {
  color: #9f905f;
}
#confirm .acceptTermsWrap a:hover {
  text-decoration: underline;
}
#confirm p.edit-btn {
  position: relative;
}
#confirm p.edit-btn i {
  top: 0;
  left: 31px;
}
#confirm .descriptionCopy,
#confirm #account .desc,
#account #confirm .desc,
#confirm #personal .desc,
#personal #confirm .desc {
  width: 540px;
  margin-left: 65px;
}
#confirm .submit-error {
  padding: 0 25px;
}
#thank-you {
  background: #fff;
  margin: 0 10px 0 0;
}
#thank-you .span12 {
  width: 920px !important;
}
#thank-you .login-btn {
  display: block;
  width: 238px;
  margin: auto;
}
#thank-you .banner {
  background: url("../images/logo-light.png") no-repeat scroll 50% 25px rgba(0, 0, 0, 0);
  height: 100px;
  padding-top: 64px;
}
#thank-you h2 {
  color: #9f905f;
  letter-spacing: 0.05em;
}
#thank-you .message {
  color: #666;
  font-family: Georgia,serif;
  font-size: 18px;
  font-style: italic;
  margin-bottom: 30px;
  text-align: center;
}
#thank-you .login-btn {
  clear: both;
}
#thank-you .btn {
  display: block;
  margin: 0 auto 40px;
  width: 238px;
}
.page-about h3 {
  margin: 0 160px 60px;
}
.page-about figure {
  border-top: solid 1px #d3d4d6;
  border-bottom: solid 1px #d3d4d6;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.page-about figure img {
  display: inline-block;
  margin: 24px 0;
}
.page-about figure + p {
  font-size: 14px;
  color: #515e64;
  padding: 0 80px;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  -ms-column-gap: 50px;
  -o-column-gap: 50px;
  column-gap: 50px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
.scroll {
  position: fixed;
  bottom: 0;
  right: 32px;
  background: #a0905f url("../images/scroll-down.png") no-repeat 10px 50%;
  font-size: 14px;
  color: white;
  padding: 8px 10px 4px 40px;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  text-transform: uppercase;
}
.success {
  margin-top: 2em;
  padding: 20px;
  border: 1px solid #c2af72;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
form input.error,
form textarea.error {
  border-color: #c00;
  background-color: white;
  color: #cc0000;
}
button {
  border: none;
}
.loginWrap {
  background-color: white;
  padding-bottom: 50px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  font-family: Georgia, serif;
}
.loginWrap p + p {
  margin-top: 35px;
}
.loginWrap .error-msg {
  color: #c00;
  font-size: 15px;
}
.loginWrap input {
  border: solid 1px #a0905f;
  font-size: 12px;
  padding: 7px 10px;
  min-width: 190px;
}
.loginWrap input.has-icon {
  padding-left: 35px;
  background-repeat: no-repeat !important;
  background-position: 10px 5px;
}
.loginWrap input.has-icon[type=email] {
  background-image: url("../images/at.png");
}
.loginWrap input.has-icon[type=password] {
  background-image: url("../images/lock.png");
  background-position: 10px 4px;
}
.loginWrap input.error {
  border-color: #c00;
  background: white;
  color: #cc0000;
}
.loginWrap input.error[type=email] {
  background-position: 10px -35px;
}
.loginWrap input.error[type=password] {
  background-position: 10px -36px;
}
.loginWrap .recover-password {
  color: #999;
  font-size: 12px;
  margin-bottom: 13px;
  text-align: center;
}
.loginWrap .recover-password a {
  color: #999999;
}
.loginWrap .recover-password a:hover {
  color: #c2af72;
}
.loginWrap .submit-error {
  margin: 20px auto 0;
  width: 405px;
}
.lostPW {
  background-color: white;
  padding-bottom: 60px;
  width: 654px;
  margin: 0 auto;
  text-align: center;
  font-family: Georgia,serif;
  font-size: 14px;
  position: relative;
  border: 1px solid #000000;
}
.lostPW p {
  margin: 0 140px;
}
.lostPW .notice {
  display: none;
  padding: 0 140px;
}
.lostPW .notice.error {
  color: #ff0000;
}
.lostPW .notice.success {
  border: none;
}
.lostPW form p {
  margin: 35px 0 0;
}
.lostPW form input[type="email"] {
  border: solid 1px #a0905f;
  padding: 7px 10px;
  min-width: 345px;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lostPW form input[type="email"].error {
  background: #ffffff url("../images/error.png") no-repeat 10px center;
  border-color: #c00;
  color: #c00;
  padding-left: 35px;
  min-width: 330px;
}
.lostPW form input[type="submit"] {
  border: none;
}
.affix {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0px;
  left: auto;
  right: auto;
}
div.terms {
  font-size: 0.8em;
}
div.terms h1 {
  text-align: center;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  line-height: 1;
}
div.terms .type {
  text-align: center;
}
div.terms .type p {
  margin-top: -20px;
  font-size: 0.7em;
}
div.terms .type h3 {
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  line-height: 1;
}
div.terms td {
  border: solid 1px #c2af72;
  padding: 20px;
}
div.terms li {
  margin: 0.7em 0;
}
div.terms li li {
  list-style: lower-alpha outside none;
}
.submit-error {
  background: #cc0000;
  display: none;
  margin-bottom: 20px !important;
  position: relative;
}
.submit-error i {
  background: url("../images/icons/error-icon.png") no-repeat 0 0;
  display: block;
  width: 19px;
  height: 20px;
  position: absolute;
  left: 10px;
  top: 5px;
}
.submit-error p {
  color: #fff;
  font-size: 14px;
  font-family: Georgia,serif;
  line-height: 30px;
  padding: 0 40px;
  margin: 0;
  text-align: center;
}
.contact.submit-error {
  margin: 20px 0;
}
#loading {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  padding: 50px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  z-index: 99999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
#loading p {
  font-family: Georgia,serif;
  font-size: 18px;
  color: #fff;
  margin: 0;
}
/* scroll bars */
.jspVerticalBar {
  width: 12px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: none !important;
}
.jspHorizontalBar {
  background: none !important;
}
.jspTrack {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ECECEB !important;
}
.jspDrag {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #abadb0 !important;
}
.mobile-promo-page .header-promo {
  background: url(/images/mobile-promo/header-bg.png) no-repeat center center;
  height: 820px;
}
.mobile-promo-page .header-promo .left-col {
  width: 420px;
  float: left;
}
.mobile-promo-page .header-promo .left-col .title,
.mobile-promo-page .header-promo .left-col .subtitle {
  font-family: Myriad Pro Semibold, 'PT Sans', sans-serif;
  color: #f0f0f0;
  text-transform: uppercase;
}
.mobile-promo-page .header-promo .left-col .title {
  font-size: 60px;
  margin: 130px 0 0 0;
  font-weight: 700;
}
.mobile-promo-page .header-promo .left-col .subtitle {
  font-size: 36px;
}
.mobile-promo-page .header-promo .left-col .description {
  margin-top: 15px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica Neue, 'Open Sans', sans-serif;
  color: #a39161;
  font-size: 24px;
}
.mobile-promo-page .header-promo .left-col .description .p-strong {
  font-family: "Helvetica Neue Bold", HelveticaNeue Bold, Helvetica Neue Bold, 'Open Sans', sans-serif;
  font-weight: 700;
}
.mobile-promo-page .header-promo .right-col {
  float: right;
}
.mobile-promo-page .header-promo .right-col .single-phone {
  margin-top: 30px;
  width: 334px;
  height: 775px;
  background: url(/images/mobile-promo/header-phone.png) no-repeat 0 0;
}
.mobile-promo-page .group-phones-3 {
  background: #fff;
}
.mobile-promo-page .group-phones-3 .center-col {
  width: 986px;
  margin: 0 auto;
}
.mobile-promo-page .group-phones-3 .center-col .title,
.mobile-promo-page .group-phones-3 .center-col .subtitle {
  display: block;
  text-transform: uppercase;
  text-align: center;
}
.mobile-promo-page .group-phones-3 .center-col .title {
  font-size: 48px;
  line-height: 108%;
  font-family: Myriad Pro Semibold, 'PT Sans', sans-serif;
  color: #2c3039;
  margin: 70px 0 5px 0;
  font-weight: 700;
}
.mobile-promo-page .group-phones-3 .center-col .subtitle {
  font-size: 36px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica Neue, 'Open Sans', sans-serif;
  color: #636466;
}
.mobile-promo-page .group-phones-3 .center-col .description {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica Neue, 'Open Sans', sans-serif;
  color: #636466;
  font-size: 24px;
  text-align: center;
}
.mobile-promo-page .group-phones-3 .center-col .phones-image {
  width: 1042;
  height: 870px;
  margin: 60px auto 90px auto;
  background: url(/images/mobile-promo/mobile-group-3phones.png) no-repeat center center;
}
.mobile-promo-page .group-features {
  background: #b49f67;
}
.mobile-promo-page .group-features .title,
.mobile-promo-page .group-features .subtitle {
  display: block;
  font-family: Myriad Pro Semibold, 'PT Sans', sans-serif;
  text-transform: uppercase;
  text-align: left;
}
.mobile-promo-page .group-features .title {
  font-size: 52px;
  color: #fff;
  margin: 60px 0 0 0;
  font-weight: 700;
}
.mobile-promo-page .group-features .subtitle {
  font-size: 34px;
  color: #2c3039;
}
.mobile-promo-page .group-features .description {
  color: #2c3039;
  font-size: 24px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica Neue, 'Open Sans', sans-serif;
  margin-bottom: 30px;
}
.mobile-promo-page .group-features .left-col {
  width: 440px;
  float: left;
}
.mobile-promo-page .group-features .right-col {
  float: right;
}
.mobile-promo-page .group-features .right-col .phones-2 {
  width: 500px;
  height: 470px;
  background: url(/images/mobile-promo/mobile-group-2phones.png) no-repeat 0 0;
  background-size: 500px 470px;
  margin: 30px 0 60px 0;
}
.mobile-promo-page .user-feedbacks {
  background: #fff;
  padding-bottom: 70px;
}
.mobile-promo-page .user-feedbacks .title {
  color: #2c3039;
  font-size: 45px;
  font-family: "Helvetica Neue CondensedBold", HelveticaNeue CondensedBold, Helvetica Neue CondensedBold, 'Open Sans', sans-serif;
  margin: 90px 0 0 0;
  font-weight: 700;
}
.mobile-promo-page .user-feedbacks .subtitle {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica Neue, 'Open Sans', sans-serif;
  font-size: 28px;
  color: #636466;
}
.mobile-promo-page .user-feedbacks .user-story-container {
  margin: 30px 0 90px 0;
}
.mobile-promo-page .user-feedbacks .user-story-container:after {
  display: table;
  content: "";
  clear: both;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item {
  float: left;
  width: 270px;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item:nth-child(2) {
  margin: 0 83px;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item .info {
  margin-bottom: 30px;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item .info:after {
  display: table;
  content: "";
  clear: both;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item .info .avatar {
  float: left;
  width: 79px;
  height: 79px;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item .info .personal {
  margin-left: 92px;
  font-family: 'Open Sans', sans-serif;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item .info .personal .name {
  color: #a39161;
  font-size: 15px;
  font-weight: 700;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item .info .personal .prof {
  color: #282b2d;
  font-size: 13px;
  font-style: italic;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item .info .personal .birth {
  color: #282b2d;
  font-size: 13px;
}
.mobile-promo-page .user-feedbacks .user-story-container .user-story-item .note {
  font-family: Helvetica, 'Open Sans', sans-serif;
  color: #949494;
  font-size: 18px;
}
.mobile-promo-page .user-feedbacks .download-btn {
  background: #282d36;
  color: #fff;
  font-size: 32px;
  font-family: 'TradeGothicLTStd-Bold';
  text-transform: uppercase;
  text-align: center;
  width: 415px;
  height: 99px;
  line-height: 99px;
  margin: 0 auto;
  cursor: pointer;
}
.mobile-promo-page .download-buttons {
  position: relative;
  width: 398px;
  height: 67px;
  margin-top: 70px;
  background: #444e65;
  /* Old browsers */
  background: -moz-linear-gradient(top, #444e65 0%, #2c3039 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444e65), color-stop(100%, #2c3039));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #444e65 0%, #2c3039 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #444e65 0%, #2c3039 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #444e65 0%, #2c3039 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #444e65 0%, #2c3039 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444e65', endColorstr='#2c3039', GradientType=0);
  /* IE6-9 */
  -webkit-box-shadow: 0px 2px 0px 0px rgba(42, 49, 57, 0.078), inset 0px 1px 2px 0px rgba(255, 255, 255, 0.196);
  -moz-box-shadow: 0px 2px 0px 0px rgba(42, 49, 57, 0.078), inset 0px 1px 2px 0px rgba(255, 255, 255, 0.196);
  box-shadow: 0px 2px 0px 0px rgba(42, 49, 57, 0.078), inset 0px 1px 2px 0px rgba(255, 255, 255, 0.196);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
}
.mobile-promo-page .download-buttons .sliced-bg {
  position: absolute;
  top: 0;
  left: -8px;
  width: 202px;
  height: 67px;
  background: -moz-linear-gradient(top, #92825a 0%, #c7ae6e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92825a), color-stop(100%, #c7ae6e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #92825a 0%, #c7ae6e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #92825a 0%, #c7ae6e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #92825a 0%, #c7ae6e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #92825a 0%, #c7ae6e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92825a', endColorstr='#c7ae6e', GradientType=0);
  /* IE6-9 */
  -webkit-box-shadow: 0px 2px 0px 0px rgba(42, 49, 57, 0.078), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.294);
  -moz-box-shadow: 0px 2px 0px 0px rgba(42, 49, 57, 0.078), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.294);
  box-shadow: 0px 2px 0px 0px rgba(42, 49, 57, 0.078), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.294);
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  transform: skew(-15deg);
}
.mobile-promo-page .download-buttons .link-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mobile-promo-page .download-buttons .or-divider {
  position: absolute;
  left: 185px;
  top: 18px;
  background: #000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #f0f3f5;
  font-size: 20px;
  text-align: center;
  line-height: 27px;
  font-family: "Helvetica Neue Thin", HelveticaNeue Thin, Helvetica Neue Thin, 'Open Sans', sans-serif;
  font-weight: 300;
}
.mobile-promo-page .download-buttons .store-btn {
  display: block;
  float: left;
  width: 198px;
  height: 67px;
  line-height: 67px;
  text-align: center;
}
.mobile-promo-page .download-buttons .store-btn .icon {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 246px 38px;
}
.mobile-promo-page .download-buttons .store-btn .icon.icon-appstore {
  margin-left: 15px;
  width: 151px;
  height: 41px;
  background-image: url(../images/mobile-promo/icon-appstore.png);
  background-size: 151px 41px;
}
.mobile-promo-page .download-buttons .store-btn .icon.icon-playstore {
  width: 115px;
  height: 38px;
  background-image: url(../images/mobile-promo/icon-playstore.png);
  background-size: 115px 38px;
}
.mobile-promo-page .download-buttons-container {
  width: 384px;
  height: 67px;
  margin: 70px auto;
}
#page-shipping-service #shipping-slogan {
  padding: 35px 0 0 0;
  width: 800px;
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid #b49f6b;
  color: #a99662;
  font-size: 40px;
  font-family: TradeGothicBoldCondTwenty;
  line-height: 100%;
}
#page-shipping-service #shipping-slogan-ext {
  font-size: 32px;
  color: #e1dac7;
  font-family: TradeGothicBoldCondTwenty;
  text-align: center;
  margin-bottom: 25px;
}
#page-shipping-service section.banner {
  padding-top: 25px;
}
#page-shipping-service section.banner h2 {
  color: #282d36;
  font-size: 20px;
}
#page-shipping-service section.banner .logo {
  background-position-y: 20px;
}
#page-shipping-service #btn-create-shipping {
  display: block;
  width: 206px;
  height: 26px;
  margin: 0 auto;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  font-family: TradeGothicBoldCondTwenty;
  background: #b29f6a;
  cursor: pointer;
}
#page-shipping-service #btn-create-shipping:hover {
  opacity: 0.8;
}
#page-shipping-service .section {
  padding: 30px 0 20px 0;
  background: #fff;
}
#page-shipping-service .section.gray {
  background: #eeece2;
}
#page-shipping-service .section:after {
  clear: both;
  content: "";
  display: table;
}
#page-shipping-service .section h2 {
  margin: 0 0 30px 0;
  line-height: 100%;
  color: #282d36;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
}
#page-shipping-service .col {
  padding: 0 15px 0 35px;
  -moz-box-sizing: border-box;
  -wekit-box-sizing: border-box;
  box-sizing: border-box;
}
#page-shipping-service .col.left {
  float: left;
  width: 496px;
}
#page-shipping-service .col.right {
  float: right;
  width: 490px;
}
#page-shipping-service .col.flex {
  display: flex;
  align-items: center;
}
#page-shipping-service .col .chapter {
  margin-bottom: 30px;
  font-family: Georgia;
}
#page-shipping-service .col .chapter h3 {
  color: #b49f6b;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 20px;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  line-height: 100%;
}
#page-shipping-service .col .chapter p {
  line-height: 110%;
  font-size: 16px;
  color: #282d36;
  margin: 0;
}
#page-shipping-service .col .chapter .asteriks {
  color: #b49f6b;
}
#page-shipping-service .col .steps .step-item {
  margin-bottom: 20px;
}
#page-shipping-service .col .steps .step-item .label {
  float: left;
  font-size: 20px;
  color: #b49f6b;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
}
#page-shipping-service .col .steps .step-item .checkmark {
  background: url("/images/shipping-service/shipping-step-checkmark.png") no-repeat center center;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
  float: right;
}
#page-shipping-service .col .steps .step-item .text {
  margin: 4px 0 0 82px;
  line-height: 120%;
  font-size: 16px;
  color: #282d36;
}
#page-shipping-service .col .pricing-table-container h3 {
  margin: 0;
  line-height: 100%;
  color: #282d36;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
}
#page-shipping-service .col .pricing-table-container .ext-title {
  color: #b49f6b;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  line-height: 100%;
}
#page-shipping-service .col .pricing-table-container .pricing-table-label {
  margin: 10px 0;
  background: #eeece2;
  text-align: center;
  color: #282d36;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  height: 15px;
  line-height: 18px;
}
#page-shipping-service .col .pricing-table-container .pricing-table {
  width: 100%;
  margin-bottom: 20px;
}
#page-shipping-service .col .pricing-table-container .pricing-table th,
#page-shipping-service .col .pricing-table-container .pricing-table td {
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}
#page-shipping-service .col .pricing-table-container .pricing-table th:first-child,
#page-shipping-service .col .pricing-table-container .pricing-table td:first-child {
  text-align: left;
}
#page-shipping-service .col .pricing-table-container .pricing-table th:last-child,
#page-shipping-service .col .pricing-table-container .pricing-table td:last-child {
  text-align: right;
}
#page-shipping-service .col .pricing-table-container .pricing-table td {
  color: #56565b;
  border-bottom: 1px solid #56565b;
  box-shadow: 0 1px 1px solid	#56565b;
}
#page-shipping-service .col .pricing-table-container .pricing-table td:last-child {
  text-align: center;
}
#page-shipping-service .col .pricing-table-container .line {
  background: #b49f6b;
  width: 397px;
  height: 1px;
  margin: 10px auto;
}
#page-shipping-service .col .shipping-countries {
  text-align: center;
  margin-bottom: 25px;
}
#page-shipping-service .col .shipping-countries .countries-line {
  display: inline-block;
}
#page-shipping-service .col .shipping-countries .country,
#page-shipping-service .col .shipping-countries .sep {
  color: #282d36;
  font-family: "TradeGothicBoldCondTwenty", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 5px;
}
#page-shipping-service .col .info {
  font-size: 16px;
  font-style: italic;
  color: #282d36;
  font-family: Georgia, sans-serif;
  text-align: center;
}
#page-shipping-service .flex-container {
  display: flex;
  align-items: center;
}