/*--------------------------------------------------------------
			Resets
--------------------------------------------------------------*/
@import url("//hello.myfonts.net/count/290f6e");
html,
body,
div,
span,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
headerhr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid #ccc;
}
input,
select {
  vertical-align: middle;
}
body {
  margin: 0;
  padding: 0;
  line-height: normal;
  *font-size: small;
}
select,
input,
textarea,
button {
  font: 99% sans-serif;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
html {
  overflow-y: scroll;
}
a:hover,
a:active {
  outline: none;
}
ul,
ol {
  margin-left: 0;
  list-style: none;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}
textarea {
  overflow: auto;
}
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
input[type="radio"] {
  vertical-align: text-top;
  margin-top: 2px;
  padding: 0;
}
input[type="checkbox"] {
  vertical-align: text-top;
  margin-top: 2px;
  padding: 0;
}
.ie7 input[type="checkbox"] {
  vertical-align: top;
}
.ie6 input {
  vertical-align: text-bottom;
}
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
::-moz-selection {
  background: #ccc;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #ccc;
  color: #fff;
  text-shadow: none;
}
a:link {
  -webkit-tap-highlight-color: transparent;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
*:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*--------------------------------------------------------------
			Tools
--------------------------------------------------------------*/
.hidden {
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
.nobr {
  white-space: nowrap !important;
}
.wrap {
  white-space: normal !important;
}
.a-left {
  text-align: left !important;
}
.a-center {
  text-align: center !important;
  text-transform: none;
}
.a-right {
  text-align: right !important;
}
.v-top {
  vertical-align: top;
}
.v-middle {
  vertical-align: middle;
}
.f-left,
.left {
  float: left !important;
}
.f-right,
.right {
  float: right !important;
  margin-right: 10px;
}
.right-without-margin {
  float: right !important;
}
.left-without-margin {
  float: left !important;
}
.left-with-padding-bottom {
  padding-bottom: 30px !important;
}
@media all and (min-width: 768px) {
  .rightflex {
    float: right !important;
    margin-right: 10px;
    display: flex;
  }
}
@media all and (max-width: 767px) {
  .rightflex {
    float: left;
    margin-left: 10px;
    display: flex;
  }
}
.badge {
  background-color: #fff;
}
.f-none {
  float: none !important;
}
.f-fix {
  float: left;
  width: 100%;
}
.no-display {
  display: none;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-bg {
  background: none !important;
}
.img-right {
  float: right;
  margin: 15px 0 30px 30px;
}
.img-left {
  float: left;
  margin: 15px 30px 30px 0;
}
.respond320 {
  display: none;
}
.respond480 {
  display: none;
}
.respond640 {
  display: none;
}
.respond768 {
  display: none;
}
.clearfix,
.pager {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
.pager:before,
.pager:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after,
.pager:after {
  clear: both;
}
/**
 * Mixins, Variables and Helpers
 */
.blue {
  color: #77787b;
}
.ie8-noFilter,
html.ie8 .moby-overlay,
html.ie8 .moby-overlay.show,
html.ie8 .moby-container,
html.ie8 .moby-container.show,
html.ie8 .tabs .tab-content,
html.ie8 .tabs .tab-content.active {
  filter: none !important;
}
.text-hide {
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
}
.centering {
  margin: auto;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
.triangle-props {
  content: "";
  display: block;
  position: absolute;
}
.display-on {
  display: block !important;
}
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'FuturaBT-Medium';
  src: url('../fonts/290F6E_0_0.eot');
  src: url('../fonts/290F6E_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/290F6E_0_0.woff') format('woff'), url('../fonts/290F6E_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'LengaRegular';
  src: url('../fonts/289824_E_0.eot');
  src: url('../fonts/289824_E_0.eot?#iefix') format('embedded-opentype'), url('../fonts/289824_E_0.woff') format('woff'), url('../fonts/289824_E_0.ttf') format('truetype');
}
/*--------------------------------------------------------------
    General Site Elements
--------------------------------------------------------------*/
html,
body {
  height: 100%;
  margin: 0;
}
a,
a:visited {
  color: #f15a22;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
a:hover,
a:active {
  color: #db521f;
}
a,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
ul.links li {
  display: inline;
  float: left;
}
p {
  line-height: 20px;
  margin-bottom: 12px;
}
/* Titles  */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #77787b;
  font: normal 30px/1.2 "FuturaBT-Medium", Arial, sans-serif;
  margin-bottom: 24px;
  letter-spacing: 0.5px;
}
h1 {
  color: #77787b;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.5;
  font-family: 'FuturaBT-Medium', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
@media all and (min-width: 768px) {
  h2 {
    color: #384855;
    font: 12px/14px "FuturaBT-Medium", Arial, sans-serif;
    margin-bottom: 14px;
  }
}
@media all and (max-width: 767px) {
  h2 {
    color: #384855;
    font: 12px/14px "FuturaBT-Medium", Arial, sans-serif;
    margin-bottom: 8px;
  }
}
.information.left h3 {
  text-transform: none;
}
h3 {
  color: #77787b;
  font-family: 'FuturaBT-Medium', Arial, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1.5;
  margin-bottom: 14px;
}
h4,
h5,
h6 {
  color: #384855;
  margin-bottom: 12px;
}
h4 {
  font-size: 12px;
  text-transform: uppercase;
}
.styled {
  color: #f15a22;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: calc(1em - 6px);
  line-height: 1.5;
  font-family: 'FuturaBT-Medium', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #eeecec;
  margin: 20px 0 36px;
  -webkit-box-shadow: 0 1px 1px #fff;
  -moz-box-shadow: 0 1px 1px #fff;
  box-shadow: 0 1px 1px #fff;
  text-align: center;
}
.styled span {
  background: #fff;
  font-size: 24px;
  padding: 0 16px;
  position: relative;
  top: 13px;
}
.contain {
  margin: 0 auto;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
.content p a img {
  width: 100%;
  height: auto;
}
.noscript {
  border: 1px solid #cfcfcf;
  border-width: 0 0 1px;
  background: #ffff90;
  color: #2f2f2f;
  line-height: 1.25;
  text-align: center;
}
.noscript .noscript-inner {
  margin: 0 auto;
  padding: 12px 0 12px;
  width: 100%;
}
.noscript p {
  margin: 0;
}
/* Global Messaging */
.messages {
  color: #ffffff;
  margin-bottom: 15px;
  overflow: hidden;
  text-align: left;
}
.messages li {
  background: #218db5;
  margin-top: 12px;
  padding: 11px 17px;
}
.messages li.negative {
  background: #a20101;
}
.messages li:first-child {
  margin-top: 0;
}
.messages a {
  color: #ffffff;
  text-decoration: underline;
}
.messages a:hover {
  text-decoration: none;
}
@media all and (min-width: 769px) {
  .breadcrumb {
    margin: 0 0 23px 0;
    background-color: white;
  }
}
@media all and (max-width: 768px) {
  .breadcrumb {
    margin: 0;
    background-color: white;
  }
}
.breadcrumb ul li {
  display: contents;
  color: #303030;
  text-transform: uppercase;
}
@media all and (min-width: 768px) {
  .breadcrumb ul li {
    font-size: 11px;
  }
}
@media all and (max-width: 425px) {
  .breadcrumb ul li {
    font-size: 9px;
  }
}
html.ie8 .breadcrumb ul li {
  display: block;
  float: left;
}
.breadcrumb ul li a {
  color: #848484;
}
@media all and (min-width: 501px) {
  .breadcrumb ul li span {
    color: #f15a22;
    margin: 0 10px;
  }
}
@media all and (max-width: 500px) {
  .breadcrumb ul li span {
    color: #f15a22;
    margin: 0 3px;
  }
}
.dropdown-triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #555;
  display: inline-block;
  margin-left: 5px;
}
/*--------------------------------------------------------------
    Form Elements
--------------------------------------------------------------*/
.fieldset {
  margin-top: 24px;
  *zoom: 1;
}
.fieldset:before,
.fieldset:after {
  display: table;
  content: "";
  line-height: 0;
}
.fieldset:after {
  clear: both;
}
.fieldset:before,
.fieldset:after {
  content: " ";
  display: table;
  line-height: 0;
}
.fieldset:after {
  clear: both;
}
.fieldset h2.legend {
  font: normal 13px/1 "FuturaBT-Medium", Arial, sans-serif;
}
.form-list {
  /* row with checkbox or radio button */
  /* Combination of fields */
}
.form-list li,
form .section .container .field_block {
  *zoom: 1;
  margin-top: 18px;
  position: relative;
}
.form-list li:before,
.form-list li:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-list li:after {
  clear: both;
}
.form-list li:before,
.form-list li:after {
  content: " ";
  display: table;
  line-height: 0;
}
.form-list li:after {
  clear: both;
}
.form-list li:first-child {
  margin-top: 0;
}
.form-list .push {
  margin-top: 20px;
}
.form-list .add-field {
  margin-top: 5px;
}
.form-list .additional-address {
  display: list-item;
}
.form-list.form-usa-canada .additional-address {
  display: none;
}
.form-list .edit-u-city, .form-list .edit-u-state {
  display: none;
}
.form-list.form-usa-canada .edit-u-city, .form-list.form-usa-canada .edit-u-state {
  display: list-item;
}
.form-list label {
  color: #384855;
  display: block;
  float: none;
  margin-bottom: 5px;
}
.form-list .input-box {
  float: none;
}
.form-list .control label {
  color: #666;
  display: inline;
}
.form-list .control .input-box {
  display: inline;
  margin-right: 10px;
  position: relative;
}
.form-list .field,
.form-list .fields,
form .section {
  /* Use with floating short form fields */
}
.form-list .field label,
.form-list .fields label,
form .section .container .caption {
  color: #384855;
  font-size: 12px;
}
.form-list .field .input-box,
.form-list .fields .input-box,
form .section .container .field_block > .field {
  margin: 7px 0 0;
}
.form-list .field .input-box .input-text,
.form-list .fields .input-box .input-text,
form .section .container input.field {
  width: 248px;
}
.form-list .field .input-box .select-wrap,
.form-list .fields .input-box .select-wrap {
  width: 248px;
}
.form-list .field .float,
.form-list .fields .float,
form .section .container {
  float: left;
}
.form-list .field .float .input-box,
.form-list .fields .float .input-box {
  width: 119px;
  margin-bottom: 0;
}
.form-list .field .float .input-box .input-text,
.form-list .fields .float .input-box .input-text {
  width: 100%;
}
.form-list .field .float:first-child,
.form-list .fields .float:first-child {
  margin-left: 0;
}
.form-list .password-strength {
  display: inline-block;
  margin-left: 20px;
}
textarea,
.input-text,
form .section .container input.field {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c7c7c7;
  background: #fbfbfb;
  color: #64615e;
  padding: 8px;
  width: 100%;
  line-height: 1.2em;
}
textarea:focus,
.input-text:focus,
form .section .container input.field:focus {
  border-color: #77787b;
}
.labelify .field {
  position: relative;
}
.labelify .field label {
  color: #646e10;
  position: absolute;
  top: 11px;
  left: 12px;
}
.labelify .field label.error {
  position: relative;
  left: 2px;
  top: 3px;
}
.labelify .form-list .field label {
  top: 19px;
}
.input-box textarea.error,
.input-box .input-text.error,
.input-box .input-text.part-error {
  background: #feecde;
  border-color: #feecde;
}
.input-box label.error,
.input-box label.part-error {
  color: #a20101 !important;
  display: block;
  margin-top: 6px;
  font-style: normal;
  vertical-align: middle;
  max-width: 360px;
}
.select-wrap {
  padding: 0;
  width: 394px;
}
.select-wrap .customStyleSelectBox {
  background: url("../images/sprite.png") right -388px no-repeat;
  background-color: #fbfbfb;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c7c7c7;
  line-height: 1;
  padding: 0 35px 0 10px;
  width: 100%;
}
.select-wrap .customStyleSelectBox.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.select-wrap .customStyleSelectBox.focus {
  border: 1px solid #77787b;
}
@media all and (min-width: 768px) {
  .select-wrap .customStyleSelectBoxInner {
    min-height: 13px;
    overflow: hidden;
    padding: 9px 0 8px;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .select-wrap .customStyleSelectBoxInner {
    min-height: 13px;
    overflow: hidden;
    padding: 9px 0 8px;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 13px;
  }
}
.select-wrap select {
  -webkit-appearance: none;
  height: 100%;
  /* FF Fix for overlapping select */
  width: 248px;
  line-height: 28px;
}
.select-wrap .validation-advice {
  position: absolute;
  left: 100%;
  top: 0;
  white-space: nowrap;
}
.validation-error .select-wrap .customStyleSelectBox {
  background-color: #faf9c2;
  border-color: #ddbd66;
}
input[type=checkbox],
input[type=radio] {
  width: 21px;
  height: 21px;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox-wrapper {
  background: url("../images/sprite.png") 0 -178px no-repeat;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
  position: relative;
  top: -3px;
}
.checkbox-wrapper.active {
  background-position: -59px -178px;
}
.checkbox-wrapper + label {
  position: relative;
  margin-left: 6px;
}
.radio-wrapper {
  background: url("../images/sprite.png") 2px -224px no-repeat;
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  position: relative;
}
.radio-wrapper.active {
  background-position: -57px -224px;
}
.radio-wrapper + label {
  margin-left: 10px;
}
/* Form buttons set wrapper */
.buttons-set {
  float: left;
  margin-top: 22px;
  width: 100%;
}
.buttons-set button {
  margin-right: 10px;
}
.buttons-set p {
  margin-top: 10px;
}
.buttons-set a {
  font: normal 13px/1 "FuturaBT-Medium", Arial, sans-serif;
}
form .section .container input.field,
form .section .container .select-wrap,
form .section .container .select-wrap select {
  width: 248px !important;
}
.button,
form .section .container input[type="submit"] {
  border: 0;
  background: 0;
  cursor: pointer;
  display: inline-block;
  font-family: "FuturaBT-Medium", Arial, sans-serif;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: middle;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
}
.button-top-panel {
  width: 100%;
  text-align: center;
  font-size: 18px;
  background: #f15a22;
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 10px 0;
  letter-spacing: 0.5px;
}
.button-top-panel:hover, .button-top-panel:focus {
  background-color: #f15a22;
}
.dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  width: 100%;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content .topButtonContent {
  display: block;
  width: 100%;
  height: 300px;
  z-index: 200;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}

.plus-minus-toggle {
  cursor: pointer;
  height: 17px;
  position: absolute;
  width: 17px;
  top: 17px;
}
.promoBannerText {
  width: 100%;
  text-align: center;
}
.Button-Top-Panel > .content > .dropdown {
  width: 100%;
  display: block;
  background-color: #f15a22;
}
.Button-Top-Panel > .content > .dropdown > .button-top-panel {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  min-height: 38px;
}
.Button-Top-Panel > .content > .dropdown > .button-top-panel .promoBannerText {
  width: calc(100% - 65px);
  margin: 0 0 0 10px;
  padding: 10px 0;
  display: block;
  float: left;
}
.Button-Top-Panel > .content > .dropdown > .button-top-panel #plus-minus-toggle {
  position: inherit;
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  z-index: 400;
  width: 50px;
  height: 38px;
}
.Button-Top-Panel > .content > .dropdown > .button-top-panel #plus-minus-toggle::before {
  display: block;
  position: inherit;
  width: 20px;
  margin: 17px auto 0 auto;
}
.Button-Top-Panel > .content > .dropdown > .button-top-panel #plus-minus-toggle::after {
  display: block;
  position: inherit;
  width: 20px;
  margin: -4px auto 0 auto;
}
@media all and (min-width: 1180px) {
  .Button-Top-Panel > .content > .dropdown > .button-top-panel {
    width: 1180px;
  }
}

@media all and (min-width: 768px) and (max-width: 859px) {
  .Button-Top-Panel .button-top-panel {
    font-size: 14px;
  }
}
@media all and (min-width: 2560px) {
  .plus-minus-toggle {
    right: 32%;
  }
}
@media all and (max-width: 2559px) {
  .plus-minus-toggle {
    right: 16%;
  }
}
@media all and (max-width: 1180px) {
  .plus-minus-toggle {
    right: 9%;
  }
}
@media all and (max-width: 1024px) {
  .plus-minus-toggle {
    right: 5%;
  }
}
@media all and (max-width: 768px) {
  .plus-minus-toggle {
    right: 2%;
  }
}
@media all and (max-width: 425px) {
  .plus-minus-toggle {
    right: 2%;
    top: 13px;
  }
}
.plus-minus-toggle::before,
.plus-minus-toggle::after {
  height: 4px;
}
@media all and (min-width: 475px) and (max-width: 767px) {
  .plus-minus-toggle::before,
  .plus-minus-toggle::after {
    height: 3px;
  }
  .Button-Top-Panel > .content > .dropdown > .button-top-panel #plus-minus-toggle::after {
    margin-top: -3px;
  }
  .Button-Top-Panel > .content > .dropdown > .button-top-panel #plus-minus-toggle {
    width: 45px;
  }
  .Button-Top-Panel > .content > .dropdown > .button-top-panel .promoBannerText {
    width: calc(100% - 57px);
    margin-left: 10px;
  }
}
@media all and (max-width: 474px) {
  .plus-minus-toggle::before,
  .plus-minus-toggle::after {
    height: 2px;
  }
  .Button-Top-Panel > .content > .dropdown > .button-top-panel #plus-minus-toggle::before {
    margin-top: 18px;
    width: 18px;
  }
  .Button-Top-Panel > .content > .dropdown > .button-top-panel #plus-minus-toggle::after {
    margin-top: -2px;
    width: 18px;
  }
  .Button-Top-Panel > .content > .dropdown > .button-top-panel #plus-minus-toggle {
    width: 40px;
  }
  .Button-Top-Panel > .content > .dropdown > .button-top-panel .promoBannerText {
    width: calc(100% - 52px);
    margin-left: 10px;
  }
}
@media all and (min-width: 768px) {
  .plus-minus-toggle:before,
  .plus-minus-toggle:after{
    background: white;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 17px;
    transition: transform 500ms ease;
  }
}
@media all and (max-width: 767px) {
  .plus-minus-toggle:before,
  .plus-minus-toggle:after{
    background: white;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 14px;
    transition: transform 500ms ease;
  }
}
@media all and (max-width: 425px) {
  .plus-minus-toggle:before,
  .plus-minus-toggle:after{
    background: white;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
    transition: transform 500ms ease;
  }
}

.plus-minus-toggle:after {
   transform-origin: center;
 }

.plus-minus-toggle.collapsed:after {
   transform: rotate(90deg);
 }
.plus-minus-toggle.collapsed:before {
   transform: rotate(180deg);
 }

@media all and (min-width: 768px) {
  .button-top-panel {
    width: 100%;
    text-align: center;
    font-size: 18px;
    background: #f15a22;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    letter-spacing: 0.5px;
  }
}
@media all and (max-width: 768px) {
  .button-top-panel {
    width: 100%;
    text-align: center;
    font-size: 14px;
    background: #f15a22;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    letter-spacing: 0.5px;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-height: 2em;
  background: white;
}
.button > span,
form .section .container input[type="submit"] {
  background: #f15a22;
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 10px 20px;
  width: auto;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.button:hover > span {
  background: #db521f;
}
.button:disabled > span {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.button:disabled:hover > span {
  background-color: #f15a22;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.button.secondary > span {
  background: #616161;
  text-transform: uppercase;
}
.button.secondary:hover > span {
  background: #4c4c4c;
}
@media all and (min-width: 1180px) {
  .button.large > span {
    font-size: 16px;
    min-width: 160px;
    padding: 20px 40px;
    text-transform: uppercase;
  }
}
@media all and (max-width: 1179px) {
  .button.large > span {
    font-size: 14px;
    min-width: 150px;
    padding: 15px 35px;
    text-transform: uppercase;
  }
}
@media all and (max-width: 768px) {
  .button.large > span {
    font-size: 14px;
    min-width: 150px;
    padding: 10px 15px;
    text-transform: uppercase;
  }
}
.button.arrow-icon {
  position: absolute;
  right: 0;
  top: 0;
}
.button.arrow-icon > span {
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  background: url("../images/sprite.png") -150px -40px no-repeat;
  padding: 0;
  height: 34px;
  width: 26px;
}
.button.inline-button {
  position: absolute;
  right: 0;
  top: 0;
}
.button.inline-button > span {

  padding: 10px 20px;
}
.menu-label {
  background: url("../images/sprite.png") right -297px no-repeat;
  cursor: pointer;
  text-transform: uppercase;
  padding: 5px 39px 5px 24px;
  position: relative;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.menu-label.over {
  background-position: right -328px;
  background-color: #e0e0e0;
}
ul.menu {
  background: #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  padding: 5px 15px 5px 15px;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  width: 100%;
}
ul.menu li {
  margin: 5px 0;
}
ul.menu li a:hover {
  color: #999999;
}
.please-wait {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.please-wait > p {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 34px;
  margin: auto;
  text-align: center;
  width: 100%;
}
.please-wait > p > img {
  margin-right: 12px;
  position: relative;
  top: -2px;
}
.default-slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.default-slider .slider-container {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
.default-slider .products-grid {
  left: 0;
  margin: 0;
  position: relative;
}
.mobile-grid .grouped-product-slider .slider-container .grid-track .products-grid .item {
  border-bottom: none;
}
.default-slider .products-grid li {
  background: none;
  border: 0;
  border-bottom: 6px solid #f2f2f2;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  width: 372px;
  -webkit-transition: border-color .15s linear;
  -moz-transition: border-color .15s linear;
  -o-transition: border-color .15s linear;
  transition: border-color .15s linear;
}
.default-slider .products-grid li:first-child {
  margin-left: 0;
}
@media all and (max-width: 500px) {
  .default-slider .products-grid li,
  .default-slider .products-grid li:first-child {
    width: 100%;
    min-height: 253px;
  }
}
.products-grid {
  margin: 15px 0;
  *zoom: 1;
}
.default-slider .products-grid li:hover {
  border-color: #f15a22;
}
@media all and (min-width: 768px) {
  .default-slider .products-grid li > a {
    display: block;
    *zoom: 1;
    padding-bottom: 33px;
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media all and (max-width: 767px) {
  .default-slider .products-grid li > a {
    display: block;
    *zoom: 1;
    padding-bottom: 25px;
    margin-left: 10%;
    margin-right: 10%;
  }
}
.default-slider .products-grid li > a:before,
.default-slider .products-grid li > a:after {
  display: table;
  content: "";
  line-height: 0;
}
.default-slider .products-grid li > a:after {
  clear: both;
}
.default-slider .products-grid li > a:before,
.default-slider .products-grid li > a:after {
  content: " ";
  display: table;
  line-height: 0;
}
.default-slider .products-grid li > a:after {
  clear: both;
}
@media all and (min-width: 769px) {
  .default-slider .products-grid li .product-image {
    float: left;
    margin: 0;
  }
}
@media all and (max-width: 768px) {
  .default-slider .products-grid li .product-image {
    float: none;
  }
}
.pager {
  margin: 0px 0;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 0px 0px;
  border: 0px solid;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
}
@media all and (min-width: 769px) {
  .default-slider .products-grid li .product-image img {
    display: block;
    width: 160px;
  }
}
@media all and (max-width: 768px) {
  .default-slider .products-grid li .product-image img {
    display: block;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
  }
}
.default-slider .products-grid li .product-details {
  float: left;
  margin-left: 20px;
  width: 192px;
}
@media all and (min-width: 769px) {
  .default-slider .products-grid li .product-details h2 {
    line-height: 18px;
    min-height: 54px;
    text-transform: none;
  }
}
@media all and (max-width: 768px) {
  .default-slider .products-grid li .product-details h2 {
    line-height: 18px;
    min-height: 54px;
    font: 14px/16px "FuturaBT-Medium", Arial, sans-serif;
    text-transform: none;
  }
}
@media all and (max-width: 500px) {
  .default-slider .products-grid li .product-details h2 {
    line-height: 18px;
    width: auto;
    min-height: 40px;
    font: 14px/16px "FuturaBT-Medium", Arial, sans-serif;
  }
}
.default-slider .products-grid li .product-details h2 a {
  color: inherit;
}
.default-slider .products-grid li .product-details h2 a:hover {
  color: #999999;
}
.default-slider .banana-control {
  background: url("../images/sprite.png") -54px -82px no-repeat;
  border: 0;
  display: block;
  height: 28px;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 24px;
  z-index: 95;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: opacity .3s linear, left .2s ease-in-out, right .2s ease-in-out;
  -moz-transition: opacity .3s linear, left .2s ease-in-out, right .2s ease-in-out;
  -o-transition: opacity .3s linear, left .2s ease-in-out, right .2s ease-in-out;
  transition: opacity .3s linear, left .2s ease-in-out, right .2s ease-in-out;
}
.default-slider .banana-control.next {
  left: auto;
  right: 0;
}
.default-slider .banana-control.prev {
  left: 0;
  background-position: 0 -82px;
}
.default-slider .banana-control.next:hover {
  right: 0;
}
.default-slider .banana-control.prev:hover {
  left: 0;
}
.default-slider .banana-control.disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
  z-index: 95;
}
.default-slider .banana-control.next.disabled:hover {
  cursor: default;
  right: 0;
}
.default-slider .banana-control.prev.disabled:hover {
  cursor: default;
  left: 0;
}
.default-slider .slider-indicators {
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: -30px;
  width: 100%;
}
.default-slider .slider-indicators li {
  background: url("../images/sprite.png") -118px -84px no-repeat;
  display: inline-block;
  margin: 0 2px;
  height: 12px;
  width: 12px;
}
.default-slider .slider-indicators li.active {
  background-position: -158px -84px;
}
.default-slider.recently-viewed {
  margin-bottom: 76px;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .default-slider.recently-viewed .products-grid .item {
    width: 30%;
  }
}

@media all and (min-width: 501px) {
  .default-slider.recently-viewed .products-grid .item:first-child {
    margin-left: 20px;
  }
}
@media all and (max-width: 500px) {
  .default-slider.recently-viewed .products-grid .item:first-child {
    margin-left: 0;
  }
}
.default-slider.recently-viewed .products-grid .item .product-details {
  margin-top: 12px;
}
.spiff-grid2 > ul {
  *zoom: 1;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
}
@media all and (max-width: 500px) {
  .spiff-grid2 > ul {
    *zoom: 1;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0px;
  }
}
.spiff-grid2 > ul:before,
.spiff-grid2 > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.spiff-grid2 > ul:after {
  clear: both;
}
.spiff-grid2 > ul:before,
.spiff-grid2 > ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.spiff-grid2 > ul:after {
  clear: both;
}
.spiff-grid2 > ul li:nth-child(2n+1) {
  margin-left: 0px;
}
@media all and (min-width: 501px) {
  .spiff-grid2 > ul > li, .spiff-grid2 > ul > div > li {
    height: auto;
    float: left;
    width: 49%;
    margin-left: 2%;
    margin-top: 18px;
  }
}
@media all and (max-width: 500px) {
  .spiff-grid2 > ul > li, .spiff-grid2 > ul > div > li {
    height: auto;
    float: left;
    width: 100%;
    margin-top: 6px;
  }
}
@media all and (max-width: 767px) {
  .spiff-grid2 > ul > li div img, .spiff-grid2 > ul > div > li div img {
    width: 168px;
    height: 154px;
  }
}
.spiff-grid2 > ul > li .product-image, .spiff-grid2 > ul > div > li .product-image {
  margin: 0;
}
.spiff-grid2 > ul > li .product-image img, .spiff-grid2 > ul > div > li .product-image img {
  display: block;
  height: auto;
  width: 100%;
}
@media all and (min-width: 769px) {
  .spiff-grid2 > ul > li .product-details, .spiff-grid2 > ul > div > li .product-details {
    padding: 22px 14px;
  }
}
@media all and (max-width: 768px) {
  .spiff-grid2 > ul > li .product-details, .spiff-grid2 > ul > div > li .product-details {
    padding: 14px 14px;
  }
}
@media all and (min-width: 769px) {
  .spiff-grid2 > ul > li .product-details h2, .spiff-grid2 > ul > div > li .product-details h2 {
    font-size: 14px;
  }
}
@media all and (max-width: 768px) {
  .spiff-grid2 > ul > li .product-details h2, .spiff-grid2 > ul > div > li .product-details h2 {
    font-size: 13px;
  }
}
.spiff-grid2 > ul > li .product-details h2, .spiff-grid2 > ul > div > li .product-details h2 {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0px;
}
.spiff-grid2 > ul > li .product-details h2 a, .spiff-grid2 > ul > div > li .product-details h2 a {
  color: inherit;
}
.spiff-grid2 > ul > li .product-details h2 a:hover, .spiff-grid2 > ul > div > li .product-details h2 a:hover {
  color: #999;
}
@media all and (min-width: 768px) {
  .spiff-grid2 > ul > li .product-details p.price-box, .spiff-grid2 > ul > div > li .product-details p.price-box {
    font-size: 12px;
    margin-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .spiff-grid2 > ul > li .product-details p.price-box, .spiff-grid2 > ul > div > li .product-details p.price-box {
    font-size: 8px;
    margin-bottom: 0;
  }
}
.spiff-grid2 .spiff-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 242px;
  padding: 26px 30px;
}
.spiff-grid2 .spiff-box h3 {
  color: #fff;
  font: 24px/48px "FuturaBT-Medium", Arial, sans-serif;
  text-transform: uppercase;
}
.spiff-grid2 .spiff-box h3 span {
  display: block;
  font-size: 15px;
  text-transform: none;
}
.spiff-grid2 .spiff-box.green {
  background: #c4d224;
}
.spiff-grid2 .spiff-box.blue {
  background: #77787b;
}
.spiff-grid2 .spiff-box.orange {
  background: #f15a22;
}
/*-----*/
.spiff-grid3 > ul {
  *zoom: 1;
  width: 100%;
  padding-bottom: 30px;
}
.spiff-grid3 > ul:before,
.spiff-grid3 > ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.spiff-grid3 > ul:after {
  clear: both;
}
.spiff-grid3 > ul:before,
.spiff-grid3 > ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.spiff-grid3 > ul:after {
  clear: both;
}
.spiff-grid3 > ul li:nth-child(3n+1), .spiff-grid3 > ul > div > li:nth-child(3n+1) {
  margin-left: 0px;
}
@media all and (min-width: 501px) {
  .spiff-grid3 > ul > li, .spiff-grid3 > ul > div > li {
    height: auto;
    float: left;
    width: 30.5%;
    margin-left: 4%;
    margin-top: 18px;
  }
}
@media all and (max-width: 500px) {
  .spiff-grid3 > ul > li, .spiff-grid3 > ul > div > li {
    height: auto;
    float: left;
    width: 100%;
    margin-top: 6px;
  }
}
@media all and (max-width: 767px) {
  .spiff-grid3 > ul > li div img, .spiff-grid3 > ul > div > li div img {
    width: 168px;
    height: 154px;
  }
}
.spiff-grid3 > ul > li .product-image, .spiff-grid3 > ul > div > li .product-image {
  margin: 0;
}
.spiff-grid3 > ul > li .product-image img, .spiff-grid3 > ul > div > li .product-image img {
  display: block;
  height: auto;
  width: 100%;
}
.spiff-grid3 > ul > li .product-details, .spiff-grid3 > ul > div > li .product-details {
  padding: 20px 14px;
  background: white;
}
@media all and (min-width: 769px) {
  .spiff-grid3 > ul > li .product-details h2, .spiff-grid3 > ul > div > li .product-details h2 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
  }
}
@media all and (max-width: 768px) {
  .spiff-grid3 > ul > li .product-details h2, .spiff-grid3 > ul > div > li .product-details h2 {
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
  }
}
@media all and (max-width: 500px) {
  .spiff-grid3 > ul > li .product-details h2, .spiff-grid3 > ul > div > li .product-details h2 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
  }
}
.spiff-grid3 > ul > li .product-details h2 a, .spiff-grid3 > ul > div > li .product-details h2 a {
  color: inherit;
}
.spiff-grid3 > ul > li .product-details h2 a:hover, .spiff-grid3 > ul > div > li .product-details h2 a:hover {
  color: #999;
}
@media all and (min-width: 768px) {
  .spiff-grid3 > ul > li .product-details p.price-box, .spiff-grid3 > ul > div > li .product-details p.price-box {
    font-size: 12px;
    margin-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .spiff-grid3 > ul > li .product-details p.price-box, .spiff-grid3 > ul > div > li .product-details p.price-box {
    font-size: 8px;
    margin-bottom: 0;
  }
}
.spiff-grid3 .spiff-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 242px;
  padding: 26px 30px;
}
.spiff-grid3 .spiff-box h3 {
  color: #fff;
  font: 24px/48px "FuturaBT-Medium", Arial, sans-serif;
  text-transform: uppercase;
}
.spiff-grid3 .spiff-box h3 span {
  display: block;
  font-size: 15px;
  text-transform: none;
}
.spiff-grid3 .spiff-box.green {
  background: #c4d224;
}
.spiff-grid3 .spiff-box.blue {
  background: #77787b;
}
.spiff-grid3 .spiff-box.orange {
  background: #f15a22;
}
/*--------------------------------------------------------------
    Data Table Elements
--------------------------------------------------------------*/
/**
 * Data Tables - used in:
 * - my orders
 * - cart
 * - checkout/review
 * - various other locations
 */
table.data-table {
  border-collapse: collapse;
  width: 100%;
}
table.data-table th {
  padding: 20px 0;
  background: #eeecec;
  text-transform: uppercase;
  text-align: center;
  color: #303030;
}
@media all and (min-width: 426px) {
  table.data-table th {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.5px;
  }
}
@media all and (max-width: 425px) {
  table.data-table th {
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 0.5px;
  }
}
table.data-table th.subtotal {
  padding-right: 20px;
}
table.data-table th.first {
  padding-left: 20px;
}
table.data-table td {
  padding: 30px 0;
  vertical-align: middle;
}
table.data-table .options li {
  margin: 5px 0;
}
table.data-table .cart-remove-product {
  display: block;
  margin-top: 30px;
}
/*--------------------------------------------------------------
    Default Products Grid
--------------------------------------------------------------*/

.products-grid:before,
.products-grid:after {
  display: table;
  content: "";
  line-height: 0;
}
.products-grid:after {
  clear: both;
}
.products-grid:before,
.products-grid:after {
  content: " ";
  display: table;
  line-height: 0;
}
.products-grid:after {
  clear: both;
}
.products-grid .item {
  position: relative;
  float: left;
  width: 234px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c7c7c7;
  border-left: none;
}
.products-grid .item .info {
  border-top: 1px solid #c7c7c7;
}
.products-grid .item .info .item-status {
  color: #77787b;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}
.products-grid .item .info .details {
  padding: 20px 20px 0;
}
.products-grid .item .info h2 {
  line-height: 18px;
  margin-bottom: 25px;
}
.products-grid .item .info h2:hover {
  color: #999999;
}
.products-grid .item .info .price-box {
  margin: 10px 0;
}
.products-grid .item .info .summary {
  line-height: 16px;
  margin: 20px 0;
}
.expert-picks .default-slider.product-slider .slider-container .products-grid li a .product-details .price-box,
.expert-picks .default-slider.product-slider .slider-container .products-grid li a .product-details .price,
.expert-picks .default-slider.product-slider .slider-container .products-grid li a .product-details .view-details {
  display: none;
}
.price-box {
  color: #555;
}
.price-box .price,
.price-box .label {
  color: #384855;
}
.price-box .old-price {
  text-decoration: line-through;
}
.price .original {
  text-decoration: line-through;
}
.price .discount {
  color: #da1a35;
}
.pager .pages {
  float: right;
}
.pager .pages ol {
  display: inline-block;
  margin: 0 0 0 15px;
}
.pager .pages ol li {
  display: inline-block;
  list-style: none;
  margin: 0;
  font-size: 14px;
  font-family: "FuturaBT-Medium", Arial, sans-serif;
}
.pager .pages ol li.current {
  color: #384855;
  font-family: "FuturaBT-Medium", Arial, sans-serif;
  padding: 0 5px;
}
.pager .pages ol li a {
  color: #384855;
  display: inline-block;
  padding: 0 7px;
}
.pager .pages ol li a:hover {
  color: #f15a22;
}
.pager .pages ol li.current a {
  border: none;
}
dl.sp-methods {
  margin: 10px 0 15px;
}
dl.sp-methods dt {
  margin-bottom: 8px;
}
dl.sp-methods dd {
  font-size: 13px;
  margin-bottom: 22px;
}
dl.sp-methods dd ul {
  list-style: none;
  margin: 0;
}
dl.sp-methods ul li {
  clear: both;
  margin-bottom: 14px;
}
.moby-loader {
  border: 0;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
  padding: 20px;
  width: 32px;
  z-index: 9999;
}
.moby-overlay {
  background: #000;
  display: none;
  top: 0;
  left: 0;
  height: 100%;
  min-height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9997;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.moby-overlay.show {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.moby-container {
  background: #f2f2f2;
  display: none;
  font-size: 14px;
  margin-left: -225px;
  position: fixed;
  top: -5%;
  left: 50%;
  overflow: hidden;
  padding: 22px 25px;
  width: 400px;
  z-index: 9998;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .2s linear, top .2s linear;
  -moz-transition: opacity .2s linear, top .2s linear;
  -o-transition: opacity .2s linear, top .2s linear;
  transition: opacity .2s linear, top .2s linear;
}
.moby-container.show {
  top: 20%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.moby-container .moby-close {
  background: url("../images/sprite.png") 0 0 no-repeat;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  height: 19px;
  width: 19px;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
}
.moby-container h3 {
  font-size: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.moby-container.wishlist-create {
  margin-left: -200px;
  width: 275px;
}
.moby-overlay.hide,
.moby-container.hide {
  top: -5%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tabs .tab-nav {
  *zoom: 1;
  padding-left: 0 !important;
}
.tabs .tab-nav:before,
.tabs .tab-nav:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabs .tab-nav:after {
  clear: both;
}
.tabs .tab-nav:before,
.tabs .tab-nav:after {
  content: " ";
  display: table;
  line-height: 0;
}
.tabs .tab-nav:after {
  clear: both;
}
.tabs .tab-nav > li {
  background-color: #e3e3e3;
  border-left: 1px solid #eeecec;
  display: block;
  float: left;
  margin: 0 !important;
  position: relative;
  text-align: center;
  width: 33.33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tabs .tab-nav > li:first-child {
  border-left: none;
}
.tabs .tab-nav > li.active {
  background-color: #666666;
}
.tabs .tab-nav > li.active h2 a {
  color: #ffffff;
}
.tabs .tab-nav > li.active:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-top: 9px solid #616161;
}
.tabs .tab-nav > li h2 {
  margin-bottom: 0;
  line-height: 37px;
}
.tabs .tab-nav > li h2 a {
  display: block;
  color: #384855;
}
.tabs .tab-content {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity linear 0.35s;
  -moz-transition: opacity linear 0.35s;
  -o-transition: opacity linear 0.35s;
  transition: opacity linear 0.35s;
}
.tabs .tab-content.active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.cms-kitchen-sink section {
  *zoom: 1;
  margin: 30px 0 50px;
}
.cms-kitchen-sink section:before,
.cms-kitchen-sink section:after {
  display: table;
  content: "";
  line-height: 0;
}
.cms-kitchen-sink section:after {
  clear: both;
}
.cms-kitchen-sink section:before,
.cms-kitchen-sink section:after {
  content: " ";
  display: table;
  line-height: 0;
}
.cms-kitchen-sink section:after {
  clear: both;
}
.cms-kitchen-sink section h1:first-child {
  margin-bottom: 10px;
}
.cms-kitchen-sink section hr {
  margin: 0 0 30px;
}
/*-------------------------------------------------------------
    Site Defaults
--------------------------------------------------------------*/
body {
  font: normal 13px/1 "FuturaBT-Medium", Arial, sans-serif;
  color: #384855;
}
* {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}
.page {
  margin: 0 auto;
}
/*--------------------------------------------------------------
    Site Layout
--------------------------------------------------------------*/
#content {
  *zoom: 1;
  margin-bottom: 25px;
  padding: 0 0;
}
#content:before,
#content:after {
  display: table;
  content: "";
  line-height: 0;
}
#content:after {
  clear: both;
}
#content:before,
#content:after {
  content: " ";
  display: table;
  line-height: 0;
}
#content:after {
  clear: both;
}
#content .one-column-one-title {
  margin-top: 40px;
}
.header-container {
  z-index: 100;
}
.footer-container {
  z-index: 100;
}
.main {
  clear: both;
  z-index: 100;
}
/** 1 Column layout (no breadcrumbs) */
.col-main {
  margin-top: 17px;
}
/** 2 Column layout */
@media all and (min-width: 769px) {
  .col2-left-layout .col-main,
  .col2-right-layout .col-main {
    width: 75%;
    margin-top: 0;
    padding: 10px;
  }
}
@media all and (max-width: 768px) {
  .col2-left-layout .col-main,
  .col2-right-layout .col-main {
    margin-top: 0;

  }
}
.col2-left-layout .col-main {
  float: right;
  margin-top: 0;
}
.col2-right-layout .col-main {
  float: left;
}
.col-left {
  float: left;
}
.simple-img a img {
  width: 100%;
}
@media all and (min-width: 768px) {
  .col-sm-9-grid {
    float: right;
    width: 81%;
    position: relative;
    min-height: 1px;
  }
}
@media all and (max-width: 767px) {
  .col-sm-9-grid {
    float: right;
    width: 98%;
    position: relative;
    min-height: 1px;
  }
}
@media all and (max-width: 400px) {
  .col-sm-9-grid {
    float: right;
    width: 103%;
    position: relative;
    min-height: 1px;
  }
}
.col-sm-2-grid {
  float: left;
  width: 18%;
}
.col-main-grid {
  width: 100%;
}
@media all and (min-width: 768px) {
  .col-main-search-grid {
    width: 81%;
    float: right;
  }
}
@media all and (max-width: 767px) {
  .col-main-search-grid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media all and (min-width: 768px) and (max-width: 959px) {
  .col-sm-9custom {
    width: 80%;
  }
}
@media all and (min-width: 960px) and (max-width: 1079px) {
  .col-sm-9custom {
    width: 78%;
  }
}
@media all and (min-width: 1080px) {
  .col-sm-9custom {
    width: 75%;
  }
}
@media all and (min-width: 768px) {
  .col-sm-9custom {
    float: right;
    position: relative;
    min-height: 1px;
  }
}
@media all and (max-width: 767px) {
  .col-sm-9custom {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px
  }
}

@media all and (min-width: 1180px) {
  .col-sm-12 {
    width: 98%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media all and (max-width: 1179px) {
  .col-sm-12 {
    width: 96%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media all and (max-width: 768px) {
  .col-sm-12 {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media all and (max-width: 425px) {
  .col-sm-12 {
    width: 91%;
    margin-right: auto;
    margin-left: auto;
  }
}
.col-sm-12custom {
  float: right;
  position: relative;
  min-height: 1px;
  width: 100%;
}
@media all and (min-width: 426px) {
  .col-sm-2custom {
    float: left;
    width: 20%;
  }
}
@media all and (max-width: 425px) {
  .col-sm-2custom {
    float: left;
    width: 20%;
    display: none;
  }
}
@media all and (min-width: 1025px) {
  .custom-row {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media all and (max-width: 1024px) {
  .custom-row {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.col-sm-7custom {
  width: 95%;
}
@media all and (min-width: 768px) {
  .col-sm-8custom {
    float: left;
    width: 71%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
  }
}
@media all and (max-width: 767px) {
  .col-sm-8custom {
    float: left;
    width: 77%;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
  }
}
.col-right {
  float: right;
  width: 19%;
}
/** 3 Column layout */
.col3-layout > .col-wrapper {
  float: left;
  width: 80%;
}
.col3-layout > .col-wrapper .col-main {
  float: right;
  width: 75%;
}
.col3-layout > .col-wrapper .col-left {
  width: 25%;
}
.col3-layout > .col-right {
  width: 20%;
}
/* Category Landing Pages (wider sidebar) */
@media all and (min-width: 1025px) {
  .category-landing .col-left {
    float: left;
  }
}
@media all and (max-width: 1024px) {
  .category-landing .col-left {
    float: left;
    padding-left: 10px;
  }
}
@media all and (max-width: 425px) {
  .category-landing .col-left {
    float: left;
    padding-left: 10px;
  }
}
.category-landing .col-main {
  max-width: 860px;
}
/*--------------------------------------------------------------
    Content columns
--------------------------------------------------------------*/
.col2-set {
  margin-bottom: 30px;
}
.col2-set .col-1 {
  float: left;
  width: 48%;
}
.col2-set .col-2 {
  float: right;
  width: 48%;
}
table tbody tr td img {
  width: 100%;
  height: auto;
}
@media all and (min-width: 769px) {
  .col2-set .narrow {
    min-width: 230px;
    width: 34%;
  }
}
@media all and (max-width: 768px) {
  .col2-set .narrow {
    min-width: 230px;
    width: 50%;
    padding-right: 20px;
  }
}
@media all and (max-width: 425px) {
  .col2-set .narrow {
    width: 80%;
    float: left;
  }
}
@media all and (min-width: 1025px) {
  .research-center-td {
    width: 400px;
  }
  .research-center-font {
    font-size: 30px;
  }
  .research-center-img {
    width: 410px;
  }
}
@media all and (max-width: 1024px) {
  .research-center-td {
    width: 400px;
  }
  .research-center-font {
    font-size: 20px;
  }
  .research-center-img {
    width: 350px;
  }
}
@media all and (max-width: 768px) {
  .research-center-td {
    width: 400px;
  }
  .research-center-font {
    font-size: 15px;
  }
  .research-center-img {
    width: 230px;
  }
}
@media all and (max-width: 425px) {
  .research-center-td {
    width: 400px;
  }
  .research-center-font {
    font-size: 12px;
  }
  .research-center-img {
    width: 125px;
  }
}
@media all and (max-width: 375px) {
  .research-center-td {
    width: 400px;
  }
  .research-center-font {
    font-size: 12px;
  }
  .research-center-img {
    width: 107px;
  }
}
@media all and (min-width: 1024px) {
  .custom-width {
    width: 80% !important;
  }
}
@media all and (max-width: 1023px) {
  .custom-width {
    width: 85% !important;
  }
}
@media all and (max-width: 768px) {
  .custom-width {
    width: 78% !important;
  }
}
@media all and (max-width: 425px) {
  .custom-width {
    width: 90% !important;
    padding-top: 20px;
  }
}
.custom-padding {
  padding-right: 15px;
}
.cmsimage img {
  width: 100%;
}
.col2-set .wide {
  width: 65%;
}

@media all and (min-width: 768px) {
  .custom-width-left {
    width: 17% !important;
  }
}
@media all and (max-width: 768px) {
  .custom-width-left {
    width: 20% !important;
  }
}
@media all and (max-width: 425px) {
  .custom-width-left {
    width: 60% !important;
  }
}
@media all and (min-width: 1440px) {
  .custom-container-width {
    width: 100% !important;
  }
}
@media all and (max-width: 1439px) {
  .custom-container-width {
    width: 85% !important;
  }
}
@media all and (max-width: 768px) {
  .custom-container-width {
      width: 85% !important;
  }
}
@media all and (max-width: 425px) {
  .custom-container-width {
    width: 85% !important;
  }
}
/*--------------------------------------------------------------
    Header
--------------------------------------------------------------*/
#shadeScreenDark {
  background-color: #0c0c0c;
  display: none;
  opacity: 0.7;
  z-index: 550;
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  overflow: auto;
}
#breadcrumb {
  padding: 0;
  margin: 0 10px 10px 10px;
  width: calc(100% - 20px);
  display: flex;
}
@media screen\0, screen\9 {
  #breadcrumb {
    display: inline-block;
  }
}
@media (max-width: 374px) {
  #breadcrumb {
    margin-bottom: 4px;
  }
}
#breadcrumb > ul {
  width: 100%;
}
@media screen\0, screen\9 {
  #breadcrumb > ul {
    width: 100%;
    display: flex;
  }
}
.pageType-ProductPage #breadcrumb > ul {
  width: calc(100% - 100px);
}
.pageType-ProductPage #breadcrumb .share {
  width: 100px;
}
.pageType-ProductPage #breadcrumb .share .dropdown {
  margin-left: -28%;
}
#breadcrumb ul li {
  white-space: nowrap;
}
.page header.header-container {
  border-bottom: 2px solid #ccc;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
#headerDropdownMenu .top-level > li:last-child > .child-menu,
#headerDropdownMenu .top-level > div:last-child > li:last-child > .child-menu {
  min-width: max-content;
}
@media all and (min-width: 768px) {
  .mobile_hamburger-menu {
    display: none !important;
  }
  .hide-if-desktop {
    display: none !important;
  }
  .hide-if-mobile {
    display: block !important;
  }
  .hide-if-mobile2 {
    display: inline-block !important;
  }
  #headerDropdownMenu .contain .quickaccess {
    display: none;
  }
  .header-container .header .ancillary .account ul.menu {
    z-index: 0;
    opacity: 0;
  }
  .page .header-container.navbar {
    margin-bottom: 0;
  }
}
@media all and (min-width: 1200px) {
  #headerDropdownMenu .top-level li.level0 > a, #headerDropdownMenu .top-level li.level0 > div > a {
    padding: 10px 17px !important;
    font-size: 14px;
  }
  #headerDropdownMenu .top-level > li:last-child > .child-menu,
  #headerDropdownMenu .top-level > div:last-child > li:last-child > .child-menu {
     margin-left: -48%;
  }
}
@media all and (min-width: 1140px) and (max-width: 1200px) {
  #headerDropdownMenu .top-level li.level0 > a, #headerDropdownMenu .top-level li.level0 > div > a {
    padding: 10px 17px !important;
    font-size: 13px;
  }
  #headerDropdownMenu .top-level > li:last-child > .child-menu,
  #headerDropdownMenu .top-level > div:last-child > li:last-child > .child-menu {
    margin-left: -56%;
  }
}
@media all and (min-width: 1080px) and (max-width: 1140px) {
  #headerDropdownMenu .top-level li.level0 > a, #headerDropdownMenu .top-level li.level0 > div > a {
    padding: 10px 13px !important;
    font-size: 13px;
  }
  #headerDropdownMenu .top-level > li:last-child > .child-menu,
  #headerDropdownMenu .top-level > div:last-child > li:last-child > .child-menu {
    margin-left: -65%;
  }
}
@media all and (min-width: 1024px) and (max-width: 1080px) {
  #headerDropdownMenu .top-level li.level0 > a, #headerDropdownMenu .top-level li.level0 > div > a {
    padding: 10px 13px !important;
    font-size: 12px;
  }
  #headerDropdownMenu .top-level > li:last-child > .child-menu,
  #headerDropdownMenu .top-level > div:last-child > li:last-child > .child-menu {
    margin-left: -76%;
  }
}
@media all and (min-width: 960px) and (max-width: 1024px) {
  #headerDropdownMenu .top-level li.level0 > a, #headerDropdownMenu .top-level li.level0 > div > a {
    padding: 10px 13px !important;
    font-size: 11px;
  }
  #headerDropdownMenu .top-level > li:last-child > .child-menu,
  #headerDropdownMenu .top-level > div:last-child > li:last-child > .child-menu {
    margin-left: -89%;
  }
  #headerDropdownMenu .top-level > li:nth-child(4) > .child-menu,
  #headerDropdownMenu .top-level > div:nth-child(2) > li:nth-child(2) > .child-menu {
    margin-left: -85%;
  }
}
@media all and (min-width: 960px) {
  .top-level > li:nth-child(2) .child-menu, .top-level > div:nth-child(1) li:nth-child(2) .child-menu {
    width: 900px;
  }
  #headerDropdownMenu .top-level > li:nth-child(2) > .child-menu ul.level0,
  #headerDropdownMenu .top-level > div:nth-child(1) > li:nth-child(2) > .child-menu ul.level0 {
    margin-left: 15px;
  }
  #headerDropdownMenu .top-level > li:nth-child(4) > .child-menu ul.level0,
  #headerDropdownMenu .top-level > div:nth-child(2) > li:nth-child(2) > .child-menu ul.level0 {
    margin-left: 20px;
  }
}
@media all and (min-width: 860px) and (max-width: 960px) {
  #headerDropdownMenu .top-level li.level0 > a, #headerDropdownMenu .top-level li.level0 > div > a {
    padding: 10px 10px !important;
    font-size: 10px;
  }
  #headerDropdownMenu .top-level > li:last-child > .child-menu,
  #headerDropdownMenu .top-level > div:last-child > li:last-child > .child-menu {
    margin-left: -93%;
  }
  #headerDropdownMenu .top-level > li:nth-child(4) > .child-menu,
  #headerDropdownMenu .top-level > div:nth-child(2) > li:nth-child(2) > .child-menu {
    margin-left: -93%;
  }
  .top-level > li:nth-child(2) .child-menu, .top-level > div:nth-child(1) li:nth-child(2) .child-menu {
    margin-left: -13%;
  }
  #headerDropdownMenu .top-level > li:nth-child(2) > .child-menu ul.level0,
  #headerDropdownMenu .top-level > div:nth-child(1) > li:nth-child(2) > .child-menu ul.level0 {
    margin-left: 10px;
  }
  #headerDropdownMenu .top-level > li:nth-child(4) > .child-menu ul.level0,
  #headerDropdownMenu .top-level > div:nth-child(2) > li:nth-child(2) > .child-menu ul.level0 {
    margin-left: 20px;
  }
  #headerDropdownMenu .top-level > li:nth-child(2) > .child-menu ul.level0:first-child,
  #headerDropdownMenu .top-level > div:nth-child(1) > li:nth-child(2) > .child-menu ul.level0:first-child {
    margin-left: 0;
  }
  .navigation .level0 .child-menu {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media all and (min-width: 860px) {
  .top-level li:nth-child(2) .child-menu, .top-level > div:nth-child(1) li:nth-child(2) .child-menu,
  .top-level li:nth-child(4) .child-menu, .top-level > div:nth-child(2) li:nth-child(2) .child-menu {
    min-width: 850px;
  }
  .top-level li:nth-child(6) .child-menu, .top-level > div:nth-child(3) > li:nth-child(2) .child-menu,
  .top-level li:nth-child(10) .child-menu, .top-level > div:nth-child(5) > li:nth-child(2) .child-menu,
  .top-level li:nth-child(12) .child-menu, .top-level > div:nth-child(6) > li:nth-child(2) .child-menu {
    min-width: 283px;
  }
  .top-level li:nth-child(8) .child-menu, .top-level > div:nth-child(4) > li:nth-child(2) .child-menu {
    min-width: 200px;
  }
}
@media all and (min-width: 768px) and (max-width: 860px) {
  #headerDropdownMenu .top-level li.level0 > a, #headerDropdownMenu .top-level li.level0 > div > a {
    padding: 10px 7px !important;
    font-size: 9px;
  }
  #headerDropdownMenu .top-level > li:last-child > .child-menu,
  #headerDropdownMenu .top-level > div:last-child > li:last-child > .child-menu {
    margin-left: -137%;
    min-width: 215px;
  }
  .top-level li:nth-child(2) .child-menu, .top-level > div:nth-child(1) li:nth-child(2) .child-menu {
    min-width: 747px;
    padding-left: 20px;
    padding-right: 10px;
    margin-left: 0;
  }
  #headerDropdownMenu .top-level > li:nth-child(4) > .child-menu,
  #headerDropdownMenu .top-level > div:nth-child(2) > li:nth-child(2) > .child-menu {
    margin-left: -100%;
    min-width: 747px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #headerDropdownMenu .top-level > li:nth-child(2) > .child-menu ul.level0,
  #headerDropdownMenu .top-level > div:nth-child(1) > li:nth-child(2) > .child-menu ul.level0 {
    margin-left: 15px;
  }
  #headerDropdownMenu .top-level > li:nth-child(4) > .child-menu ul.level0,
  #headerDropdownMenu .top-level > div:nth-child(2) > li:nth-child(2) > .child-menu ul.level0 {
    margin-left: 15px;
  }
  #headerDropdownMenu .top-level > li:nth-child(2) > .child-menu ul.level0,
  #headerDropdownMenu .top-level > div:nth-child(1) > li:nth-child(2) > .child-menu ul.level0 {
    width: 220px;
  }
  #headerDropdownMenu .top-level > li:nth-child(4) > .child-menu ul.level0:nth-child(2),
  #headerDropdownMenu .top-level > li:nth-child(4) > .child-menu ul.level0:nth-child(3),
  #headerDropdownMenu .top-level > div:nth-child(2) > li:nth-child(2) > .child-menu ul.level0:nth-child(2),
  #headerDropdownMenu .top-level > div:nth-child(2) > li:nth-child(2) > .child-menu ul.level0:nth-child(3) {
    width: 220px;
  }
  .top-level li:nth-child(10) .child-menu, .top-level > div:nth-child(5) > li:nth-child(2) .child-menu {
    min-width: 290px;
    margin-left: -75%;
  }
  .top-level li:nth-child(6) .child-menu, .top-level > div:nth-child(3) > li:nth-child(2) .child-menu {
    min-width: 283px;
  }
  .top-level li:nth-child(8) .child-menu, .top-level > div:nth-child(4) > li:nth-child(2) .child-menu {
    min-width: 200px;
  }
}
@media all and (max-width: 767px) {
  .desktop_hamburger-menu {
    display: none !important;
  }
  .hide-if-desktop {
    display: block !important;
  }
  .hide-if-mobile, .hide-if-mobile2 {
    display: none !important;
  }
  header.header-container > .header {
    background-color: #FFFFFF;
    padding: 5px 0;
  }
  .header-container .header .quickaccess .ancillary, .header-container .header .quickaccess > p {
    display: none;
  }
  .header-container .header .quickaccess .minicart {
    margin-top: 5px;
    margin-right: 10px;
  }
  header.header-container .header .minicart .cart-summary .totals {
    padding-left: 2px;
  }
  header.header-container .header .minicart .cart-summary .icon {
    padding: 7px;
  }
  .header-container .header-hamburger-buttons {
    margin-left: 0px;
  }
  .header-container .header-hamburger-buttons button {
    margin-left: 0;
    margin-right: 0;
    float: left;
    border: none;
  }
  .header-hamburger-buttons .header-hamburger-search-btn {
    height: 14px;
    width: 22px;
    padding: 16px 17px;
  }

  .header-hamburger-buttons .header-hamburger-search-btn .search-icon {
    background: url("../images/sprite.png") -562px -5px no-repeat;
    position: absolute;
    right: 4px;
    top: 7px;
    height: 20px;
    width: 24px;
    border: none;
  }
  .page .header-container .header .logo {
    width: 60%;
  }
  .header-container .header .logo .simple-img a img {
    min-width: auto;
  }
  #headerDropdownMenu {
    background-color: #444;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: sticky;
    position: -webkit-sticky; /* Safari */
  }
  #headerDropdownMenu .mobile-navigation-content {
    height: calc(100vh - 155px);
    transition: height 0.4s ease;
  }
  #headerDropdownMenu .contain .quickaccess-parent {
    position: fixed;
    left: 0;
    height: 95px;
    width: 100%;
    bottom: 0;
    z-index: 750;
    background-color: #444;
  }
  #headerDropdownMenu .contain .quickaccess {
    width: 40%;
    margin: 0 0 10px 30%;
    position: absolute;
    bottom: 10px;
    border: 2px solid #fff;
    padding: 5px;
  }
  #headerDropdownMenu .contain .quickaccess .ancillary {
    display: block;
    width: 70%;
    float: left;
  }
  #headerDropdownMenu .contain .quickaccess .ancillary.logged-out {
    float: none;
    width: 100%;
  }
  #headerDropdownMenu .contain .quickaccess .ancillary.logged-out li {
    text-align: center;
    font-size: 15px;
    padding: 5px;
  }
  #headerDropdownMenu .contain .quickaccess .ancillary.logged-out li a {
    display: block;
    width: 100%;
    padding: 5px 0;
    color: #fff;
  }
  #headerDropdownMenu .contain .quickaccess .mobile-logout {
    width: 25%;
    float: right;
    height: 100%;
    border-left: 1px dotted #fff;
    text-align: center;
  }
  #headerDropdownMenu .contain .quickaccess .mobile-logout a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30% 5%;
  }
  #headerDropdownMenu .contain .quickaccess .ancillary li.menu-label {
    text-align: center;
    padding: 10px;
    background: none;
  }
  #headerDropdownMenu .contain .quickaccess .ancillary li.menu-label .welcome-mobile {
    color: #db521f;
    text-align: center;
    height: 22px;
    overflow: hidden;
    margin-bottom: 0;
  }
  #headerDropdownMenu .contain .quickaccess .ancillary li.menu-label a {
    color: #fff;
  }
  #headerDropdownMenu .header-hamburger-content-search {
    height: 60px;
    z-index: 700;
    width: 94%;
    margin-left: 3%;
  }
  #headerDropdownMenu .contain .top-level span.caret-plus-minus {
    float: right;
    margin-right: 10px;
    margin-top: 4px;
  }
  #headerDropdownMenu .contain .top-level > div.yCmsComponent ul.multilevel > li:first-child .dropdown-toggle {
    height: 30px;
    margin-top: 10px;
  }
  /*#headerDropdownMenu .contain .top-level ul.multilevel > li:first-child .caret-plus-minus {*/
  /*  margin-top: 14px;*/
  /*}*/
  #headerDropdownMenu .contain ul.top-level li.dropdown-zero > a.dropdown-toggle .glyphicon-plus,
  #headerDropdownMenu .contain ul.top-level li.dropdown-submenu > a.dropdown-toggle .glyphicon-plus {
    display: block;
  }
  #headerDropdownMenu .contain ul.top-level li.dropdown-zero.open > a.dropdown-toggle .glyphicon-plus,
  #headerDropdownMenu .contain ul.top-level li.dropdown-submenu.open > a.dropdown-toggle .glyphicon-plus {
    display: none;
  }
  #headerDropdownMenu .contain ul.top-level li.dropdown-zero > a.dropdown-toggle .glyphicon-minus,
  #headerDropdownMenu .contain ul.top-level li.dropdown-submenu > a.dropdown-toggle .glyphicon-minus {
    display: none;
  }
  #headerDropdownMenu .contain ul.top-level li.dropdown-zero.open > a.dropdown-toggle .glyphicon-minus,
  #headerDropdownMenu .contain ul.top-level li.dropdown-submenu.open > a.dropdown-toggle .glyphicon-minus {
    display: block;
  }
  #headerDropdownMenu .contain ul.top-level li.level1.open > ul.level1.dropdown-menu {
    display: block;
  }


  #headerDropdownMenu .contain .top-level > li > a.dropdown-toggle span.caret-plus-minus > span,
  #headerDropdownMenu .contain .top-level span.caret-plus-minus > span {
    font-size: 8px;
  }
  #headerDropdownMenu .contain .top-level li.level1 > a, #headerDropdownMenu .contain .top-level li.level1 > div > a,
  #headerDropdownMenu .contain .top-level li.level2 > a, #headerDropdownMenu .contain .top-level li.level2 > div > a,
  #headerDropdownMenu .contain .top-level li.level1 > div, #headerDropdownMenu .contain .top-level li.level2 > div,
  #headerDropdownMenu .contain .top-level li.level2 > a {
    display: inline-block;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 13px;
    min-width: 50px;
    line-height: 20px;
  }
  #headerDropdownMenu .contain .top-level ul.level1 li.level2 > a {
    text-transform: none;
    background-color: #fff;
    padding-left: 3%;
  }
  #headerDropdownMenu .contain .top-level ul.level1.dropdown-menu {
    background-color: #fff;
    display: none;
    float: none;
    flex-basis: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
  #headerDropdownMenu .contain .top-level ul.level1.dropdown-menu > a,
  #headerDropdownMenu .contain .top-level ul.level1.dropdown-menu > li.level2 > a {
    color: #555454;
  }
  #headerDropdownMenu .header-hamburger-content-search .search {
    width: 100%;
  }
  #headerDropdownMenu .header-hamburger-content-search .search {
    margin: 10px 0;
  }
  #headerDropdownMenu .header-hamburger-content-search .search #search {
    background: #fbfbfb;
    padding: 9px 2%;
    width: 75%;
    margin: 0;
    display: block;
    float: left;
    height: 33px;
    border: none;
  }
  #headerDropdownMenu .header-hamburger-content-search .search input.button {
    display: block;
    float: left;
    width: 25%;
    padding: 9px 2%;
    margin: 0;
    background-color: #f15a22;;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-size: 13px;
  }
  .header-container .navigation ul.top-level {
    width: 100%;
    margin: 0;
  }
  .header .quickaccess .mobile-logout, #headerDropdownMenu .quickaccess .minicart {
    display: none !important;
  }
  /* hamburger menu*/
  /* ul */

  #headerDropdownMenu li.dropdown-zero ul.multilevel.dropdown-menu {
    display: none;
    float: none;
    flex-basis: 100%;
  }
  #headerDropdownMenu li.dropdown-zero.open ul.multilevel.dropdown-menu {
    display: block;
    z-index: 700;
  }

  .header-container .navigation ul.top-level > li.dropdown-zero,
  .header-container .navigation ul.top-level > div,
  .header-container .navigation ul.top-level > div > li.dropdown-zero {
    background-color: #444;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  .header-container .navigation ul.dropdown-menu li.level1 {
    background-color: #edecec;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .header-container .navigation ul.level1.dropdown-menu > li {
    background-color: inherit;
  }
  .header-container .navigation ul.top-level > li.dropdown-zero > a:first-child,
  .header-container .navigation ul.top-level > div > li.dropdown-zero > div:first-child,
  .header-container .navigation ul.dropdown-menu > li.level1 > a:first-child,
  .header-container .navigation ul.dropdown-menu > div > li.level1 > a:first-child {
    padding-left: 3%;
    text-transform: uppercase;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navigation ul.top-level > div > li.dropdown-zero.mobile_hamburger-menu > div.yCmsComponent {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header-container .navigation ul.top-level > div > li.dropdown-zero > div:first-child {
    min-width: 240px;
  }
  #headerDropdownMenu .contain .top-level ul.dropdown-menu li.level1:first-child > div {
    margin-top: 10px;
  }
  #headerDropdownMenu .contain .top-level ul.dropdown-menu li.level1:last-child > div {
    margin-bottom: 10px;
  }
  #headerDropdownMenu .contain .top-level ul.level1 li.level2:first-child {
    margin-top: 5px;
  }
  #headerDropdownMenu .contain .top-level ul.level1 li.level2:last-child {
    margin-bottom: 5px;
  }
  #headerDropdownMenu .contain .top-level ul.dropdown-menu li.level1 > div {
    padding: 0 0 0 3%;
    display: block;
    min-width: 240px;
    min-height: 30px;
  }
  .header-container .navigation ul.top-level > li.dropdown-zero > a:first-child,
  .header-container .navigation ul.top-level > div > li.dropdown-zero > div > a:first-child {
    font-size: 14px;
  }
  .header-container .navigation ul.top-level > li.dropdown-zero > a:nth-child(2),
  .header-container .navigation ul.top-level > div > li.dropdown-zero > a:nth-child(2),
  .header-container .navigation ul.dropdown-menu > li.level1 > a:nth-child(2),
  .header-container .navigation ul.dropdown-menu > div > li.level1 > a:nth-child(2) {
    padding-right: 15px;
    padding-left: 15px;
  }
  .header-container .navigation ul.top-level > li.dropdown-zero > a,
  .header-container .navigation ul.top-level > div > li.dropdown-zero > div > a,
  .header-container .navigation ul.top-level > div > li.dropdown-zero > a {
    line-height: 20px;
    min-width: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #444;
    color: #fff;
    display: block;
    float: none;
  }
}
@media screen\0, screen\9 and (min-width: 768px){
  #headerDropdownMenu .header-hamburger-content-search .search input.button {
    width: 14%;
    height: 16px;
  }
}

@media all and (min-width: 425px) and (max-width: 767px) {
  #headerDropdownMenu .contain .top-level ul.dropdown-menu li.level1 > div {
    min-width: 300px;
  }
}
@media all and (min-width: 425px) and (max-width: 550px) {

  #headerDropdownMenu .contain .quickaccess {
    width: 60%;
    margin-left: 18%
  }
  #headerDropdownMenu .header-hamburger-content-search .search #search {
    width: 73%;
  }

  #headerDropdownMenu .top-level li.level0 > a, #headerDropdownMenu .top-level li.level0 > div > a {
    font-size: 13px;
    padding: 6px 0;
  }
}
@media screen\0, screen\9 {
  #headerDropdownMenu .header-hamburger-content-search .search #search {
    width: 80%;
    padding-bottom: 25px;
  }
  #headerDropdownMenu .header-hamburger-content-search .search input.button {
    width: 20%;
    padding-bottom: 25px
  }
}
@media all and (max-width: 424px) {

  #headerDropdownMenu .contain .quickaccess {
    width: 80%;
    margin-left: 7%;
  }
  #headerDropdownMenu .header-hamburger-content-search .search #search {
    width: 73%;
    height: 33px;
  }
}
@media all and (max-width: 374px) {
  #headerDropdownMenu .header-hamburger-content-search .search #search {
    width: 74%;
  }
  #headerDropdownMenu .header-hamburger-content-search .search input.button {
    width: 25%;
  }
  .header-container .navigation ul.top-level > li.dropdown-zero a.dropdown-toggle{
    padding-right: 0;
    padding-right: 0;
    min-width: 25px;
  }
  #headerDropdownMenu .contain ul.top-level li.level1 a {
    padding-right: 0;
    min-width: 25px;
  }

  .header-container .navigation ul.top-level > li {
    width: 90%;
  }
  .header-container .navigation ul.top-level > li a {
    padding-left: 10px;
  }

  #headerDropdownMenu .contain .quickaccess-parent {
    height: 55px;
  }
  #headerDropdownMenu .contain .quickaccess {
    padding-bottom: 0;
    bottom: -4px;
  }
  footer.footer-container .column.newsletter .input-box .input-text {
    width: 90%;
  }
  footer.footer-container .column.newsletter .input-box .button {
    right: -4px;
  }
}
@media all and (max-width: 340px) {
  .header-container .navigation ul.top-level > li.dropdown-zero a.dropdown-toggle,
  #headerDropdownMenu .contain ul.top-level li.level1 a {
    max-width: 260px;
    overflow: hidden;
  }
  .header-container .header .quickaccess .minicart {
    margin-right: 2px;
  }
}
.header-container {
  *zoom: 1;
}

.header-container .top-panel {
  line-height: 25px;
  background: #eeecec;
  overflow: hidden;
  padding: 9px 0;
  position: relative;
  z-index: 500;
}
.header-container .top-panel .left .content {
  display: inline;
}
@media all and (min-width: 768px) {
  .header-container .top-panel .toplinks li {
    display: inline-block;
    margin-left: 25px;
  }
}
@media all and (max-width: 767px) {
  .header-container .top-panel .toplinks li {
    display: inline-block;
    margin-left: 15px;
  }
}
@media all and (max-width: 425px) {
  .header-container .top-panel .toplinks li {
    display: inline-block;
    margin-left: 10px;
  }
}
@media all and (min-width: 768px) {
  .header-container .top-panel .toplinks li a {
    color: #666666;
    text-transform: uppercase;
    font-size: 11px;
  }
}
@media all and (max-width: 767px) {
  .header-container .top-panel .toplinks li a {
    color: #666666;
    text-transform: uppercase;
    font-size: 9px;
  }
}
@media all and (max-width: 425px) {
  .header-container .top-panel .toplinks li a {
    color: #666666;
    text-transform: uppercase;
    font-size: 7px;
  }
}

.toplinks {
  display: flex;
}


@media all and (max-width: 767px) {
  .page .header-container.header-top-container {
    display: none !important;
  }
  .header-container .top-panel .global-spiff-message {
    margin-left: 16px;
  }
}
.header-container .header {
  *zoom: 1;
  padding: 5px 0;
}

.header-container .header .logo {
  width: 50%;
  position: relative;
}

@media all and (min-width: 768px) {
  .header-container .top-panel .global-spiff-message {
    margin-left: 64px;
  }
  .page .header-container.header-top-container {
    display: block !important;
  }
  .header-container .header {
    padding: 20px 0;
  }
}

@media all and (min-width: 768px) {
  .header-container .header .logo .simple-img a img {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    min-width: 350px;
    margin-left: 10px;
  }
}
.header-container .header .logo .tagline {
  color: #666666;
  position: absolute;
  text-transform: uppercase;
  bottom: 5px;
  right: 30px;
  font-size: 12px;
}

.ancillary-div {
  padding-left: 62px;
}
@media all and (max-width: 767px) {
  .ancillary-div {
    padding-left: 0;
  }
}
.header-container .header .welcome {
  float: left;
  margin: 2px 0 0 0;
  font-size: 10px;
  text-transform: uppercase;
}
@media all and (min-width: 768px) {
  .header-container .header .welcome {
    white-space: nowrap;
    overflow: hidden;
  }
}
@media all and (min-width: 768px) and (max-width: 959px) {
  .header-container .header .welcome {
    max-width: 120px;
  }
  .header-container .header .ancillary {
    margin: 0 15px 0 15px;
  }
}
@media all and (min-width: 960px) and (max-width: 1079px) {
  .header-container .header .welcome {
    max-width: 190px;
  }
}
@media all and (min-width: 1080px) {
  .header-container .header .welcome {
    max-width: 250px;
  }
}
.header-container .header .ancillary {
  float: left;
  margin: 0 20px 0 24px;
}
.header-container .header .ancillary .account {
  border-left: 1px solid #eeecec;
  border-right: 1px solid #eeecec;
}
.header-container .header .ancillary .account ul.menu {
  left: -1px;
  min-width: 132px;
  width: 100%;
}
.header-container .header .ancillary li {
  position: relative;
}
.header-container .header .ancillary li a {
  color: #666666;
  text-transform: uppercase;
}
@media all and (min-width: 768px) {
  .header-container .header .ancillary li a {
    font-size: 11px;
  }
}
.header-container .header .ancillary.logged-out {
  float: left;
  margin: 0 50px 0 0;
}
.header-container .header .ancillary.logged-out li {
  display: inline-block;
  margin-right: 15px;
}
.header-container .header .ancillary.logged-out .register {
  padding: 5px 17px;
  border-left: 1px solid #eeecec;
  border-right: 1px solid #eeecec;
}
.header-container .header .ancillary.logged-out a:hover {
  color: #999;
}
@media all and (min-width: 767px) {
  .header-container .header .minicart, .header-container .header .quickaccess > .ancillary ~ div.smartEditComponent {
    float: right;
    position: relative;
    margin-top: -5px;
  }
  .header-container .header .quickaccess .ancillary-div ~ .minicart,
  .header-container .header .quickaccess .ancillary-div ~ div.smartEditComponent div.smartEditComponent .minicart {
    margin-top: -27px;
  }
}
.header-container .header .minicart .cart-summary {
  cursor: pointer;
}
.header-container .header .minicart .cart-summary .icon {
  content: '';
  display: block;
  background: url("../images/sprite.png") -556px -241px no-repeat;
  height: 30px;
  width: 30px;
  float: left;
  padding: 8px;
  background-color: #eeecec;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen\0, screen\9 {
  .header-container .header .minicart .cart-summary .icon {
    height: 30px;
    width: 30px;
  }
}
.header-container .header .minicart .cart-summary a,
.header-container .header .minicart .cart-summary a:hover {
  color: #384855;
}
.header-container .header .minicart .cart-summary .totals {
  float: left;
  padding: 10px 0 0 10px;
}
.header-container .header .minicart .cart-summary .totals .qty {
  margin-right: 2px;
}
.header-container .header .minicart.over .icon {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #eeecec;
}
.header-container .header .minicart.over .icon:before {
  border-color: #eeecec transparent transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 9px;
  z-index: 999;
}
.header-container .header .search {
  position: relative;
  clear: both;
  margin-top: 15px;
}
.header-container .header .search form {
  position: relative;
}
@media all and (min-width: 768px) {
  .header-container .header .search #search {
    background: #fbfbfb;
    border: 1px solid #c7c7c7;
    padding: 9px;
    width: 320px;
  }
}
@media all and (max-width: 767px) {
  .header-container .header .search #search {
    background: #fbfbfb;
    border: 1px solid #c7c7c7;
    padding: 9px;
    width: 230px;
    height: 15px;
  }
}
.header-container .header .search .typeahead {
  background: #fff;
  border: 1px solid #c7c7c7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 100%;
  position: absolute;
  width: 100%;
  z-index: 500;
}
.header-container .header .search .typeahead li a {
  display: block;
  padding: 6px 10px;
}
.typeahead li.active a {
  background-color: #fbfbfb;
}
.typeahead li:hover a {
  background-color: #fbfbfb;
}
.header-container .header .search .button {
  background: url("../images/sprite.png") -562px -5px no-repeat;
  position: absolute;
  right: 10px;
  top: 7px;
  height: 20px;
  width: 24px;
  border: none;
  text-indent: -9999px;
}
@media all and (min-width: 425px) and (max-width: 475px) {
  .header-container .header .logo .simple-img a img {
    min-height: auto;
    margin-top: 5px;
  }
}
@media all and (min-width: 375px) and (max-width: 424px) {
  .header-container .header .logo .simple-img a img {
    min-height: auto;
    margin-top: 8px;
  }
}
@media all and (max-width: 374px) {
  .header-container .header .logo .simple-img a img {
    min-height: auto;
    margin-top: 13px;
  }
}
.header-service-mes {
  margin-left: -25px;
}
.header-container .header .quickaccess
/* Reusable verbiage w/ icon */
@media all and (min-width: 768px) {
  .global-spiff-message,
  .customer-service-mes {
    color: #666666;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    line-height: 25px;
  }
}
@media all and (max-width: 767px) {
  .global-spiff-message,
  .customer-service-mes {
    color: #666666;
    text-transform: uppercase;
    font-size: 8px;
    display: inline-block;
    line-height: 25px;
  }
}
.global-spiff-message img {
  position: relative;
  top: 3px;
}
@media all and (min-width: 769px) {
  .customer-service-mes {
    padding-left: 25px;
  }
}
@media all and (max-width: 768px) {
  .customer-service-mes {
    padding-left: 15px;
  }
}
@media all and (max-width: 425px) {
  .customer-service-mes {
    padding-left: 10px;
  }
}
.customer-service-mes > span {
  color: #666666;
}
/*--------------------------------------------------------------
    Top Minicart
--------------------------------------------------------------*/
#minicart-details {
  background: #fbfbfb;
  padding: 15px 25px 30px 25px;
  width: 340px;
  position: absolute;
  right: 0;
  top: 31px;
  display: none;
  z-index: 900 !important;
}
@media all and (max-width: 524px) {
  #minicart-details {
    display: none !important;
    height: 0;
    opacity: 0;
  }
}
#minicart-details .title {
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 20px;
}
#minicart-details .title h3 {
  margin-bottom: 13px;
  display: inline-block;
  font: 13px "FuturaBT-Medium", Arial, sans-serif;
  text-transform: uppercase;
}
#minicart-details .title .note {
  font-size: 12px;
  margin-left: 40px;
}
#minicart-details .title .note .global-spiff-message {
  background: none;
  padding-left: 0;
  color: #616161;
  font-weight: normal;
  font-size: 12px;
  text-transform: none;
}
#minicart-details .item {
  *zoom: 1;
  color: #5a5350;
  line-height: 20px;
  margin-bottom: 16px;
}
#minicart-details .item:before,
#minicart-details .item:after {
  display: table;
  content: "";
  line-height: 0;
}
#minicart-details .item:after {
  clear: both;
}
#minicart-details .item:before,
#minicart-details .item:after {
  content: " ";
  display: table;
  line-height: 0;
}
#minicart-details .item:after {
  clear: both;
}
#minicart-details .item .image {
  float: left;
  margin-right: 15px;
}
#minicart-details .item .image img {
  height: 90px;
  width: 90px;
}
#minicart-details .item a {
  color: #5a5350;
}
#minicart-details .item a:hover {
  text-decoration: underline;
}
#minicart-details .item .qty-price {
  display: block;
  margin-top: 20px;
}
#minicart-details .item .qty-price p {
  display: inline-block;
  line-height: 13px;
}
#minicart-details .item .qty-price .qty {
  border-right: 1px solid;
  padding-right: 15px;
  margin-right: 10px;
}
#minicart-details .subtotals {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 14px 0;
  color: #384855;
  text-align: right;
  font-size: 18px;
}
#minicart-details .button {
  width: 100%;
  margin: 0 auto;
}
#minicart-details .button > span {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  font-size: 17px;
  text-transform: uppercase;
}
#minicart-details .cart-close {
  position: absolute;
  right: 22px;
  top: 17px;
  text-indent: -9999px;
  background: url("../images/sprite.png") 0 0 no-repeat;
  height: 19px;
  width: 19px;
  display: block;
}
#minicart-details .legend {
  text-align: right;
  padding: 15px 0 5px;
  font-size: 12px;
}
#minicart-details .legend a {
  color: #f15a22;
  margin-left: 15px;
}
/*--------------------------------------------------------------
    Main Navigation
--------------------------------------------------------------*/
.navigation {
  color: #666666;
  position: relative;
  *zoom: 1;
}

.navigation:before,
.navigation:after {
  display: table;
  content: "";
  line-height: 0;
  background-color: grey;
}
.navigation:after {
  clear: both;
}
.navigation:before,
.navigation:after {
  content: " ";
  display: table;
  line-height: 0;
}
.navigation:after {
  clear: both;
}
.navigation > .contain {
  position: relative;
}
.navigation .top-level {
  *zoom: 1;
}
.navigation .top-level:before,
.navigation .top-level:after {
  display: table;
  content: "";
  line-height: 0;
}
.navigation .top-level:after {
  clear: both;
}
.navigation .top-level:before,
.navigation .top-level:after {
  content: " ";
  display: table;
  line-height: 0;
}
.navigation .top-level:after {
  clear: both;
}
{
  float: left;
}
@media all and (min-width: 768px) {
  .navigation .top-level ul.level0 {
    border: none;
  }
  .navigation .top-level li.level0 a {
    display: block;
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 18px;
    letter-spacing: 0.5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .navigation .top-level li.level0 a {
    display: block;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 9px 0px;
    letter-spacing: 0.5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}
@media all and (max-width: 425px) {
  .navigation .top-level li.level0 a {
    display: block;
    font-size: 11px;
    padding: 5px 0px;
  }
}
.navbar-nav li a {
  line-height: 20px;
}
.navbar-nav > .yCmsComponent {
  float: left;
  position: relative;
}
html.ie8 .navigation .top-level li.level0 a {
  padding: 10px 18px;
}
.navigation .top-level li.level0 a:hover {
  background: #eeecec;
}
.navigation .top-level li.level0.over {
  background: #eeecec;
}
.navigation .top-level li.level0.over > a:after, .navigation .top-level li.level0.over > div > a:after {
  border-color: #db521f transparent transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -6px;
  z-index: 501;
}
.navigation .top-level li.level0.one-column {
  position: relative;
}
.navigation .top-level li.level0.one-column .child-menu {
  width: auto;
}
.navigation .child-menu {
  display: none;
  background: #eeecec;
  position: absolute;
  left: 0;
  width: 95%;
  padding: 30px 25px;
}
.navigation .child-menu .column {
  float: left;
  width: 254px;
}
@media screen\0, screen\9 {
  .navigation .child-menu .column {
    margin-left: 0;
  }
}
.navigation .child-menu .column:first-child {
  margin-left: 0;
  min-width: 115px;
  width: initial;
}
.navigation .child-menu ul.level0 li.level1 {
  margin-bottom: 20px;
}
.navigation .child-menu ul.level0 li.level1 > a, .navigation .child-menu ul.level0 li.level1 > div >  a {
  color: #218db5;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 0;
  margin: 0;
  font-family: "FuturaBT-Medium", Arial, sans-serif;
}
.navigation .child-menu ul.level1 li.level2 > a, .navigation .child-menu ul.level1 li.level2 > div > a {
  margin:0;
  padding: 0;
  text-transform: initial;
  line-height: 12px;
  font-family: "FuturaBT-Medium", Arial, sans-serif;
}

.navigation .child-menu ul.level0 li.level1 .see-more a {
  color: #f15a22;
}
.navigation .child-menu ul.level0 li.level1 .see-more a:hover {
  color: #db521f;
}
.navigation .child-menu ul.level1 {
  margin-top: 6px;
  padding-left: 15px;
}
.navigation .child-menu ul.level1 li {
  margin: 5px 0;
}
.navigation .child-menu ul.level1 li a {
  color: #444444;
}
.navigation .child-menu ul.level1 li a:hover {
  color: #666666;
  text-decoration: none;
}
/*--------------------------------------------------------------
    Footer
--------------------------------------------------------------*/
footer.footer-container .top-container {
  *zoom: 1;
  background: #444444;
  padding: 44px 0 62px;
}
footer.footer-container .top-container:before,
footer.footer-container .top-container:after {
  display: table;
  content: "";
  line-height: 0;
}
footer.footer-container .top-container:after {
  clear: both;
}
footer.footer-container .top-container:before,
footer.footer-container .top-container:after {
  content: " ";
  display: table;
  line-height: 0;
}
footer.footer-container .top-container:after {
  clear: both;
}
footer.footer-container .link-container {
  float: left;
  width: 63%;
  display: inline-flex;
}
@media all and (max-width: 767px) {
  footer.footer-container .top-container {
    padding: 10px 0 0 0 ;
  }
  footer.footer-container .link-container {
    float: left;
    width: 90%;
    min-width: 300px;
    display: inline-flex;
    flex-direction: column;
  }
}
@media all and (min-width: 768px) {
  footer.footer-container .column {
    float: left;
    margin-left: 30px;
    width: 30%;
    min-width: 115px;
    border-right: none;
  }
}
@media all and (max-width: 767px) {
  footer.footer-container .column {
    float: left;
    margin-left: 20px;
    width: 30%;
    min-width: 115px;
    border-right: none;
  }
}
@media all and (min-width: 768px) {
  footer.footer-container .column:first-child {
    margin-left: 0;
    min-width: 115px;
    margin-left: 20px;
  }
}
@media all and (max-width: 767px) {
  footer.footer-container .column {
    float: left;
    min-width: 115px;
    width: 100%;
    text-align: left;
  }
  footer.footer-container .column ul {
    display: block;
    padding: 0 5% 5% 5%;
  }
  footer.footer-container .column ul li a {
    font-size: 12px;
  }
  footer.footer-container .column h2.title {
    color: #82828b;
    font-size: 16px;
    margin: 0;
    padding: 20px 18px;
    position: relative;
  }
  footer.footer-container .column h2:after {
    border: solid #82828b;;
    border-width: 0 1px 1px 0;
    bottom: calc(48%);
    content: '';
    height: 8px;
    width: 8px;
    right: 23px;
    position: absolute;
    transform: rotate(315deg);
  }
  footer.footer-container .column h2.open:after {
    transform: rotate(45deg);
  }
}
footer.footer-container .column h2 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 24px;
}
footer.footer-container .newsletter h2 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 4px;
}
footer.footer-container .column h2 a {
  color: #fff;
}
footer.footer-container .column h2 a:hover {
  color: #eeecec;
}
footer.footer-container .column ul li {
  font-size: 11px;
  margin-top: 11px;
}
footer.footer-container .column ul li:first-child {
  margin-top: 0;
}
footer.footer-container .column ul li a {
  color: #fff;
  letter-spacing: 0.5px;
}
footer.footer-container .column ul li a:hover {
  color: #eeecec;
}

@media all and (max-width: 767px) {
  footer.footer-container .column {
    width: 100%;
    margin-left: 5%;
    float: left;
    text-align: left;
  }
  footer.footer-container .column h2 {
    margin-bottom: 0;
  }
  footer.footer-container .column:nth-last-child(4) ul {
    display: block;
    padding: 0 5% 5% 5%;
  }
  footer.footer-container .column:nth-last-child(4) ul li a {
    font-size: 12px;
  }
}

@media all and (min-width: 1024px) {
  footer.footer-container .column.newsletter {
    float: right;
    width: 30%;
    min-width: 300px;
    margin-right: 30px;
  }
}
@media all and (max-width: 767px) {
  footer.footer-container .column.newsletter {
    float: left;
    width: 30%;
    min-width: 300px;
    padding: 15px !important;
    text-align: left;
  }
  footer.footer-container .column.newsletter ul li {
    font-size: 12px;
    color: #FFFFFF;
  }
  footer.footer-container .newsletter h2 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 16px;
  }
  footer.footer-container .column.newsletter ul.newsletter__description,
  footer.footer-container .column ul.utility-links {
    padding: 0 5% 5% 0;
  }
}
footer.footer-container .column.newsletter .styled {
  margin: -15px 0 26px;
  border-bottom: 1px solid #cfc8bc;
  line-height: inherit;
}
footer.footer-container .column.newsletter .styled span {
  background: #eeecec;
  font-size: 21px;
  top: 12px;
}
footer.footer-container .column.newsletter p {
  color: #555;
  margin-bottom: 5px;
  line-height: 12px;
}
footer.footer-container .column.newsletter ul {
  margin: 10px 0;
  display: inline-flex;
}
footer.footer-container .column.newsletter ul li {
  color: #444444;
  list-style: disc;
  margin: 6px 10px 9px 0px;
}
footer.footer-container .column.newsletter ul li:first-child {
  margin-top: 0;
  color: #444444;
  list-style: disc;
  margin: 6px 10px 9px 0px;
}
footer.footer-container .column.newsletter .button {
  position: absolute;
  right: 0;
  top: 0;
}
footer .newsletter__description {
  padding: 0;
}
footer.footer-container .column.newsletter .button > span {
  white-space: nowrap;
  background: #c7c7c7;
  padding: 0;
  height: 33px;
  width: 80px;
  padding-top: 10px;
  color: #444444
}
@media screen\0, screen\9 {
  footer.footer-container .column.newsletter .button > span {
    height: 33px;
  }
}
footer.footer-container .column.newsletter .input-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
  width: 100%;
}
footer.footer-container .column.newsletter .labelify .field label {
  font-size: 12px;
  cursor: text;
}
footer.footer-container .greyed {
  background-color: #eeecec;
  padding: 13px 22px;
}
footer.footer-container .greyed + .greyed {
  margin-top: 6px;
  padding: 22px;
}
footer.footer-container .bottom {
  *zoom: 1;
  font-size: 11px;
  padding: 32px 15px;
  position: relative;
  color: #666666;
  min-width: 320px;

  @media all and (max-width: 768px) {
    padding: 30px 15px;
  }
  @media all and (max-width: 425px) {
    padding: 15px;
  }
}

@media all and (min-width: 768px) {
  footer.footer-container .bottommin {
    *zoom: 1;
    font-size: 11px;
    padding: 16px 0;
    position: relative;
    color: #666666;
  }
}
@media all and (max-width: 767px) {
  footer.footer-container .bottommin {
    *zoom: 1;
    font-size: 11px;
    padding: 12px 0;
    position: relative;
    color: #666666;
  }
}
footer.footer-container .bottom:before,
footer.footer-container .bottom:after {
  display: table;
  content: "";
  line-height: 0;
}
footer.footer-container .bottom:after {
  clear: both;
}
footer.footer-container .bottom:before,
footer.footer-container .bottom:after {
  content: " ";
  display: table;
  line-height: 0;
  width: 300px;
}
footer.footer-container .bottom:after {
  clear: both;
}
footer.footer-container .bottom ul,
footer.footer-container .bottom ul li,
footer.footer-container .bottom p {
  display: inline-flex;
  float: left;
  line-height: 1;
  letter-spacing: 0.5px;
}
footer.footer-container .bottom a {
  color: #666666;
}
footer.footer-container .bottom a:hover {
  color: #999;
}
footer.footer-container .bottom .utility-links li {
  margin-left: 20px;
}
footer.footer-container .bottom .utility-links li:first-child {
  margin-left: 0;
}
footer.footer-container .bottom li {
  position: relative;
}
footer.footer-container .bottom li.separator:before {
  content: '|';
  position: absolute;
  left: -16px;
}
footer.footer-container .bottom .copyright {
  margin-right: 10px;
  margin-bottom: 0;
}
footer.footer-container .bottom .badges {
  right: 0;
  top: 14px;
}
footer.footer-container .badges.f-right {
  display: flex;
}
@media all and (max-width: 767px) {
  footer.footer-container .badges.f-right li {}
  footer.footer-container .badges.f-right li a img{
    width: 80px;
    height: 43px;
  }
}
footer.footer-container .bottom .badges li {
  margin-left: 26px;
}
footer.footer-container .bottom .social {
  position: absolute;
  top: -12px;
  left: -12px;
  white-space: nowrap;
}
footer.footer-container .bottom .social > li {
  display: inline-block;
  float: none;
  margin-left: 7px;
}
footer.footer-container .icon {
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  background: url("../images/sprite.png") -210px -50px no-repeat;
  display: inline-block;
  content: "";
  width: 34px;
  height: 34px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
footer.footer-container .icon.twitter {
  background-position: -210px -50px;
}
footer.footer-container .icon.twitter:hover {
  background-position: -210px -108px;
}
footer.footer-container .icon.facebook {
  background-position: -274px -50px;
}
footer.footer-container .icon.facebook:hover {
  background-position: -274px -108px;
}
footer.footer-container .icon.youtube {
  background-position: -335px -50px;
}
footer.footer-container .icon.youtube:hover {
  background-position: -335px -108px;
}
footer.footer-container .icon.linkedin {
  background-position: -400px -50px;
}
footer.footer-container .icon.linkedin:hover {
  background-position: -400px -108px;
}
footer.footer-container .icon.instagram {
  background-position: -456px -52px;
}
footer.footer-container .icon.instagram:hover {
  background-position: -456px -108px;
}
footer.footer-container a.instagram img {
  margin-top: 2px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
footer.footer-container a.youtube img {
  margin-top: 2px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
footer.footer-container a.youtube img:hover {
  margin-top: 2px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.footer-container .top-container .column {
  border-right: none;
}
/*--------------------------------------------------------------
    Home Page
--------------------------------------------------------------*/
body.page-homepage #content {
  margin-top: 25px;
}
body.page-homepage section.container {
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  body.page-homepage section.expert-picks {
    margin-bottom: 60px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }
}
@media all and (max-width: 767px) {
  body.page-homepage section.expert-picks {
    margin-bottom: 60px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
    width: 95%;
  }
}
@media (max-width: 1199px) {
  .container {
    max-width: 1170px;
    width: 95%;
  }
}
@media (max-width: 992px) {
  .container {
    max-width: 970px;
    width: 95%;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 750px;
    width: 95%;
  }
}
@media (max-width: 500px) {
  .container {
    width: 100%;
    padding: 0;
  }
}
@media all and (min-width: 501px) {
  .mobileHero {
    display: none;
  }
}
@media all and (max-width: 500px) {
  .desktopHero {
    display: none;
  }
}
body.page-homepage .hero-wrapper, body .hero-wrapper {
  position: relative;
  overflow: hidden;
}
body.page-homepage .carousel-nav, body .carousel-nav {
  bottom: 10px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 98;
}
body.page-homepage .carousel-nav ul, body .carousel-nav ul {
  display: inline-block;
  margin: auto;
  text-align: center;
}
@media all and (min-width: 769px) {
  body.page-homepage .carousel-nav ul li, body .carousel-nav ul li {
    display: inline-block;
    margin: 0 8px;
  }
}
@media all and (max-width: 768px) {
  body.page-homepage .carousel-nav ul li, body .carousel-nav ul li {
    display: inline-block;
    margin: 0 3px;
  }
}
body.page-homepage .carousel-nav ul li a, body .carousel-nav ul li a {
  background: url("../images/sprite.png") -118px -84px no-repeat;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  height: 12px;
  width: 12px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
body.page-homepage .carousel-nav ul li.active a, body .carousel-nav ul li.active a {
  background-position: -158px -84px;
}
body.page-homepage .carousel-btn-container, body .carousel-btn-container {
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}
@media all and (min-width: 1024px) {
  body.page-homepage .carousel-control, body .carousel-control {
    top: 174px;
  }
}
@media all and (max-width: 768px) {
  body.page-homepage .carousel-control, body .carousel-control {
    top: 95px;
  }
}
@media all and (max-width: 767px) {
  body.page-homepage .carousel-control, body .carousel-control {
    top: 45px;
  }
}
body.page-homepage .carousel-control, body .carousel-control {
  background: url("../images/sprite.png") 4px -76px no-repeat;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  display: block;
  height: 38px;
  padding: 0;
  position: absolute;
  left: 20px;
  width: 30px;
  z-index: 95;
}
body.page-homepage .carousel-control.next, body .carousel-control.next {
  background-position: -49px -76px;
  left: auto;
  right: 20px;
}
body.page-homepage .carousel-loader, body .carousel-loader {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 50px;
  width: 50px;
}
body.page-homepage .carousel-slider. body .carousel-slider {
  overflow: hidden;
  position: relative;
}
body.page-homepage .carousel-slider > .item, body .carousel-slider > .item {
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  display: none;
  height: auto;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
body.page-homepage .carousel-slider > .item .close, body .carousel-slider > .item .close {
  display: none;
  left: inherit;
  right: 20px;
}
body.page-homepage .carousel-slider > .item.reveal .close, body .carousel-slider > .item.reveal .close {
  display: block;
}
body.page-homepage .carousel-slider > .item .on-top, body .carousel-slider > .item .on-top {
  position: relative;
  right: 0;
  z-index: 10;
}
body.page-homepage .carousel-slider > .item .on-top img, body .carousel-slider > .item .on-top img {
  display: block;
  height: auto;
  width: 100%;
}
body.page-homepage .carousel-slider > .item .on-bottom, body .carousel-slider > .item .on-bottom {
  background-color: #eeecec;
  -webkit-box-shadow: inset 0 0 14px #eeecec;
  -moz-box-shadow: inset 0 0 14px #eeecec;
  box-shadow: inset 0 0 14px #eeecec;
  padding: 24px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  z-index: 1;
}
body.page-homepage .carousel-slider > .item .on-bottom .products-grid, body .carousel-slider > .item .on-bottom .products-grid {
  margin: 0;
}
body.page-homepage .carousel-slider > .item .on-bottom .products-grid .item, body .carousel-slider > .item .on-bottom .products-grid .item {
  border: 0;
  margin-left: 42px;
  width: 195px;
}
body.page-homepage .carousel-slider > .item .on-bottom .products-grid .item:first-child,
body .carousel-slider > .item .on-bottom .products-grid .item:first-child {
  margin-left: 0;
}
body.page-homepage .carousel-slider > .item .on-bottom .products-grid .item img,
body .carousel-slider > .item .on-bottom .products-grid .item img {
  margin-bottom: 14px;
  height: 195px;
  width: 195px;
}
body.page-homepage .on-top, body .on-top,
body.page-homepage .carousel-nav, body .carousel-nav,
body.page-homepage .carousel-btn-container, body .carousel-btn-container {
  -webkit-transition: right 0.5s ease-in-out;
  -moz-transition: right 0.5s ease-in-out;
  -o-transition: right 0.5s ease-in-out;
  transition: right 0.5s ease-in-out;
}
.spiff a {
  display: block;
}
.spiff .product-details {
  position: relative;
}
.spiff .view-details {
  display: none;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  background: #f15a22;
  color: #fff;
  line-height: 1;
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 9px;
  text-indent: -150px;
  width: 13px;
  height: 13px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.spiff .view-details:after {
  background: url("../images/sprite.png") -58px -138px no-repeat;
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  right: 4px;
  top: 8px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.spiff a:hover .view-details {
  text-indent: -2px;
  width: 60px;
}
.spiff a:hover .view-details:after {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}
/*--------------------------------------------------------------
    Generic Grid (Category Landing, etc)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
    Category Landing
--------------------------------------------------------------*/
.category-landing .spiffs {
  *zoom: 1;
  margin: 25px 0;
}
@media all and (max-width: 599px) {
  .pageType-CategoryPage .category-landing .spiffs {
    margin: 0;
  }
}
.category-landing .spiffs:before,
.category-landing .spiffs:after {
  display: table;
  content: "";
  line-height: 0;
}
.category-landing .spiffs:after {
  clear: both;
}
.category-landing .spiffs:before,
.category-landing .spiffs:after {
  content: " ";
  display: table;
  line-height: 0;
}
.category-landing .spiffs:after {
  clear: both;
}
.category-landing .spiffs .spiff {
  float: left;
  width: 420px;
  margin-left: 20px;
}
.category-landing .spiffs .spiff:first-child {
  margin-left: 0;
}
.category-landing .subcategories h3 {
  margin-bottom: 0;
  font-size: 13px;
  font-family: "FuturaBT-Medium", Arial, sans-serif;
  line-height: 1;
  text-transform: uppercase;
}
.category-landing .subcategories ul {
  margin: 5px 0 30px;
}
.category-landing .subcategories ul li {
  margin: 6px 0;
}
@media all and (min-width: 768px) {
  .category-landing .subcategories ul li a {
    color: #444444;
  }
}
@media all and (max-width: 767px) {
  .category-landing .subcategories ul li a {
    color: #444444;
    font-size: 10px;
  }
}
.category-landing .subcategories ul li a:hover {
  color: #8e8e8e;
}
.category-landing .subcategories div {
  margin-bottom: 30px;
}
.category-landing .category-list {
  margin-top: 25px;
}
.category-landing .category-list ul {
  margin-top: 40px;
  *zoom: 1;
  width: 100%;
}
.category-landing .category-list ul:before,
.category-landing .category-list ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.category-landing .category-list ul:after {
  clear: both;
}
.category-landing .category-list ul:before,
.category-landing .category-list ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.category-landing .category-list ul:after {
  clear: both;
}
@media all and (min-width: 950px) {
  .category-landing .category-list ul li {
    float: left;
    width: 25%;
    margin-left: 3%;
    margin-right: 3%;
  }
}
@media all and (max-width: 949px) {
  .category-landing .category-list ul li {
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 10%;
  }
}
.category-landing .category-list ul li a img {
  width: 100%
}
.category-landing .category-list ul li h3 {
  color: #444444;
  font: 12px/1.2 "FuturaBT-Medium", Arial, sans-serif;
  margin: 15px 0 0 0;
  text-transform: uppercase;
  text-align: center;
}
.category-landing .category-list ul li:hover h3 {
  color: #8e8e8e;
}
.category-landing-featured {
  margin-top: 75px;
}
.category-landing-featured h3.styled {
  margin-bottom: 45px;
}
.category-landing-featured h3.styled span {
  font-size: 22px;
}
.category-landing-featured .products-grid li .product-details {
  margin-left: 30px;
}
.category-landing-featured .products-grid li > a {
  float: left;
}
.category-landing-featured .item h3 {
  font: 13px/1.5 "FuturaBT-Medium", Arial, sans-serif;
  color: #384855;
}
.category-landing-featured .item h3:hover {
  color: #8e8e8e;
}
.category-landing-featured .default-slider .banana-control {
  top: 35%;
}
.category-landing-featured .default-slider .banana-control.next {
  right: -33px;
}
.category-landing-featured .default-slider .banana-control.prev {
  left: -33px;
}
.category-landing-featured .default-slider .banana-control.next:hover {
  right: -38px;
}
.category-landing-featured .default-slider .banana-control.prev:hover {
  left: -38px;
}
.category-landing-featured .default-slider .banana-control.next.disabled:hover {
  cursor: default;
  right: -33px;
}
.category-landing-featured .default-slider .banana-control.prev.disabled:hover {
  cursor: default;
  left: -33px;
}
@media all and (min-width: 600px) and (max-width: 767px) {
  .pageType-CategoryPage #content .category-landing .col-main {
    width: 70%;
  }
}
@media all and (max-width: 600px) {
  .pageType-CategoryPage #content .category-landing .col-sm-2custom {
    display: none;
  }
  .pageType-CategoryPage #content .category-landing .col-main {
    padding-left: 0;
    padding-right: 0;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 10px);
  }
}
/*--------------------------------------------------------------
    Product Layered Nav
--------------------------------------------------------------*/
@media all and (min-width: 768px) {
  .layered-nav-filters h3 {
    color: #218db5;
    font: 13px/1 "FuturaBT-Medium", Arial, sans-serif;
  }
  .layered-nav-filters .attribute-set {
    margin-bottom: 25px;
  }
  .layered-nav-filters .filter-sidebar-close-div {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .layered-nav-filters {
    display: none;
    position: fixed;
    background-color: #f1f1f1;
    min-width: 200px;
    overflow: auto;
    z-index: 600;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .layered-nav-filters .filter-sidebar-close-div {
    display: block;
    position: sticky;
    left: 0;
    width: calc(100% - 11px);
    padding: 5px 6px 5px 5px;
    margin: 0;
    background-color: #f1f1f1;
    border: none;
    z-index: 600;
  }
  .layered-nav-filters .filter-sidebar-close-div.close-btn-div-top {
    top: 0;
  }
  .layered-nav-filters .filter-sidebar-close-div.close-btn-div-bottom {
    bottom: 0;
  }
  .layered-nav-filters .filter-sidebar-close-div .filter-sidebar-close-btn {
    width: 100%;
    background-color: #c7c7c7;
    border-width: 1px;
    border-style: solid;
    border-color: darkgrey;
    border-image: initial;
    margin: 0px;
    padding: 0px;
    color: #fff;
  }
  .layered-nav-filters .filter-sidebar-close-div .filter-sidebar-close-btn p {
    text-transform: uppercase;
    margin: 0px;
    padding: 10px 0px;
    font: 14px / 1 FuturaBT-Medium, Arial, sans-serif;
  }
  .layered-nav-filters h3 {
    display: block;
    width: 100%;
    color: #fff;
    font: 16px/1 "FuturaBT-Medium", Arial, sans-serif;
    margin: 0 0 20px 0;
    padding: 10px 0;
    text-align: center;
    background-color: darkgrey;
  }
  .product-listing .toolbar .filter .col-sm-2custom .row .block {
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .filter-options-list .attributes .attribute-set {
    margin: 0;
    padding: 0;
  }
  .layered-nav-filters .row .col-sm-7 .block .attributes {
    margin-left: 10px;
    margin-bottom: 20px;
    width: calc(100% - 10px);
  }
  .layered-nav-filters .row .col-sm-7 .block .attributes .list-container {
    margin-left: 10px;
  }
}
.layered-nav-filters h3 {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.layered-nav-filters .block {
  margin-bottom: 40px;
}
.layered-nav-filters .selected-attributes li {
  margin-bottom: 15px;
}
.layered-nav-filters .selected-attributes li a {
  color: #444444;
  display: inline-block;
  line-height: 16px;
}
.layered-nav-filters .selected-attributes li a:hover {
  color: #666666;
}
.layered-nav-filters .selected-attributes li .remove {
  margin-right: 5px;
}

.box-builder .category-top .content iframe {
  max-width: 560px;
  width: 95%;
}

div#content div.contain div.content table tbody tr td iframe {
  max-width: 640px;
  width: 95%;
}

.layered-nav-filters .selected-attributes li .remove a {
  text-indent: -9999px;
  background: url("../images/sprite.png") -42px -51px no-repeat;
  height: 16px;
  width: 16px;
}
.layered-nav-filters .attribute-set .list-container .hide {
  display: none;
}
.layered-nav-filters .attributes h4 {
  color: #444444;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
}
.layered-nav-filters .attributes .attribute {
  margin-bottom: 7px;
}
.layered-nav-filters .attributes .attribute a {
  cursor: pointer;
  color: #444444;
}
.layered-nav-filters .attributes .attribute a:hover {
  color: #666666;
}
.layered-nav-filters .attributes .attribute a span {
  margin-left: 5px;
}
.layered-nav-filters .attributes .attribute .facet-selected {
  display: none;
}
/*--------------------------------------------------------------
    Product Listing (Grid/List Views)
--------------------------------------------------------------*/
@media all and (min-width: 1025px) {
  .product-listing,
  .product-compare {
    padding: 15px 10px 0px 10px;
  }
}
@media all and (max-width: 1024px) {
  .product-listing,
  .product-compare {
    padding: 15px 10px 0px 10px;
  }
}
.product-listing .products-grid {
  margin-top: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.product-listing .products-grid.first {
  margin-top: 15px;
  padding-left: 0px;
}
@media all and (min-width: 1180px) {
  .product-listing .products-grid .item:nth-child(4n+1) {
    border-left: 1px solid #c7c7c7;
  }
}
@media all and (max-width: 1179px) and (min-width: 912px) {
  .product-listing .products-grid .item:nth-child(3n+1) {
    border-left: 1px solid #c7c7c7;
  }
}
@media all and (max-width: 911px) and (min-width: 483px) {
  .product-listing .products-grid .item:nth-child(2n+1) {
    border-left: 1px solid #c7c7c7!important;
  }
}
@media all and (max-width: 482px) {
  .product-listing .products-grid .item:nth-child(1n) {
    border-left: 1px solid #c7c7c7;
  }
}
.product-listing .products-grid .item {
  display: flex;
  flex-flow: column nowrap;
  border-left: none;
  border-left: 1px solid #c7c7c7;
}
.product-listing .products-grid .item .product-image {
  padding: 20px 20px 9px;
}
@media all and (min-width: 769px) {
  .product-listing .products-grid .item .product-image img {
    width: 195px;
    height: 195px;
  }
  .product-listing .products-grid .item .info .details {
    padding: 20px 20px 0;
    margin-bottom: 30px;
    -webkit-transition: min-height .3s ease-in-out;
    -moz-transition: min-height .3s ease-in-out;
    -o-transition: min-height .3s ease-in-out;
    transition: min-height .3s ease-in-out;
  }
}
@media all and (max-width: 768px) {
  .product-listing .products-grid .item .product-image img {
    width: 135px;
    height: 135px;
  }
  .product-listing .products-grid .item .info .details {
    padding: 10px 10px 0;
    margin-bottom: 15px;
    -webkit-transition: min-height .3s ease-in-out;
    -moz-transition: min-height .3s ease-in-out;
    -o-transition: min-height .3s ease-in-out;
    transition: min-height .3s ease-in-out;
  }
}
@media all and (max-width: 425px) {
  .product-listing .products-grid .item .product-image img {
    width: 115px;
    height: 115px;
  }
}
product-image.image-zoom.MagicZoom {
  width: 100% !important;
}
.product-listing .products-grid .item .info {
  border-top: 1px solid #c7c7c7;
}
.product-listing .products-grid .item .info .item-status {
  color: #77787b;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}

.product-listing .products-grid .item .info h2 {
  line-height: 18px;
  color: #5a5350;
  text-transform: none;
  margin-bottom: 25px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-listing .products-grid .item .info h2:hover {
  color: #666666;
}
.product-listing .products-grid .item .info .price-box {
  margin: 10px 0;
}
.product-listing .products-grid .item .info .summary {
  line-height: 16px;
  margin: 20px 0;
}
.product-listing .products-grid .item .add-to {
  padding: 0 20px 20px;
  margin-top: auto;
}
.product-listing .products-grid .item .add-to .button {
  width: 100%;
  padding: 0;
}
.product-listing .products-grid .item .add-to .button > span {
  width: 100%;
  padding: 11px 0;
  text-transform: uppercase;
  font-size: 11px;
}
.product-listing .products-list li {
  min-height: 100px;
}
.product-listing .products-list {
  margin: 15px 0;
}
.product-listing .products-list .item {
  *zoom: 1;
  border: 1px solid #c7c7c7;
  border-top: none;
}
.product-listing .products-list .item:before,
.product-listing .products-list .item:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-listing .products-list .item:after {
  clear: both;
}
.product-listing .products-list .item:before,
.product-listing .products-list .item:after {
  content: " ";
  display: table;
  line-height: 0;
}
.product-listing .products-list .item:after {
  clear: both;
}
.product-listing .products-list .item:first-child {
  border-top: 1px solid #c7c7c7;
}
.product-listing .products-list .item .item-status {
  color: #f15a22;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}
@media all and (max-width: 374px) {
  .product-listing,
  .product-compare {
    padding: 4px 10px;
  }
  .product-listing h1 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
@media all and (min-width: 768px) {
  .product-listing .products-list .item .product-image {
    padding: 20px 20px 0;
    float: left;
  }
}
@media all and (max-width: 767px) {
  .product-listing .products-list .item .product-image {
    padding: 10px 8px 0;
    float: left;
  }
}

.product-listing .products-list .item .product-image img {
  height: 105px;
  width: 105px;
}
@media all and (min-width: 768px) {
  .product-listing .products-list .item .compare {
    text-transform: uppercase;
    font-size: 11px;
    margin: 10px 0 10px;
  }
}
@media all and (max-width: 767px) {
  .product-listing .products-list .item .compare {
    text-transform: uppercase;
    font-size: 8px;
    margin: 6px 0 6px;
  }
}
.product-listing .products-list .item .compare a {
  color: #444444;
}
.product-listing .products-list .item .compare a:hover {
  color: #666666;
}
@media all and (min-width: 768px) {
  .product-listing .products-list .item .info {
    float: right;
    position: relative;
    max-width: 790px;
    width: 73%;
  }
}
@media all and (max-width: 767px) {
  .product-listing .products-list .item .info {
    float: right;
    position: relative;
    width: 65%;
  }
}
@media all and (max-width: 425px) {
  .product-listing .products-list .item .info {
    float: right;
    position: relative;
    width: 64%;
  }
}
@media all and (min-width: 1024px) {
  .product-listing .products-list .item .info .details {
    float: left;
    width: 65%;
    padding: 20px 0;
  }
}
@media all and (min-width: 768px) {
  .product-listing .products-list .item .info .details {
    float: left;
    width: 55%;
    padding: 20px 0;
  }
}
@media all and (max-width: 767px) {
  .product-listing .products-list .item .info .details {
    float: left;
    width: 95%;
    padding: 15px 0;
    font-size: 10px;
  }
}

.product-listing .products-list .item .info h2 {
  line-height: 18px;
  color: #5a5350;
  text-transform: none;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product-listing .products-list .item .info h2:hover {
  color: #8e8e8e;
}
.product-listing .products-list .item .info .price-box {
  margin: 5px 0;
}
.product-listing .products-list .item .info .summary {
  line-height: 16px;
  margin: 15px 0 0;
}
.product-listing .products-list .item .info .add-to {
  float: right;
  margin-right: 20px;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .product-listing .products-list .item .info .add-to {
    position: relative;
    bottom: 20px;
  }
}
@media all and (min-width: 768px) {
  .product-listing .products-list .item .info .add-to .button {
    margin: 40px auto 20px;
    display: block;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .product-listing .products-list .item .info .add-to .button {
    margin: 0 auto 10px;
    display: block;
    padding: 0;
  }
}
@media all and (min-width: 768px) {
  .product-listing .products-list .item .info .add-to .button > span {
    padding: 11px 36px;
    text-transform: uppercase;
    font-size: 11px;
    min-width: 50px;
  }
}
@media all and (max-width: 767px) {
  .product-listing .products-list .item .info .add-to .button > span {
    padding: 8px 28px;
    text-transform: uppercase;
    font-size: 9px;
    min-width: 50px;
  }
}
.product-listing .search-spelling-suggestion {
  margin-bottom: 15px;
}
.product-listing .item .compare {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 12px;
  display: block;
}
.product-listing .item .compare a {
  background: url("../images/sprite.png") -1px -179px no-repeat;
  height: 20px;
  width: 0;
  line-height: 21px;
  padding-left: 25px;
  display: block;
  color: #444444;
}
.product-listing .item .compare a:hover {
  color: #666666;
}
.product-listing .item .compare a.active {
  background: url("../images/sprite.png") -59px -179px no-repeat;
}
.product-listing .item .compare.disabled {
  opacity: 0.5;
}
.product-listing .item .compare.disabled a:hover {
  color: #666666;
}
.col-left .compare {
  *zoom: 1;
}
.col-left .compare:before,
.col-left .compare:after {
  display: table;
  content: "";
  line-height: 0;
}
.col-left .compare:after {
  clear: both;
}
.col-left .compare:before,
.col-left .compare:after {
  content: " ";
  display: table;
  line-height: 0;
}
.col-left .compare:after {
  clear: both;
}
.col-left .compare ul li {
  margin-bottom: 10px;
  line-height: 18px;
  *zoom: 1;
}
.col-left .compare ul li:before,
.col-left .compare ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.col-left .compare ul li:after {
  clear: both;
}
.col-left .compare ul li:before,
.col-left .compare ul li:after {
  content: " ";
  display: table;
  line-height: 0;
}
.col-left .compare ul li:after {
  clear: both;
}
.col-left .compare ul li a {
  float: left;
  vertical-align: middle;
  color: #444444;
  width: 140px;
}
.col-left .compare ul li a:hover {
  color: #666666;
}
.col-left .compare ul li .remove {
  background: url("../images/sprite.png") -42px -51px no-repeat;
  height: 16px;
  width: 16px;
  text-indent: -9999px;
  margin-right: 10px;
  float: left;
}
.col-left .compare .buttons-set {
  margin-top: 20px;
}
.col-left .compare .button {
  float: left;
}
.col-left .compare .clearall {
  float: left;
  margin: 10px 0 0 15px;
}
.product-listing .small_detail {
  margin-bottom: 10px;
}

@media all and (min-width: 768px) {
  .header-container .header .logo .simple-img .desktop-sbc-image {
    display: block;
  }
  .header-container .header .logo .simple-img .mobile-sbc-image {
    display: none;
  }
}

@media all and (max-width: 767px) {
  .header-container .header .logo .simple-img .desktop-sbc-image {
    display: none;
  }
  .header-container .header .logo .simple-img .mobile-sbc-image {
    display: block;
    min-height: 45px;
  }

}

/*--------------------------------------------------------------
    Product Compare Page
--------------------------------------------------------------*/
.product-compare {
  margin-bottom: 100px;
}
.product-compare .page-title {
  margin: 35px 0 25px;
  *zoom: 1;
}
.product-compare .page-title:before,
.product-compare .page-title:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-compare .page-title:after {
  clear: both;
}
.product-compare .page-title:before,
.product-compare .page-title:after {
  content: " ";
  display: table;
  line-height: 0;
}
.product-compare .page-title:after {
  clear: both;
}
.product-compare .page-title h1 {
  float: left;
  margin-bottom: 0;
}
.product-compare .page-title .compare-links {
  float: right;
  margin-top: 13px;
}
.product-compare .page-title .compare-links li {
  display: inline-block;
  margin-left: 30px;
}
.product-compare .page-title .compare-links li a {
  background: #eeecec;
  padding: 6px 15px;
  font-size: 12px;
  text-transform: uppercase;
  color: #444444;
}
.product-compare .compare-products {
  border: 1px solid #c7c7c7;
}
.product-compare .compare-products tr.image {
  border-bottom: 1px solid #c7c7c7;
}
.product-compare .compare-products tr th {
  width: 198px;
  text-align: right;
  padding: 20px;
  text-transform: uppercase;
  color: #444444;
  line-height: 20px;
  font-weight: normal;
}
.product-compare .compare-products tr td {
  width: 196px;
  padding: 18px;
  border-left: 1px solid #c7c7c7;
  line-height: 20px;
}
.product-compare .compare-products td.image th,
.product-compare .compare-products td.image td {
  border-bottom: 1px solid #c7c7c7;
}
.product-compare .compare-products td.image img {
  max-width: 195px;
  width: 100%;
  height: auto;
}
.product-compare .compare-products .title .status {
  color: #77787b;
  display: block;
  margin-bottom: 15px;
  font-size: 15px;
}
.product-compare .compare-products .title a {
  display: block;
  clear: both;
  color: #384855;
}
.product-compare .compare-products .title a:hover {
  color: #666666;
}
.product-compare .compare-products .price span.label,
.product-compare .compare-products .price span.price {
  color: #384855;
}
.product-compare .compare-products tbody th,
.product-compare .compare-products tfoot th,
.product-compare .compare-products tbody td,
.product-compare .compare-products tfoot td {
  border-top: 1px solid #c7c7c7;
}
.product-compare .compare-products tfoot .button {
  width: 100%;
  clear: both;
  display: block;
}
.product-compare .compare-products tfoot .button > span {
  text-transform: uppercase;
  padding: 12px 0;
  font-size: 11px;
  width: 100%;
  text-align: center;
}
.product-compare .compare-products tfoot .remove {
  display: block;
  margin-top: 20px;
}
/*--------------------------------------------------------------
    Toolbars (global)
--------------------------------------------------------------*/
.toolbar {
  *zoom: 1;
  background: #fbfbfb;
  border: 1px solid #c7c7c7;
  position: relative;
}
.toolbar:before,
.toolbar:after {
  display: table;
  content: "";
  line-height: 0;
}
.toolbar:after {
  clear: both;
}
.toolbar:before,
.toolbar:after {
  content: " ";
  display: table;
  line-height: 0;
}
.toolbar:after {
  clear: both;
}
@media all and (min-width: 800px) and (max-width: 959px) {
  .toolbar .view {
    border-right: 1px solid #c7c7c7;
    width: 130px;
  }
}
@media all and (min-width: 768px) and (max-width: 799px) {
  .toolbar .view {
    border-right: none;
    width: auto;
  }
}
@media all and (min-width: 960px) {
  .toolbar .view {
    border-right: 1px solid #c7c7c7;
    width: 130px;
  }
  .toolbar .sort-by {
    border-right: none;
  }
  .toolbar .customStyleSelectBox {
    padding-left: 10px;
  }
  .toolbar .sorting.right-without-margin {
    min-width: 583px;
  }
  .toolbar .sorting #sort_form1, .toolbar .sorting #sort_form2 {
    min-width: 389px;
  }
  .toolbar .sorting #sort_form1 .show, .toolbar .sorting #sort_form2 .show{
    border-left: 1px solid #c7c7c7;
  }
}
@media all and (min-width: 768px) {
  .toolbar .customStyleSelectBox {
    background: url("../images/sprite.png") right -415px no-repeat;
    background-color: #fbfbfb;
    border: none;
    line-height: 1;
    padding: 11px 33px 8px 25px;
    width: 113%;
    text-transform: uppercase;
    cursor: pointer;
  }
  .page-search #sort_form1 .show .customStyleSelectBox, .page-search #sort_form2 .show .customStyleSelectBox {
    padding-right: 33px;
  }
  .toolbar .view {
    padding: 14px 1px 14px;
  }
  .toolbar .view span {
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 10px;
  }
  .toolbar .sort-by {
    border-left: 1px solid #c7c7c7;
  }
  .toolbar .filter-categories {
    display: none;
  }
}
@media all and (max-width: 959px) {
  .toolbar .show {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .toolbar .customStyleSelectBox {
    background: url("../images/sprite.png") right -415px no-repeat;
    background-color: #fbfbfb;
    border: none;
    line-height: 1;
    padding: 10px 35px 10px 15px;
    width: 110%;
    text-transform: uppercase;
    cursor: pointer;
  }
  .page-search #sort_form1 .show, .page-search #sort_form2 .show {
    margin-left: 20px;
  }
  .toolbar .view {
    display: none;
  }
  .toolbar .filter-categories {
    display: block;
    height: 50px;
    float: left;
  }
  .toolbar .filter-categories button {
    width: 100%;
    height: 100%;
    border: none;
    background-color: inherit;
    font: normal 15px/1 "FuturaBT-Medium", Arial, sans-serif;
    padding: 0;
    letter-spacing: 0.7px;
    text-align: left;
    text-transform: uppercase;
  }
  .toolbar .filter-categories button .filter-sidebar-content {
    margin-right: 5px;
  }
  .toolbar .filter-categories button .filter-sidebar-content > span {
    margin-left: 20px;
    font-size: 15px;
  }
}
@media all and (min-width: 425px) and (max-width: 649px) {
  .toolbar .filter-categories {
    width: 100px;
  }
}
@media all and (min-width: 560px) and (max-width: 767px) {
  .toolbar .filter-categories {
    border-right: 1px solid #c7c7c7;
  }
}
@media all and (max-width: 559px) {
  .toolbar .sorting {
    border-left: 1px solid #c7c7c7;
  }
  .toolbar .filter-categories {
    border-right: none;
  }
  .toolbar .select-wrap .customStyleSelectBoxInner {
    font-size: 15px;
    width: 41px;
    text-overflow: clip;
    padding: 8px 0 7px;
  }
}
@media all and (max-width: 424px) {
  .toolbar .sorting form {
    width: 65px;
  }
  .toolbar .sorting form .select-wrap {
    width: 100%;
  }
  .toolbar .sorting form .select-wrap .customStyleSelectBox {
    background-position-x:  96%;
  }
  .toolbar .sorting form .select-wrap .customStyleSelectBox .customStyleSelectBoxInner {
    margin-left: -5px;
  }
  .toolbar .filter-categories button .filter-sidebar-content > span {
    margin-left: 10px;
  }
  .toolbar .filter-categories {
    width: 88px;
    min-width: auto;
  }
}
.toolbar .view .grid,
.toolbar .view .list {
  height: 22px;
  width: 22px;
  text-indent: -9999px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.toolbar .view .grid:hover,
.toolbar .view .list:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.toolbar .view .active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.toolbar .view .grid {
  background: url("../images/sprite.png") -269px 0 no-repeat;
}
.toolbar .view .list {
  background: url("../images/sprite.png") -180px 0 no-repeat;
}
.toolbar .sorting form {
  float: left;
}
.toolbar .sort-by select {
  width: 100%;
}
.toolbar .show select {
  width: 100%;
}
.toolbar .sort-by,
.toolbar .show {
  height: 50px;
}
.toolbar select {
  opacity: 0;
  filter: alpha(opacity=0);
}
.toolbar .select-wrap {
  width: auto;
}
.toolbar .select-wrap select {
  height: 100%;
  cursor: pointer;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .page-search #sort_form1 .sort-by, .page-search #sort_form2 .sort-by {
    border-left: none;
  }
}
@media all and (max-width: 425px) {
  .page-search #sort_form1 .show, .page-search #sort_form2 .show {
    margin-left: 20px;
  }
}
@media all and (max-width: 425px) {
  .page-search .toolbar .sort-by .customStyleSelectBox {
    padding-right: 22px;
  }
}
.toolbar .customStyleSelectBox.focus {
  border: none;
}
@media all and (min-width: 768px) {
  .toolbar .pages {
    border-left: 1px solid #c7c7c7;
    padding: 17px 5px;
  }
  .toolbar .pages ol {
    width: 180px;
  }
  .toolbar .pages ol li {
    font-size: 13px;
    margin: 0 3px;
  }
}
@media all and (max-width: 767px) {
  .toolbar .pages {
    border-left: 1px solid #c7c7c7;
    padding: 10px 0;
    min-width: 160px;
  }
  .toolbar .pages ol li {
    font-size: 15px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1px;
  }
}
@media all and (min-width: 425px) {
  .toolbar .pages ol li {
    display: inline-block;
    vertical-align: middle;
  }
}
.toolbar .pages ol li a {
  color: #c7c7c7;
}
.toolbar .pages ol li a:hover {
  color: #8e8e8e;
}
.toolbar .pages ol li .prev,
.toolbar .pages ol li .next {
  height: 15px;
  width: 15px;
  text-indent: -9999px;
  display: block;
}
.toolbar .pages ol li .prev {
  background: url("../images/sprite.png") -71px -3px no-repeat;
}
.toolbar .pages ol li .next {
  background: url("../images/sprite.png") -125px -3px no-repeat;
}
.toolbar .pages .current {
  color: #384855;
}
/*--------------------------------------------------------------
    Global messages
--------------------------------------------------------------*/
#globalMessages > p {
  margin-left: 10px;
  width: calc(100% - 20px);
}
/*--------------------------------------------------------------
    Product Details Page
--------------------------------------------------------------*/
.breadcrumb {
  *zoom: 1;
}
.breadcrumb:before,
.breadcrumb:after {
  display: table;
  content: "";
  line-height: 0;
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb:before,
.breadcrumb:after {
  content: " ";
  display: table;
  line-height: 0;
}
.breadcrumb:after {
  clear: both;
}
.breadcrumb > ul {
  float: left;
}
.breadcrumb > ul li {
  line-height: 28px;
}
.breadcrumb .share {
  float: right;
}
.share {
  min-width: 86px;
}
@media all and (min-width: 501px) {
  .share .st_fblike_hcount {
    float: left;
    display: block;
    margin-right: 18px;
  }
}
@media all and (max-width: 500px) {
  .share .st_fblike_hcount {
    float: left;
    display: block;
    margin-right: 5px;
  }
}
.share .trigger {
  float: right;
  position: relative;
  cursor: pointer;
}
.share .trigger > strong {
  display: block;
  width: 86px;
  height: 28px;
  line-height: 28px;
  padding: 0 12px 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eeecec;
  color: #384855;
  font-weight: normal;
  vertical-align: top;
  text-transform: uppercase;
}
.share .trigger > strong:before {
  content: '';
  position: absolute;
  top: 0;
  left: 12px;
  width: 12px;
  height: 28px;
  background: url('../images/sprite.png') 0 -537px no-repeat;
}
.share .dropdown {
  display: none;
  width: 110px;
  padding: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eeecec;
  position: absolute;
  top: 100%;
  left: 0;
}
.share .dropdown li {
  display: block;
  margin-top: 12px;
}
.share .dropdown li:first-child {
  margin-top: 0;
}
.share .dropdown li span {
  vertical-align: top;
  margin: 0;
  color: #384855;
  height: 18px;
  line-height: 18px;
  display: block;
  cursor: pointer;
}
.share .dropdown li span:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  background: url('../images/sprite.png') 0 -580px no-repeat;
}
.share .dropdown li span.st_facebook_custom:before {
  background-position: 0 -609px;
}
.share .dropdown li span.st_email_custom:before {
  background-position: 0 -637px;
}
.tool-tip {
  display: inline-block;
  vertical-align: top;
  margin-left: 2px;
}
.tool-tip .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../images/sprite.png') -139px -183px no-repeat;
  text-indent: -999em;
}
@media all and (min-width: 426px) {
  .product-view {
    *zoom: 1;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 425px) {
  .product-view {
    *zoom: 1;
    margin-bottom: 50px;

  }
}

.product-view:before,
.product-view:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-view:after {
  clear: both;
}
.product-view:before,
.product-view:after {
  content: " ";
  display: table;
  line-height: 0;
}
.product-view:after {
  clear: both;
}
@media all and (min-width: 769px) {
  .product-view .wrap {
    margin: 0 46px;
  }
}
@media all and (max-width: 768px) {
  .product-view .wrap {
    margin: 0 4%;
  }
}
@media all and (max-width: 425px) {
  .product-view .wrap {
    margin: 0 2%;
  }
}

@media all and (min-width: 768px) {
  .product-view .top-container {
    background-color: #eeecec;
    padding: 44px 3% 22px;
  }
}
@media all and (max-width: 767px) {
  .product-view .top-container {
    padding: 20px 2.5% 22px;
  }
}
@media all and (max-width: 425px) {
  .product-view .top-container {
    padding: 15px 2.5% 10px;
  }
}
@media all and (min-width: 501px) {
  .product-view .gallery-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 537px;
    width: 50%;
  }
}
@media all and (max-width: 500px) {
  .product-view .gallery-container {
    position: relative;
    vertical-align: top;
    max-width: 537px;
    width: 100%;
    padding-bottom: 22px;
  }
}
#main-image img {
  width: 100%;
}
/*
    FAMILY HISTORY PAGE
*/
#nav {
  padding-top: 150px;
  margin-top: -150px;
}
@media all and (min-width: 769px) {
  .tellUs-mob {
    display: none;
  }
}
@media all and (max-width: 768px) {
  .tellUs-desktop {
    display: none;
  }
}
@media all and (min-width: 768px) {
  .whyarchival-mob {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .whyarchival-desktop {
    display: none;
  }
  .whyarchival-mob {
    margin-bottom: 7%;
  }
  .whyarchival-backgr {
    background-color: #FAF7EE;
    padding-bottom: 1px;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 5%;
  }
  .whyarchival-img {
    padding-left: 4%;
    padding-right: 4%;
    text-align: center;
    font-size: 16px;
  }
}
@media all and (min-width: 768px) {
  .howtos-mob {
    display: none;
  }
  .howtos-bimg {
    padding-top: 13%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    background-position: center;
  }
}
@media all and (max-width: 767px) {
  .howtos-desktop {
    display: none;
  }
  .howtos-mob {
    padding-left: 4%;
    padding-right: 4%;
    text-align: center;
    height: 670px;
    font-size: 16px;
  }
  .howtos-backgr {
    padding-top: 5%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 1px;
    background-color: #FFF8F0;
  }
}
@media all and (max-width: 500px) {
  .howtos-mob {
    padding-left: 4%;
    padding-right: 4%;
    text-align: center;
    height: 580px;
    font-size: 16px;
  }
}
@media all and (min-width: 768px) {
  .yourStory-mob {
    display: none;
  }
  .consumer-tab-mob {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .yourStory-mob {
    height: auto;
    width: 100%;
  }
  .yourStory-desk {
    display: none;
  }
  .consumer-tab-mob {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 10%;
    padding-left: 30%;
    padding-bottom: 100px;
    width: 510px;
  }
  .whatsyourstory-tab {
    padding-top: 5%;
    padding-left: 4%;
    padding-right: 4%;
    color: #3A6D73;
  }
  .whatsyourstory-backgr {
    padding-top: 5%;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 1px;
    background-color: #F0F4F7;
  }
  .whatsyourstory-backg-img {
    margin: 0px 0px 0px -3px;
    width: 101%;
  }
  .consumer-tab-desktop {
    display: none;
  }
}
@media all and (max-width: 550px) {
  .consumer-tab-mob {
    background-size: 117% 95%;
  }
}
@media all and (max-width: 400px) {
  .whatsyourstory-tab {
    color: #3A6D73;
  }
  .consumer-tab-mob {
    background-repeat: no-repeat;
    background-size: 117% 95%;
    padding-top: 13%;
    padding-left: 26%;
    padding-bottom: 76px;
    width: 510px;
  }
}
@media all and (min-width: 768px) {
  .preservation2-desktop {
    float: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .preservation2-background {
    padding-top: 5%;
    padding-left: 5%;
    padding-right: 3%;
    text-align: left;
    background-color: #F0F9F8;
  }
  .preservation2-mob {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .preservation2-desktop {
    display: none;
  }
  .preservation2-mob {
    float: left;
    width: 100%;
    height: 740px;
  }
}
@media all and (max-width: 550px) {
  .preservation2-mob {
    float: left;
    width: 100%;
    height: 700px;
  }
}
@media all and (max-width: 400px) {
  .preservation2-mob {
    float: left;
    width: 100%;
    height: 700px;
  }
}
@media all and (min-width: 768px) {
  .whatsyourstory-image {
    float: left;
  }
}
@media all and (max-width: 767px) {
  .whatsyourstory-image {
    float: left;
    margin-top: 30px;
    height: 382px;
  }
}
.whatsyourstory-table {
  float: left;
  margin-top: 30px;
  height: 350px;
}
@media all and (min-width: 551px) {
  .preservation1 a img {
    width: 100%;
    height: 100%;
  }
  .preservation1 {
    width: 33%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    float: left;
  }
  .preservation1-mob {
    display: none;
  }
}
@media all and (max-width: 550px) {
  .preservation1 {
    display: none;
  }
  .preservation1-mob a img {
    width: 100%;
    height: 100%;
  }
  .preservation1-mob {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
}
.hbspt-form {
  width: 100% !important;
}
.hbspt-form iframe {
  width: 90% !important;
}
/*
    FAMILY HISTORY PAGE END
*/
.product-view .gallery-container #main-image {
  cursor: default;
  display: block;
  width: 100% !important;
}
.product-view .gallery-container .image-zoom {
  cursor: crosshair;
}
.product-view .gallery-container .video-container {
  background-color: #eeecec;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 190;
}
@media all and (min-width: 426px) {
  .product-view .gallery-container .image-details {
    *zoom: 1;
    padding-top: 26px;
    color: #555555;
  }
}
@media all and (max-width: 425px) {
  .product-view .gallery-container .image-details {
    *zoom: 1;
    padding-top: 26px;
    color: #555555;
    display: none;
  }
}
.product-view .gallery-container .image-details:before,
.product-view .gallery-container .image-details:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-view .gallery-container .image-details:after {
  clear: both;
}
.product-view .gallery-container .image-details:before,
.product-view .gallery-container .image-details:after {
  content: " ";
  display: table;
  line-height: 0;
}
.product-view .gallery-container .image-details:after {
  clear: both;
}
.product-view .gallery-container .image-details p {
  float: left;
  vertical-align: top;
  width: 350px;
  font-size: 10px;
  line-height: 18px;
  margin-bottom: 0;
}
.product-view .gallery-container .image-details .zoom-indicator {
  float: right;
  display: block;
  max-width: 180px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}
.product-view .gallery-container .image-details .zoom-indicator:before {
  content: '';
  width: 18px;
  height: 18px;
  margin-right: 7px;
  display: inline-block;
  vertical-align: top;
  background: url('../images/sprite.png') -96px -181px no-repeat;
}
.product-view .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  z-index: 96;
  text-indent: -9999px;
  display: block;
}
.product-view .banner.new {
  background: url("../images/sprite.png") -218px -495px no-repeat;
}
.product-view .banner.best_seller {
  background: url("../images/sprite.png") -312px -495px no-repeat;
}
.product-view .banner.sale {
  background: url("../images/sprite.png") -407px -495px no-repeat;
}
.product-view .banner.new_options {
  background: url("../images/sprite.png") -503px -495px no-repeat;
}
@media all and (min-width: 501px) {
  .product-view .product-info {
    max-width: 514px;
    width: 47%;
    padding: 38px 0;
  }
}
@media all and (max-width: 500px) {
  .product-view .product-info {
    max-width: 514px;
    width: 100%;
    padding: 8px 0 0;
  }
}
.product-view .product-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  background-color: #ffffff;
  border: 1px solid #c7c7c7;
}
.ptabs {
  text-transform: uppercase;
  font-size: 16px;
  color: #384855;
  font: normal 13px/1 "FuturaBT-Medium", Arial, sans-serif;
  align-content: end;
}

.ptabsplus {
  font-size: 20px;
  font-weight: bold;
}
@media all and (min-width: 769px) {
  .mobile-wrap-tabs {
    display: none;
  }
}
@media all and (max-width: 768px) {
  .desktop-wrap-tabs {
    display: none;
  }
}
.product-view .product-info .product-name {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 18px;
}
.product-view .product-info .product-name h1 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 18px;
  color: #f15a22;
  font-family: "FuturaBT-Medium", Arial, sans-serif;
  text-transform: none;
}
.product-view .product-info .product-name .sku {
  font-size: 12px;
}
.product-view .price-box {
  padding: 18px 0;
  color: #384855;
}
.product-view .price-box .price {
  font-size: 16px;
}
.product-view .price-box .volume-pricing {
  margin-top: 15px;
  margin-bottom: 5px;
}
.product-view .price-box .volume-pricing th {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
}
.product-view .price-box .volume-pricing td {
  font-size: 12px;
  line-height: 18px;
  border-bottom: 1px dotted #384855;
}
.product-view .price-box .volume-pricing td span {
  background-color: #ffffff;
  position: relative;
  top: 5px;
  padding-right: 2px;
}
.product-view .price-box .volume-pricing td.volume-price-price {
  text-align: right;
  border-left: 1px solid transparent;
}
.product-view .price-box .volume-pricing td.volume-price-price span {
  padding: 0 0 0 2px;
}
.product-view .price-box p {
  font-size: 11px;
  line-height: 26px;
  margin-bottom: 0;
}
@media all and (min-width: 768px) {
  .product-view .product-shop {
    padding-top: 28px;
    border-top: 1px solid #c7c7c7;
  }
}
@media all and (max-width: 767px) {
  .product-view .product-shop {
    border-top: none;
    padding-top: 18px;
  }
}
.product-view .product-shop .select-wrap,
.product-view .product-shop .select-wrap select {
  max-width: 248px;
  width: 95%;
}
.product-view .product-shop .select-wrap .customStyleSelectBox,
.product-view .product-shop .select-wrap select .customStyleSelectBox {
  background-position: -339px -425px;
}
.product-view .product-shop .input-text {
  width: 248px;
}
.product-view .product-shop .quantity-box {
  position: relative;
  display: inline-block;
}
.product-view .product-shop .quantity-box label {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}
.product-view .product-shop .quantity-box .quantity-increments {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  line-height: 33px;
  margin-left: 10px;
}
.product-view .product-shop .quantity-box .loader {
  position: absolute;
  right: -20px;
  top: 26px;
}
.product-view .product-shop .quantity-box .loader img {
  height: 20px;
  width: 20px;
}
.product-view .product-shop .configurable-options-container + .quantity-box,
.product-view .product-shop .options-list + .quantity-box {
  margin-top: 18px;
}
.product-view .product-shop .part-number-list {
  margin-bottom: 18px;
}
.product-view .product-shop .qty {
  width: 70px;
}
.product-view .swatches {
  *zoom: 1;
}
.product-view .swatches:before,
.product-view .swatches:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-view .swatches:after {
  clear: both;
}
.product-view .swatches:before,
.product-view .swatches:after {
  content: " ";
  display: table;
  line-height: 0;
}
.product-view .swatches:after {
  clear: both;
}
.product-view .swatches li {
  float: left;
  display: block;
  line-height: 38px;
  border: 1px solid #c7c7c7;
  padding: 0 15px;
  margin: 0 5px 5px 0;
  cursor: pointer;
  -webkit-transition: border-color ease 0.35s, background-color ease 0.35s;
  -moz-transition: border-color ease 0.35s, background-color ease 0.35s;
  -o-transition: border-color ease 0.35s, background-color ease 0.35s;
  transition: border-color ease 0.35s, background-color ease 0.35s;
}
.product-view .swatches li:first-child {
  margin-left: 0;
}
.product-view .swatches li.active {
  border-color: #666666;
  background-color: #666666;
  color: #ffffff;
}
.product-view .swatches.disabled li {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.product-view .add-to-cart {
  *zoom: 1;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 28px 0;
  margin-top: 28px;
}
.product-view .add-to-cart:before,
.product-view .add-to-cart:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-view .add-to-cart:after {
  clear: both;
}
.product-view .add-to-cart:before,
.product-view .add-to-cart:after {
  content: " ";
  display: table;
  line-height: 0;
}
.product-view .add-to-cart:after {
  clear: both;
}
.product-view .add-to-cart .button {
  float: none;
}
@media all and (min-width: 1121px) {
  .product-view .add-to-wishlist {
    float: right;
    padding-top: 16px;
  }
}
@media all and (max-width: 1120px) {
  .product-view .add-to-wishlist {
    float: none;
    padding-top: 16px;
    width: 220px;
  }
}
@media all and (min-width: 1024px) {
  .product-view .add-to-wishlist .menu-label {
    background-position: -439px -299px;
    font-size: 12px;
    padding: 6px 40px 6px 20px;
    text-transform: uppercase;

  }
}
@media all and (max-width: 768px) {
  .product-view .add-to-wishlist .menu-label {
    background-position: -439px -299px;
    font-size: 12px;
    padding: 6px 44px 6px 20px;
    text-transform: uppercase;

  }
}
.product-view .add-to-wishlist .menu-label ul {
  min-width: 100%;
}
.product-view .add-to-wishlist .menu-label ul li {
  margin: 7px 0;
}
.product-view .add-to-wishlist .menu-label ul li a {
  color: #666666;
}
.product-view .add-to-wishlist .menu-label.over {
  background-position: -439px -330px;
}
.product-view .product-description {
  padding: 16px 0;
  font-size: 13px;
  line-height: 20px;
}
.product-view .product-description b,
.product-view .product-description strong {
  font-weight: bold;
}
.product-view .product-description i,
.product-view .product-description em {
  font-style: italic;
}
.product-attributes,
.product-extras,
#tab-spcs.tab-content.active {
  padding-top: 18px;
}
.product-view .product-attributes li {
  margin-top: 18px;
  line-height: 18px;
}
.product-view .product-attributes li:first-child {
  margin-top: 0;
}
.product-view .product-attributes li:before {
  content: '•';
  color: #f15a22;
  margin-right: 8px;
}
.product-view .product-attributes b,
.product-view .product-attributes strong {
  font-weight: bold;
}
.product-view .product-attributes i,
.product-view .product-attributes em {
  font-style: italic;
}
.product-view .specs-table td {
  padding: 10px 11px;
  font-size: 12px;
}
.product-view .specs-table .odd td {
  background-color: #fbfbfb;
}
.product-view .dimensions-container {
  margin-top: 15px;
}
.product-view .product-extras li {
  *zoom: 1;
  font-size: 12px;
  line-height: 16px;
}
.product-view .product-extras li:before,
.product-view .product-extras li:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-view .product-extras li:after {
  clear: both;
}
.product-view .product-extras li:before,
.product-view .product-extras li:after {
  content: " ";
  display: table;
  line-height: 0;
}
.product-view .product-extras li:after {
  clear: both;
}
.product-view .product-extras li.download {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #c7c7c7;
}
.product-view .product-extras li .info {
  width: 100%;
  word-wrap: normal;
  float: left;
  overflow: hidden;
}
.product-view .product-extras li .button {
  float: right;
}
.product-view .product-extras li h4 {
  font-size: 12px;
  color: #384855;
  margin-bottom: 0;
}
.product-view .product-extras li p {
  font-size: 10px;
}
.product-view .product-badges {
  border-bottom: 1px solid #c7c7c7;
}
.product-view .product-badges ul {
  display: table;
  width: 100%;
  padding: 15px 0;
}
.product-view .product-badges li {
  vertical-align: middle;
  text-align: center;
  width: 33%;
  float: left;
  margin: 5px 0;
}
.product-view .product-swatches {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 18px 46px;
  *zoom: 1;
}
.product-view .product-swatches:before,
.product-view .product-swatches:after {
  display: table;
  content: "";
  line-height: 0;
}
.product-view .product-swatches:after {
  clear: both;
}
.product-view .product-swatches:before,
.product-view .product-swatches:after {
  content: " ";
  display: table;
  line-height: 0;
}
.product-view .product-swatches:after {
  clear: both;
}
.product-view .product-swatches p {
  float: left;
  display: block;
  line-height: 18px;
  margin-bottom: 0;
}
@media all and (min-width: 1024px) {
  .product-view .product-swatches p {
    width: 58%;
  }
}
@media all and (max-width: 1023px) {
  .product-view .product-swatches p {
    width: 100%;
  }
  .product-view .product-swatches a {
    margin-top: 10px
  }
}
@media all and (max-width: 767px) {
  .product-view .product-swatches {
    padding: 20px 0;
    margin: 0 2%;
  }
}


.product-view .product-swatches a {
  float: right;
  display: block;
  width: 125px;
  padding: 0 10px;
  height: 32px;
  line-height: 34px;
  font-size: 10px;
  text-transform: uppercase;
  color: #384855;
  text-align: center;
  border: 1px solid #eeecec;
  background-color: #eeecec;
}
.product-view .product-swatches a:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  margin: 10px 0 0 12px;
  background: url('../images/sprite.png') 0 -671px no-repeat;
}
.product-view .product-swatches + .product-shop {
  border-top: none;
}
@media all and (min-width: 426px) {
  .gallery-container .default-slider {
    position: relative;
    margin-top: 22px;
  }
}
@media all and (max-width: 425px) {
  .gallery-container .default-slider {
    position: relative;
    margin-top: 22px;
    margin-bottom: 15px;
  }
}
.gallery-container .default-slider .banana-control {
  margin-top: -14px;
}
.gallery-container .default-slider .banana-control.next {
  background-position: -49px -82px;
  right: 0;
  z-index: 95;
}
.gallery-container .default-slider .banana-control.next:hover {
  right: -12px;
}
.gallery-container .default-slider .banana-control.next.disabled:hover {
  right: 0;
}
.gallery-container .default-slider .banana-control.prev {
  background-position: -3px -82px;
  left: 0;
}
.gallery-container .default-slider .banana-control.prev:hover {
  left: -12px;
}
.gallery-container .default-slider .banana-control.prev.disabled:hover {
  left: 0;
}
.MagicZoomBigImageCont {
 z-index: 95!important;
}
#main-image .MagicBoxShadow {
  max-width: 538px;
  width: 100%;
}
.page-collectionProductDetails .product-view .gallery-container, .page-collectionProductDetails .product-view .product-info {
  max-width: unset;
}
@media all and (min-width: 1180px) {
  .alternate-images {
    position: relative;
    overflow: hidden;
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
  }
}
@media all and (max-width: 1179px) {
  .alternate-images {
    position: relative;
    overflow: hidden;
    max-width: 480px;
    width: 90%;
    margin: 0 auto;
  }
}
@media all and (max-width: 767px) {
  .alternate-images {
    position: relative;
    overflow: hidden;
    max-width: 480px;
    width: 82%;
    margin: 0 auto;
  }
}
.alternate-images ul {
  position: relative;
  left: 0;
}
.thead {
  margin-left: 20px;
}
.alternate-images ul li {
  float: left;
  display: contents;
}
.alternate-images ul li a {
  border: 1px solid #ffffff;
  display: block;
  height: 78px;
  width: 78px;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-right: 20px !important;
}
@media all and (max-width: 768px) {
  .alternate-images ul li a {
    margin-right: 10px !important;
  }
}
.alternate-images ul li a img {
  display: block;
  height: 78px;
  width: 78px;
}
.alternate-images ul li a.active {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.alternate-images ul li a.video {
  background: #fff url('../images/sprite.png') 18px -693px no-repeat;
}
@media all and (min-width: 501px) {
  .recently-viewed,
  .related-viewed {
    margin-top: 25px;
    width: 49.3220339%;
  }
}@media all and (max-width: 500px) {
  .recently-viewed,
  .related-viewed {
    margin-top: 25px;
    width: 100%;
  }
}
.recently-viewed h3.styled,
.related-viewed h3.styled {
  margin-bottom: 26px;
}
.recently-viewed h3.styled span,
.related-viewed h3.styled span {
  font-size: 22px;
}
.grouped-product-slider {
  text-align: center;
}
.grouped-product-slider .grid-track {
  position: relative;
  top: 0;
  left: 0;
}
@media all and (min-width: 501px) {
  .mobile-grid {
    display: none;
  }
}
@media all and (max-width: 500px) {
  .desktop-grid {
    display: none;
  }
}
.grouped-product-slider .products-grid {
  float: left;
  position: static;
}
.grouped-product-slider .products-grid .item {
  padding: 25px 0;
  text-align: left;
  width: 100%;
}
.grouped-product-slider .products-grid .item > a {
  padding-bottom: 0;
}
@media all and (max-width: 500px) {
  .grouped-product-slider .products-grid .item > a {
    margin-left: 20%;
  }
  .default-slider .products-grid li > a {
    margin-left: 20%;
    margin-right: 20%;
  }
}
.grouped-product-slider .products-grid .item img {
  width: 124px;
}
@media all and (max-width: 768px) {
  .grouped-product-slider .products-grid .item .product-details {
    margin-top: 35px;
    max-width: 380px;
    width: 32%;
  }
}
@media all and (max-width: 500px) {
  .grouped-product-slider .products-grid .item .product-details {
    margin-top: 35px;
    max-width: 380px;
    width: 192px;
  }
}
.grouped-product-slider .banana-control {
  position: relative;
  top: initial;
  left: initial;
  right: initial;
  display: inline-block;
}
.grouped-product-slider .banana-control.prev {
  left: 0;
}
.grouped-product-slider .banana-control.prev:hover {
  left: -12px;
}
.grouped-product-slider .banana-control.next {
  right: 0;
  z-index: 95;
}
.grouped-product-slider .banana-control.next:hover {
  right: -12px;
}
.grouped-product-slider .banana-control.next.disabled:hover {
  right: 0;
}
.grouped-product-slider .banana-control.prev.disabled:hover {
  left: 0;
}
.grouped-product-slider .slider-indicators {
  position: relative;
  bottom: inherit;
  margin: 0 20px;
  width: auto;
}
.moby-container.video {
  margin-left: -330px;
  padding: 30px 30px 20px;
  width: 640px;
}
.moby-container.odc {
  background: #ffffff;
  width: 636px;
  margin-left: -318px;
  padding-top: 8px;
  font-size: 12px;
}
.moby-container.odc h2 {
  text-transform: uppercase;
  color: #77787b;
  line-height: 42px;
  margin-bottom: 14px;
  border-bottom: 1px solid #c7c7c7;
}
.moby-container.odc p {
  line-height: 18px;
  margin-bottom: 18px;
}
.moby-container.odc .form-list li {
  margin-top: 20px;
}
.moby-container.odc .form-list .details {
  display: inline-block;
  vertical-align: top;
}
.moby-container.odc .form-list label {
  text-transform: uppercase;
  line-height: 16px;
}
.moby-container.odc .form-list p {
  color: #666666;
  margin-bottom: 0;
}
.moby-container.odc .buttons-set {
  text-align: right;
}
.tool-tip {
  position: relative;
}
.tool-tip .tip {
  display: none;
  position: absolute;
  top: 0;
  left: 30px;
  z-index: 10;
  background: #eeecec;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 260px;
  padding: 16px;
}
.tool-tip .tip:before {
  content: '';
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -14px;
  border-right: 14px solid #eeecec;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}
.static-options {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 28px;
  margin-bottom: 28px;
}
.static-options h2 {
  display: inline-block;
  margin-right: 10px;
}
.static-options ul li {
  padding-top: 8px;
}
.static-options ul li:first-child {
  padding-top: 0;
}
.collection-product .gallery-container {
  display: block;
  margin-bottom: 28px;
  width: 100%;
}
@media all and (min-width: 768px) {
  .collection-product .product-info {
    background-color: transparent;
    border: 0;
    padding: 0;
    float: left;
    width: 880px;
  }
}
@media all and (max-width: 767px) {
  .collection-product .product-info {
    background-color: transparent;
    border: 0;
    padding: 0;
    float: left;
    width: 100%;
  }
}
.collection-product .product-info .wrap {
  margin: 0;
}
@media all and (min-width: 768px) {
  .page-collectionProductDetails .product-view .product-info .product-name {
    width: 80%;
  }
}
@media all and (max-width: 767px) {
  .page-collectionProductDetails .product-view .product-info .product-name {
    width: 90%;
  }
}
.collection-product .product-info .product-name h1 {
  margin-bottom: 0;
}
.collection-product .product-info .product-description {
  padding-top: 18px;
}
.collection-product #main-image .MagicBoxShadow {
  width: 100% !important;
}
.collection-product .alternate-images {
  float: right;
  width: 480px;
}
.collection-product .alternate-images ul li {
  height: 80px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.collection-product .alternate-images ul li:first-child,
.collection-product .alternate-images ul li.item-6,
.collection-product .alternate-images ul li.item-11 {
  margin-left: 0;
}

@media all and (min-width: 768px) {
  .collection-product .products-list .collection-product {
    *zoom: 1;
    padding: 40px 0;
    border-top: 1px solid #c7c7c7;
  }
}
@media all and (max-width: 767px) {
  .collection-product .products-list .collection-product {
    padding: 40px 0;
    border-top: none;
  }
}

.collection-product .products-list .collection-product:before,
.collection-product .products-list .collection-product:after {
  display: table;
  content: "";
  line-height: 0;
}
.collection-product .products-list .collection-product:after {
  clear: both;
}
.collection-product .products-list .collection-product:before,
.collection-product .products-list .collection-product:after {
  content: " ";
  display: table;
  line-height: 0;
}
.collection-product .products-list .collection-product:after {
  clear: both;
}
.collection-product .products-list .collection-product:first-child {
  border-top: none;
}
.collection-product .products-list .wrap {
  margin: 0;
}
.collection-product .products-list .product-swatches {
  background: #fbfbfb;
  border: 1px solid #c7c7c7;
  margin-bottom: 20px;
  padding: 18px;
}
.collection-product .products-list .product-swatches p {
  line-height: 32px;
  width: auto;
}
@media all and (min-width: 768px) {
  .collection-product .products-list .product-information {
    float: left;
    width: 480px;
  }
}
@media all and (max-width: 767px){
  .collection-product .products-list .product-information {
    width: 100%;
  }
}
@media all and (min-width: 768px) {
  .collection-product .products-list .product-shop {
    border: none;
    float: right;
    padding: 0;
    width: 660px;
  }
}
@media all and (max-width: 767px){
  .collection-product .products-list .product-shop {
    width: 100%;
  }
}
@media all and (min-width: 768px){
  .collection-product .products-list .product-image {
    float: left;
  }
}
@media all and (max-width: 767px){
  .collection-product .products-list .product-image {
    margin-left: 30%;
  }
}

.collection-product .products-list .product-image img {
  width: 140px;
}
@media all and (min-width: 768px) {
  .collection-product .products-list .product-details {
    float: left;
    margin-left: 20px;
    width: 320px;
  }
}
@media all and (max-width: 767px){
  .collection-product .products-list .product-details {
    margin: 2%;
  }
}
.collection-product .products-list h2 {
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 6px;
  color: #f15a22;
}
.collection-product .products-list .product-description {
  padding: 16px 0;
}
.collection-product .products-list p.summary {
  margin-bottom: 0;
  padding-top: 18px;
}
@media (min-width: 768px) {
  .collection-product .products-list .add-to-cart {
    border: none;
    float: right;
    margin: 0;
    padding: 18px 0 0 0;
    width: 170px;
  }
}
@media (max-width: 767px) {
  .collection-product .products-list .add-to-cart {
    float: left;
    margin-left: 2%;
    border: none;
    padding: 0;
  }
}
.collection-product .products-list .add-to-cart .button span {
  padding: 20px 0;
  width: 170px;
}
.collection-product .products-list .add-to-cart .button.ebound span {
  font-size: 14px;
  white-space: normal;
}
@media (min-width: 768px) {
  .collection-product .products-list .product-configurations {
    float: left;
    width: 400px;
  }
}
@media (max-width: 767px) {
  .collection-product .products-list .product-configurations {
    margin-left: 2%;
  }
}
.email-share input.input-text {
  padding-right: 30px;
}
.page-productDetails .product-info .call-for-pricing-box {
  font-size: 18px;
  line-height: 18px;
  padding: 30px 0;
  color: firebrick;
}
.page-productDetails .product-info .call-for-pricing-box p {
  margin: 0;
}

.product-view .product-description.wrap:first-of-type {
  border-top: 1px solid #c7c7c7;
}
.product-view .wrap + .product-description.wrap {
  border-top: 1px solid #c7c7c7;
}
/*--------------------------------------------------------------
    Order totals used in:
        - cart
        - checkout
        - checkout review
        - confirmation

--------------------------------------------------------------*/

@media all and (min-width: 768px) {
  .order-totals {
    background: #eeecec;
    padding: 28px;
    width: 380px;
    color: #384855;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media all and (max-width: 425px) {
  .order-totals {
    background: #eeecec;
    padding: 28px;
    width: 340px;
    color: #384855;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.order-totals .button {
  width: 100%;
}
.order-totals .button > span {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
}
.order-totals ul {
  *zoom: 1;
}
.order-totals ul:before,
.order-totals ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.order-totals ul:after {
  clear: both;
}
.order-totals ul:before,
.order-totals ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.order-totals ul:after {
  clear: both;
}
.order-totals ul li {
  float: left;
  margin-bottom: 14px;
  width: 100%;
}
.order-totals ul li .label {
  float: left;
  color: #384855;
}
.order-totals ul li .value {
  float: right;
}
.order-totals ul .total {
  margin: 30px 0;
  font-size: 18px;
}
/*--------------------------------------------------------------
    Cart Page
--------------------------------------------------------------*/
.checkout-cart-index .cart-header {
  margin-bottom: 20px;
  *zoom: 1;
}
.checkout-cart-index .cart-header:before,
.checkout-cart-index .cart-header:after {
  display: table;
  content: "";
  line-height: 0;
}
.checkout-cart-index .cart-header:after {
  clear: both;
}
.checkout-cart-index .cart-header:before,
.checkout-cart-index .cart-header:after {
  content: " ";
  display: table;
  line-height: 0;
}
.checkout-cart-index .cart-header:after {
  clear: both;
}
.checkout-cart-index .cart-header h1 {
  float: left;
  margin-bottom: 0;
}
.checkout-cart-index .cart-header .shipping-callout {
  display: inline-block;
  margin: 17px 0 0 40px;
  color: #384855;
}
.checkout-cart-index .cart-header .cart-links {
  float: right;
  margin-top: 17px;
}
.checkout-cart-index .cart-header .cart-links > li {
  display: inline-block;
  margin-left: 12px;
  position: relative;
}
.checkout-cart-index .cart-header .cart-links > li a {
  font-size: 12px;
}
.checkout-cart-index .cart-header .cart-links > li span {
  color: #f15a22;
}
.checkout-cart-index .cart-header .cart-links .menu-label {
  background: url("../images/sprite.png") 66px -511px no-repeat;
}
.checkout-cart-index .cart-header .cart-links .menu-label.over {
  background: url("../images/sprite.png") 66px -465px no-repeat;
  background-color: #eeecec;
}
.checkout-cart-index .cart-header .email-contents {
  cursor: auto;
  display: none;
  position: absolute;
  right: 0;
  top: 23px;
  background: #fbfbfb;
  width: 400px;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.checkout-cart-index .cart-header .email-contents p {
  word-break: break-all;
  word-wrap: break-word;
}
.checkout-cart-index .cart-header .email-contents div.field {
  margin-bottom: 10px;
}
.checkout-cart-index .cart-header .email-contents div.field > label {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
}
.checkout-cart-index .cart-header .email-contents label.error {
  position: inherit;
}
.checkout-cart-index .cart-header .email-contents .button {
  float: right;
}
.checkout-cart-index .cart-header .email-contents .button span {
  color: #ffffff;
}
.checkout-cart-index .cart-bottom {
  *zoom: 1;
  border-top: 1px solid #c7c7c7;
  padding-top: 37px;
  margin-top: 20px;
}
.checkout-cart-index .cart-bottom:before,
.checkout-cart-index .cart-bottom:after {
  display: table;
  content: "";
  line-height: 0;
}
.checkout-cart-index .cart-bottom:after {
  clear: both;
}
.checkout-cart-index .cart-bottom:before,
.checkout-cart-index .cart-bottom:after {
  content: " ";
  display: table;
  line-height: 0;
}
.checkout-cart-index .cart-bottom:after {
  clear: both;
}
.checkout-cart-index .cart-bottom .continue .button > span {
  padding: 14px 30px;
}

.page-cartPage .checkout-cart-index .cart-header {
  padding-left: 20px;
  padding-right: 20px;
}
@media all and (min-width: 1024px) and (max-width: 1199px){
  .page-cartPage #shopping-cart-table tr .information {
    margin-left: 0px;
    width: 65%;
  }
}
@media all and (min-width: 900px) and (max-width: 1023px){
  .page-cartPage #shopping-cart-table tr .information {
    margin-left: 0px;
    width: 57%;
  }
}
@media all and (max-width: 899px){
  .page-cartPage #shopping-cart-table tr .information {
    margin-left: 5%;
    width: 90%;
  }
}
@media all and (min-width: 768px) {
  .checkout-cart-index .cart-bottom .discount {
    margin-right: 60px;
    width: 260px;
  }
}
@media all and (max-width: 768px) {
  .checkout-cart-index .cart-bottom .discount {
    padding-top: 20px;
    margin-right: 60px;
    width: 260px;
    margin-left: 10px;
  }
  .page-cartPage .checkout-cart-index .cart-header h1 {
    font-size: 24px;
  }
  .page-cartPage .cart-bottom .continue {
    margin-left: 10px;
  }
}
@media all and (max-width: 425px) {
  .checkout-cart-index .cart-bottom .discount {
    margin-right: 10px;
    margin-left: 50px;
    width: 260px;
  }
}
.checkout-cart-index .cart-bottom .discount h3 {
  font: 13px/1 "FuturaBT-Medium", Arial, sans-serif;
  color: #444444;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.checkout-cart-index .cart-bottom .discount .formwrap {
  *zoom: 1;
  position: relative;
}
.checkout-cart-index .cart-bottom .discount .formwrap:before,
.checkout-cart-index .cart-bottom .discount .formwrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.checkout-cart-index .cart-bottom .discount .formwrap:after {
  clear: both;
}
.checkout-cart-index .cart-bottom .discount .formwrap:before,
.checkout-cart-index .cart-bottom .discount .formwrap:after {
  content: " ";
  display: table;
  line-height: 0;
}
.checkout-cart-index .cart-bottom .discount .formwrap:after {
  clear: both;
}
.checkout-cart-index .cart-bottom .discount .formwrap .error {
  display: block;
}
.checkout-cart-index .cart-bottom .discount p {
  color: #384855;
  margin-top: 10px;
}
.checkout-cart-index .cart-bottom .discount .cart-promotions-applied {
  line-height: 1.5;
}
.checkout-cart-index .cart-bottom .discount .tool-tip {
  text-transform: none;
  margin-left: 10px;
}
.checkout-cart-index .cart-bottom .discount .tool-tip .tip {
  top: initial;
  left: -123px;
  bottom: 40px;
}
.checkout-cart-index .cart-bottom .discount .tool-tip .tip:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-top: 0px;
  border-color: #eeecec transparent transparent transparent;
  border-style: solid;
  border-width: 14px 14px 0 14px;
  top: 100%;
  margin-left: -14px;
}
.checkout-cart-index .cart-bottom .discount input {
  padding-right: 88px;
}
#shopping-cart-table {
  margin-top: 20px;
}
#shopping-cart-table tr td {
  border-top: 1px solid #c7c7c7;
}
#shopping-cart-table tr:first-child td {
  border-top: none;
}
#shopping-cart-table tr .image img {
  width: 160px;
  padding-right: 15px;
  margin-left: 10px;
}
#shopping-cart-table tr .details {
  vertical-align: top;

  color: #384855;
}
#shopping-cart-table tr .information {
  margin-left: 20px;
  width: 68%;
}
#shopping-cart-table tr .information h3 {
  font: 12px/1 "FuturaBT-Medium", Arial, sans-serif;
  color: #384855;
}
#shopping-cart-table tr .information h3 a {
  color: #384855;
}
#shopping-cart-table tr .information h3 a:hover {
  color: #666666;
}
#shopping-cart-table tr .quantity {
  width: 185px;
}
#shopping-cart-table tr .quantity form input {
  border: 1px solid #c7c7c7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  display: block;
  padding: 11px 10px;
  text-align: center;
  clear: both;
  width: 66px;
}
#shopping-cart-table tr .quantity form a {
  float: left;
  margin: 7px 0 0 12px;
}
#shopping-cart-table tr td.price,
#shopping-cart-table tr td.total {
  color: #555555;
  padding-top: 10px;
}
#shopping-cart-table tr .price {
  width: 150px;
}
#shopping-cart-table tr .price span {
  display: block;
}
#shopping-cart-table tr .price span.original {
  margin-bottom: 20px;
}
#shopping-cart-table tr .price .cart-promotions {
  font-style: italic;
  line-height: 1.5;
  color: #555555;
  margin-top: 15px;
}
#special-shipping-table {
  color: #384855;
}
#special-shipping-table tbody tr:first-child td {
  padding-top: 20px;
}
#special-shipping-table tbody td {
  padding: 0 0 20px;
}
#special-shipping-table .shipping {
  width: 90%;
}
#special-shipping-table .shipping .odc-list li {
  display: block;
  margin-bottom: 10px;
}
#special-shipping-table .shipping .odc-list li span,
#special-shipping-table .shipping .odc-list li a {
  display: inline-block;
  margin: 0;
}
#special-shipping-table .shipping .odc-list .title {
  font-size: 15px;
  margin-bottom: 10px;
}
#special-shipping-table tbody tr .price ul {
  padding-top: 26px;
}
#special-shipping-table tbody tr .price ul li {
  margin-bottom: 10px;
}

/*
  PAGE : cart >> SECTION : cart-bottom
*/

.cart-totals.order-totals.right ul li .label {
  font: inherit;
  padding: .0em .0em .0em;
}
#discountCode .button.inline-button > span {
  padding: 9px 20px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .cart-bottom .right {
    display: grid;
  }
  .cart-bottom .right .discount.left {
    margin-right: 10px;
    width: 370px;
  }
}
@media (min-width: 426px) and (max-width: 768px) {
 .cart-bottom .right .cart-totals.order-totals.right {
   margin-left: 10px;
   background: #eeecec;
   padding: 28px;
 }
}
@media (max-width: 425px) {
  .checkout-cart-index .cart-bottom .continue .button > span {
    padding: 14px 58px;
  }
  .cart-bottom .continue.left .form.left.button.secondary {
    margin-left: 40px;
  }
  .cart-totals.order-totals.right .inner ul li .label {
      max-width: 45%;
      text-align: left;
    }
  .cart-totals.order-totals.right .inner ul li .value {
    max-width: 45%;
    text-align: right;
  }
}
/*--------------------------------------------------------------
    Checkout
--------------------------------------------------------------*/
.checkout-container {
  margin-top: 20px;
}
.checkout-container .page-title {
  position: relative;
}
.checkout-container .page-title .accepted-cards {
  position: absolute;
  top: -4px;
  right: 0;
}
.checkout-details p {
  line-height: 1.2;
}
.checkout-details address {
  font-size: 12px;
}
.checkout-details .top-half {
  margin-bottom: 10px;
}
.checkout-details .column {
  width: 368px;
}
.checkout-details .column.billing-address {
  width: 444px;
}
.checkout-details .column.shipping-methods {
  width: 812px;
}
.checkout-details .column .title {
  background-color: #eeecec;
  padding: 16px;
}
.checkout-details .column .title h2 {
  margin: 0;
  text-transform: uppercase;
}
.checkout-details .column .content {
  border-right: 1px solid #c7c7c7;
  margin-top: 10px;
  padding: 10px 16px;
  position: relative;
}
.checkout-details .column.totals-container .content,
.checkout-details .column.shipping-methods .content,
.checkout-details .column.payment-method .content {
  border-right: 0;
}
.checkout-details .column.shipping-methods .content {
  padding: 0;
}
.checkout-details .column .add-new-link {
  margin-top: 8px;
}
.checkout-details .column .select-wrap {
  width: 248px;
}
.checkout-details .column select {
  width: 100%;
  cursor: pointer;
}
.checkout-details .column .select-wrap .customStyleSelectBox {
  text-transform: uppercase;
}
.checkout-details .column .selected-address {
  margin-top: 27px;
  margin-bottom: 40px;
}
.checkout-details .column p + .selected-address {
  margin-top: 0;
}
.checkout-details .tool-tip {
  margin-left: 8px;
}
.checkout-details .tool-tip .tip {
  top: -15px;
}
.checkout-details .tool-tip .tip:before {
  top: 22px;
}
.checkout-details .loader {
  margin-left: 10px;
  position: relative;
}
.checkout-details .loader img {
  position: absolute;
  top: -2px;
  left: 0;
  height: 16px;
  width: 16px;
}
.checkout-details .address-panel .alternate-selection {
  margin-bottom: 8px;
}
.checkout-details .address-panel address {
  float: left;
  line-height: 1.4;
  margin-bottom: 12px;
  width: 100%;
}
.checkout-details .address-panel address > span {
  width: 50%;
}
.checkout-details .address-panel address + a {
  clear: both;
  float: left;
}
.checkout-details .address-form-container {
  *zoom: 1;
}
.checkout-details .address-form-container:before,
.checkout-details .address-form-container:after {
  display: table;
  content: "";
  line-height: 0;
}
.checkout-details .address-form-container:after {
  clear: both;
}
.checkout-details .address-form-container:before,
.checkout-details .address-form-container:after {
  content: " ";
  display: table;
  line-height: 0;
}
.checkout-details .address-form-container:after {
  clear: both;
}
.checkout-details .address-form-container h4 {
  margin-bottom: 20px;
}
.checkout-details .address-form-container form {
  position: relative;
  width: 250px;
}
.checkout-details .address-form-container form a.cancel-link.top {
  position: absolute;
  top: 0;
  right: 0;
}
.checkout-details .address-form-container .buttons-set {
  margin-bottom: 40px;
}
.checkout-details .address-form-container .buttons-set .button > span {
  padding: 14px 30px;
  width: 108px;
}
.checkout-details .address-form-container .buttons-set a {
  line-height: 26px;
  margin-left: 10px;
  vertical-align: middle;
}
.checkout-details .address-form-container .loader {
  display: block;
  line-height: 24px;
  margin: 20px 0 0;
  vertical-align: middle;
}
.checkout-details .address-form-container .loader img {
  float: left;
  display: block;
  position: static;
  margin-right: 10px;
  width: 25px;
  height: 25px;
}
.checkout-details .address-form-container .form-list .field.text {
  margin-top: 0;
}
.checkout-details .address-form-container .form-list .field.text.non-editable {
  line-height: 14px;
}
.checkout-details .address-form-container .form-list .field.text:last-child {
  margin-bottom: 20px;
}
.checkout-details .address-form-container .form-list .fields .float:first-child {
  margin-right: 10px;
}
.checkout-details .address-form-container .form-list .fields .float:first-child .input-box {
  width: 148px;
}
.checkout-details .address-form-container .form-list .fields .float .input-box {
  width: 90px;
}
.checkout-details .address-form-container .form-list .fields .float .input-text {
  width: 100%;
}
.checkout-details .payment-method .content {
  padding: 0;
}
.checkout-details .payment-method .form-list {
  padding: 12px 18px;
}
.checkout-details .payment-method .form-list .field label,
.checkout-details .payment-method .form-list .float label,
.checkout-details .payment-method .form-list .field .input-box,
.checkout-details .payment-method .form-list .float .input-box {
  display: block;
}
.checkout-details .payment-method .form-list .fields .float:first-child {
  margin-right: 10px;
}
.checkout-details .payment-method .form-list .fields .float .select-wrap,
.checkout-details .payment-method .form-list .fields .float select {
  width: 120px;
}
.checkout-details .payment-method .purchase-order {
  border-top: 1px solid #c7c7c7;
  padding: 16px;
}
.checkout-details .payment-method #purchaseOrderNumber {
  width: 186px;
}
.checkout-details .shipping-methods .data-table th {
  background-color: transparent;
  border-bottom: 1px solid #c7c7c7;
  font-size: 12px;
  padding: 14px 16px;
}
.checkout-details .shipping-methods .data-table td {
  border-bottom: 1px solid #c7c7c7;
  font-size: 12px;
  padding: 14px 16px;
  vertical-align: top;
}
.checkout-details .shipping-methods .data-table td h2 {
  margin-bottom: 0;
}
.checkout-details .shipping-methods .data-table td.actions a[data-edit] {
  margin-left: 10px;
}
.checkout-details .shipping-methods .data-table td .select-wrap,
.checkout-details .shipping-methods .data-table td select {
  width: 200px;
}
.checkout-details .shipping-methods .data-table td .loader img {
  top: 10px;
}
.checkout-details .totals-container .order-totals {
  background-color: transparent;
  margin-top: 0;
  padding: 0;
  width: 100%;
}
.checkout-details .totals-container .order-totals > p {
  margin-bottom: 20px;
}
.checkout-details .totals-container .buttons-set {
  padding: 0 16px;
  margin-top: 0;
}
.checkout-details .place-order .button {
  width: 100%;
}
.checkout-details .place-order .button span {
  font-size: 16px;
  padding: 18px 0;
  width: 100%;
}
.checkout-details.order-summary .top-half {
  border-bottom: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  margin-bottom: 35px;
  padding: 25px 0;
}
.checkout-details.order-summary .column {
  width: 296px;
}
.checkout-details.order-summary .column .title {
  background-color: transparent;
  padding: 0;
}
.checkout-details.order-summary .column .title h4 {
  color: #000;
}
.checkout-details.order-summary .column .title a {
  margin-left: 20px;
  text-transform: none;
}
.checkout-details.order-summary .column .content {
  border: 0;
  line-height: 1.5;
  padding: 0;
}
.checkout-details.order-summary .column .content p {
  line-height: 1.5;
}
.checkout-details.order-summary .column.cart-items {
  width: 100%;
}
@media all and (min-width: 769px) {
  .checkout-details.order-summary .column.cart-items .data-table th {
    padding: 20px;
    text-align: left;
  }
}
@media all and (max-width: 768px) {
  .checkout-details.order-summary .column.cart-items .data-table th {
    padding: 1vw;
    text-align: left;
    font-size: 10px;
  }
}
@media all and (max-width: 425px) {
  .checkout-details.order-summary .column.cart-items .data-table th {
    padding: 1vw;
    text-align: left;
    font-size: 9px;
  }
}

@media all and (max-width: 768px) {
  #you_order_th_name {
    display: none;
  }
}
.checkout-details.order-summary .column.cart-items .data-table td {
  border-top: 1px solid #c7c7c7;
  padding: 20px;
}
.checkout-details.order-summary .column.cart-items .data-table tbody tr:first-child td {
  border-top: 0;
}
.checkout-details.order-summary .column.cart-items .data-table td.product-image {
  padding: 20px 0;
}
.checkout-details.order-summary .column.cart-items .data-table td.product-image img {
  width: 140px;
}
.checkout-details.order-summary .column.cart-items .data-table td.product-details {
  padding: 20px;
  vertical-align: top;
}
.checkout-details.order-summary .totals-container {
  background-color: #eeecec;
  margin-top: 24px;
  padding: 20px;
  width: 330px;
}
.checkout-details.order-summary .totals-container .order-totals ul .total {
  margin: 22px 0;
}
.checkout-details.order-summary .totals-container .form-list {
  margin: 20px 0 10px;
}
.checkout-details.order-summary .totals-container .form-list .control .input-box {
  float: left;
}
.checkout-details.order-summary .totals-container .buttons-set {
  padding: 0;
  margin-top: 20px;
}
.checkout-details.order-summary .upper {
  text-transform: uppercase;
}
body.page-orderConfirmationPage .checkout-container .page-title h1 {
  padding-right: 60px;
}
@media all and (min-width: 769px) {
  body.page-orderConfirmationPage .checkout-container .page-title a {
    position: absolute;
    top: 15px;
    right: 20px;
  }
}
@media all and (max-width: 768px) {
  body.page-orderConfirmationPage .checkout-container .page-title a {
    float: right;
    padding: 25px 25px 10px 10px;
  }
}
body.page-orderConfirmationPage .checkout-container .copy {
  border-top: 1px solid #c7c7c7;
  padding: 20px 25px;
}
body.page-orderConfirmationPage .checkout-container .copy p {
  margin: 5px 0 0;
}
body.page-orderConfirmationPage .checkout-container .copy p:first-child {
  margin-top: 0;
}
body.page-orderConfirmationPage .checkout-details.order-summary .top-half .column {
  width: 290px;
}
body.page-orderConfirmationPage .checkout-details.order-summary .order-summary {
  width: 100%;
}
body.page-orderConfirmationPage .checkout-details.order-summary .order-summary .title {
  background-color: transparent;
  padding: 0;
}
body.page-orderConfirmationPage .checkout-details.order-summary .order-summary .title h4 {
  color: #000;
}
body.page-orderConfirmationPage .checkout-details.order-summary .order-summary .content {
  border: 0;
  line-height: 1.5;
  padding: 0;
}
body.page-orderConfirmationPage .checkout-details.order-summary .order-summary .cart-totals {
  margin-top: 24px;
}
/* checkout/single/summary - adaptive - start */
/*
 top side
 */
.checkout-container .page-title {
  padding-left: 10px;
}
#checkout-contents .top-half {
  padding: 0px 0px 0px 10px;
}
.checkout-details .top-half .column {
  margin-left: 0px;
}
#checkout-contents #shipping-address-display .f-left p, #checkout-contents #billing-address-display .f-left p{
  margin-bottom: 2px;
  word-break: break-word;
}
#checkout-contents .payment-method .additional-fields .field {
  padding-right: 10%;
}
#checkout-contents .payment-method .additional-fields .input-box .select-wrap,
#checkout-contents .payment-method .additional-fields .input-box .input-text,
#checkout-contents .payment-method .additional-fields .input-box .select-wrap select,
#checkout-contents .form-list .additional-fields .style-select,
#checkout-contents .payment-method .form-list .fields .float .select-wrap,
#checkout-contents .payment-method .form-list .fields .float select,
#checkout-contents .form-list .fields .float .input-box ,
#checkout-contents .top-half .form-list.alternate-selection .select-wrap {
  width: 100%;
}
#checkout-contents .payment-method .form-list .fields .float:first-child {
  margin-right: 2%;
}
#checkout-contents .payment-method .form-list .fields .float {
  width: 44%;
}
#checkout-contents .payment-method #purchaseOrderNumber {
  width: 75%;
}
#shipping-address-display .form-list .input-box .select-wrap, #billing-address-display .form-list .input-box .select-wrap {
  max-width: 500px;
}
#shipping-address-display .form-list .input-box .select-wrap select,
#billing-address-display .form-list .input-box .select-wrap select {
  width: 100%;
}
#checkout-contents #shipping-address-display .f-left, #checkout-contents #billing-address-display .f-left {
  word-break: break-word;
  word-wrap: break-word;
}
@media all and (min-width: 1024px) {
  #checkout-contents .top-half .column {
    width: 33%
  }
  #checkout-contents #shipping-address-display .f-left, #checkout-contents #billing-address-display .f-left {
    margin-left: 0px;
    width: 45%;
  }
  #checkout-contents #shipping-address-display .f-left.addy, #checkout-contents #billing-address-display .f-left.addy {
    margin-left: 10%;
  }
  #checkout-contents .top-half .column.shipping-address {
    width: 27%;
  }
  #checkout-contents .top-half .column.billing-address {
    width: 27%;
  }
  #checkout-contents .top-half .column.payment-method {
    width: 46%;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px){
  #checkout-contents .top-half .column {
    width: 33%
  }
  #checkout-contents .top-half .column.shipping-address {
    width: 27%;
  }
  #checkout-contents .top-half .column.billing-address {
    width: 27%;
  }
  #checkout-contents .top-half .column.payment-method {
    width: 46%;
  }
  #checkout-contents #shipping-address-display .f-left.addy, #checkout-contents #billing-address-display .f-left.addy {
    margin-top: 10px;
  }
  #checkout-contents .address-panel address > span {
    width: 100%;
    margin-left: 0px;
  }
  #checkout-contents .payment-method .form-list .fields .float {
    width: 49%;
  }
  #checkout-contents .payment-method .additional-fields .field {
    padding-right: 0px;
  }
}
@media all and (max-width: 767px) {
  #checkout-contents .top-half .payment-method  .form-list .field,
  #checkout-contents .top-half .payment-method  .form-list .fields {
    max-width: 300px;
    padding-right: 0px;
  }
  #checkout-contents .top-half .payment-method  .form-list .fields .float {
    width: 49%;
  }
}
@media all and (min-width: 425px) and (max-width: 767px){
  #checkout-contents .top-half .column {
    width: 100%;
    margin-right: 10px;
  }
  #checkout-contents .top-half .column .content {
    border-right: none;
  }
  #checkout-contents .top-half {
    padding: 0px 10px 0px 10px;
  }
  #checkout-contents .address-panel address > span {
    width: 48%;
    margin-left: 0px;
  }
  #checkout-contents #shipping-address-display .f-left.addy, #billing-address-display .f-left.addy {
    margin-left: 4%;
  }
}
@media all and (max-width: 424px){
  #checkout-contents .top-half .column, #checkout-contents .address-panel address > span {
    width: 100%
  }
  #checkout-contents .top-half .column .content {
    border-right: none;
  }
  #checkout-contents .address-panel address > span {
    margin-left: 0px;
  }
  #checkout-contents #shipping-address-display .f-left.addy, #checkout-contents #billing-address-display .f-left.addy {
    margin-top: 10px;
  }
  #checkout-contents .top-half {
    padding: 0px 10px 0px 10px;
  }
}
/*
bottom side
*/
#checkout-contents .bottom-half {
  padding: 0px 10px 0px 10px;
}
.checkout-details .bottom-half .shipping-methods {
  width: 66%;
  margin-left: 0px;
}
.checkout-details .bottom-half .totals-container {
  width: 34%;
  margin-left: 0px;
}
.checkout-details .bottom-half .totals-container .blue p {
  text-align: justify;
}
.checkout-details .bottom-half .totals-container .buttons-set {
  width: 90%;
  padding: 0em 2.1em 0em 2.1em;
}
.checkout-details .bottom-half .totals-container .buttons-set .button {
  margin-right: 0px;
}
.checkout-details .totals-container ul li .label {
  width: 40%;
  padding: 0px;
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
  white-space: nowrap;
}
.checkout-details .totals-container ul li .value {
  width: 44%;
  text-align: right;
  margin-right: 10px;
  white-space: nowrap;
}
.checkout-details .totals-container ul li.total .value {
  white-space: nowrap;
}
.checkout-details .totals-container ul li.total .label {
  white-space: nowrap;
}
.checkout-details .totals-container p  {
  padding: .2em .6em .3em;
}
.checkout-details .totals-container ul li .label {
  font:inherit;
}
#checkout-contents .address-form-container {
  width: 80%;
}
#checkout-contents .address-form-container .field.add-field {
  margin-top: 16px;
}
#checkout-contents .address-form-container ul li .input-text,
#checkout-contents .address-form-container ul li .select-wrap,
#checkout-contents .address-form-container ul li.fields .float .input-box,
#checkout-contents .address-form-container .buttons-set .button > span,
#checkout-contents .address-form-container .column select {
  width: 100%;
}
#checkout-contents .address-form-container form {
  width: auto;
}
#checkout-contents .address-form-container ul li.fields .float {
  width: 48%;
}
#checkout-contents .address-form-container ul li.fields .float:first-child {
  margin-right: 4%;
}
#checkout-contents .address-form-container ul li.fields .float label {
  white-space: nowrap;
}
#checkout-contents .address-form-container .buttons-set a {
  margin-left: 60px;
}
@media all and (min-width: 768px) and (max-width: 1023px){
  #checkout-contents #order-totals ul li .label {
    white-space: initial;
  }
  #checkout-contents #order-totals ul li.total {
    font-size: 16px;
  }
  .checkout-details .bottom-half .totals-container .buttons-set .button span {
    font-size: 14px;
  }
  #checkout-contents .address-form-container {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .checkout-details .bottom-half .shipping-methods,
  .checkout-details .bottom-half .shipping-methods, .checkout-details .bottom-half .totals-container {
    width: 100%;
  }
  .checkout-details .address-form-container {
    max-width: 300px;
  }
}
@media all and (min-width: 425px) and (max-width: 767px){
  .checkout-details .bottom-half .totals-container .content, .checkout-details .bottom-half .totals-container .buttons-set {
    width: 70%;
  }
}
/* checkout/single/summary page adaptive - end */
/* checkout/single/review page adaptive - start */
.checkout-details.order-confirmation .top-half,
.checkout-details.checkout-review .top-half {
  padding-left: 10px;
  padding-right: 10px;
}
.checkout-details.order-confirmation .top-half .column,
.checkout-details.checkout-review .top-half .column {
  width: 31%;
}
.checkout-details.order-confirmation .top-half .column:nth-child(2),
.checkout-details.checkout-review .top-half .column:nth-child(2) {
  margin: 0 2% 0 2%;
}
.checkout-details.order-confirmation .top-half .column:first-child,
.checkout-details.checkout-review .top-half .column:first-child {
  margin-left: 10px;
}
.checkout-details.order-confirmation .bottom-half,
.checkout-details.checkout-review .bottom-half {
  padding: 0px 10px 0px 10px;
}
.checkout-details.order-confirmation .bottom-half .cart-items .title,
.checkout-details.checkout-review .bottom-half .cart-items .title {
  padding-left: 10px;
}
.checkout-details.order-confirmation .bottom-half .totals-container,
.checkout-details.checkout-review .bottom-half .totals-container {
  width: 34%;
  margin-left: 0px;
  min-width: 400px;
  max-width: 600px;
}
@media all and (max-width: 767px) {
  .checkout-details.order-confirmation .top-half .column,
  .checkout-details.checkout-review .top-half .column {
    width: 60%;
  }
  .checkout-details.order-confirmation .top-half .column,
  .checkout-details.order-confirmation .top-half .column:first-child,
  .checkout-details.order-confirmation .top-half .column:nth-child(2),
  .checkout-details.checkout-review .top-half .column,
  .checkout-details.checkout-review .top-half .column:first-child,
  .checkout-details.checkout-review .top-half .column:nth-child(2) {
    margin: 20px 20% 20px 10%;
  }
  .checkout-details.order-confirmation .cart-items .content,
  .checkout-details.checkout-review .cart-items .content {
    width: 100%;
  }
  .checkout-details.order-summary .column.cart-items .data-table td,
  .checkout-details.order-summary .column.cart-items .data-table td.product-details,
  .checkout-details.checkout-review .cart-items #your_cart th {
    padding: 20px 5px 20px 5px;
  }
  .checkout-details.order-summary .column.cart-items .data-table td.qty,
  .checkout-details.order-summary .column.cart-items .data-table td.price,
  .checkout-details.order-summary .column.cart-items .data-table td.subtotal {
    text-align: center;
  }
  .checkout-details.order-confirmation .cart-items #your_cart th,
  .checkout-details.checkout-review .cart-items #your_cart th {
    font-size: 12px;
  }
  .checkout-details.order-confirmation .cart-items #your_cart th:first-child,
  .checkout-details.checkout-review .cart-items #your_cart th:first-child {
    padding-left: 15px;
  }
  .checkout-details.order-confirmation .cart-items #your_cart th:last-child,
  .checkout-details.checkout-review .cart-items #your_cart th:last-child {
    padding-right: 15px;
  }
  .checkout-details.order-confirmation .bottom-half .totals-container,
  .checkout-details.checkout-review .bottom-half .totals-container {
    width: 94%;
    margin: 24px 0px 0px 0px;
    min-width: auto;
    max-width: unset;
  }
  .checkout-details.order-confirmation .bottom-half .totals-container .content,
  .checkout-details.checkout-review .bottom-half .totals-container .content {
    width: 100%;
  }
  .checkout-details.order-confirmation .bottom-half .totals-container .buttons-set,
  .checkout-details.checkout-review .bottom-half .totals-container .buttons-set {
    width: 90%;
  }
  .page-orderReviewPage #special-shipping-table .shipping ul {
    padding-left: 20px;
  }
}
@media all and (max-width: 424px) {
  .checkout-details.order-confirmation .bottom-half .totals-container,
  .checkout-details.checkout-review .bottom-half .totals-container {
    width: 90%;
  }
  .checkout-details.order-confirmation .top-half .column,
  .checkout-details.order-confirmation .top-half .column:first-child,
  .checkout-details.order-confirmation .top-half .column:nth-child(2),
  .checkout-details.checkout-review .top-half .column,
  .checkout-details.checkout-review .top-half .column:first-child,
  .checkout-details.checkout-review .top-half .column:nth-child(2) {
    margin: 20px 5% 20px 5%;
  }
  .checkout-details.checkout-review .cart-items #your_cart th {
    font-size: 10px;
  }
}
.checkout-details.checkout-review .column address, .checkout-details.checkout-review .column.payment-method p {
  word-wrap: break-word;
}

@media all and (max-width: 599px) {
  .page-orderReviewPage #content .checkout-container .page-title h1 {
    margin-bottom: 10px;
    margin-top: 45px;
    font-size: 22px;
  }
  .checkout-container .page-title .accepted-cards {
    top: -50px;
  }
  .checkout-details.order-confirmation .top-half .column,
  .checkout-details.checkout-review .top-half .column {
    width: 90%
  }
}

@media all and (max-width: 767px) {
  .page-orderReviewPage #content .checkout-container {
    margin-top: 0;
  }
  #place-order-form .checkout-details.checkout-review .top-half {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .page-orderReviewPage .checkout-details.checkout-review .bottom-half .cart-items .title {
    padding: 20px 10px;
  }
  .page-orderReviewPage .checkout-details.checkout-review .bottom-half .cart-items .title h4 {
    margin-bottom: 0;
  }
  .page-orderReviewPage .checkout-review .bottom-half .cart-items > .content {
    margin-top: 0;
  }
  .page-orderReviewPage #your_cart thead tr > th:nth-child(2) {
    display: none
  }
  .page-orderReviewPage .checkout-details.checkout-review .cart-items #your_cart th {
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 18px;
  }
  .page-orderConfirmationPage #your_order tr > td:nth-child(1),
  .page-orderReviewPage #cart_items_tbody tr > td:nth-child(1) {
    display: block;
    padding-bottom: 0;
    padding-top: 10px;
  }
  .page-orderConfirmationPage #your_order tr > td:nth-child(2),
  .page-orderReviewPage #cart_items_tbody tr > td:nth-child(2) {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
  }
}
/* checkout/single/review page adaptive - end */
/*--------------------------------------------------------------
    My Account Pages (Login, Register, Orders, etc.)
--------------------------------------------------------------*/
@media all and (min-width: 768px) {
  .page-login #content {
    margin-top: 40px;
    margin-left: 20px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (max-width: 767px) {
  .page-login #content {
    margin-top: 40px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 768px) {
  .page-register #content,
  .page-forgotPassword #content {
    margin-top: 40px;
    margin-left: 20px;
    width: 95%;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (max-width: 767px) {
  .page-register #content,
  .page-forgotPassword #content {
    margin-top: 40px;
    margin-left: 30px;
    width: 90%;
    min-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (min-width: 768px) {
  .login-form {
    *zoom: 1;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .login-form {
    *zoom: 1;
    margin-bottom: 50px;
    margin-left: 10px;
    width: 95%
  }
}
@media all and (max-width: 767px) {
  .forgot-pwd {
    width: 95%;
  }
}
@media all and (min-width: 769px) {
  .registration-container {
    padding-left: 200px;
  }
}
@media all and (max-width: 768px) {
  .registration-container {
    padding-left: 100px;
  }
}
@media all and (max-width: 425px) {
  .registration-container {
    padding-left: 20px;
  }
}
@media all and (max-width: 374px) {
  .contain .registration-container {
    padding-left: 0px;
    margin-left: 0;
    margin-right: 0;
  }
  .contain .registration-container .form-top {
    width: auto;
  }
  .rightflex {
    margin-left: 0;
  }
  footer.footer-container .bottom, footer.footer-container .bottommin {
    min-width: auto;
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: 24px;
  }
  footer.footer-container .bottom .copyright {
    margin: 0 5px;
  }
  footer.footer-container .badges {
    margin-right: 0;
  }
  footer.footer-container .column.newsletter {
    margin-left: 0;
    padding: 15px 0 0 0;
    width: 100%;
  }

  footer.footer-container .column.newsletter > ul {
    margin-right: 5%;
    margin-bottom: 0;
  }

  footer.footer-container .column.newsletter > ul .social {
    margin-top: 0;
    margin-bottom: 0;
  }
  footer.footer-container .newsletter .labelify {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  footer.footer-container .link-container {
    width: 100%;
  }
  footer.footer-container .link-container .footer-links-category {
    margin-left: 0;
  }
  footer.footer-container .link-container .footer-links-category.column h2.title {
    padding: 20px 5%;
  }
  footer.footer-container .link-container .footer-links-category.column h2.title:after {
    right: 5%;
  }
  footer.footer-container .link-container .column ul.footer-links-category__links {
    padding: 0 5% 5% 5%;
  }
  .registration-container .form li.field .control label.newsletterSignUp {
    line-height: 23px;
    vertical-align: bottom;
  }
}
.login-form:before,
.login-form:after {
  display: table;
  content: "";
  line-height: 0;
}
.login-form:after {
  clear: both;
}
.login-form:before,
.login-form:after {
  content: " ";
  display: table;
  line-height: 0;
}
.login-form:after {
  clear: both;
}
.login-form h1 {
  margin-bottom: 47px;
}
@media all and (min-width: 1025px) {
  .login-form .left {
    width: 33%;
  }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  .login-form .left {
    width: 45%;
  }
}
@media all and (max-width: 767px) {
  .login-form .left {
    width: 95%;
  }
}
.login-form h3 {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 10px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font: 12px/1 "FuturaBT-Medium", Arial, sans-serif;
  color: #384855;
}
.login-form .login .buttons-set .button {
  float: left;
}
.login-form .login .buttons-set .button > span {
  padding: 14px 62px;
}
.login-form .login .buttons-set a {
  margin-top: 18px;
  float: left;
  padding-left: 10px;
}
.login-form .login .buttons-set {
  width: 105%;
}
@media all and (min-width: 768px) {
  .login-form .create-account {
    margin-left: 55px;
  }
}
@media all and (max-width: 767px) {
  .login-form .create-account {
    margin-left: 0px;
    margin-top: 35px;
  }
}
.login-form .buttons-set {
  margin-top: 19px;
}
.login-form .buttons-set .button > span {
  padding: 14px 27px;
  text-transform: uppercase;
  font-size: 16px;
}
@media all and (max-width: 767px) {
  .registration-container {
    margin: 15px;
  }
}
.registration-container .form-top {
  border-bottom: 1px solid #c7c7c7;
  width: 320px;
  padding-bottom: 10px;
}
.registration-container .form {
  margin-top: 25px;
}
.registration-container .form li.fields .float {
  margin-left: 6px;
}
.registration-container .form li.fields .float:first-child {
  margin-left: 0;
}
.registration-container .form li.field .control {
  margin: 15px 0;
}
.registration-container .form li.field .control label {
  color: #666666;
  text-transform: uppercase;
}
.registration-container .form li.field .select-wrap select {
  width: 248px;
}
.registration-container .form .buttons-set .button > span {
  padding: 13px 56px;
  text-transform: uppercase;
  font-size: 16px;
}
.page-forgotPassword #content {
  margin-bottom: 75px;
}
.page-forgotPassword #content .buttons-set .button > span {
  text-transform: uppercase;
  padding: 14px 35px;
  font-size: 16px;
}
.page-forgotPasswordSuccess #content {
  margin-top: 40px;
}
.update-password .buttons-set .button > span {
  padding: 14px 25px;
  font-size: 16px;
}
/* Sidebar Navigation */
.sidebar-navigation h2,
.sidebar-navigation h3 {
  color: #77787b;
  text-transform: uppercase;
  font: 13px/1 "FuturaBT-Medium", Arial, sans-serif;
  margin-bottom: 15px;
}
.sidebar-navigation ul li {
  margin: 10px 0;
}
.sidebar-navigation ul li a {
  color: #444444;
}
.sidebar-navigation ul li a:hover {
  color: #666666;
}
.sidebar-navigation ul li.active a {
  color: #8e8e8e;
}
.cms-page .col-left {
  width: 17%;
}
@media all and (min-width: 769px) and (max-width: 1023px) {
  .page-account .account-dashboard .actions ul {
    width: 30%;
  }
  .page-account .account-dashboard .actions ul:nth-child(2) {
    margin-left: 10px;
  }
  .page-account .account-dashboard .actions ul:nth-child(3) {
    margin-left: 10px;
  }

}
@media all and (min-width: 769px) {
  .my-account .col-left {
    width: 17%;
    padding: 10px;
    font-size: 16px;
  }
}
@media all and (max-width: 768px) {
  .my-account .col-left {
    width: 98%;
    padding: 10px;
    font-size: 14px;
  }
  .page-account .account-dashboard .actions ul {
    width: 30%;
  }
  .page-account .account-dashboard .actions ul:nth-child(2) {
    margin-left: 15px;
  }
  .page-account .account-dashboard .actions ul:nth-child(3) {
    margin-left: 15px;
  }
}
@media all and (max-width: 425px) {
  .my-account .col-left {
    width: 50%;
    padding: 10px;
    font-size: 14px;
  }
}
.cms-page .col-main {
  width: 80%;
}
.account-dashboard .welcome {
  color: #384855;
  padding: 15px;
}
.account-dashboard .actions {
  *zoom: 1;
  border-top: 1px solid #c7c7c7;
  padding-top: 40px;
  padding: 15px;
  margin-top: 40px;
  min-height: 200px;
}
.account-dashboard .actions:before,
.account-dashboard .actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.account-dashboard .actions:after {
  clear: both;
}
.account-dashboard .actions:before,
.account-dashboard .actions:after {
  content: " ";
  display: table;
  line-height: 0;
}
.account-dashboard .actions:after {
  clear: both;
}
.account-dashboard .actions ul {
  width: 210px;
  margin-left: 30px;
}
.account-dashboard .actions ul:first-child {
  margin-left: 0;
}
.account-dashboard .actions ul li {
  margin: 15px 0;
}
.account-dashboard .actions ul li a {
  color: #384855;
}
.account-dashboard .actions ul li a:hover {
  color: #666666;
}
.account-dashboard .col-main h3 {
  color: #000000;
  text-transform: uppercase;
  font: 13px/1 "FuturaBT-Medium", Arial, sans-serif;
}
@media all and (min-width: 769px) {
  .profile{
    width: 75%;
  }
}
@media all and (max-width: 768px) {
  .profile{
    width: 75%;
  }
}
@media all and (max-width: 425px) {
  .profile{
    width: 95%;
  }
}
.profile-detail .information {
  border-top: 1px solid #c7c7c7;
  padding-top: 35px;
  margin: 35px 0;
}
.profile-detail .information span {
  display: block;
  clear: both;
  margin-bottom: 20px;
}
.profile-detail form .form-list {
  clear: both;
}
.profile-detail form .confirm-pass {
  display: none;
}
.profile-detail form .password-fields {
  display: none;
  margin-top: 20px;
}
.profile-detail form .control {
  margin: 15px 0;
}
.profile-detail form .control label {
  cursor: pointer;
  margin-left: 5px;
  text-transform: uppercase;
}
.profile-detail form .buttons-set {
  margin-top: 25px;
}
.profile-detail form .buttons-set .button > span {
  padding: 14px 68px;
  text-transform: uppercase;
}
/* Wishlist Pages */
.account-wishlist h1 {
  margin-bottom: 15px;
}
.account-wishlist .toolbar {
  margin-bottom: 25px;
}
.account-wishlist .toolbar .left {
  border-right: 1px solid #c7c7c7;
}
.account-wishlist .toolbar .left .select-wrap {
  width: 16%;
}
.account-wishlist .toolbar .left .select-wrap select {
  width: 100%;
}
.account-wishlist .wishlist-actions {
  padding: 10px;
}
.account-wishlist .wishlist-actions > ul {
  float: left;
  margin: 3px 15px 0;
}
.account-wishlist .wishlist-actions > ul > li {
  display: inline-block;
  margin-left: 20px;
}
.account-wishlist .wishlist-actions > ul .menu-label {
  padding: 5px 30px 5px 15px;
  background: url("../images/sprite.png") 105px -511px no-repeat;
  text-transform: none;
}
.account-wishlist .wishlist-actions > ul .menu-label.over {
  background: url("../images/sprite.png") 105px -465px no-repeat;
  background-color: #eeecec;
}
.account-wishlist .wishlist-actions > ul .menu-label span {
  color: #f15a22;
}
.account-wishlist .wishlist-actions .add-all span {
  padding: 10px 23px 8px;
  font-size: 11px;
}
.account-wishlist .wishlist-actions .email-contents {
  cursor: auto;
  display: none;
  position: absolute;
  right: 0;
  top: 23px;
  background: #fbfbfb;
  width: 223px;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.account-wishlist .wishlist-actions .email-contents p {
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 5px;
}
.account-wishlist .wishlist-actions .email-contents form {
  position: relative;
}
.account-wishlist .wishlist-actions.bottom {
  padding: 0;
}
#wishlist-table {
  margin-bottom: 25px;
}
#wishlist-table thead th.product {
  width: 48%;
}
#wishlist-table thead th.price {
  width: 15%;
}
#wishlist-table tbody tr td {
  border-bottom: 1px solid #c7c7c7;
}
#wishlist-table tbody tr td .image img {
  height: 140px;
  width: 140px;
}
#wishlist-table tbody tr td .information {
  margin-left: 15px;
  width: 60%;
}
#wishlist-table tbody tr td .information h3 {
  font: 12px/1 "FuturaBT-Medium", Arial, sans-serif;
}
#wishlist-table tbody tr td .information h3 a {
  color: #384855;
}
#wishlist-table tbody tr td .information h3 a:hover {
  color: #666666;
}
#wishlist-table .quantity form {
  float: left;
}
@media all and (min-width: 769px) {
  #wishlist-table .quantity form.add-to-cart-form {
    float: right;
  }
}
@media all and (max-width: 768px) {
  #wishlist-table .quantity form.add-to-cart-form {
    float: right;
    padding-right: 20px;
  }
}
@media all and (max-width: 425px) {
  #wishlist-table .quantity form.add-to-cart-form {
    padding-top: 100px;
  }
}
#wishlist-table .quantity form input {
  width: 66px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 11px 10px;
  border: 1px solid #c7c7c7;
  font-size: 11px;
  text-align: center;
  clear: both;
  display: block;
}
#wishlist-table .quantity form a {
  display: inline-block;
  margin: 5px 0 0 11px;
}
#wishlist-table .quantity .button > span {
  font-size: 11px;
  padding: 13px 22px;
}
.account-wishlist.shared #wishlist-table thead th.product {
  width: 68%;
}
.account-wishlist.shared #wishlist-table thead th.price {
  width: 17%;
}
.account-wishlist.shared #wishlist-table .quantity form.add-to-cart-form {
  float: left;
}
.order-history .toolbar {
  margin-bottom: 20px;
}
.order-history .toolbar .view {
  width: auto;
  padding: 0;
}
.order-history .toolbar .view span {
  margin-left: 0;
}
.order-history .toolbar .view .select-wrap select {
  width: 100%;
}
.order-history .toolbar .sort-by.id {
  border-left: none;
}
.order-history #order-history-table + .toolbar {
  margin-top: 20px;
}
.order-history #order-history-table tbody tr td {
  border-bottom: 1px solid #c7c7c7;
  padding: 22px 5px;
}
.order-history #order-history-table tbody tr td:first-child {
  padding-left: 20px;
}
.order-history #order-history-table tbody tr td a {
  margin-left: 30px;
}
.order-history #order-history-table tbody tr td a:first-child {
  margin-left: 0;
}
.order-history-detail .col-main .top {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #c7c7c7;
}
.order-history-detail .col-main .top ul {
  *zoom: 1;
  width: 100%;
}
.order-history-detail .col-main .top ul:before,
.order-history-detail .col-main .top ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.order-history-detail .col-main .top ul:after {
  clear: both;
}
.order-history-detail .col-main .top ul:before,
.order-history-detail .col-main .top ul:after {
  content: " ";
  display: table;
  line-height: 0;
}
.order-history-detail .col-main .top ul:after {
  clear: both;
}
.order-history-detail .col-main .top ul li {
  float: left;
  width: 15%;
  margin-left: 60px;
}
.order-history-detail .col-main .top ul li:first-child {
  margin-left: 0;
}
.order-history-detail .col-main .top ul li {
  line-height: 1.5;
}
.order-history-detail .col-main h3 {
  font: 12px/1 "FuturaBT-Medium", Arial, sans-serif;
  color: #000000;
  text-transform: uppercase;
}
.order-history-detail .col-main .status span {
  display: block;
  margin-bottom: 10px;
}
.order-history-detail .col-main #order-history-detail-table {
  margin-top: 25px;
  line-height: 1.5;
}
.order-history-detail .col-main #order-history-detail-table tr:first-child td {
  border-top: none;
}
.order-history-detail .col-main #order-history-detail-table tr td {
  border-top: 1px solid #c7c7c7;
  text-align: center;
}
.order-history-detail .col-main #order-history-detail-table .product {
  width: 35%    ;
}
.order-history-detail .col-main #order-history-detail-table .product img {
  width: 80%;
}
.order-history-detail .col-main #order-history-detail-table .product .info {
  margin-left: 15px;
  width: 35%;
}
.order-history-detail .col-main #order-history-detail-table .product .info h3 {
  color: #384855;
  line-height: 1.5;
  text-transform: none;
}
.order-history-detail .col-main #order-history-detail-table .status {
  width: 8%;
}
.order-history-detail .col-main #order-history-detail-table .qty {
  width: 7%;
}
.order-history-detail .col-main #order-history-detail-table .price {
  width: 7%;
}
.order-history-detail .col-main #order-history-detail-table .shipping {
  width: 15%;
}

.order-history-detail .col-main #order-history-detail-table .total {
    width: 10%;
}
.order-history-detail .col-main #special-shipping-table {
  margin-bottom: 25px;
}
.order-history-detail .col-main #special-shipping-table tr td {
  padding-top: 20px;
  border-bottom: 1px solid #c7c7c7;
}
.order-history-detail .col-main .totals {
  background: #eeecec;
  padding: 28px;
  width: 32%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.order-history-detail .col-main .totals ul li {
  display: block;
  width: 100%;
  margin-bottom: 12px;
  *zoom: 1;
}
.order-history-detail .col-main .totals ul li:before,
.order-history-detail .col-main .totals ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.order-history-detail .col-main .totals ul li:after {
  clear: both;
}
.order-history-detail .col-main .totals ul li:before,
.order-history-detail .col-main .totals ul li:after {
  content: " ";
  display: table;
  line-height: 0;
}
.order-history-detail .col-main .totals ul li:after {
  clear: both;
}
.order-history-detail .col-main .totals ul li .label {
  float: left;
}
.order-history-detail .col-main .totals ul li .value {
  float: right;
}
.order-history-detail .col-main .totals ul li.total {
  font-size: 18px;
  margin: 30px 0;
}
.order-history-detail .col-main .totals .button {
  width: 100%;
}
.order-history-detail .col-main .totals .button > span {
  width: 100%;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
}
.order-history-detail .col-main .order-details {
  position: relative;
}
.order-history-detail .col-main .order-details .back {
  position: absolute;
  bottom: 0;
}
/*--------------------------------------------------------------
    CMS Pages
--------------------------------------------------------------*/
.cms-page .cms-content h2 {
  margin-bottom: 16px;
  text-transform: uppercase;
}
.cms-page .cms-content h2 a {
  color: #000000;
}
.cms-page .cms-content h3 {
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 0px;
  font: 13px/1 "FuturaBT-Medium", Arial, sans-serif;
}
.cms-page .cms-content h5 {
  font-size: 15px;
}
.cms-page .cms-content h6 {
  font-size: 13px;
}
.cms-page .cms-content ol,
.cms-page .cms-content ul {
  list-style: disc;
  padding-left: 20px;
  margin: 5px 5px 20px;
}
.cms-page .cms-content ol li,
.cms-page .cms-content ul li {
  margin-bottom: 5px;
  line-height: 18px;
}
.cms-page .cms-content ol {
  list-style: decimal;
}
.cms-page .cms-content blockquote,
.cms-page .cms-content q,
.cms-page .cms-content p {
  line-height: 18px;
  margin-bottom: 15px;
}
.cms-page .cms-content b,
.cms-page .cms-content strong {
  font-weight: bold;
}
.cms-page .cms-content i,
.cms-page .cms-content em {
  font-style: italic;
}
.cms-page .cms-content u {
  text-decoration: underline;
}
.cms-page .cms-content q,
.cms-page .cms-content blockquote {
  padding: 0 20px;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
.cms-page .cms-content q:before,
.cms-page .cms-content blockquote:before {
  content: open-quote;
  font-size: 15px;
}
.container-custom {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
}
.cms-page .cms-content .grid-item {
  *zoom: 1;
  margin-bottom: 50px;
}
.cms-page .cms-content .grid-item:before,
.cms-page .cms-content .grid-item:after {
  display: table;
  content: "";
  line-height: 0;
}
.cms-page .cms-content .grid-item:after {
  clear: both;
}
.cms-page .cms-content .grid-item:before,
.cms-page .cms-content .grid-item:after {
  content: " ";
  display: table;
  line-height: 0;
}
.cms-page .cms-content .grid-item:after {
  clear: both;
}
.category-top .spiffs a img {
  width: 100%;
}
.cms-page .cms-content .grid-item p {
  margin: 35px 0 0;
}
.cms-page .cms-content .grid-item h2 + p,
.cms-page .cms-content .grid-item p:first-child {
  margin-top: 0;
}
.cms-page .cms-content .grid-item p.image {
  width: 13.5%;
}
.cms-page .cms-content .grid-item p.image + .content {
  margin-left: 18px;
  width: 282px;
}
.cms-page .cms-content .grid-item p.image + .content p {
  margin: 0;
  width: 20%;
}
.cms-page .cms-content .form ul {
  list-style: none;
  padding-left: 0;
}
.cms-page .cms-content .form .buttons-set button > span {
  font-size: 16px;
  padding: 12px 50px;
}
.cms-page .content {
  color: #384855;
}
.cms-page .content .info-column {
  background: #eeecec;
  padding: 30px;
  margin-top: 60px;
}
.cms-page .content .info-column p {
  margin-bottom: 15px;
  line-height: 18px;
}
.cms-page .content .buttons-set {
  margin-top: 30px;
}
.cms-page .content .buttons-set a > span {
  font-size: 11px;
  padding: 7px 20px;
}
/* Contact Us Page */
.page-contactUs .contact-us {
  padding: 0 10px;
}
.page-contactUs .contact-us .sidebar-navigation {
  padding: 0;
  min-width: 125px;
  margin-left: 2%;
  width: 18%;
}
.page-contactUs .contact-us .sidebar-navigation .container {
  padding: 0;
  margin: 0;
  width: 100%;
}
.page-contactUs .contact-us .col-main.contactUs {
  padding: 0;
  margin: 0;
  width: 78%;
  margin-left: 2%;
  min-width: 305px;
}
.page-contactUs .contact-us .col-main.contactUs .container {
  width: 100%;
  padding: 0;
}
.page-contactUs .contact-us .col-main.contactUs .first {
  width: 34%;
  min-width: 305px;
}
.page-contactUs .contact-us .col-main.contactUs .first .contact-form {
  width: 100%;
}
.page-contactUs .contact-us .col-main.contactUs .content .column {
  width: 55%;
  min-width: 280px;
  margin-left: 4%;
}
.page-contactUs .contact-us .col-main.contactUs .column p {
  white-space: nowrap;
}
.page-contactUs .contact-us .col-main.contactUs .content .column-1,
.page-contactUs .contact-us .col-main.contactUs .content .column-2 {
  width: 40%;
  display: inline-block;
  vertical-align: top;
}
.page-contactUs .contact-us .col-main.contactUs .content .column-2 {
  float: right;
}
@media all and (max-width: 1023px) {
  .page-contactUs .contact-us .col-main.contactUs .content .column-1,
  .page-contactUs .contact-us .col-main.contactUs .content .column-2 {
    width: 100%;
  }
}
@media all and (min-width: 851px) and (max-width: 1023px) {
  .page-contactUs .contact-us .col-main.contactUs .content .column {
    width: 40%;
  }
}
@media all and (max-width: 850px) {
  .page-contactUs .contact-us .col-main.contactUs .content .column {
    width: 100%;
    margin-top: 30px;
    margin-left: 0px;
  }
}
@media all and (min-width: 600px) and (max-width: 850px) {
  .page-contactUs .contact-us .col-main.contactUs .content .column-1,
  .page-contactUs .contact-us .col-main.contactUs .content .column-2 {
    width: 40%;
  }
  .page-contactUs .contact-us .col-main.contactUs {
     width: 72%;
   }
}
@media all and (max-width: 599px) {
  .page-contactUs .contact-us .col-main.contactUs {
    width: 100%;
    margin-top: 30px;
  }
  .page-contactUs .contact-us .col-main.contactUs h1 {
    margin-left: 2%;
  }
  .page-contactUs .contact-us .sidebar-navigation {
    width: 100%;
  }
  .page-contactUs .contact-us .col-main.contactUs .first {
    width: 100%;
  }
  .page-contactUs .contact-us .col-main.contactUs .first h3,
  .page-contactUs .contact-us .col-main.contactUs .first .contact-form,
  .page-contactUs .contact-us .col-main.contactUs .content .column > * {
    width: 305px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }

  .page-contactUs .contact-us .col-main.contactUs .content .column p {
    margin-bottom: 25px;
  }
  .page-contactUs .contact-us .col-main.contactUs .content .column > *

}
.contact-us .col-main h3 {
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 15px;
}
.contact-us .col-main .contact-form {
  width: 250px;
}
.contact-us .col-main .contact-form .form-list textarea {
  height: 72px;
}
.contact-us .col-main .contact-form .buttons-set .button > span {
  font-size: 16px;
  padding: 12px 56px;
}
.contact-us .col-main .column p {
  margin-bottom: 50px;
  line-height: 1.5;
}
.contact-us .col-main .column.first {
  margin-left: 0;
}
/* Request a catalog */
.col-main #requestCatalogForm .form, .col-main #requestCatalogForm .form .required.input-text,
.col-main #requestCatalogForm .form .input-box .select-wrap, .col-main #requestCatalogForm .form .input-box .input-text {
  width: 100%;
}
.col-main #requestCatalogForm .form .control {
  display: inline-flex;
}
.request-catalog .col-main .content.left .catalogs li  img {
  margin-right: 10px;
}

@media all and (min-width: 1201px) {
  .request-catalog .col-left.sidebar-navigation {
    width: 15%;
  }
  .request-catalog .col-main {
    width: 80%;
  }
  .request-catalog .col-main .content.left {
    width: 65%;
  }
  .request-catalog .col-main .content.left .catalogs li  .info {
    width: 70%;
  }
  .request-catalog .col-main .form.right {
    width: 25%;
  }
}
@media all and (min-width: 1025px) and (max-width: 1200px) {
  .request-catalog .col-left.sidebar-navigation {
    width: 15%;
  }
  .request-catalog .col-main {
    width: 82%;
  }
  .request-catalog .col-main .content.left {
    width: 65%;
  }
  .request-catalog .col-main .content.left .catalogs li  .info {
    width: 70%;
  }
  .request-catalog .col-main .form.right {
    width: 25%;
  }
}
@media all and (min-width: 769px) and (max-width: 1024px) {
  .request-catalog .col-left.sidebar-navigation {
    width: 18%;
  }
  .request-catalog .col-main {
    width: 78%;
  }
  .request-catalog .col-main .content.left {
    width: 72%;
  }
  .request-catalog .col-main .content.left .catalogs li {
    display: inline-flex;
  }
  .request-catalog .col-main .content.left .catalogs li  .info {
    width: 70%;
  }
  .request-catalog .col-main .form.right {
    width: 22%;
  }
}
@media all and (max-width: 768px){
  .page-requestCatalog .header-banner + .contain .col-main {
    margin-top: 40px;
  }
}
@media all and (min-width: 426px) and (max-width: 768px){
  .request-catalog .col-left.sidebar-navigation {
    width: 30%;
  }
  .request-catalog .col-main {
    width: 100%;
    display: inline-flex;
  }
  .request-catalog .col-main .content.left {
    width: 75%;
  }
  .request-catalog .col-main .content.left .catalogs li {
    display: inline-flex;
  }
  .request-catalog .col-main .content.left .catalogs li  .info {
    width: 60%;
  }
  .request-catalog .col-main .form.right {
    width: 30%;
    margin-left: 15px;
  }
}
@media all and (max-width: 425px) {
  .request-catalog .col-left.sidebar-navigation {
    width: 80%;
  }
  .request-catalog .col-main {
    width: 98%;
    padding-top: 20px;
  }
  .request-catalog .col-main .content.left {
    width: 98%;
  }
  .request-catalog .col-main .content.left .catalogs li {
    display: inline-flex;
  }
  .request-catalog .col-main .content.left .catalogs li  .info {
    width: 60%;
  }
  .request-catalog .col-main .form.right {
    width: 95%;
  }
}
@media all and (max-width: 425px) {
  .request-catalog .content {
    width: 85%;
    float: right !important;
    margin-right: 10px;
  }
}
.request-catalog .content h1 {
  margin-bottom: 15px;
}
.request-catalog .content .catalogs {
  margin-top: 30px;
}
.request-catalog .content .catalogs li {
  margin-bottom: 23px;
  padding-bottom: 45px;
  *zoom: 1;
  border-bottom: 1px solid #c7c7c7;
}
.request-catalog .content .catalogs li:before,
.request-catalog .content .catalogs li:after {
  display: table;
  content: "";
  line-height: 0;
}
.request-catalog .content .catalogs li:after {
  clear: both;
}
.request-catalog .content .catalogs li:before,
.request-catalog .content .catalogs li:after {
  content: " ";
  display: table;
  line-height: 0;
}
.request-catalog .content .catalogs li:after {
  clear: both;
}@media all and (min-width: 769px) {
  .request-catalog .content .catalogs li img {
    float: left;
  }
}
@media all and (max-width: 768px) {
  .request-catalog .content .catalogs li img {
    float: left;
    padding-bottom: 15px;
  }
}
.request-catalog .content .catalogs li .info {
  float: right;
  font-size: 12px;
  width: 50%;
}
.request-catalog .content .catalogs li .info h3 {
  text-transform: uppercase;
  color: #000000;
  font: 13px/1 "FuturaBT-Medium", Arial, sans-serif;
}
.request-catalog .content .catalogs li .info p {
  line-height: 18px;
}
.request-catalog .content .catalogs li .buttons-set {
  margin-top: 25px;
}
.request-catalog .content .catalogs li .buttons-set > span {
  margin: 0 7px;
}
.request-catalog .content .catalogs li .buttons-set .button > span {
  padding: 7px 45px;
  font-size: 11px;
}

@media all and (min-width: 768px) {
  .request-catalog .form {
    width: 30%;
  }
}
@media all and (max-width: 425px) {
  .request-catalog .form {
    width: 92%;
  }
}

.request-catalog .form .form-top {
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 25px;
}
.request-catalog .form .form-top p {
  margin-bottom: 25px;
}
.request-catalog .form .control label {
  text-transform: uppercase;
  font-size: 11px;
}
.request-catalog .form .buttons-set > span {
  padding: 12px 55px;
  font-size: 16px;
}
/* Quickorder Page */
#quickorder-table tr:first-child td {
  padding-top: 16px;
}
#quickorder-table tr td {
  padding: 8px 0;
  vertical-align: top;
}
#quickorder-table tr td.part {
  width: 260px;
}
#quickorder-table tr td.part input {
  width: 248px;
}
#quickorder-table tr td.qty input {
  width: 65px;
}
#quickorder-table tr td .input-box {
  position: relative;
}
#quickorder-table tr td.actions a {
  padding: 9px 12px 0 0;
  width: 70px;
  display: block;
}
/* Generic please wait state */
.validating {
  background: url('../images/loader.gif') no-repeat;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  right: 24px;
  top: 10px;
  z-index: 99;
  background-size: 16px 16px;
}
@media all and (min-width: 475px) {
    .simple-img .desktop-sbc-image {
        display: block;
    }
    .simple-img .desktop-sbc-image img {
        min-height: 45px;
        width: 100%;
    }
    .simple-img .mobile-sbc-image {
        display: none;
    }
}
@media all and (max-width: 474px) {
    .simple-img .desktop-sbc-image {
        display: none;
    }
    .simple-img .mobile-sbc-image {
        display: block;
    }
    .simple-img .mobile-sbc-image img {
        width: 100%;
    }
}
/*--------------------------------------------------------------
    Error Pages (404, etc.)
--------------------------------------------------------------*/
#content .home-return-link {
  display: block;
  clear: both;
  margin-top: 30px;
}
.page-siteMapPage .one-column-one-title ul > li {
  margin-bottom: 30px;
}
.page-siteMapPage .one-column-one-title ul > li > ul > li {
  margin: 0 0 20px 20px;
}
.page-siteMapPage .one-column-one-title ul > li > ul li a {
  color: #666666;
  font-size: 13px;
}
.page-siteMapPage .one-column-one-title ul li a {
  color: #666666;
  font-size: 16px;
  margin-bottom: 10px;
  display: inline-block;
}
.page-siteMapPage .one-column-one-title ul li ul li a {
  color: #77787b;
  margin-bottom: 0;
  text-transform: uppercase;
}
.page-siteMapPage .one-column-one-title ul li ul li ul {
  margin-top: 10px;
}
.page-siteMapPage .one-column-one-title ul li ul li ul li {
  margin-bottom: 4px;
}
.page-siteMapPage .one-column-one-title ul li ul li ul li a {
  margin-bottom: 4px;
  color: #666666;
  text-transform: none;
}
.page-siteMapPage .one-column-one-title ul li ul li ul li a:hover {
  color: #eeecec;
}
@media all and (min-width: 768px) {
  .page-faq .col-main .intro {
    width: 70%;
  }
}
@media all and (max-width: 425px) {
  .page-faq .col-main .intro {
    width: 87%;
  }
}
@media all and (min-width: 768px) {
  .page-faq .col-main .support {
    border-left: 1px solid #c7c7c7;
    text-align: center;
    padding: 15px 0;
    width: 23%;
  }
}
@media all and (max-width: 767px) {
  .page-faq .tabs.wrap {
    padding-top: 30px;
  }
}
@media all and (max-width: 425px) {
  .page-faq .col-main .support {
    text-align: center;
    padding: 15px 0;
    width: 95%;
  }
}

.page-faq .col-main .support h3 {
  margin-bottom: 8px;
}
.page-faq .col-main .tabs {
  clear: both;
}
.page-faq .col-main .tabs .tab-nav li {
  width: auto;
}
.page-faq .col-main .tabs .tab-nav li a {
  padding: 0 20px;
}
.page-faq .col-main .questions {
  padding-left: 0;
}
.page-faq .col-main .questions > li {
  list-style: none;
  margin-top: 24px;
}
.page-faq .col-main .questions a {
  color: #384855;
}
.page-faq .col-main .questions a:hover {
  color: #eeecec;
}
.page-faq .col-main .answers {
  padding-left: 0;
}
.page-faq .col-main .answers > li {
  border-top: 1px solid #c7c7c7;
  margin-top: 24px;
  list-style: none;
  padding-top: 24px;
}
.page-faq .col-main .answers > li h3 {
  margin-bottom: 14px;
}
#request-quote-form .form-list select {
  width: 248px;
}
@media all and (min-width: 768px) {
  #request-quote-form .form-list .fields .float {
    margin-left: 70px;
  }
}
@media all and (max-width: 425px) {
  #request-quote-form .form-list .fields .float {
    margin-left: 0px;
  }
}
#request-quote-form .form-list .fields .float:first-child {
  margin-left: 0;
}
#request-quote-form .form-list .fields .float .input-box {
  width: 248px;
}
#request-quote-form .form-list .control > label {
  float: left;
  display: block;
  width: 330px;
}
#request-quote-form .form-list .control label.error {
  position: absolute;
  white-space: nowrap;
  color: #a20101;
  bottom: -19px;
}
#request-quote-form .form-list .control .controls {
  float: left;
  display: block;
  margin-left: 10px;
}
#request-quote-form .form-list .control .controls li {
  display: inline-block;
  margin-top: 0;
  margin-right: 10px;
}
#request-quote-form .form-list .control .controls.lengthy li {
  width: 140px;
}
#request-quote-form .form-list textarea {
  width: 248px;
}
#request-quote-form .part-number {
  width: 100%;
}
#request-quote-form .qty {
  margin-right: 10px;
  width: 65px;
}
#request-quote-form .request-quote-items {
  margin-top: 30px;
}
#request-quote-form .request-quote-items .input-box {
  position: relative;
}
#request-quote-form .request-quote-items .data-table td {
  padding: 20px 12px 20px 0;
  vertical-align: top;
}
#request-quote-form .request-quote-items .data-table td.description,
#request-quote-form .request-quote-items .data-table td.actions {
  padding-top: 32px;
}
#request-quote-form .request-quote-items .data-table td.description.input,
#request-quote-form .request-quote-items .data-table td.actions.input {
  padding-top: 20px;
}
#request-quote-form .request-quote-items .data-table td.description label,
#request-quote-form .request-quote-items .data-table td.actions label {
  margin-right: 15px;
  display: inline-block;
}
#request-quote-form .request-quote-items .data-table td .alt-product-number {
  display: inline-block;
  width: 248px;
}
#request-quote-form .fieldset {
  border-top: 1px solid #c7c7c7;
  padding-top: 20px;
}
#request-quote-form .request-quote-items + .fieldset {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 20px;
}
/* Global padding for small screen sizes/devices */
.header-container .contain,
.footer-container .contain {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.header-banner {
  text-align: center;
  font-size: 14px;
}
.header-banner .cmsimage img,
.header-banner .simple-img img {
  width: 100%;
  height: auto;
  display: block;
}
.header-banner .content > div {
  padding: 3px 0 3px;
}
.header-banner .content > div span {
  line-height: 1;
  vertical-align: middle;
}
.header-banner .content > div .large {
  font-size: 31px;
  line-height: 34px;
  margin-right: 8px;
}
.header-banner .content > div a {
  text-decoration: underline;
}
.header-banner + .contain {
  margin-top: 5px;
}
.header-banner + .contain .breadcrumb,
.header-banner + .contain .col-main {
  margin-top: 0;
}
body.page-homepage .header-banner + #content, body .header-banner + #content {
  margin-top: 0;
}
.page .header-container.navbar {
  padding: 0;
  margin-bottom: 0;
}
/* IE 8 Fix for custom checkboxes within modals */
.ie8 .moby-container.odc {
  z-index: inherit;
  padding: 0;
}
.ie8 .moby-container #odc-modal {
  background: #ffffff;
  padding: 8px 25px 25px 25px;
  position: relative;
  z-index: 9998;
}
.ie8 .moby-container.odc .moby-close {
  z-index: 9999;
}
.ie8 .page-account .moby-container.odc {
  z-index: 9999;
  padding: 8px 25px 25px 25px;
}
@media all and (max-width: 374px) {
  .header-banner > .content > p {
    margin-bottom: 4px;
  }
}
/*--------------------------------------------------------------
   Box Builder Page
--------------------------------------------------------------*/
@media all and (min-width: 768px) {
  .box-builder {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 768px) {
  .box-builder {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.box-builder .error {
  color: #a20101 !important;
}
.box-builder .step-title {
  color: #f15a22;
  padding-top: 30px;
}
.box-builder #attributes {
  display: none;
}
.box-builder .style-select {
  display: inline-block;
  width: 100%;
}
.box-builder .style-select .products-grid {
  margin: 5px 0;
  width: 100%;
}
.box-builder .style-select .box {
  border: 3px solid transparent;
  display: inline-block;
  position: relative;
  width: 23%;
}



@media all and (min-width: 860px) {
  .box-builder .dimensions-input .inputs, .box-builder .dimensions-input .drawing {
    padding-left: 30px;
  }
}
@media all and (min-width: 768px) and (max-width: 859px) {
  .box-builder .dimensions-input .inputs, .box-builder .dimensions-input .drawing {
    padding-left: 20px;
  }

}
@media all and (min-width: 768px) {
  #attributes-form .dimensions-input .inputs .label label {
    margin-top: 15px;
  }
  #attributes-form .dimensions-input .inputs .input-box input::placeholder {
    opacity: 0;
  }
  .box-builder .dimensions-input .inputs, .box-builder .dimensions-input .drawing {
    display: inline-block;
    height: 100%;
  }
  .box-builder .dimensions-input .drawing .image {
    width: 195px;
    height: 195px;
  }
  .box-builder .material-select .material-select-table {
    width: 100%;
    padding-left: 20px;
    border-spacing: 10px 0;
    border-collapse: separate;
  }
  .box-builder .material-select .material-select-table .selector {
    min-width: 440px;
  }
  .box-builder .product-review .terms .terms-text {
    width: 90%;
    margin-left: 3%;
  }
  .dimensions-input .info-mobile{
    display: none;
  }
  .dimensions-input .info-desktop{
    display: inline-block;
    min-width: 200px;
  }
}
@media all and (max-width: 767px) {
  #attributes-form .dimensions-input .inputs .label {
    display: none;
  }
  #attributes-form .dimensions-input .inputs .input-box input::placeholder {
    opacity: 1;
  }
  #attributes-form h3 {
    display: inline-block;
    width: 100%;
  }
  .box-builder .dimensions-input .inputs, .box-builder .dimensions-input .drawing {
    padding-left: 0;
    width: 45%;
    display: block;
    margin-left: 3%;
    float: left;
    height: auto;
  }
  .box-builder .dimensions-input .drawing .image {
    width: 100%;
    height: 135px;
  }
  .box-builder .dimensions-input .info-mobile {
    width: 100%;
    margin-bottom: 5px;
  }
  .box-builder .material-select .material-select-table {
    width: 90%;
    display: block;
    float: left;
    padding: 0;
  }
  .box-builder .material-select .material-select-table > tbody > tr > td {
    width: 100%;
    display: block;
    float: left;
  }
  .box-builder .product-review .terms .terms-text {
    width: 85%;
    margin-left: 5%;
  }
  .dimensions-input .info-mobile{
    display: inline-block;
  }
  .dimensions-input .info-desktop{
    display: none;
  }
}
@media all and (min-width: 425px) and (max-width: 767px) {
  .box-builder .material-select .material-select-table {
    margin-left: 5%;
  }
}
@media all and (min-width: 600px) and (max-width: 767px) {
  .box-builder .style-select .box {
    width: 46%;
  }
}
@media all and (max-width: 599px) {
  .box-builder .style-select .box {
    width: 90%;
    margin-left: 5%;
  }
}
@media all and (max-width: 374px) {
  .box-builder .style-select .box {
    margin-left: 10%;
    width: 80%;
  }

}
@media all and (max-width: 424px) {
  .box-builder .dimensions-input .inputs, .box-builder .dimensions-input .drawing {
    width: 45%;
    margin-left: 0;
  }
  .box-builder .material-select .material-select-table .selector {
    min-width: auto;
    width: 100%;
  }
  .box-builder .material-select .material-select-table {
    margin-left: 0;
  }
  .box-builder .material-select .material-select-table ul li label {
    overflow: hidden;
  }
}
 #attributes-form .dimensions-input .inputs .label {
   color: #384855;
 }
.box-builder .style-select .box .code,
.box-builder .style-select .box .name {
  display: none;
}
.box-builder .style-select .box img {
  width: 100%;
}
.box-builder .style-select .box .overlay {
  background: #77787b;
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.box-builder .style-select .box .overlay .description-wrap {
  height: 100%;
  width: 100%;
  position: relative;
}
.box-builder .style-select .box .overlay .description {
  color: white;
  font-size: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.box-builder .style-select .selected {
  border: 3px solid #77787b;
}
.box-builder .dimensions-input {
  height: 200px;
}
.box-builder .dimensions-input .inputs td {
  padding: 5px;
}
.box-builder .dimensions-input .label {
  vertical-align: middle;
}
.box-builder .dimensions-input input {
  width: 100%;
}
.box-builder .dimensions-input .drawing .image {
  background: url("../images/dimensions.png") no-repeat;
  background-size: 195px;
  position: relative;
}
.box-builder .dimensions-input .drawing .image .width-marker,
.box-builder .dimensions-input .drawing .image .length-marker,
.box-builder .dimensions-input .drawing .image .height-marker {
  color: grey;
  font-size: 11px;
  position: absolute;
}
.box-builder .dimensions-input .drawing .image .width-marker {
  left: 120px;
  top: 115px;
}
.box-builder .dimensions-input .drawing .image .length-marker {
  left: 30px;
  top: 90px;
}
.box-builder .dimensions-input .drawing .image .height-marker {
  left: 0;
  top: 40px;
}
.box-builder .dimensions-input .drawing .image .selected-marker {
  color: black;
}
.box-builder .dimensions-input .info {
  position: relative;
  height: 100%;
}
.box-builder .dimensions-input .info span {
  position: absolute;
  top: 40px;
}
.box-builder .material-select .material-select-table .selector input[type=radio] {
  display: none;
}
.box-builder .material-select .material-select-table .selector input[type=radio]:checked + label {
  background-color: #666666;
  color: white;
}
.box-builder .material-select .material-select-table .selector label {
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin-bottom: 5px;
  margin-left: 0 !important;
  padding: 10px;
  white-space: nowrap;
}
.box-builder .material-select .material-select-table .info-tabs {
  width: 100%;
}
.box-builder .material-select .material-select-table .info-tabs .tabs .tab-nav > li.active h2 {
  color: white;
}
.box-builder .material-select .material-select-table .info-tabs .tabs .tab-nav h2 {
  cursor: pointer;
}
.box-builder .material-select .material-select-table .info-tabs .tabs #tab-specs .specs-table td {
  padding: 7px 0;
  font-size: 12px;
}
.box-builder .material-select .material-select-table .info-tabs .tabs #tab-specs .specs-table .attr {
  width: 230px;
}
.box-builder .material-select .material-select-table .info-tabs .tabs #tab-specs .specs-table .odd {
  background-color: #fbfbfb;
}
.box-builder .material-select .material-select-table .info-tabs .tabs #tab-color .colors-table {
  border-collapse: separate;
  border-spacing: 5px;
}
.box-builder .material-select .material-select-table .info-tabs .tabs #tab-color .colors-table tr .empty {
  border: 1px solid #c7c7c7;
}
.box-builder .material-select .material-select-table .info-tabs .tabs #tab-color .colors-table tr .color-box {
  height: 50px;
}
.box-builder .material-select .material-select-table .info-tabs .tabs #tab-color .colors-table tr td {
  width: 70px;
}
.box-builder .material-select .material-select-table .info-tabs .tabs #tab-color .colors-table tr td p {
  text-align: center;
}
.box-builder .additional-options-select .thumbcut,
.box-builder .edge-colors,
.box-builder .get-price {
  padding-bottom: 20px;
  padding-left: 30px;
}
.box-builder .additional-options-select #colors-list {
  display: none;
}
.box-builder .additional-options-select .thumbcut .with-thumbcut,
.box-builder .additional-options-select .thumbcut .without-thumbcut {
  display: inline-block;
  height: 150px;
  position: relative;
  width: 150px;
}
.box-builder .additional-options-select .thumbcut .with-thumbcut {
  background: url("../images/with-thumbcut.png") no-repeat;
  background-size: 150px;
}
.box-builder .additional-options-select .thumbcut .without-thumbcut {
  background: url("../images/without-thumbcut.png") no-repeat;
  background-size: 150px;
}
.box-builder .additional-options-select .thumbcut .thumbcut-select-wrap {
  bottom: 0;
  position: absolute;
}
.box-builder .additional-options-select .edge-colors .color-select {
  display: inline-block;
  padding-right: 5px;
}
.box-builder .additional-options-select .edge-colors .color-box {
  border: 1px solid #c7c7c7;
  height: 40px;
  margin-bottom: 5px;
  width: 80px;
}
.box-builder .additional-options-select .edge-colors .radio-wrapper + label {
  margin-left: 0 !important;
}
.box-builder .additional-options-select .radio-wrapper.active {
  background-position: -82px -224px;
}
.box-builder .additional-options-select .get-price .quantity-wrap {
  display: inline-block;
  width: 100px;
}
.box-builder .additional-options-select .get-price .get-price-btn-wrap {
  display: inline-block;
}
.box-builder .product-review .price,
.box-builder .product-review .summary,
.box-builder .product-review .terms,
.box-builder .product-review .add-to-cart {
  margin-top: 20px;
}
.box-builder .product-review .price {
  font-size: 18px;
}
.box-builder .product-review .summary div {
  line-height: 20px;
}
.box-builder .product-review .terms .checkbox-wrapper {
  display: inline-block;
  float: left;
  margin-top: 2px;
}
.box-builder .product-review .terms .terms-text {
  display: inline-block;
}
.box-builder .product-review .terms label {
  display: block;
}
.box-builder .product-review .add-to-cart {
  padding-left: 30px;
}
iframe {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  width: 100%;
}
.quickOrderForm {
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
.pager {
  margin: 0px 0;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 0px 0px;
  border: 0px solid;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
}
* {
  box-sizing: border-box;
}
/*
    /international-assistance page
*/
.ia-inner_container {
  width: 100%;
  display: block;
}
.ia-container {
  clear: both;
  margin: 0px 0px 24px 0px;
  page-break-inside: avoid !important;
  position: relative;
}
.ia-header_image {
  width: 100%;
  height: 320px;
  overflow: hidden;
}
.ia-page_header .ia-first {
  width: 62%;
  padding: 0px;
  margin-right: 16px;
  border-right: medium none;
}
.ia-page_header .ia-last {
  width: 36%;
  height: 320px;
  padding: 0px;
  margin: 0px;
}
.ia-text {
  font-size: 14px;
  line-height: 20px;
  margin-top:24px;
  text-transform: none;
  color: #808080;
}
.ia-custom .cell p {
  max-width: 642px;
  width: 100%;
}
.ia-custom {
  background: #eeecec;
}

@media all and (min-width: 1180px) {
  .ia-custom .column.ia-first .cell {
    margin-top: 72px !important;
    margin: 48px 0px 0px 48px;
  }
  .ia-main_container {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    margin: 0px auto;
  }
  .ia-custom-tab-text-last {
    width: 186px;
    height: 270px;
  }
  .ia-img {
    width: 105px;
    padding-bottom: 13px;
  }
  .custom-personal-tab {
    width: 380px;
  }
  .ia-td {
    width: 229px;
  }
  .ia-page_header {
    height: 320px;
    border: none !important;
    overflow: hidden;
  }
}
@media all and (max-width: 1179px) {
  .ia-custom .column.ia-first .cell {
    margin-top: 40px !important;
    margin: 48px 0px 0px 48px;
  }
  .ia-main_container {
    width: 99%;
    display: block;
    clear: both;
    float: left;
    margin: 0px auto;
  }
  .ia-custom-tab-text-last {
    width: 186px;
    height: 270px;
  }
  .ia-img {
    width: 105px;
    padding-top: 18px !important;
    border-right: solid;
    border-right-color: #eeecec;
    border-right-width: 1px;
    padding-bottom: 0;
  }
  .custom-personal-tab {
    width: 380px;
  }
  .ia-td {
    width: 229px;
  }
  .ia-page_header {
    height: 340px;
    border: none !important;
    overflow: hidden;
  }
}
@media all and (max-width: 990px) {
  .ia-custom .column.ia-first .cell {
    margin-top: 40px !important;
    margin: 48px 0px 0px 48px;
  }
  .ia-main_container {
    width: 99%;
    display: block;
    clear: both;
    float: left;
    margin: 0px auto;
  }
  .ia-page_header {
    height: 350px;
    border: none !important;
    overflow: hidden;
  }
  .ia-page_header .ia-last {
    display: none;
  }
  .ia-custom-tab-pic,
  .ia-custom-tab-pic-last {
    padding-left: 0 !important;
  }
  .ia-custom-tab-text-last {
    width: 277px;
    height: 270px;
    border-right: solid;
    border-right-color: #eeecec;
    border-right-width: 1px;
  }
  .ia-img {
    width: 105px;
    padding-top: 18px !important;
    border-right: solid;
    border-right-color: #eeecec;
    border-right-width: 1px;
    padding-bottom: 0;
  }
  .custom-personal-tab {
    width: 394px;
  }
  .ia-td {
    width: 248px;
  }
}
@media all and (max-width: 767px) {
  .ia-main_container {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    margin: 0px auto;
  }
  .ia-page_header {
    height: max-content;
    border: none !important;
    overflow: hidden;
  }
}
.ia-custom-tab-text {
   width: 250px;
  height: 270px;
}
.ia-custom-tab-pic{
  width: 113px;
  height: 270px;
}

.ia-custom-tab-pic-last {
  width: 86px;
  height: 270px;
}
.custom-personal-tab-first {
  width: 360px;
}
.custom-personal-tab-first > div {
  padding-right: 5px !important;
}
.top-bottom-padding {
  padding:15px 0;
}
@media all and (min-width: 769px) {
  .international-header {
    font-size: 40px;
    line-height: 48px;
    text-transform: uppercase;
  }
  .ia-page_header .ia-first {
    width: 62%;
    padding: 0px;
    margin-right: 16px;
    border-right: medium none;
  }
}
@media all and (max-width: 768px) {
  .international-header {
    font-size: 27px;
    line-height: 39px;
    text-transform: uppercase;
  }
  .ia-page_header .ia-first {
    width: 100%;
    padding: 0px;
    margin-right: 16px;
    border-right: medium none;
  }
}
@media all and (min-width: 426px) {
  .ia-table{
    width: 400px;
  }
}
@media all and (max-width: 425px) {
  .international-header {
    font-size: 20px;
    line-height: 38px;
    text-transform: uppercase;
  }
  .ia-td {
    padding-left: 0 !important;
  }
  .ia-custom .column.ia-first .cell {
    margin-top: 40px !important;
    margin: 36px 0px 0px 20px;
  }
  .ia-custom-tab-text {
    width: 220px;
    height: 270px;
  }
  .ia-custom-tab-text-last {
    width: 247px;
    height: 270px;
    border-right: solid;
    border-right-color: #eeecec;
    border-right-width: 1px;
  }
  .ia-table{
    width: 350px;
  }
}

/*
    /project-planning page
*/
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric .container.section-1 {
  width: 100%;
  margin: 0 ;
  padding: 0;
  max-width: 1180px;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric .container.section-1 .content {
  padding: 0px 10px 0px 10px;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td {
  padding: 20px 0px 20px 0px;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric tr:last-child td {
  padding-left: 30%;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td.padding-section-head {
  padding: 60px 200px;
  background-color: #f4f4f4
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td.padding-section-head h2,
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td.padding-section-head p {
  text-align: left;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td.cell-image {
  padding: 0;
  margin: 0;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td.cell-image img {
  max-width: 1160px;
  min-width: 355px;
  height: auto;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h1,
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h2,
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h3 {
  color: #77787b;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.5;
  font-family: 'FuturaBT-Medium', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0;
  text-align: center;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h1 {
  font-size: 40px;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h2 {
  font-size: 36px;
  padding-top: 40px;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h3 {
  font-size: 22px;
  line-height: 32px;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h3:first-child {
  margin: 40px 0px;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h3 ~ td {
  padding-top: 40px
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td p {
  margin: 0px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 12px;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric td p.font-custom {
  font-size: 18px;
  line-height: 20px;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric .hbspt-form fieldset {
  width: 100%;
}
.page-ProjectPlanning.template-pages-layout-oneColumnGeneric .footer-container .column {
  border-right: none;
}
@media all and (min-width: 768px) and (max-width: 1024px){
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h1 {
    font-size: 32px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td p.font-custom {
    font-size: 16px;
    line-height: 18px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h2 {
    font-size: 28px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td.padding-section-head {
    padding: 40px 100px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric tr:last-child td {
    padding-left: 20%;
    padding-right: 20%;
  }
}
@media all and (max-width: 767px){
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td {
    padding: 0 10px 0 10px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h1 {
    font-size: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td p.font-custom {
    font-size: 14px;
    line-height: 16px;
    margin: 16px 0px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h2 {
    font-size: 22px;
    padding-top: 10px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h2:last-child {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td.padding-section-head {
    padding: 20px 20px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h3:first-child {
    margin-bottom: 12px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric tr:last-child td {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 30px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric .hbspt-form .actions {
    padding: 0;
    margin: 0;
  }

}
@media all and (min-width: 425px) and (max-width: 600px) {
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h1 {
    font-size: 26px;
  }
}
@media all and (max-width: 424px){
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h1 {
    font-size: 24px;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric tr:last-child td {
    padding-left: 5%;
    padding-right: 5%;
  }
  .page-ProjectPlanning.template-pages-layout-oneColumnGeneric td h3 {
    font-size: 16px;
  }

}
/*
    /project-planning page - END
*/
/*
    /careers page
*/
.page-Careers .cms-page {
  width: 100%;
  padding: 0 10px;
  margin: 0 0 0 0;
  max-width: 1180px;
}
.page-Careers .sidebar-navigation {
  margin-right: 0px;
  padding: 0px 15px 0px 0px;
  width: 12%;
  min-width: 125px;
}
.page-Careers .sidebar-navigation .container {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.page-Careers .cms-content {
  margin: 0 20px 0 0;
  padding: 0;
  width: 80%;
}
.page-Careers .cms-content .container-custom {
  margin: 0 0 50px 0;
  padding: 0;
  width: 100%;
}
.page-ConsumerTab-Family .cms-content .container-custom .whatsyourstory-table {
  margin-bottom: 30px;
}
.page-Careers #Header_Mission h1 {
  font-size: 36px;
  text-align: center;
}
.page-Careers #Header_Mission h2 {
  text-align: center;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 28px;
  color: #f15a22;
  font-weight: normal;
  text-transform: none;
  margin-top: 10px;
}
.page-Careers #Header_Mission p {
  margin-bottom: 30px;
}
.page-Careers #Header_Mission  td:last-child {
  text-align: center;
}
.page-Careers #Coworker_Hats tr:first-child td {
  padding-top: 50px;
}
.page-Careers #Coworker_Hats td {
  text-align: center;
}
.page-Careers #Coworker_Hats p {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #f15a22;
  font-size: 22px;
  line-height: 30px;
}
.page-Careers #Employee_Benefits tr:first-child td {
  padding-top: 50px;
  padding-bottom: 20px;
}
.page-Careers #Employee_Benefits td {
  text-align: center;

}
.page-Careers #Employee_Benefits h2 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 28px;
  color: #f15a22;
  font-weight: normal;
  text-transform: none;
}
.page-Careers #Employee_Benefits tr.benefit-capture-text td:last-child p {
  padding-right: 20px;
}
.page-Careers #Employee_Benefits tr.benefit-capture-text td:first-child p {
  padding-left: 20px;
}
.page-Careers #Employee_Benefits tr:last-child p {
  margin-top: 20px;
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #f15a22;
  font-size: 22px;
  line-height: 30px;
  font-style: italic;
}
.page-Careers #Current_Openings {
  background-color: #E4F5FE;
  margin-bottom: 30px;
  width: 100%;
}
.page-Careers #Current_Openings h2 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 28px;
  color: #f15a22;
  font-weight: normal;
  text-transform: none;
}
.page-Careers #Current_Openings + p, .page-Careers #Current_Openings tr:first-child td,
.page-Careers #Current_Openings tr:last-child td {
  text-align: center;
}
.page-Careers #Current_Openings tr:first-child td {
  padding-top: 60px;
}
.page-Careers #Current_Openings tr:last-child td {
  padding-top: 30px;
  padding-bottom: 50px;
}
.page-Careers #Social_Links td {
  text-align: center;
}
.page-Careers #Social_Links h2 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 28px;
  color: #f15a22;
  font-weight: normal;
  text-transform: none;
  margin-bottom: 26px;
}

@media all and (min-width: 768px) and (max-width: 900px) {
  .page-Careers .cms-content {
    width: 75%;
  }
  .page-Careers #Coworker_Hats p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media all and (max-width: 767px) {
  .page-Careers #Header_Mission h1 {
    font-size: 30px;
    margin-top: 50px;
  }
  .page-Careers #Header_Mission h2, .page-Careers #Employee_Benefits h2 {
    font-size: 24px;
  }
  .page-Careers .cms-content {
    width: 100%;
    margin: 0px;
  }
  .page-Careers .cms-content .container-custom .content {
    padding-right: 20px;
  }
  .page-Careers #Coworker_Hats p {
    font-size: 16px;
    line-height: 20px;
  }
}
  @media all and (max-width: 424px) {
    .page-Careers .sidebar-navigation {
      width: 95%;
    }
    .page-Careers .sidebar-navigation h2 {
      font-size: 15px;
      text-align: center;
    }
    .page-Careers .sidebar-navigation ul {
      display: block;
    }
    .page-Careers .sidebar-navigation ul li {
      width: 40%;
      margin-left: 10%;
      float: left;
    }
    .page-Careers #Header_Mission h1 {
      font-size: 24px;
      margin-top: 20px;
    }
    .page-Careers #Header_Mission h2 {
      font-size: 18px;
    }
    .page-Careers #Social_Links h2 {
      font-size: 22px;
    }
  }
/*
    /careers page - END
*/
/*
    /tour page
*/
.page-NewSiteTour .cms-page {
  padding: 0 10px;

}
.page-NewSiteTour .sidebar-navigation {
  margin: 0;
  padding: 0;
}
.page-NewSiteTour .sidebar-navigation .container {
  width: 100%;
}
.page-NewSiteTour .sidebar-navigation .container {
  margin: 0;
  padding: 0;
}
.page-NewSiteTour .cms-content {
  margin: 0;
  padding: 0;
}
.page-NewSiteTour .cms-content .container-custom {
  margin: 0;
  padding: 0;
  width: 100% !important;
}
.page-NewSiteTour .cms-content .container-custom p {
  margin: 10px 10px 10px 10px;
}
.page-NewSiteTour .cms-content .yCmsContentSlot.col-2 .container-custom:nth-child(3) p {
  margin-top: 25px;
}
@media all and (min-width: 625px) and (max-width: 1023px) {
  .page-NewSiteTour .cms-content {
    width: 75% !important;
  }
}
@media all and (max-width: 624px) {
  .page-NewSiteTour .cms-content {
    padding-top: 30px;
    width: 100% !important;
  }
  .page-NewSiteTour .sidebar-navigation {
    width: 100% !important;
  }
  .page-NewSiteTour .cms-content .col2-set {
    margin-top: 30px;
  }
}
@media all and (max-width: 425px) {
  .page-NewSiteTour .cms-content .yCmsContentSlot.col-1, .page-NewSiteTour .cms-content .yCmsContentSlot.col-2 {
    width: 100%;
  }
  .page-NewSiteTour .cms-content .yCmsContentSlot.col-1 p, .page-NewSiteTour .cms-content .yCmsContentSlot.col-2 p {
    text-align: center;
    margin: 20px 0px;
  }
}
/*
    /tour page - END
*/
/*
    /saledetails page
*/
.page-websale #content {
  width: 100%;
  max-width: 1180px;
}
.page-websale. .cms-page {
  width: 100%;
  padding: 0px 20px;
}
.page-websale .cms-page .sidebar-navigation {
  display: none;
}
.page-websale .cms-page .cms-content {
    width: 100%;
}
.page-websale .cms-page .cms-content p, .page-websale .cms-page .cms-content h1, .page-websale .cms-page .cms-content h2,
.page-websale .cms-page .cms-content h3, .page-websale .cms-page .cms-content h4, .page-websale .cms-page .cms-content div {
  text-align: center;
}
.page-websale .cms-page .cms-content h1 {
  font-size: 24px;
  line-height: 28px;
}
.page-websale .cms-page .cms-content h2 {
  font-size: 16px;
  line-height: 18px;
}
.page-websale .cms-page .cms-content h3 {
  font-size: 14px;
  line-height: 16px;
}
/*
    /saledetails page - END
*/
/*
    /my-account/orders page
*/
.page-orders .order-history {
  padding: 0px 10px;
  margin: 0;
  width: 100%;
}
.page-orders .sidebar-navigation {
  width: 15%;
  margin: 0;
  min-width: 120px;
}
.page-orders .col-main {
  width: 80%;
  margin: 0;
  float: right;
}
.page-orders #order-history-table {
  min-width: 767px;
}
.page-orders #order-history-table thead tr th {
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
}
.page-orders #order-history-table tbody tr th {
  padding-left: 5px;
  padding-right: 5px;
}
.order-history #order-history-table tbody tr td:last-child {
  white-space: nowrap;
}
@media all and (max-width: 1023px) {

  .page-orders .sidebar-navigation {
    width: 95%;
  }
  .page-orders .sidebar-navigation .block {
    padding-left: 20px;
  }
  .page-orders .sidebar-navigation ul {
    width: 100%;
    display: inline-block;
  }
  .page-orders .sidebar-navigation ul li{
    width: auto;
    display: inline-block;
    padding: 0 8px;
  }
  .page-orders .col-main {
    width: 100%;
  }
  .page-orders .header-banner + .contain .col-main {
    margin-top: 60px;
  }
  .page-orders .col-main h1 {
    padding-left: 10px;
  }
  .order-history #order-history-table tbody tr td:last-child {
    white-space: unset;
  }
  .order-history #order-history-table tbody tr td:last-child a {
    text-align: left;
    line-height: 30px;
    display: block;
    margin: 0;
  }
  .order-history #order-history-table tbody tr td:last-child a:first-child {
    white-space: nowrap;
  }
}
@media all and (max-width: 767px) {
  .page-orders .order-history {
    padding-left: 0;
  }
  .page-orders .col-main .toolbar .view, .page-orders .col-main .toolbar .sorting {
    display: inline-block;
    width: auto;
    border: none;
    margin-right: 0;
  }
  .page-orders .col-main .toolbar .sorting .sort-by {
    border: none;
  }
}
@media all and (min-width: 1024px) {
  .sorting.right-without-margin {
    width: 480px;
  }
  .sort-by.left-without-margin {
    width: 187px;
  }
}
.show.right-without-margin {
  width: 130px;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .sorting.right-without-margin {
    width: 460px;
  }
  .sort-by.left-without-margin {
    width: 180px;
  }
}
@media all and (max-width: 767px) {
  .sort-by.left-without-margin {
    width: 100%;
  }
}
@media all and (min-width: 560px) and (max-width: 767px) {
  .sorting.right-without-margin {
    width: 79%;
  }
}
@media all and (max-width: 559px) {
  .product-listing .toolbar .sorting.right-without-margin {
    width: 73%;
  }
}
@media all and (max-width: 374px) {
  .product-listing .toolbar .sorting.right-without-margin {
    width: 78%;
  }
  .toolbar .filter-categories {
    width: 55px;
  }
  .toolbar .filter-categories button {
    font-size: 12px;
  }
  .toolbar .filter-categories button .filter-sidebar-content {
    margin-right: 0px;
  }
  .toolbar .filter-categories button .filter-sidebar-content > span {
    margin-left: 7px;
    margin-right: 2px;
    font-size: 14px;
    display: block;
    float: left;
  }
  .toolbar .filter-categories button .filter-sidebar-content > .dropdown-triangle {
    display: none;
  }
  .toolbar .sorting form {
    width: 50px;
  }
  .toolbar .sorting form .select-wrap .customStyleSelectBox {
    padding-left: 0;
    background: inherit;
  }
  .toolbar .sorting form .select-wrap .customStyleSelectBox .customStyleSelectBoxInner {
    font-size: 14px;
    width: 35px;
    margin-left: 7px;
  }
  .toolbar .pages {
    min-width: 155px;
  }
  .toolbar .pages, .toolbar .customStyleSelectBox {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .toolbar .sort-by, .toolbar .show, .toolbar .sorting form .select-wrap, .toolbar .filter-categories {
    height: 40px;
  }
  .product-listing .products-list .item .product-image {
    padding-left: 5px;
    padding-right: 5px;
  }
  .product-listing .products-list .item .info {
    width: 56%;
  }
  .product-listing .products-list {
    margin: 10px 0;
  }
}
@media all and (max-width: 450px) {
  .page-orders .col-main .toolbar .sorting {
    width: 100%;
  }
  .page-orders .col-main .toolbar .view .select-wrap {
    margin-left: 20px;
  }
  .page-orders .col-main .toolbar .sorting.right > .left {
    width: auto;
  }
  .page-orders .col-main .toolbar .sorting .left + div {
    width: auto;
  }
  .page-orders .col-main .toolbar .sorting.right > .left .id {
    margin: 0 20px;
  }
  .page-orders .col-main .toolbar .sorting.right > .left .sort-by.left {
    margin-left: 20px;
  }
}
@media all and (max-width: 425px) {
  .page-orders .sidebar-navigation .block {
    padding-left: 0px;
  }
  .page-orders .sidebar-navigation ul li{
    padding: 0 10px;
    width: 40%;
  }
}
/*
    /my-account/orders page - END
*/

/* Personal Preservation page*/
#seattle-field-email {
  padding-top: 0 !important;
}
#om-ctfcrffj7ymcfy8dxbcm {
  display: none !important;
}
.wishlist-col {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
}
@media all and (min-width: 501px) {
  .ppf-image {
    min-width: 370px;
    height: auto;
  }
}
@media all and (max-width: 500px) {
  .ppf-image {
    display: none;
  }
}
.tellus-logo {
  width: 70px;
}
.consumer-tab-desktop {
  width: 100%;
  height: 420px;
}
@media all and (min-width: 951px) {
  .consumer-fam-desk {
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-left: 120px;
    background-size: 100%;
  }
}
@media all and (max-width: 950px) {
  .consumer-fam-desk {
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-left: 120px;
  }
}

@media all and (min-width: 768px) {
  .tellus-form {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20%;
  }
}
@media all and (max-width: 768px) {
  .tellus-form {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2%;
  }
}
@media all and (max-width: 425px) {
  .tellus-form {
    margin-left: auto;
    margin-right: auto;
  }
}
.form-columns-2 {
  width: 70%;
}
/*
    /resource page
*/
.page-Resources-Main .container-custom, .page-Resources-Main .container-custom .content,
.page-Resources-Main .research-center-main, .page-Resources-Main .research-center-td,
.page-Resources-Main .research-center-font {
  width: 100%;
}
.page-Resources-Main .research-center-col-1, .page-Resources-Main .research-center-col-2 {
  width: 45%;
  margin: 0 2%;
  padding: 0;
}
.page-Resources-Main .research-center-col-1 {
  float: left;
}
.page-Resources-Main .research-center-col-2 {
  float: right;
}
.page-Resources-Main .research-center-font p a {
  width: auto;
}
.page-Resources-Main .research-center-main, .page-Resources-Main .research-center-col-1,
.page-Resources-Main .research-center-col-2, .page-Resources-Main .research-center-td,
.page-Resources-Main .research-center-font {
  display: block;
}
.page-Resources-Main .container-custom {
  margin: 0;
  padding: 0;
}
.page-Resources-Main .research-center-td {
  margin-bottom: 20px;
}
.page-Resources-Main .research-center-main, .page-Resources-Main .research-center-td,
.page-Resources-Main .research-center-font {
  display: inline-block;
}
.page-Resources-Main .research-center-img {
  width: 100%;
}
.page-Resources-Main .research-center-font p:first-child a {
  font-size: 36px;
}
.page-Resources-Main .research-center-font p:first-child a:first-child {

  text-transform: uppercase;
}
.page-Resources-Main .research-center-font p:first-child a:last-child {
  color: #77787b;
}
.page-Resources-Main .research-center-font p:last-child {
  font-size: 14px;
}
@media all and (max-width: 1023px) {
  .page-Resources-Main .col-left.sidebar-navigation {
    display: none;
  }
  .page-Resources-Main .col-main.cms-content {
    width: 100%;
  }
  .page-Resources-Main .col-main.cms-content .content h1 {
    margin: 20px 10px 20px 10px;
    padding-left: 10px;
  }
  .page-Resources-Main .col-main.cms-content .content h1 + p {
    padding: 0px 10px;
    margin-left: 10px;
  }
  .page-Resources-Main .research-center-main {
    margin-left: 10px;
  }
}
@media all and (max-width: 767px) {
  .page-Resources-Main .research-center-td {
  }
  .page-Resources-Main .col-main .section-2 {
    margin: 0;
    padding: 0;
  }
  .page-Resources-Main .research-center-main {
    margin: 0;
    padding: 0;
  }
  .page-Resources-Main .research-center-col-1,  .page-Resources-Main .research-center-col-2 {
    width: 95%;
    max-width: 500px;
    float: none;
    margin: 20px auto;
  }
}
/*
    /resource page - END
*/
/*
    /resource/* pages
*/
.template-pages-layout-cmsTwoColumnOverOneColumn h1 img,
.template-pages-layout-cmsTwoColumnOverOneColumn .section-2 .content > img,
.template-pages-layout-cmsTwoColumnOverOneColumn .section-2 .content h2 + p img,
.template-pages-layout-cmsTwoColumnOverOneColumn .section-2 .content h1 + img,
.template-pages-layout-cmsTwoColumnLeft h1 img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.page-Resource-SilicaGelCalculators .cms-page .cms-content p {
  margin-top: 15px;
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
  .template-pages-layout-cmsTwoColumnOverOneColumn .col-main.cms-content {
    width: 78%;
  }
}
@media all and (max-width: 1023px) {
  .template-pages-layout-cmsTwoColumnOverOneColumn .yCmsComponent.container,
  .template-pages-layout-cmsTwoColumnLeft .yCmsComponent.container {
    width: 100%;
    max-width: 950px;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn .col-main.cms-content,
  .template-pages-layout-cmsTwoColumnLeft .col-main.cms-content {
    width: 98%;
    margin-top: 30px;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn .cms-page .col-left.sidebar-navigation,
  .template-pages-layout-cmsTwoColumnLeft .cms-page .col-left.sidebar-navigation {
    width: 100%;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn .sidebar-navigation  ul ,
  .template-pages-layout-cmsTwoColumnLeft .sidebar-navigation  ul {
    margin-left: 10px;
  }
  .template-pages-layout-cmsTwoColumnLeft .cms-page .col-left.sidebar-navigation {
    width: 100% !important;
  }
  .template-pages-layout-cmsTwoColumnLeft .col-main.cms-content {
    width: 98% !important;
  }

}
@media all and (max-width: 767px) {
  .template-pages-layout-cmsTwoColumnLeft h1 {
    font-size: 24px;
  }
  .page-Resources-Professional .cms-page .col-main, .page-Resources-Personal .cms-page .col-main,
  .template-pages-layout-cmsTwoColumnOverOneColumn .cms-page .col-main .col-2 .section-2 .products-grid .item,
  .template-pages-layout-cmsTwoColumnOverOneColumn .cms-page .col-main .col-2 .slider-container .product-details .product-name {
    width: 100%;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn .cms-page .col-main .col-2 .section-2 .products-grid {
    padding: 0;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn .cms-page .col-main .col-2 .section-2 .item p.product-image {
    width: 40%;
    height: auto;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn .cms-page .col-main .col-2 .section-2 .item p.product-image img {
    width: 90%;
    height: auto;
    margin: auto;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn .cms-page .col-main .col-2 .product-slider .styled.a-center {
    white-space: nowrap;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn .cms-page .col-main .col-2 .slider-container .product-details {
    margin: 0 0 0 5%;
    width: 55%;
  }
  .template-pages-layout-cmsTwoColumnLeft .col-main.cms-content {
    width: 100% !important;
  }
  .template-pages-layout-cmsTwoColumnLeft .yCmsComponent.container,  .template-pages-layout-cmsTwoColumnLeft h1 image {
    width: 95%;
  }
  .page-Resource-SilicaGelCalculators .calculator-double-table .calculator-engunits-td,
  .page-Resource-SilicaGelCalculators .calculator-double-table .calculator-siunits-td {
    width: 100%;
    display: block;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-Resource-SilicaGelCalculators .calculator-double-table .calculator-engunits-td {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 599px) {
  .template-pages-layout-cmsTwoColumnOverOneColumn .sidebar-navigation  ul li,
  .template-pages-layout-cmsTwoColumnLeft .sidebar-navigation  ul li {
    min-width: 200px;
  }
}
@media all and (min-width: 425px) and (max-width: 767px) {
  .template-pages-layout-cmsTwoColumnOverOneColumn .cms-page .col-main .col-2 .container-custom {
    padding: 0;
  }
}
@media all and (max-width: 600px) {
  .template-pages-layout-cmsTwoColumnOverOneColumn .col2-set .col-1,
  .template-pages-layout-cmsTwoColumnOverOneColumn .col2-set .col-2 {
    width: 98%;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn .col2-set .col-1 {
    margin-bottom: 30px;
  }
  .template-pages-layout-cmsTwoColumnOverOneColumn h1 {
    font-size: 24px;
  }
  .template-pages-layout-cmsTwoColumnLeft .col-main + .container {
    padding-left: 10px;
  }
}
@media all and (max-width: 425px) {
  .template-pages-layout-cmsTwoColumnLeft h1 {
    font-size: 20px;
  }
  .page-Resources-Professional .yCmsContentSlot.col-1, .page-Resources-Professional .yCmsContentSlot.col-2,
  .page-Resources-Personal .yCmsContentSlot.col-1, .page-Resources-Personal .yCmsContentSlot.col-2{
    width: 100%;
  }
}
/*
    /resource/* pages - END
*/
/*
    /government-contracts page
*/
@media all and (max-width: 767px) {
  .page-GovernmentContracts .content .col-1.wide {
    width: 95%;
  }
}
/*
    /request-a-quote page
*/
@media all and (min-width: 768px) and (max-width: 1023px) {
  .page-requestQuote .col-main.custom-width {
    width: 75% !important;
  }
}
@media all and (max-width: 767px) {
  .page-requestQuote .col-main.custom-width {
    width: 100% !important;
    margin: 40px 0 0 0;
    padding: 0;
  }
  .page-requestQuote .custom-width-left {
    width: 100% !important;
  }
  .page-requestQuote .col-main.custom-width .request-quote {
    margin: 0 10px;
  }
}
/*
    /satisfaction-guarantee page
*/
@media all and (max-width: 767px) {
  .page-SatisfactionGuarantee .col2-set .wide {
    width: 100%;
  }
}
/*
    /shipping /returns pages
*/
@media all and (max-width: 767px) {
  .page-Shipping .content .col-1.wide, .page-Returns .content .col-1.wide {
    width: 100%;
  }
}
/*
    /frank-showcase-system page
*/
.frank-head-menu {
  margin-bottom: 20px;
  width: 100%;
}
.frank-head-menu tr:last-child td {
  padding: 15px;
  border-right: solid;
  border-right-color: #000;
  border-right-width: 1px;
  text-align: center;
  white-space: nowrap;
}
.frank-head-menu tr:last-child td:last-child {
  border-right: none;
  text-align: unset;
}
.frank-head-menu td a {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}
.frank-head-menu + p {
  padding-left: 3%;
}
.frank-head-video {
  width: 100%;
}
.frank-head-video tr td {
  padding-top: 30px;
  padding-bottom: 30px;
  background-image: url('https://embed.widencdn.net/img/gaylord/ilunn0tbyl/exact/1703-FrankLP_10.jpeg?keep=c&crop=yes&quality=100&u=yswh86');
}
.page-Frank-New .uniquely-ul {
  padding: 0px 5%;
}
.page-Frank-New ul.uniquely-ul li {
  width: 20%;
  padding: 0;
  margin-right: 4%;
  white-space: nowrap;
}
.page-Frank-New ul.uniquely-ul li:last-child {
  margin-right: 0;
}
.page-Frank-New #uniquely-content {
  padding-left: 5%;
  width: 100%;
}
.page-Frank-New #uniquely-content #engineered {
  white-space: normal;
}
#standardproducts {
  height: 380px;
}
#standardproducts div {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#standardproducts .stpr-shop-now {
  padding-left: 5%;
  position: relative;
  bottom: -20px;
  background-image:url(https://embed.widencdn.net/img/gaylord/ilunn0tbyl/exact/1703-FrankLP_10.jpeg?quality=100&u=yswh86);
  width: 95%;
  padding-top: 2%;
}
#standardproducts .show-now-text {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}
#standardproducts .show-now-text span {
  font-size: 14px;
  line-height:18px;
  text-transform: uppercase;
}
#standardproducts .stpr-pictures {
  font-size: 0;
  width: 100%;
  position: relative;
  top: -60px;
}
#standardproducts .stpr-pictures a img {
  width: 100%;
}
#standardproducts .stpr-pictures .stpr-picture-1 {
   width: 22%;
   position: relative;
}
#standardproducts .stpr-pictures .stpr-picture-2 {
  width: 15%;
}
#standardproducts .stpr-pictures .stpr-picture-3 {
  width: 18%;
}
#standardproducts .stpr-pictures .stpr-picture-4 {
  width: 23%;
}
#standardproducts .stpr-pictures .stpr-picture-5 {
  width: 22%;
}
@media (max-width: 1024px) {
  #standardproducts {
    height: 300px;
  }
  #standardproducts .stpr-pictures {
    margin-top: 25px;
  }
  #standardproducts .stpr-pictures .stpr-picture-1 a img {
    width: 100%;
    height: 200px;
  }
  #standardproducts .stpr-pictures .stpr-picture-2 a img {
    width: 100%;
    height: 200px;
  }
  #standardproducts .stpr-pictures .stpr-picture-3 a img {
    width: 100%;
    height: 200px;
  }
  #standardproducts .stpr-pictures .stpr-picture-4 a img {
    width: 100%;
    height: 200px;
  }
  #standardproducts .stpr-pictures .stpr-picture-5 a img {
    width: 100%;
    height: 252px;
  }
}
@media (max-width: 768px) {
  #standardproducts {
    height: 270px;
  }
  #standardproducts .stpr-pictures {
    margin-top: 30px;
  }
  #standardproducts .stpr-pictures .stpr-picture-1 a img {
    width: 100%;
    height: 165px;
  }
  #standardproducts .stpr-pictures .stpr-picture-2 a img {
    width: 100%;
    height: 165px;
  }
  #standardproducts .stpr-pictures .stpr-picture-3 a img {
    width: 100%;
    height: 165px;
  }
  #standardproducts .stpr-pictures .stpr-picture-4 a img {
    width: 100%;
    height: 165px;
  }
  #standardproducts .stpr-pictures .stpr-picture-5 a img {
    width: 100%;
    height: auto;
  }
}

#customizefrank tr td table {
  margin-left: 5%;
}
#customizefrank tr td table tr td img {
  min-width: 60px;
}
.page-Frank-New table#letstalk, .page-Frank-New table#letstalk .hbspt-form form .form-columns-2{
  width: 100%;
}
#want-tolearn-more tr:last-child td p.tolearn-more-text span {
  font-size: 18px;
  text-transform: uppercase;
  padding-right: 8%;
}
@media all and (max-width: 1200px) {
  #frankSlider {
    width: 95%;
  }
}
@media all and (min-width: 860px) and (max-width: 1024px) {
  #standardproducts .show-now-text {
      width: 80%;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .frank-head-menu td a {
    font-size: 12px;
  }
}
@media all and (min-width: 768px) and (max-width: 859px) {
  #standardproducts .show-now-text {
    width: 75%;
  }
}
@media all and (min-width: 600px) and (max-width: 767px) {
  #standardproducts .show-now-text {
    width: 62%;
  }
  #testimonials .testimonials-tr-picture img {
    height: 200px;
  }
}
@media all and (min-width: 425px) and (max-width: 600px) {
  #standardproducts .show-now-text {
    width: 55%;
    height: 100px;
  }
  #standardproducts .stpr-pictures a img {
    height: 200px;
  }
  #standardproducts .stpr-pictures .stpr-picture-5 a img {
    height: 251px;
  }
  #testimonials .testimonials-tr-picture img {
    height: 150px;
  }
}
@media all and (max-width: 424px) {
  #standardproducts {
    height: 200px;
  }
  #standardproducts .stpr-pictures {
    margin-top: 0;
  }
  .frank-head-menu tr:last-child td {
    width: 40%;
  }
  #standardproducts .show-now-text {
    width: 55%;
    height: 120px;
  }
  #standardproducts .stpr-pictures a img {
    height: 170px;
  }
  #standardproducts .stpr-pictures .stpr-picture-1 a img {
    height: 100px;
  }
  #standardproducts .stpr-pictures .stpr-picture-2 a img {
    height: 100px;
  }
  #standardproducts .stpr-pictures .stpr-picture-3 a img {
    height: 100px;
  }
  #standardproducts .stpr-pictures .stpr-picture-4 a img {
    height: 100px;
  }
  #standardproducts .stpr-pictures .stpr-picture-5 a img {
    height: 126px;
  }
  #testimonials .testimonials-tr-picture img {
    height: 100px;
  }
}
@media all and (max-width: 475px) {

  #want-tolearn-more tr:last-child td p.tolearn-more-text span {
    font-size: 14px;
  }
  #want-tolearn-more tr:last-child td p.tolearn-more-buttons {
    font-size: 9px;
  }
  #want-tolearn-more tr:last-child td p.tolearn-more-buttons a {
    font-size: 9px;
  }
}

@media all and (min-width: 374px) and (max-width: 767px) {
  .frank-head-menu td a {
    font-size: 10px;
    letter-spacing: 0.5px;
  }
  .frank-head-menu tr:last-child td {
    padding: 10px;
  }
  .page-Frank-New ul.uniquely-ul li {
    width: 40%;
    margin-right: 10%;
  }
  .page-Frank-New ul.uniquely-ul li:nth-child(even) {
    text-align: left;
    margin-right: 0;
  }
  .page-Frank-New ul.uniquely-ul li:nth-child(odd) {
    text-align: right;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 650px) {
  .frank-head-menu tr:last-child td {
    width: 44%;
    display: inline-block;
  }
  .frank-head-menu tr:last-child td:nth-child(even) {
    text-align: left;
    border-right: none;
    padding-right: 0px;
  }
  .frank-head-menu tr:last-child td:nth-child(odd) {
    text-align: right;
    padding-left: 0px;
  }
  .frank-head-menu td a {
    font-size: 12px;
  }
  .frank-head-video tr td {
    padding: 0px;
    background-image: none;
  }
  .page-Frank-New #uniquely-content {
    padding-left: 0;
  }
  .page-Frank-New #uniquely-content #engineered h2, .page-Frank-New #uniquely-content #engineered p {
    width: 90%;
    margin: 0 auto;
  }
}
@media all and (max-width: 768px) {
  .back_to_top {
    position: fixed;
    bottom: 80px;
    right: 0px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    background: url("../images/arrow.jpg") no-repeat;
    color: #444;
    cursor: pointer;
    border-radius: 2px;
    display: none;
  }
  .back_to_top-show {
    display: block;
  }
}
@media all and (max-width: 374px) {
  .back_to_top {
    bottom: 82px;
  }
}

.totals-container #g-recaptcha_widget {
    margin-bottom: 20px;
    margin-left: 30px;
}


/*
  Overriding styles for migration to Bootstrap 5
*/


.page {
  .container {
    padding: 0;
  }
}

.Button-Top-Panel {
  width: 100%;
}

.page .header-container .header .logo {
  @media all and (min-width: 768px) {
    max-width: 555px;
  }
}

.navbar-toggler__button {
  display: none;
  @media all and (max-width: 767px) {
    width: 75px;
    display: block;
  }
}

.collapse:not(.show) {
  @media all and (min-width: 768px) {
    display: flex !important;
  }
}

.desktop-wrap-tabs .collapse:not(.show) {
    display: none !important;
}

.navigation .top-level {
  @media all and (min-width: 768px) {
    display: flex;
    flex-direction: row;
  }
}

.card-body {
  padding: 0 !important;
}

.mobile_hamburger-menu {
  padding: 0;
  width: 100%;
}

.mobile_hamburger-menu__title {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  width: 100%;
  padding: 0 12px;
  & > a {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
  }
}

.mobile_hamburger-menu__accordion-button {
  width: 25px;
  color: white;
  padding: 4px;
  background-color: #444 !important;
  box-shadow: none !important;
}

.mobile_hamburger-menu__submenu-field {
  background-color: #edecec;
  margin-bottom: -1px;
}

.submenu__collapse-row {
  padding: 0 12px;
  background-color: #edecec;
}

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

.accordion-collapse .level2 {
  padding: 0 12px;
  background-color: white;
}

.accordion-collapse .level2 > a {
  display: inline-block;
  color: #555454;
  text-transform: capitalize;
}
.submenu__collapse-row {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  height: 31px;
  width: 100%;
}

.childlink-submenu {
  color: black;
  background-color: #edecec !important;
}

.accordion-collapse submenu__level-2 .level2 a {
  color: #555454 !important;
}

li.mobile_hamburger-menu__submenu-field > a {
  padding-left: 12px;
}

/* Accordion Icons */

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  content: none;
}
/* Example: CSS for custom icon colors */
.mobile_hamburger-menu__title {
  button.white-color  {
    color: #ffffff;
  }
}
.submenu__collapse-row {
  button.orange-color {
    color: #f15a22;
  }
}


/* Autocomplete Menu */

.typeahead.dropdown-menu > li > a {
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.typeahead.dropdown-menu > li > a:hover {
  color: #fff;
  text-shadow: none;
}


/* Mobile search icon */
.navbar-toggler {
  position: relative;
}

.navbar-toggler:focus,
.navbar-toggler:focus-visible {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

.navbar-toggler > .search-icon {
  background: url("../images/sprite.png") -562px -5px no-repeat;
  position: absolute;
  right: -20px;
  top: 10px;
  height: 20px;
  width: 24px;
  border: none;
  text-indent: -9999px;
}

/*tn-slider css*/
.tns-outer {
  padding: 0 !important
}

.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%
}

.tns-no-calc {
  position: relative;
  left: 0
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left
}
/*tn-slider css end*/

.modal-gallery {
  display: none;
}

.modal-gallery .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 501;
}

.modal-gallery .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 75%;
  height: auto;
  max-width: 1500px;
  max-height: 950px;
  aspect-ratio: 3 / 2;
  z-index: 502;
  text-align: center;
  padding: 25px;
  box-sizing: border-box;
}

.modal-main-content {
  margin-top: 5px;
  width: 60%;
  aspect-ratio: 1 / 1;
  float: right !important;
}

.modal-top {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 3%;
}

.modal-top-left {
  height: 20%;
}

.modal-slider {
  background: #eeeced;
  height: 80%;
  padding-left: 20px;
  padding-top: 40px;
  position: relative;
}

.gallery-inner {
  height: 97%;
  width: 40%;
}

.gallery-inner .modal-product-info h1 {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 18px;
  color: #f15a22;
  font-family: "FuturaBT-Medium", Arial, sans-serif;
}

.modal-product-info {
  border-bottom: 1px solid #c7c7c7;
}

.gallery-inner .caption {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 30px;
}

.modal-alternate-images {
  width: auto;
  height: auto;
}

.modal-slider .alternate-images ul li {
  display: block;
  width: 80px;
  margin-right: 20px;
  margin-bottom: 20px
}

.modal-gallery .zoom-indicator:before {
  content: '';
  width: 18px;
  height: 18px;
  margin-right: 7px;
  display: inline-block;
  vertical-align: top;
  background: url('../images/sprite.png') -96px -181px no-repeat;
}

.modal-gallery .close-btn {
  background: transparent;
  border: none;
  font-size: 2em;
  cursor: pointer;
  float: right;
  margin-left: 20px;
}

.modal-gallery .zoom-indicator {
  float: right;
  display: block;
  max-width: 180px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}

.modal-main-content .product-image {
  width: 100% !important;
  height: 100%;
  cursor: default;
}

.modal-main-content .product-image img {
  width: 100%;
  object-fit: fill;
  object-position: center center;
  display: block;
}

.modal-slider .modal-prev {
  background: url("../images/sprite.png") -54px -82px no-repeat;
  border: 0;
  display: block;
  height: 28px;
  padding: 0;
  position: absolute;
  width: 24px;
  z-index: 95;
  overflow: visible;
  white-space: nowrap;
  left: 47%;
  bottom: 95%;
  transform: rotate(-90deg)
}

.modal-slider .modal-next {
  background: url("../images/sprite.png") -54px -82px no-repeat;
  border: 0;
  display: block;
  height: 28px;
  padding: 0;
  position: absolute;
  width: 24px;
  z-index: 95;
  overflow: hidden;
  white-space: nowrap;
  right: 47%;
  top: 95%;
  transform: rotate(90deg)
}

.modal-slider .modal-next:disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
  z-index: 95;
}

.modal-slider .modal-prev:disabled {
  opacity: 0.2;
  filter: alpha(opacity=20);
  z-index: 95;
}

.modal-video  {
  position: relative;
  display: inline-block;
}

.modal-video img {
  filter: brightness(0.7);
}

/* the white circle + triangle */
.modal-video::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 2px solid rgba(255,255,255,0.8);
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
}

/* draw the ▶︎ inside the circle */
.modal-video::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -6px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid white;
  pointer-events: none;
}

.modal-main-content .main-video {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 503;
  display: none;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 504;
}

/* the white circle + triangle */
.video-wrap .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border: 8px solid white;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  z-index: 505;
}

/* draw the ▶︎ inside the circle */
.video-wrap .play-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  border-top: 27px solid transparent;
  border-bottom: 27px solid transparent;
  border-left: 45px solid white;
}

@media (min-width: 300px) {
  .modal-gallery .content {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .modal-main-content {
    width: 100%;
    margin: 0;
    float: none;
  }

  #main-image {
    pointer-events: none;
  }

  .gallery-inner {
    display: none;
  }

  .mobile-gallery-container {
    display: block;
  }

  .mobile-gallery-container .caption{
    text-align: left;
    display: block;
    width: 100%;
  }

  .mobile-gallery-container .default-slider {
    position: relative;
    margin-top: 22px;
  }

  .mobile-gallery-container .default-slider .alternate-images ul li a {
    margin-right: 10px !important;
    float: left;
  }

  .modal-gallery .zoom-indicator {
    display: none;
  }
}

@media (min-width: 768px) {

  #modal-alternate-images {
    width: 100%;
    margin: 0 auto;
  }

  .modal-gallery .content {
    width: 95%;
    min-width: 765px;
    padding: 15px;
  }

  .modal-main-content {
    width: 55%;
    margin-right: 5px;
    margin-top: 60px;
  }

  .mobile-gallery-container {
    display: none;
  }

  #main-image {
    pointer-events: unset;
  }

  .gallery-inner {
    width: 320px;
    display: block;
  }

  .modal-gallery .zoom-indicator {
    display: block;
  }

  .gallery-inner .caption {
    padding: 0;
  }
}

@media (min-width: 1024px) {
  #modal-alternate-images {
    width: 100%;
    margin: 0 auto;
  }

  .modal-gallery .content {
    width: 85%;
    min-width: 1000px;
    padding: 25px;
  }

  .modal-main-content {
    width: 62%;
    margin-right: 1%;
    margin-top: 15px;
  }

  .gallery-inner {
    width: 320px;
    display: block;
  }

  .gallery-inner .caption {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

@media (min-width: 1366px) {
  .modal-gallery .content {
    width: 75%;
  }
}

@media (min-width: 1700px) {
  .modal-main-content {
    width: 63%;
    max-width: 865px;
    margin-right: 1%;
    margin-top: 5px;
  }

  .gallery-inner {
    width: 35%;
    max-width: 420px;
  }
}


@media (min-width: 2560px) {
  .gallery-inner {
    width: 30%;
  }
}