/*==============================
=            Colors            =
==============================*/
/*=============================
=            Fonts            =
=============================*/
/*==============================
=            Colors            =
==============================*/
/*=============================
=            Fonts            =
=============================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700");
button {
  border: 0; }
  button:focus, button:active {
    border-bottom: 0;
    outline: none; }

.confirm-button, .deny-button, .button-clear, .button-main, button.button-blue,
.button-blue, button.button-text,
.button-text, button.button-yellow,
.button-yellow, button.button-red,
.button-red, button.button-green,
.button-green, .button-gray, .button-white, .button-light-gray, .button-stroke, .button-outline, .button-orange-text, .button-green-text, .button-red-text, .dropdown-toggle-white, .dropdown-toggle-blue, .dropdown-toggle-gray, .dropdown-toggle-light-gray, .button-no-select {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: block;
  font-size: 13.7px;
  font-weight: 400;
  letter-spacing: 1.25px;
  line-height: 16px;
  cursor: pointer;
  text-transform: uppercase; }

.confirm-button {
  background: #466fa3;
  border-bottom: 4px solid #2e4d73;
  color: #fff;
  text-align: center;
  width: 100px;
  height: 40px;
  float: right;
  margin-left: 10px; }
  .confirm-button:hover {
    color: #fff;
    background-color: #2e4d73; }

.deny-button {
  background-color: #dfdfdf;
  border-bottom: 4px solid #cacaca;
  color: #3c3c3c;
  text-align: center;
  min-width: 100px;
  height: 40px;
  float: right; }
  .deny-button:hover {
    background-color: #cacaca; }

.full-button {
  width: 100%; }

.half-button {
  float: right;
  margin: 0 1%;
  width: 48%; }

.button-container {
  display: flex;
  margin: 0 auto 0; }
  .button-container.two {
    width: 230px !important; }
    .button-container.two a {
      width: 50%; }

.button-cont {
  clear: both; }

#contact-us-button {
  display: block;
  margin: 0 auto; }

.square-button {
  border: 0;
  width: 40px; }

.mid-size {
  width: 170px;
  position: absolute;
  top: 25px;
  right: 0; }

a.extra-height {
  height: 60px;
  padding: 18px; }

.action-button {
  height: 55px;
  width: 24.2%;
  margin-right: 1%;
  display: inline-block;
  padding: 19px 5px;
  vertical-align: top;
  line-height: 1; }

.action-button:nth-last-child(1) {
  margin-right: 0; }

.square-action-button {
  height: 55px;
  width: 55px;
  padding: 19px 5px;
  line-height: 1; }

.mid-size-2 {
  width: 170px;
  float: right; }

.button-fill {
  height: 55px;
  width: 49%;
  padding: 17px 5px;
  margin-left: 2%; }

.small-btn {
  width: 90px;
  border: 0;
  border: 1px solid #e5e5e5;
  height: 30px;
  margin-bottom: 10px;
  color: #9c9c9c;
  font-size: 12px;
  text-align: center;
  padding-top: 5px; }

.header-add-to-cart {
  width: 100%;
  height: 36px;
  float: right; }

.fluid-wrap-for-cart {
  width: 100%;
  padding-left: 60px; }

.button-clear {
  color: #000A50;
  text-align: center;
  width: 50px;
  height: 35px; }
  .button-clear.red {
    color: #B00020; }
  .button-clear.green {
    color: #00915E; }

.h32 {
  height: 32px;
  line-height: 32px; }

.h36 {
  height: 36px;
  line-height: 36px; }

.arrow:after {
  content: url(https://d2nwi4n562ba8i.cloudfront.net/_img/arrow-down.svg);
  position: absolute;
  right: 18px; }
.arrow.up:after {
  transform: rotate(-180deg); }

.arrow[data-toggle="collapse"]:not(.collapsed):after {
  transform: rotate(-180deg); }

.button-main {
  background-color: #466fa3;
  border-bottom: 4px solid #2e4d73;
  color: #fff;
  text-align: center; }
  .button-main:hover, .button-main:focus, .button-main:active {
    color: #fff; }
  .button-main:active {
    background-color: #2e4d73; }

button.button-blue,
.button-blue {
  background-color: #1C2A7F;
  color: #fff;
  text-align: center; }
  button.button-blue:hover, button.button-blue:focus, button.button-blue:active, button.button-blue.active,
  .button-blue:hover,
  .button-blue:focus,
  .button-blue:active,
  .button-blue.active {
    color: #fff;
    background-color: #1D2553;
    border-bottom: 0; }
  button.button-blue.muted,
  .button-blue.muted {
    background-color: #707BBB; }
    button.button-blue.muted:hover, button.button-blue.muted:focus, button.button-blue.muted:active, button.button-blue.muted.active,
    .button-blue.muted:hover,
    .button-blue.muted:focus,
    .button-blue.muted:active,
    .button-blue.muted.active {
      background-color: #414E96;
      border-bottom: 0; }
    button.button-blue.muted.lighter,
    .button-blue.muted.lighter {
      background-color: #98A0CE; }

.pre-selected-button {
  background-color: #00915E; }
  .pre-selected-button:active, .pre-selected-button:hover {
    background-color: #255C40;
    border-bottom: 0; }

button.button-blue {
  padding: 9px;
  border-bottom: 0; }

button.button-gray {
  padding: 9px;
  border-bottom: 0; }

.button-blue.add-sbb-item-awards-button,
.button-blue.add-sbb-item-button,
.button-blue#submit-name-plates {
  border-bottom: 0; }
  .button-blue.add-sbb-item-awards-button:focus, .button-blue.add-sbb-item-awards-button:active, .button-blue.add-sbb-item-awards-button:hover, .button-blue.add-sbb-item-awards-button:visited,
  .button-blue.add-sbb-item-button:focus,
  .button-blue.add-sbb-item-button:active,
  .button-blue.add-sbb-item-button:hover,
  .button-blue.add-sbb-item-button:visited,
  .button-blue#submit-name-plates:focus,
  .button-blue#submit-name-plates:active,
  .button-blue#submit-name-plates:hover,
  .button-blue#submit-name-plates:visited {
    border-bottom: 0; }

button.button-text,
.button-text {
  background-color: transparent;
  color: #fff;
  text-align: center;
  border-bottom: 0; }
  button.button-text:hover, button.button-text:focus, button.button-text:active,
  .button-text:hover,
  .button-text:focus,
  .button-text:active {
    opacity: 0.8;
    color: #fff;
    background-color: transparent;
    border-bottom: 0; }

button.button-yellow,
.button-yellow {
  background-color: #FCB849;
  color: #fff;
  text-align: center; }
  button.button-yellow:hover, button.button-yellow:focus, button.button-yellow:active,
  .button-yellow:hover,
  .button-yellow:focus,
  .button-yellow:active {
    color: #fff;
    background-color: #EE9F1D;
    border-bottom: 0; }

button.button-red,
.button-red {
  background-color: #B00020;
  color: #fff;
  text-align: center; }
  button.button-red:hover, button.button-red:focus, button.button-red:active,
  .button-red:hover,
  .button-red:focus,
  .button-red:active {
    color: #fff !important;
    background-color: #880019;
    border-bottom: 0; }

button.button-green,
.button-green {
  background-color: #00915E;
  color: #fff;
  text-align: center; }
  button.button-green:hover, button.button-green:focus, button.button-green:active,
  .button-green:hover,
  .button-green:focus,
  .button-green:active {
    color: #fff !important;
    background-color: #255C40;
    border-bottom: 0; }
  button.button-green.muted,
  .button-green.muted {
    background-color: #70BB78; }
    button.button-green.muted:hover, button.button-green.muted:focus, button.button-green.muted:active,
    .button-green.muted:hover,
    .button-green.muted:focus,
    .button-green.muted:active {
      color: #fff;
      background-color: #00915E;
      border-bottom: 0; }

button.button-red,
.button-red {
  background-color: #B00020;
  color: #fff;
  text-align: center; }
  button.button-red:hover, button.button-red:focus, button.button-red:active,
  .button-red:hover,
  .button-red:focus,
  .button-red:active {
    color: #fff !important;
    background-color: #880019;
    border-bottom: 0; }
  button.button-red.muted,
  .button-red.muted {
    background-color: #B00020; }
    button.button-red.muted:hover, button.button-red.muted:focus, button.button-red.muted:active,
    .button-red.muted:hover,
    .button-red.muted:focus,
    .button-red.muted:active {
      color: #fff;
      background-color: #B00020;
      border-bottom: 0; }

button.button-blue {
  padding: 9px;
  border-bottom: 0; }

.button-gray {
  background-color: #666;
  border-bottom: 4px solid #3a3a3a;
  color: #fff;
  text-align: center; }
  .button-gray:hover, .button-gray:focus, .button-gray:active {
    color: #fff; }
  .button-gray:active {
    background-color: #3a3a3a;
    border-bottom: 4px solid #3a3a3a;
    top: 4px; }

#apply-device {
  margin-bottom: 15px; }

.button-white {
  background-color: #6d6d7b;
  border-bottom: 4px solid #000A50;
  color: #fff;
  text-align: center; }
  .button-white:hover, .button-white:focus, .button-white:active {
    color: #fff; }
  .button-white:active {
    background-color: #000A50; }

.button-light-gray {
  background-color: #dfdfdf;
  border-bottom: 4px solid #cacaca;
  color: #3c3c3c;
  text-align: center; }
  .button-light-gray:hover, .button-light-gray:focus, .button-light-gray:active {
    color: #3c3c3c; }
  .button-light-gray:active {
    background-color: #cacaca; }

.button-stroke {
  border: 1px solid #c6c6c6;
  color: #676767; }

.button-outline {
  background-color: rgba(98, 2, 238, 0);
  border: solid 1px rgba(0, 0, 0, 0.12);
  color: #1C2A7F;
  text-align: center;
  text-transform: uppercase; }
  .button-outline:hover, .button-outline:focus, .button-outline:active {
    background-color: #F7F8FB;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
  .button-outline.muted {
    opacity: 0.4; }
  .button-outline.selected-button {
    background-color: #1C2A7F;
    border-bottom: 0;
    position: relative;
    padding-top: 32px;
    overflow: hidden; }
    .button-outline.selected-button:after {
      content: 'REMOVE';
      position: absolute;
      top: 0;
      width: 100%; }
  .button-outline.button-green {
    border: solid 2px #00915E;
    color: #00915E !important;
    font-weight: 600;
    padding-bottom: 0; }

.button-orange-text {
  background-color: transparent;
  border: none;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  color: #EC8509;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px; }
  .button-orange-text:hover, .button-orange-text:focus, .button-orange-text:active {
    color: #EC8509;
    text-decoration: none;
    border-bottom: none; }

.button-green-text {
  background-color: transparent;
  border: none;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  color: #00915E;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px; }
  .button-green-text:hover, .button-green-text:focus, .button-green-text:active {
    color: #00915E;
    text-decoration: none;
    border-bottom: none; }

.button-red-text {
  background-color: transparent;
  border: none;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  color: #B00020;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px; }
  .button-red-text:hover, .button-red-text:focus, .button-red-text:active {
    color: #B00020;
    text-decoration: none;
    border-bottom: none;
    background-color: transparent !important; }
  .button-red-text.disabled {
    color: #C5C5C5;
    background-color: transparent !important;
    text-decoration: underline; }
    .button-red-text.disabled:hover, .button-red-text.disabled:focus, .button-red-text.disabled:active {
      background-color: transparent !important; }

.selected-button {
  background-color: #000A50;
  border: 0;
  color: #fff;
  border-bottom: 4px solid #000; }
  .selected-button:hover {
    color: #fff; }

.icon {
  padding-bottom: 8px;
  padding-left: 11px;
  padding-top: 8px; }
  .icon .flip-icon {
    background: url("https://i.ezr.io/_img/icon-flip.png") no-repeat 5px 2px;
    display: inline-block;
    height: 30px;
    padding-left: 50px;
    padding-top: 5px; }

.disabled {
  background-color: #F3F3F3 !important;
  color: #C5C5C5 !important;
  cursor: default !important; }
  .disabled:hover, .disabled:focus, .disabled:active {
    background-color: #F3F3F3 !important;
    color: #C5C5C5 !important; }

.dropdown {
  margin-bottom: 15px; }

.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  left: 0;
  max-height: 300px;
  overflow-x: hidden;
  padding: 0;
  right: 0;
  min-width: 120px;
  box-shadow: none;
  top: 28px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  text-transform: uppercase; }
  .dropdown-menu li a {
    border-bottom: 0;
    padding: 8px 15px;
    text-align: center;
    white-space: normal; }
    .dropdown-menu li a:hover {
      background: #000A50;
      color: #fff; }
    .dropdown-menu li a:focus, .dropdown-menu li a:active {
      border-bottom: 0; }

.dropdown-toggle-white, .dropdown-toggle-blue, .dropdown-toggle-gray, .dropdown-toggle-light-gray, .button-no-select {
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 13.7px; }
  .dropdown-toggle-white:focus, .dropdown-toggle-blue:focus, .dropdown-toggle-gray:focus, .dropdown-toggle-light-gray:focus, .button-no-select:focus, .dropdown-toggle-white:active, .dropdown-toggle-blue:active, .dropdown-toggle-gray:active, .dropdown-toggle-light-gray:active, .button-no-select:active {
    border-bottom: 0;
    outline: none; }
  .dropdown-toggle-white ~ .dropdown-menu, .dropdown-toggle-blue ~ .dropdown-menu, .dropdown-toggle-gray ~ .dropdown-menu, .dropdown-toggle-light-gray ~ .dropdown-menu, .button-no-select ~ .dropdown-menu {
    top: 34px; }

.dropdown-toggle-white {
  background-color: #6d6d7b;
  color: #fff;
  text-align: left; }
  .dropdown-toggle-white ~ .dropdown-menu {
    background-color: #6d6d7b; }
    .dropdown-toggle-white ~ .dropdown-menu a {
      color: #fff; }

.dropdown.open .dropdown-toggle-blue {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
  .dropdown.open .dropdown-toggle-blue:hover {
    background: #414E96; }

.dropdown-toggle-blue {
  background: #1C2A7F;
  color: #fff;
  font-weight: 500; }
  .dropdown-toggle-blue:hover {
    background: #1D2553; }
  .dropdown-toggle-blue ~ .dropdown-menu {
    background: #1C2A7F; }
    .dropdown-toggle-blue ~ .dropdown-menu a {
      color: #fff; }
      .dropdown-toggle-blue ~ .dropdown-menu a:hover {
        background: #414E96; }
  .dropdown-toggle-blue.muted {
    background: #707BBB; }
    .dropdown-toggle-blue.muted:active, .dropdown-toggle-blue.muted:hover {
      background: #414E96; }
    .dropdown-toggle-blue.muted ~ .dropdown-menu {
      background: #707BBB; }
      .dropdown-toggle-blue.muted ~ .dropdown-menu a {
        color: #fff; }
        .dropdown-toggle-blue.muted ~ .dropdown-menu a:hover {
          background: #414E96; }
  .dropdown-toggle-blue.pale {
    background: #C1C5E2; }
    .dropdown-toggle-blue.pale:active, .dropdown-toggle-blue.pale:hover {
      background: #C1C5E2; }
    .dropdown-toggle-blue.pale ~ .dropdown-menu {
      background: #C1C5E2; }
      .dropdown-toggle-blue.pale ~ .dropdown-menu a {
        color: #fff; }
        .dropdown-toggle-blue.pale ~ .dropdown-menu a:hover {
          background: #C1C5E2; }
  @media only screen and (max-width: 480px) {
    .dropdown-toggle-blue {
      position: relative; } }

.dropdown-toggle-gray {
  background: #666;
  color: #fff; }

.action-dropdown li a:hover {
  background: #3a3a3a;
  color: #fff; }

.dropdown-toggle-light-gray {
  background: #dfdfdf;
  color: #3c3c3c;
  text-align: left;
  height: 55px; }

.button-no-select {
  background-color: #E4E6EF;
  color: #AAB0D5;
  cursor: auto; }

.caret {
  border: none;
  background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/arrow-down.svg") no-repeat center center;
  width: 12px;
  height: 100%; }

.dropdown .caret,
.button-no-select .caret {
  float: right;
  position: absolute;
  right: 18px;
  top: 0; }

.dropdown.open .caret,
.dropdown[data-toggle="collapse"]:not(.collapsed) .caret {
  transform: rotate(-180deg); }

.radio-select,
.check-btn {
  background: #fff;
  border: 1px solid #666;
  display: inline-block;
  height: 20px;
  margin: 0 1px -4px 0;
  width: 20px; }

.check-btn {
  margin-right: 4px; }

.radio-select {
  background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-radio.svg");
  border: none; }

.checked-box,
.checked-radio {
  border: 0; }

.checked-radio {
  background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-radio-selected.svg"); }

.checked-box {
  background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/checkbox-checked.png"); }

input[type='radio'],
input[type='checkbox']:not(.visible-checkbox) {
  display: block;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
  left: 5px;
  top: 1px; }

span[class|='checkbox'] {
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  height: 27px;
  width: 37px; }

.checkbox {
  font-size: 12px;
  padding: 0; }

.checkbox-off {
  background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-checkbox-selected.svg"); }

.checkbox-on {
  background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-checkbox.svg"); }

input[type='text'],
input[type='password'],
input[type='search'],
input[type='url'],
input[type='tel'],
input[type='number'],
input[type='email'] {
  background-color: #fff;
  border: 1px solid #DDDEE3;
  border-radius: 4px;
  color: #000;
  font-size: 14px;
  font-weight: 100;
  margin-bottom: 10px;
  outline: 0;
  padding: 5px; }

input[type='text']:-ms-input-placeholder,
input[type='text']::-webkit-input-placeholder {
  /* WebKit browsers */
  direction: rtl; }

input[type='button'],
input[type='submit'] {
  border: 0;
  padding-top: 2px; }

label {
  font-weight: 300; }

.full-text-area {
  border: 1px solid #ababab;
  height: 70px;
  resize: none;
  width: 100%;
  background-color: #e7e7e7; }

.input-append.input-group {
  width: 100%; }

.input-group {
  margin-bottom: 4px; }

.input-group input[type='search'].form-control {
  font-size: 14px;
  line-height: 19px;
  color: #0D196A;
  border-radius: 4px !important;
  font-family: "Open Sans", sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FAFAFA url(https://d2nwi4n562ba8i.cloudfront.net/_img/search.svg) no-repeat 16px center;
  background-size: auto 50%;
  box-shadow: 0 1px 6px 0 rgba(200, 200, 200, 0.5);
  font-weight: 300;
  padding: 0 38px 0 44px !important;
  position: relative;
  box-sizing: border-box;
  width: 60%;
  display: inline-block;
  height: 44px;
  line-height: 44px; }
  .input-group input[type='search'].form-control::placeholder {
    color: rgba(13, 25, 106, 0.4); }
.input-group label {
  color: #3c3c3c;
  left: 10px;
  margin: 0;
  position: absolute;
  top: 8px;
  z-index: 100; }
.input-group .glyphicon-remove-circle {
  z-index: 10;
  position: absolute;
  top: 11px;
  right: 120px;
  cursor: pointer;
  font-size: 20px;
  color: #b1b1b1;
  display: none; }

.altered-margin {
  margin-bottom: 5px; }

form {
  position: relative; }

.form-save-button {
  width: 90px;
  position: absolute;
  top: -10px;
  right: 0; }

input[type='range'] {
  -webkit-appearance: none; }

input[type='range']::-webkit-slider-runnable-track {
  background: #878787;
  border: 0;
  border-radius: 3px;
  height: 5px;
  width: 230px; }

input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #000A50;
  border: 0;
  border-radius: 50%;
  height: 16px;
  margin-top: -4px;
  width: 16px; }

input[type='range']:focus {
  outline: none; }

input[type='range']:focus::-webkit-slider-runnable-track {
  background: #878787; }

input[type='range']::-moz-range-track {
  background: #878787;
  border: 0;
  border-radius: 3px;
  height: 5px; }

input[type='range']::-moz-range-thumb {
  background: #000A50;
  border: 0;
  border-radius: 50%;
  height: 16px;
  width: 16px; }

input[type='range']:-moz-focusring {
  outline: 1px solid #bebebe;
  outline-offset: -1px; }

input[type='range']::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
  height: 5px;
  width: 230px; }

input[type='range']::-ms-fill-lower {
  background: #878787;
  border-radius: 10px; }

input[type='range']::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px; }

input[type='range']::-ms-thumb {
  background: #000A50;
  border: 0;
  border-radius: 50%;
  height: 16px;
  width: 16px; }

input[type='range']:focus::-ms-fill-lower {
  background: #878787; }

input[type='range']:focus::-ms-fill-upper {
  background: #ccc; }

.full-page-overlay {
  background: #000;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000; }
  .full-page-overlay h2 {
    color: #fff;
    text-align: center; }

.spinner {
  margin: 25% auto 0;
  opacity: 1;
  text-align: center;
  width: 70px;
  z-index: 1001; }
  .spinner > div {
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    height: 18px;
    opacity: 1;
    width: 18px; }
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

@-webkit-keyframes bouncedelay {
  0%,
    80%,
    100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes bouncedelay {
  0%,
    80%,
    100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
button .spinner,
.button-green .spinner {
  width: 16px;
  height: 16px;
  border-top-color: #fff;
  border-left-color: #fff;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 0 0;
  animation: spinner 1s linear infinite; }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.tt-menu,
.gist {
  text-align: left; }

.typeahead,
.tt-query,
.tt-hint {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none; }

.typeahead {
  background-color: #fff;
  display: block; }

.twitter-typeahead {
  display: block !important; }

.tt-hint {
  color: #999; }

.tt-menu {
  width: 100%;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  padding: 3px 20px;
  font-size: 16px;
  line-height: 28px; }

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #000A50; }

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf; }

.tt-suggestion p {
  margin: 0; }

.customTooltip {
  height: 45px;
  width: 200px;
  background-color: #666;
  color: #fff;
  position: absolute;
  right: 20px;
  bottom: 23px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-bottom: 4px solid #3a3a3a;
  padding: 10px;
  text-align: center; }

.tooltip-arrow {
  position: absolute;
  bottom: 16px;
  left: 50%;
  margin-left: -5px;
  border-top: 16px solid #666;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent; }

.hidden {
  display: none; }

h1 {
  color: #3c3c3c;
  font-size: 22px;
  font-style: italic;
  font-weight: 400; }

h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #0D196A;
  font-style: italic; }

.h2-margin {
  margin: 15px 0 15px; }

h3 {
  font-size: 14px;
  font-style: italic;
  font-weight: 400; }

.device-question h4 {
  margin-bottom: 25px; }

h4 {
  font-size: 14px;
  font-weight: 400; }

p {
  font-size: 14px;
  font-weight: 300; }

a:focus,
a:hover {
  text-decoration: none; }

a {
  /* color: $font-color; */
  color: inherit;
  border-bottom: 1px solid inherit;
  padding-bottom: 2px; }
  a:hover {
    color: #000;
    border-bottom: 1px solid #000; }

.heavy-font-weight {
  font-weight: 900 !important; }

.footer-ezrshopapp {
  padding: 40px; }
  .footer-ezrshopapp p {
    text-align: center;
    font-size: 12px; }
  .footer-ezrshopapp .soc {
    width: 130px;
    display: block;
    margin: 0 auto; }
    .footer-ezrshopapp .soc div {
      display: inline-block;
      float: left;
      margin-right: 5px; }

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

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

.mobile-only-small-inline {
  display: none; }

.mobile-only-med {
  display: none; }

.home-alt-cta {
  max-height: 200px; }

.content-container-large .mobile-only-seo {
  display: none; }

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

.desktop-tablet {
  display: block; }

.desktop-tablet-med {
  display: block; }

.appear-680 {
  display: none; }

.tablet {
  display: none; }

.review-margin {
  margin-bottom: 15px; }

.upload_button_holder .button-blue.no-border-bottom,
.no-border-bottom {
  border-bottom: 0;
  height: 40px; }
  .upload_button_holder .button-blue.no-border-bottom:hover,
  .no-border-bottom:hover {
    border-bottom: 0; }

.center {
  text-align: center; }

.photo-type-placeholder {
  padding-top: 10px; }

.margin-sides {
  margin: 0 5px;
  margin-bottom: 15px; }

.margin-bottom {
  margin-bottom: 15px !important; }

.margin-bottom-40 {
  margin-bottom: 20px; }

.margin-sides-rev {
  margin: 0 15px; }

.desktop-large-only {
  display: block; }

.appear-530 {
  display: none; }

.appear-768 {
  display: none; }

.content-container.no-border-bottom {
  border-bottom: 0; }

.dotted-border {
  border-top: 2px dotted #ababab;
  padding-top: 15px; }
  .dotted-border span {
    font-size: 12px; }

.item-palette li.no-border {
  border-left: 0; }

.visible-550px {
  display: none; }

.item-palette.border-top {
  border-top: 1px solid #DDDEE3;
  padding-top: 30px; }

.three-col-select > li .img-contain {
  max-height: 115px;
  min-height: 115px;
  position: relative; }
  .three-col-select > li .img-contain img {
    max-width: 100%; }

.border-container {
  padding: 25px;
  border: 1px solid #DDDEE3;
  border-radius: 10px; }
  .border-container img {
    float: left;
    margin-right: 15px;
    width: 50px;
    height: 50px; }
  .border-container p {
    padding-left: 65px; }

.quick-tips img {
  max-width: 100%; }

.two-col-layout.quick-tips .left {
  width: 64%; }
.two-col-layout.quick-tips .right {
  width: 31%; }
.two-col-layout.quick-tips ol {
  padding: 0 0 0 25px;
  margin-top: 15px; }
.two-col-layout.quick-tips li {
  margin-bottom: 30px;
  border-bottom: 1px solid #DDDEE3;
  padding-bottom: 30px; }
.two-col-layout.quick-tips li:last-child {
  border-bottom: 0; }

.need-tips {
  width: 130px;
  height: 60px;
  display: block;
  margin: 0 auto; }
  .need-tips img {
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 10px;
    position: relative;
    top: -2px; }

.sbb-results .split-column {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  width: 100%;
  padding: 0; }
  .sbb-results .split-column li {
    height: inherit; }
    .sbb-results .split-column li:first-of-type {
      position: relative;
      top: -5px; }
  .sbb-results .split-column .dropdown {
    position: relative; }
  .sbb-results .split-column button {
    position: relative;
    padding: 7px;
    font-size: 13.7px; }
  .sbb-results .split-column .caret {
    right: 18px; }

.sbb-results #select-branch {
  position: relative;
  top: 0; }

.sbb-results button {
  position: relative; }

.seo-list li {
  float: left;
  width: 50%;
  font-style: italic;
  font-weight: 300; }

.seo .right img {
  float: right;
  margin-top: 65px; }

.seo-content img {
  max-width: 100%;
  margin: 15px auto;
  display: block; }

.seo h2 {
  font-size: 12px;
  top: 3px;
  position: relative;
  font-style: italic; }

.seo h3 {
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  color: #0D196A; }

.seo p {
  font-size: 14px;
  line-height: 19px;
  color: #0D196A; }

.seo .duplication li {
  width: 25%;
  margin-bottom: 20px;
  vertical-align: top; }
.seo .duplication p {
  font-size: 14px;
  text-decoration: none;
  line-height: 19px;
  font-weight: normal; }
.seo .duplication li img {
  max-width: 140px;
  max-height: 72px;
  margin-bottom: 5px;
  vertical-align: top; }
.seo .duplication li a {
  font-size: 13px;
  line-height: 18px;
  text-decoration: underline;
  margin-top: 20px;
  text-align: center; }
  .seo .duplication li a:hover {
    border-bottom: none; }

.home p a {
  padding-bottom: 0;
  font-weight: bold;
  text-decoration: underline; }

.home li p {
  font-size: 14px;
  font-weight: normal; }

.saved-items {
  position: relative; }
  .saved-items div {
    position: relative;
    width: 200px;
    margin: 0 auto; }
  .saved-items .badge {
    background-color: #c00f19;
    border-radius: 50%;
    font-size: 10px;
    position: absolute;
    height: 34px;
    width: 34px;
    top: 9px;
    right: 40px;
    border: 2px solid white; }
    .saved-items .badge p {
      font-size: 16px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.error-warning {
  display: none;
  width: 100%;
  background-color: #c00f19;
  padding: 30px 20px 20px; }
  .error-warning p {
    color: #ffbcbc;
    font-size: 20px; }
  .error-warning a {
    color: #fff;
    border-color: #fff; }

.typeahead-style {
  margin-bottom: 8px; }

.typeahead-style .twitter-typeahead {
  height: 30px;
  clear: both; }

.add-insignia {
  font-size: 12px;
  font-style: italic; }

.confirmation-modal .modal-dialog {
  width: 100%;
  max-width: 1000px;
  margin: 65px auto; }
  .confirmation-modal .modal-dialog .modal-content {
    border: none;
    background: #0D196A;
    color: #fff;
    font-weight: 300;
    border-radius: 4px; }
  .confirmation-modal .modal-dialog .modal-body {
    line-height: 28px;
    font-size: 17px;
    letter-spacing: +1;
    padding-bottom: 0; }
  .confirmation-modal .modal-dialog .modal-footer {
    border-top: none;
    margin: 0;
    padding: 10px 20px; }

.leather-patch-wrap.two-col-layout {
  display: flex;
  flex-direction: row-reverse; }
  .leather-patch-wrap.two-col-layout .right {
    width: 440px; }
    .leather-patch-wrap.two-col-layout .right .preview,
    .leather-patch-wrap.two-col-layout .right .color-switch {
      padding: 0; }
  .leather-patch-wrap.two-col-layout .left {
    margin-right: 38px;
    padding-right: 42px;
    border-right: solid 1px #DDDEE3; }
  .leather-patch-wrap.two-col-layout p,
  .leather-patch-wrap.two-col-layout label {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #0D196A;
    font-style: italic; }
    .leather-patch-wrap.two-col-layout p small,
    .leather-patch-wrap.two-col-layout label small {
      font-style: normal;
      font-size: 12px;
      line-height: 17px;
      letter-spacing: -.25px;
      font-weight: 500; }
  .leather-patch-wrap.two-col-layout .btn-group > .btn {
    border-color: #C6C6C6;
    box-shadow: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13.5px;
    line-height: 16px;
    letter-spacing: 1.25px;
    color: #1C2A7F;
    text-shadow: none;
    height: 36px;
    line-height: 36px;
    padding-top: 0;
    padding-bottom: 0; }
    .leather-patch-wrap.two-col-layout .btn-group > .btn:first-of-type {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .leather-patch-wrap.two-col-layout .btn-group > .btn:last-of-type {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .leather-patch-wrap.two-col-layout .btn-group > .btn.active {
      background-color: #1C2A7F;
      color: #fff; }

.leather-patch-buttons {
  width: 100%;
  margin-bottom: 20px; }
  .leather-patch-buttons .add-insignia {
    background-color: #ececec;
    color: #666; }
  .leather-patch-buttons .show-hidden-list {
    line-height: 36px;
    height: 36px;
    margin-top: 20px; }
    .leather-patch-buttons .show-hidden-list > span {
      pointer-events: none; }
    .leather-patch-buttons .show-hidden-list.active {
      transform: rotate(180); }
      .leather-patch-buttons .show-hidden-list.active > span {
        visibility: hidden; }
      .leather-patch-buttons .show-hidden-list.active:before {
        content: 'Hide All Insignia';
        transform: rotate(0);
        position: absolute; }

.preview .leather-patch-background {
  width: 100%;
  height: 220px;
  display: block;
  position: relative;
  background-color: #2d2d2d;
  padding: 15px;
  margin-top: 30px; }
  .preview .leather-patch-background img {
    max-width: 95%;
    max-height: 80px;
    margin: 10px auto 0; }
  .preview .leather-patch-background p {
    width: 100%;
    max-width: 100%;
    margin: 0;
    color: #e5e5e5;
    font-size: 21px;
    text-transform: uppercase;
    position: relative;
    top: 0;
    line-height: 2;
    padding-left: 0;
    font-family: 'Arial', sans-serif;
    transform: translateY(0);
    font-style: normal;
    font-weight: normal; }
  .preview .leather-patch-background .designator-and-corps-wrapper:before {
    content: '('; }
  .preview .leather-patch-background .designator-and-corps-wrapper:after {
    content: ')'; }
  .preview .leather-patch-background .seperator-slash::after {
    content: '/'; }
  .preview .leather-patch-background #text-holder {
    position: absolute;
    bottom: 14px;
    width: 93%;
    padding: 0 10px; }
  .preview .leather-patch-background .text-holder-center {
    bottom: 50% !important;
    margin-bottom: -34px !important; }

.leather-patch-wrap .left .leather-name {
  margin-bottom: 30px; }

.leather-patch-wrap.two-col-layout .left input[type='text'] {
  padding: 4px 30px 4px 10px;
  font-size: 12px;
  line-height: 24px;
  font-weight: normal;
  color: #0D196A;
  margin-bottom: 20px;
  box-shadow: none; }
  .leather-patch-wrap.two-col-layout .left input[type='text']:placeholder {
    color: #A5A7B5; }

#usmc-name input[type='text'].leather-usmc-first-name {
  margin-bottom: 10px; }

.color-switch {
  width: 100%;
  padding: 0 15px; }
  .color-switch p {
    font-weight: 400; }
  .color-switch button {
    width: 50%; }

#leather-patch-options-form .dropdown .caret {
  top: 66%; }

#usmc-name {
  display: none; }

#usmc-name-display {
  display: none;
  width: 100%;
  overflow: auto; }
  #usmc-name-display p {
    position: relative;
    width: auto; }
  #usmc-name-display #first-name-display {
    float: left;
    text-align: left; }
  #usmc-name-display #last-name-display {
    float: right;
    text-align: right; }

.duty-status,
.grade-status,
.color-switch {
  width: 100%;
  margin-bottom: 15px; }
  .duty-status button,
  .grade-status button,
  .color-switch button {
    width: 50%;
    font-size: 12px;
    color: #9c9c9c; }
  .duty-status .btn-default,
  .grade-status .btn-default,
  .color-switch .btn-default {
    background-image: none; }

.duty-status {
  margin-bottom: 30px; }
  .duty-status button {
    width: 33%; }

.grade-status {
  margin-bottom: 20px; }
  .grade-status button {
    width: 33%; }

.clearable {
  position: relative; }
  .clearable .clear-field {
    border: 0;
    float: right;
    position: absolute;
    bottom: 1px;
    right: 12px;
    font-size: 18px;
    color: #c5c5c5; }
    .clearable .clear-field:hover, .clearable .clear-field:focus, .clearable .clear-field:active {
      color: #828282; }
  .clearable .typeahead-style .clear-field {
    bottom: initial;
    top: 35px; }
    .clearable .typeahead-style .clear-field .glyphicon-remove-circle {
      content: url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-clear-active.svg); }

.clearable {
  position: relative; }
  .clearable .glyphicon-remove-circle {
    content: url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-clear-active.svg); }
  .clearable > input[type="text"] ~ .clear-field {
    border: 0;
    float: right;
    position: absolute;
    bottom: 1px;
    right: 12px;
    font-size: 18px;
    color: #c5c5c5; }
    .clearable > input[type="text"] ~ .clear-field:hover, .clearable > input[type="text"] ~ .clear-field:focus, .clearable > input[type="text"] ~ .clear-field:active {
      color: #828282; }
  .clearable > input[type="text"]:placeholder-shown ~ .clear-field .glyphicon-remove-circle {
    content: url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-clear-disabled.svg); }
  .clearable .typeahead-style input[type="text"].tt-input {
    background: url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-clear-active.svg) no-repeat;
    background-position: right 11px top 9px; }
    .clearable .typeahead-style input[type="text"].tt-input:placeholder-shown {
      background-image: url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-clear-disabled.svg); }
  .clearable .typeahead-style .clear-field {
    bottom: initial;
    top: 35px;
    opacity: 0; }

/* .clear-field.clear-field-2 {
    top: -58px;
}

.clear-field.clear-field-3 {
    top: -38px;
} */
.tt-suggestion {
  font-size: 14px;
  padding: 3px 10px;
  text-transform: uppercase;
  color: #0D196A; }

.tt-suggestion:hover {
  background-color: #E6E8F3;
  color: #0D196A; }

.tt-menu {
  padding: 0;
  box-shadow: none; }

.tt-dataset div {
  padding: 8px; }

.heading {
  border-bottom: 1px solid #DDDEE3;
  margin: 0;
  padding: 30px 0; }
  .heading h1 {
    float: left;
    margin: 10px 0;
    padding: 0;
    color: #0D196A; }

.kiosk-name {
  float: right;
  position: relative;
  top: 12px; }

.content-container-large .seo-kiosk-name {
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 20px;
  margin-top: 10px; }

.branding {
  font-size: 34px;
  display: block; }

.tag {
  font-size: 12px;
  top: -4px;
  position: relative;
  display: block;
  font-weight: 600;
  font-style: normal; }

.branding-image {
  float: left;
  position: relative;
  top: 14px;
  left: -7px; }

.ribbon-chart {
  list-style-type: none;
  width: 100%;
  padding: 0;
  font-size: 0;
  margin-top: 40px; }
  .ribbon-chart li {
    font-size: 14px;
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-bottom: 50px; }
  .ribbon-chart img {
    display: block;
    margin: 0 auto 15px; }
  .ribbon-chart label {
    text-align: center; }

.heading .ribbon-chart-dropdown {
  width: 300px;
  float: right;
  margin: 0;
  clear: none; }
  .heading .ribbon-chart-dropdown .dropdown-toggle {
    height: 40px;
    background-color: #fff;
    color: #3c3c3c;
    border-bottom: 4px solid #DDDEE3; }

.heading .split-div {
  width: 50%;
  display: inline-block;
  margin-top: 0; }

.review-options {
  list-style: none;
  margin: 15px 0 30px;
  padding: 0; }
  .review-options span {
    float: right; }
  .review-options li {
    margin-top: 5px;
    padding-bottom: 5px; }
    .review-options li:first-of-type {
      border-bottom: 1px dashed #DDDEE3;
      padding-bottom: 16px;
      margin-bottom: 18px; }
  .review-options p {
    margin: 0;
    padding: 0; }
  .review-options h2 {
    display: inline;
    font-weight: 500 !important; }
  .review-options span > a {
    text-transform: uppercase;
    text-decoration: underline;
    color: #EC8509; }
    .review-options span > a:hover {
      border-bottom: none;
      text-decoration: none; }

.delete-button {
  background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/delete.svg") no-repeat center center;
  background-size: 100%;
  cursor: pointer;
  height: 38px;
  width: 38px;
  position: absolute;
  right: 0;
  z-index: 100; }
  .delete-button:hover {
    background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/delete-selected.svg"); }

.preview h3,
.preview-nameplate h3 {
  color: #0D196A;
  font-weight: 600;
  font-style: italic;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 5px;
  text-align: center; }

.preview {
  margin-bottom: 25px;
  margin-top: -2px;
  padding: 0 15px 0;
  text-align: center; }
  .preview#rack-preview {
    padding: 0; }
  .preview .warning {
    font-size: 12px;
    line-height: 17px;
    color: #B00020;
    font-style: italic; }
  .preview .award-count {
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    color: #A5A7B5;
    font-weight: normal;
    margin-bottom: 22px; }
  .preview > img {
    margin: 15px 0;
    max-width: 100%; }
  .preview > ul {
    margin-bottom: 0; }
    .preview > ul > li {
      margin: 0; }
      .preview > ul > li:first-of-type {
        border-top: 2px dotted #DDDEE3;
        padding-top: 10px;
        box-sizing: content-box;
        min-height: 52px; }
  .preview ul {
    list-style: none;
    padding: 0;
    text-align: left; }
    .preview ul li {
      position: relative; }
  .preview p {
    padding-left: 81px;
    margin-bottom: 5px;
    max-width: 90%; }
  .preview .preview-item-list li > p {
    font-size: 11px;
    line-height: 17px;
    max-width: 174px;
    margin: -22px 0 5px;
    box-sizing: content-box; }
    .preview .preview-item-list li > p strong {
      font-weight: 600; }
  .preview .preview-item-list > li {
    min-height: 38px; }
  .preview #show-list {
    display: none;
    margin-bottom: 15px; }
  .preview .no-preview {
    color: #DDDEE3;
    font-style: italic; }

.preview-item-list li:first-of-type .delete-button {
  top: 24px; }
.preview-item-list li > ul {
  margin-bottom: 15px;
  margin-top: 15px; }
.preview-item-list li > ul > li {
  min-height: 25px; }
  .preview-item-list li > ul > li:first-child p {
    margin-left: 0;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    text-decoration: underline; }
.preview-item-list .prod-width,
.preview-item-list .prod-width-single-item {
  left: 0;
  width: 73px;
  min-height: 20px; }
.preview-item-list .prod-width img,
.preview-item-list .prod-width-single-item img {
  display: block;
  margin: 0 auto;
  padding: 0;
  position: relative;
  max-width: 90px;
  max-height: 40px; }
.preview-item-list .prod-width-single-item:before {
  content: ' '; }

.header-buttons a[class*='button'] {
  margin-left: 5px; }

.padding-container {
  padding: 0 87px; }

.sbb-preview .delete-button {
  top: 22px !important; }

.no-preview-list > ul {
  margin-top: 0; }
  .no-preview-list > ul li {
    border-bottom: 1px solid #DDDEE3;
    border-top: 0; }
    .no-preview-list > ul li:first-of-type {
      border-top: 0; }
    .no-preview-list > ul li p,
    .no-preview-list > ul li span {
      padding: 15px 0; }

.sbb-preview img {
  max-width: 60px;
  max-height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.sbb-preview li {
  min-height: 55px;
  margin: 5px 0; }
  .sbb-preview li .img-container-sbb {
    width: 70px;
    height: 60px;
    position: relative; }
.sbb-preview p {
  padding-left: 90px; }

.left .item-options-shadowbox {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0; }

form {
  margin-bottom: 25px; }
  form h2 {
    margin-bottom: 20px; }

.hide-steps .dot-steps {
  visibility: hidden; }

.results h3 {
  text-align: center; }
.results em {
  font-weight: 700;
  font-style: italic; }
.results img {
  cursor: pointer;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 100%;
  max-height: 175px; }
.results label {
  cursor: pointer;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #0D196A;
  text-decoration: underline; }
  .results label:hover {
    text-decoration: none; }
.results > ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .results > ul > li:nth-child(3n + 3) {
    margin-right: 0; }
  .results > ul > li {
    display: inline-block;
    margin-bottom: 40px;
    margin-right: 4%;
    vertical-align: top;
    width: 30%;
    position: relative; }

.results-two-col {
  margin-top: 25px; }
  .results-two-col > ul {
    font-size: 0; }
    .results-two-col > ul > li:nth-child(2n + 2) {
      margin-right: 0; }
    .results-two-col > ul > li {
      font-size: 14px;
      margin-bottom: 40px;
      margin-right: 4%;
      vertical-align: top;
      width: 48%;
      min-height: 320px;
      position: relative; }
      .results-two-col > ul > li:nth-child(3n + 3) {
        margin-right: 4%; }
    .results-two-col > ul .img-container {
      min-height: 165px;
      position: relative;
      width: 100%; }
    .results-two-col > ul img {
      margin: 0 auto;
      display: block;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      max-height: 135px;
      left: 0;
      right: 0; }
    .results-two-col > ul .text-container form {
      height: 40px;
      margin-bottom: 0;
      width: 100%;
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
    .results-two-col > ul p {
      margin-bottom: 20px; }
    .results-two-col > ul label {
      text-align: left;
      margin-top: 5px; }
    .results-two-col > ul > li > a {
      position: absolute;
      bottom: 15px; }

.item-options {
  margin-bottom: 30px;
  padding-bottom: 20px; }
  .item-options h2 {
    font-size: 18px;
    line-height: 24px;
    color: #0D196A;
    font-style: italic;
    font-weight: normal; }
  .item-options ul {
    list-style: none; }
  .item-options ul:not(.dropdown-menu):not(.split-title) {
    list-style: none;
    margin-bottom: 10px;
    padding: 0; }
    .item-options ul:not(.dropdown-menu):not(.split-title) > li {
      display: inline-block;
      margin-right: 2%;
      margin-bottom: 20px;
      width: 100%; }
      .item-options ul:not(.dropdown-menu):not(.split-title) > li:last-of-type {
        margin-bottom: 0; }
    .item-options ul:not(.dropdown-menu):not(.split-title) > li:nth-child(2n + 2) {
      margin-right: 0; }
  .item-options h3 {
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    color: #A5A7B5;
    margin-bottom: 8px;
    font-weight: normal; }
  .item-options textarea {
    background: #fff;
    border: solid 1px #DDDEE3;
    padding: 8px 10px; }

.product-heading .split-title {
  height: auto;
  padding: 0 0 15px;
  margin-bottom: 0; }
  .product-heading .split-title img {
    display: block;
    float: right;
    margin: 0 auto;
    max-height: 100px;
    max-width: 128px; }
  .product-heading .split-title h2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700; }
  .product-heading .split-title li {
    float: left;
    padding: 10px 0;
    position: relative;
    width: 49%;
    margin-bottom: 0; }
  .product-heading .split-title li:nth-child(3),
  .product-heading .split-title li:nth-child(4) {
    max-height: 58px; }
  .product-heading .split-title li:nth-child(1),
  .product-heading .split-title li:nth-child(2) {
    max-height: 110px;
    min-height: 58px; }

.product-action-buttons {
  /* display: none; */
  margin: 20px -6px 0; }
  .product-action-buttons a {
    line-height: 36px; }

.device-title {
  float: left;
  margin-right: 2%;
  width: 60%;
  height: 40px;
  position: relative; }
  .device-title .long-device {
    float: left; }
  .device-title .short-device {
    float: left;
    max-width: 46px; }
  .device-title img {
    position: absolute;
    max-width: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute; }
  .device-title h3 {
    margin-left: 60px;
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    line-height: 17px;
    color: #0D196A; }
  .device-title h3.wide-device {
    margin-left: 55px; }

.device-ui {
  float: left;
  width: 38%;
  max-width: 238px; }
  .device-ui .dropdown {
    margin-bottom: 0; }
  .device-ui .dropdown-item-selected {
    background: #1C2A7F;
    color: #fff; }
    .device-ui .dropdown-item-selected:focus, .device-ui .dropdown-item-selected:active {
      border-bottom: 0; }

input.numeral-total {
  display: none; }

input[type='number'].numeral-value {
  font-size: 16px;
  line-height: 35px;
  text-align: center;
  width: 75px;
  background: #ffffff;
  border: none;
  margin-top: 3px;
  margin-bottom: 0;
  padding: 0;
  font-weight: 400; }
  input[type='number'].numeral-value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  input[type='number'].numeral-value::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

#device-wizard #apply-device {
  margin-bottom: 30px; }

.device-cta {
  margin: 15px auto;
  padding: 5px; }
  .device-cta p {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    font-weight: normal;
    color: #0D196A;
    font-style: italic; }
    .device-cta p a {
      color: #B00020;
      font-weight: 500;
      margin-top: 10px;
      text-decoration: underline; }
      .device-cta p a:hover {
        text-decoration: none;
        border-bottom: none; }
      .device-cta p a span.opened {
        display: none; }
      .device-cta p a.active span.opened {
        display: inline; }
      .device-cta p a.active span.closed {
        display: none; }

.device-question {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #000A50;
  margin-bottom: 15px;
  padding: 20px; }
  .device-question label {
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    position: relative;
    font-weight: 400; }
    .device-question label span:last-child {
      font-size: 10px;
      position: absolute;
      right: 0;
      top: 0;
      font-weight: 400; }
    .device-question label span:nth-child(2) {
      line-height: 1;
      padding-right: 160px;
      position: absolute;
      width: 100%;
      font-weight: 400; }
  .device-question .radio-select {
    position: relative !important; }
  .device-question .check-btn {
    position: relative !important;
    top: -4px; }
  .device-question p {
    margin-bottom: 20px;
    font-weight: 400; }
  .device-question .numeral-value {
    padding: 10px; }
  .device-question .sub,
  .device-question .add {
    border: none;
    background-color: #1C2A7F;
    height: 36px;
    line-height: 36px;
    position: relative;
    text-indent: -9999px; }
    .device-question .sub:after,
    .device-question .add:after {
      content: '';
      display: block;
      position: absolute;
      background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/arrow-down.svg") no-repeat center center;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transform: rotate(90deg); }
    .device-question .sub:active, .device-question .sub:hover, .device-question .sub:focus,
    .device-question .add:active,
    .device-question .add:hover,
    .device-question .add:focus {
      background-color: #1D2553; }
  .device-question .add:after {
    transform: rotate(-90deg); }

.text-center {
  text-align: center; }

.grayed-out {
  opacity: 0.3; }

.saved-item > span {
  background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/remove.svg") no-repeat center center;
  cursor: pointer;
  position: absolute;
  height: 25px;
  right: 10px;
  width: 25px; }
.saved-item div {
  min-height: 115px; }
  .saved-item div a:hover {
    border-bottom: 0; }
.saved-item p:nth-of-type(2) {
  color: #A5A7B5; }

.login-reminder, .login-modal {
  background: #00915E;
  color: #fff;
  height: auto;
  margin: auto;
  min-height: 66px;
  line-height: 1.6;
  position: fixed;
  bottom: 30px;
  left: 5%;
  width: 90%;
  padding: 25px 20px;
  text-align: left;
  z-index: 100;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
  .login-reminder .modal-content, .login-modal .modal-content {
    background: #00915E;
    border: none;
    border-radius: 0;
    box-shadow: none; }
    .login-reminder .modal-content .modal-footer, .login-modal .modal-content .modal-footer {
      margin-top: 0;
      padding: 0;
      border-top: none; }
  .login-reminder p, .login-modal p {
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding: 0; }
  .login-reminder a:not(.close-reminder), .login-modal a:not(.close-reminder) {
    color: #fff;
    border-bottom-color: #fff; }
  .login-reminder .close-reminder, .login-modal .close-reminder {
    position: absolute;
    top: 5%;
    right: 30px;
    height: 35px;
    width: 35px;
    border: none; }
  .login-reminder .dialog-footer, .login-modal .dialog-footer {
    margin-top: 20px; }
    .login-reminder .dialog-footer .dialog-dismiss, .login-modal .dialog-footer .dialog-dismiss {
      margin-right: 30px; }
    .login-reminder .dialog-footer .dialog-account, .login-modal .dialog-footer .dialog-account {
      margin-right: 10px; }

.login-reminder.with-buttons, .with-buttons.login-modal {
  padding-bottom: 50px;
  max-width: 1100px;
  width: 55%;
  left: 25%;
  margin-left: 0; }
  .login-reminder.with-buttons p, .with-buttons.login-modal p {
    text-align: center;
    max-width: 1000px; }
  .login-reminder.with-buttons .button-accept, .with-buttons.login-modal .button-accept {
    position: absolute;
    right: 16px;
    bottom: 18px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600; }

.login-modal {
  top: 30px;
  bottom: auto;
  background-color: #0D196A; }
  .login-modal .modal-content {
    background-color: #0D196A; }

.text-form .log-out {
  width: 170px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0; }

.button-wrapper {
  display: none; }

.full-screen-button {
  display: none; }

a.secondary-cta-link {
  left: 40px;
  padding-bottom: 2px;
  position: relative;
  top: 2px; }
  a.secondary-cta-link:active, a.secondary-cta-link:hover, a.secondary-cta-link:visited {
    text-decoration: none; }

.seo .three-col-select > li {
  height: 290px; }

.content-container-large img.seo-margin {
  margin: 50px auto; }

.content-container-wrap {
  max-width: 1000px;
  display: block;
  margin: 0 auto; }

.small-video {
  width: 600px;
  margin: 0 auto;
  display: block; }

.content-container-large {
  padding: 50px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
  background: #e5e5e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e5e5e5 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #e5e5e5 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #e5e5e5 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #e5e5e5 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to right, #e5e5e5 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */ }
  .content-container-large .ribbon-text-container {
    width: 58% !important; }
  .content-container-large .ribbon-chart-img {
    width: 31% !important; }
    .content-container-large .ribbon-chart-img img {
      margin: 0 auto;
      max-width: 250px; }

.duplicate-cta .expander p em {
  position: relative;
  top: -10px;
  background-color: #fff;
  padding: 0 20px; }

.printer-friendly {
  background-color: #fff; }
  .printer-friendly .content {
    /* min-width: 1000px; */ }
  .printer-friendly .printer-friendly-header {
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #DDDEE3; }
    .printer-friendly .printer-friendly-header h1 {
      color: #0D196A;
      font-size: 24px;
      line-height: 33px;
      font-weight: normal; }
  .printer-friendly .two-col-layout {
    padding-top: 0;
    display: flex; }
    .printer-friendly .two-col-layout .left {
      margin-right: 39px;
      padding-right: 39px; }
    .printer-friendly .two-col-layout .right {
      width: 336px; }
    .printer-friendly .two-col-layout div {
      margin-bottom: 0; }
    .printer-friendly .two-col-layout .review-options li {
      padding-bottom: 15px; }
      .printer-friendly .two-col-layout .review-options li:first-of-type {
        margin-bottom: 0; }
      .printer-friendly .two-col-layout .review-options li p > strong {
        font-weight: normal; }
    .printer-friendly .two-col-layout .preview {
      overflow: hidden; }
      .printer-friendly .two-col-layout .preview .preview-item-list {
        margin-top: 26px;
        border-top: dashed 1px #DDDEE3; }
        .printer-friendly .two-col-layout .preview .preview-item-list li img {
          max-width: 73px; }
        .printer-friendly .two-col-layout .preview .preview-item-list li > p {
          max-width: initial; }
        .printer-friendly .two-col-layout .preview .preview-item-list li p {
          padding-left: 89px; }
        .printer-friendly .two-col-layout .preview .preview-item-list li > ul > li {
          margin-bottom: 15px; }
          .printer-friendly .two-col-layout .preview .preview-item-list li > ul > li:first-child p {
            text-decoration: none;
            min-height: 23px; }
          .printer-friendly .two-col-layout .preview .preview-item-list li > ul > li em {
            font-style: initial; }
  .printer-friendly .printer-friendly-footer {
    text-align: center;
    padding-top: 12px;
    margin-top: 30px;
    border-top: solid 1px #DDDEE3; }
    .printer-friendly .printer-friendly-footer p {
      color: #0D196A;
      font-size: 10px;
      line-height: 14px;
      font-style: italic; }
  .printer-friendly .shop-logo {
    display: block;
    margin: 20px auto;
    max-width: 200px;
    width: 200px; }
  .printer-friendly .review-options li {
    border-bottom: 0;
    border-top: 0; }
  .printer-friendly .center {
    font-size: 12px;
    text-align: center; }
  .printer-friendly .preview {
    border: 0;
    padding: 0; }
    .printer-friendly .preview h3 {
      font-size: 16px;
      font-style: normal;
      font-weight: 400; }
    .printer-friendly .preview ul > li {
      border-top: 0; }
    .printer-friendly .preview .preview-item-list .device-tree {
      top: 13px; }
    .printer-friendly .preview .preview-item-list li > ul {
      margin-top: 20px; }
    .printer-friendly .preview > div {
      margin: 0 auto !important;
      /* width: 300px !important; */ }

.basket-notice-acu {
  position: absolute;
  background-color: black;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0; }

div.scrollable-list {
  height: 216px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #DDDEE3;
  border-radius: 4px;
  width: 100%;
  display: none;
  margin-bottom: 20px;
  position: relative;
  top: -5px; }
  div.scrollable-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  div.scrollable-list li {
    padding: 0;
    margin: 0; }
    div.scrollable-list li a {
      cursor: pointer;
      padding: 0 10px;
      border-bottom: 0;
      display: block;
      width: 100%;
      /* height: 36px; */
      text-transform: uppercase;
      color: #1C2A7F;
      line-height: 1.6;
      padding-top: 8px;
      padding-bottom: 8px; }
      div.scrollable-list li a:hover {
        background-color: #E6E8F3; }
  div.scrollable-list .selected-patch {
    background-color: #454252; }
    div.scrollable-list .selected-patch a {
      color: white; }

.scrollable-list.corps {
  height: 202px; }

.tt-menu {
  border-radius: 4px;
  margin: 6px 0;
  top: 95px !important; }

.leather-patch-margin .tt-menu {
  top: 35px !important; }

.not-found h1 {
  font-size: 24px;
  font-style: italic;
  line-height: 33px; }
.not-found p {
  font-size: 14px;
  font-weight: 400;
  color: #0D196A;
  line-height: 19px;
  padding-top: 30px; }
  .not-found p a {
    font-weight: bold;
    text-decoration: underline; }
    .not-found p a:hover {
      border-bottom: none; }

.tos .heading {
  margin-bottom: 30px; }
.tos h1 {
  font-size: 24px;
  line-height: 33px;
  letter-spacing: -0.5px;
  font-style: italic;
  font-weight: normal; }
.tos h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700; }
.tos p {
  font-size: 14px;
  font-weight: normal;
  color: #0D196A;
  line-height: 24px; }

/*===============================================
=                 General content             =
===============================================*/
#wrapper, #scroll-content {
  min-height: 100%;
  position: relative;
  padding-bottom: 300px; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  background: #fff;
  color: #3c3c3c;
  font-family: "Open Sans", sans-serif; }

.content {
  margin: 0 auto;
  max-width: 1000px;
  padding-bottom: 150px;
  position: relative; }

.content.account .header-buttons {
  width: 50%;
  float: right;
  margin: 10px 0; }
  .content.account .header-buttons a {
    margin: 0 0 0 5px; }

.content.remove-padding {
  padding-bottom: 0; }

.content ul li {
  color: #0D196A; }
  .content ul li h2 {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 24px; }
  .content ul li p {
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 19px; }

/*===============================================
=                  One column                  =
===============================================*/
.one-col-layout {
  width: 100%; }
  .one-col-layout img {
    max-width: 100%; }
  .one-col-layout .arrange {
    background-color: #fff;
    border: 1px solid #DDDEE3;
    height: auto;
    margin-bottom: 25px;
    padding: 10px 10px 0;
    width: 100%; }
  .one-col-layout .shirt-front,
  .one-col-layout .shirt-back {
    float: left;
    max-width: 50%;
    position: relative; }
    .one-col-layout .shirt-front img,
    .one-col-layout .shirt-back img {
      max-width: 100%; }
  .one-col-layout .text-preview {
    position: absolute;
    z-index: 10; }

/*===============================================
=                 Two column                =
===============================================*/
.two-col-layout {
  padding: 30px 0 0 0;
  display: flex; }
  .two-col-layout > div {
    /* float: left; */
    margin: 0;
    padding: 0; }
  .two-col-layout .left {
    flex-grow: 1;
    margin-bottom: 25px;
    margin-right: 43px;
    padding-right: 67px;
    border-right: solid 1px #DDDEE3; }
    .two-col-layout .left input[type="text"],
    .two-col-layout .left input[type="email"],
    .two-col-layout .left input[type="password"],
    .two-col-layout .left input[type="tel"] {
      width: 100%; }
  .two-col-layout .right {
    width: 336px;
    flex-shrink: 0;
    margin: 0 0 25px 0; }
    .two-col-layout .right > a:first-child {
      margin-right: 0; }
    .two-col-layout .right .sml-button-blue {
      margin: 5px 5px 0 0; }
    .two-col-layout .right .sml-button-white {
      margin: 5px 0 0; }
  .two-col-layout .right.cart-preview {
    padding: 0 15px; }
  .two-col-layout .right.no-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.two-col-layout.seo .left {
  width: 65%;
  margin-right: 15%; }
.two-col-layout.seo .right {
  width: 20%; }

/*===============================================
=              50/50 Split Columns            =
===============================================*/
.content .three-col-select .saved-item .split-column {
  left: 0;
  right: 0;
  padding: 0 20px;
  bottom: 5px;
  margin-top: 0; }
  .content .three-col-select .saved-item .split-column a[class|="button"] {
    position: relative;
    left: 0; }

.split-column img {
  display: block;
  margin: 0 auto; }

.split-column {
  list-style-type: none;
  margin-bottom: 0;
  padding: 15px 0;
  vertical-align: top;
  width: 100%;
  font-size: 0; }
  .split-column > li {
    font-size: 14px;
    display: inline-block;
    margin-right: 4%;
    vertical-align: top;
    width: 48%; }
  .split-column > li:nth-child(2n+2) {
    margin-right: 0; }
  .split-column img {
    max-width: 100%; }
  .split-column h3 {
    margin-bottom: 10px; }
  .split-column a, .split-column p {
    text-align: center;
    margin: 0; }

/*===============================================
=             50/50 Image and Text       =
===============================================*/
/**
* Use to align text next to an image 
* that stays vertically centered.
* View on shadowbox assembly 
**/
.content-container {
  border-bottom: 2px dotted #DDDEE3; }

.content-container,
.content-container-large {
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .content-container .image-container,
  .content-container-large .image-container {
    clear: both;
    display: inline-block;
    float: left;
    height: auto;
    margin-right: 6%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 43%; }
  .content-container img,
  .content-container-large img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
  .content-container .text-container,
  .content-container .info-page-text-container,
  .content-container-large .text-container,
  .content-container-large .info-page-text-container {
    display: inline-block;
    float: right;
    font-weight: 300;
    height: auto;
    margin: 20px 0;
    width: 47%; }

.content-container-large .mini-med-cta {
  max-height: 320px; }

.content-container-large .mini-rib-cta {
  max-height: 160px; }

.content-container-large a h2 {
  font-size: 12px;
  position: relative;
  top: 5px; }
.content-container-large h1 {
  padding: 15px 0;
  margin-bottom: 25px; }
.content-container-large p {
  font-size: 14px;
  font-weight: 400; }
.content-container-large .text-container,
.content-container-large .info-page-text-container {
  margin: 70px 0;
  float: none;
  width: 35%; }
.content-container-large .image-container {
  float: right; }
.content-container-large .video {
  width: 59%;
  margin: 50px auto;
  float: right;
  margin-left: 4%; }
.content-container-large .video-small {
  margin: 80px auto; }
.content-container-large .visible-small {
  display: none; }
.content-container-large .button-cont {
  width: 100%;
  margin: 0 auto; }
.content-container-large .info-page-text-container {
  color: #0D196A; }
  .content-container-large .info-page-text-container h1 {
    font-size: 34px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    line-height: 39px;
    color: #0D196A; }
  .content-container-large .info-page-text-container p {
    font-size: 14px;
    line-height: 20px; }
  .content-container-large .info-page-text-container .button-blue {
    padding: 10px;
    font-weight: 600;
    width: 100%; }

/*===============================================
=                 Three column                =
===============================================*/
.three-col-select.branch > li img {
  max-width: 40%; }

.three-col-select {
  margin-bottom: 25px;
  padding: 0; }
  .three-col-select > li {
    display: inline-block;
    float: left;
    height: 320px;
    list-style: none;
    margin: 10px 0;
    min-width: 200px;
    padding: 10px 20px;
    position: relative;
    width: 33.333%; }
    .three-col-select > li > div {
      margin: 10px auto 25px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .three-col-select > li > a > img {
      margin: 10px auto 25px; }
    .three-col-select > li > div > a > img {
      margin: 10px auto 5px; }
    .three-col-select > li img {
      display: block;
      max-height: 115px;
      max-width: 100%; }
    .three-col-select > li p {
      margin: 0;
      font-size: 12px; }
    .three-col-select > li a:hover {
      text-decoration: none;
      border-bottom: 0; }
  .three-col-select.branch img {
    margin: 10px auto 25px; }
  .three-col-select label {
    border: 0;
    font-weight: 400;
    margin-top: inherit; }
  .three-col-select a[class|="button"] {
    padding-top: 10px;
    border-bottom: none; }
  .three-col-select .button-no-select,
  .three-col-select a[class|="button"],
  .three-col-select .saved-item .split-column,
  .three-col-select div.dropdown,
  .three-col-select label {
    bottom: 10px;
    left: 20px;
    margin: 5px auto 0;
    position: absolute;
    right: 20px;
    height: 36px; }

.four-col-list {
  list-style-type: none;
  width: 100%;
  font-size: 0;
  margin-top: 20px;
  padding: 0; }
  .four-col-list li {
    width: 25%;
    display: inline-block;
    font-size: 12px;
    padding: 20px; }
  .four-col-list img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid #DDDEE3;
    margin-bottom: 20px; }
  .four-col-list h2 {
    text-align: center;
    font-weight: 100; }
  .four-col-list em {
    font-weight: 400; }

/*===============================================
=                Branch page styles             =
===============================================*/
ul.branch > li {
  height: auto; }
ul.branch label,
ul.branch .button-blue {
  left: 0;
  right: 0;
  line-height: 36px; }
ul.branch input + label {
  position: relative;
  padding-top: 230px; }
ul.branch input[id="army"] + label {
  background: url("https://i.ezr.io/_img/br-army.jpg") no-repeat top center;
  background-size: 150px 150px; }
ul.branch input[id="navy"] + label {
  background: url("https://i.ezr.io/_img/br-navy.jpg") no-repeat top center;
  background-size: 150px 150px; }
ul.branch input[id="usaf"] + label {
  background: url("https://i.ezr.io/_img/br-airforce.jpg") no-repeat top center;
  background-size: 150px 150px; }
ul.branch input[id="usmc"] + label {
  background: url("https://i.ezr.io/_img/br-marine.jpg") no-repeat top center;
  background-size: 150px 150px; }
ul.branch input[id="uscg"] + label {
  background: url("https://i.ezr.io/_img/br-coastguard.jpg") no-repeat top center;
  background-size: 150px 150px; }

#rack-type-row p {
  font-size: 12px; }
  #rack-type-row p a {
    text-decoration: underline; }
    #rack-type-row p a:hover {
      text-decoration: none;
      color: #0D196A; }
#rack-type-row > li {
  width: 25%;
  padding: 0 20px; }
#rack-type-row > li:not(:nth-child(3n+3)) {
  border: 0; }
#rack-type-row > li img {
  height: 110px;
  margin: 10px auto 25px; }

.seo #rack-type-row li:not(:nth-child(4n+4)) {
  border-right: none; }
.seo #rack-type-row li img {
  height: 140px;
  max-height: 140px; }

#test_mode_banner {
  width: 100%;
  height: 72px;
  text-align: center;
  background-color: #b00020;
  color: white;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: 72px; }
  #test_mode_banner a {
    font-weight: 800;
    color: white;
    padding-bottom: 0;
    border-bottom: 1px solid white; }

/*=====================================
=            Header styles            =
=====================================*/
header {
  color: #fff;
  height: 100px;
  position: relative;
  width: 100%; }
  header iframe {
    position: relative;
    top: 1px; }
  header .logo-tagline {
    display: inline-block;
    width: 435px; }
  header div > a img {
    margin: 5px 0 0; }
  header ul {
    float: right;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  header a {
    position: relative;
    border: none; }
  header li {
    display: inline-block;
    position: relative;
    margin-left: 35px; }
    header li .badge {
      background-color: #c00f19;
      border-radius: 50%;
      font-size: 10px;
      height: 18px;
      width: 18px;
      left: 16px;
      min-width: 0;
      position: absolute;
      top: -7px; }
      header li .badge p {
        font-weight: 700;
        font-size: 10px;
        display: block;
        margin: 0 -1px; }
    header li .social {
      display: inline-block;
      position: relative;
      top: 7px; }
    header li .g-plusone {
      position: relative;
      top: -2px; }
  header .shop-cart {
    position: relative;
    top: -3px; }
  header .line {
    background: #a5a5a5;
    display: inline-block;
    height: 30px;
    margin: 0 15px;
    position: relative;
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg);
    top: 10px;
    width: 1px; }
  header #menu {
    display: inline-block;
    height: 25px;
    width: 25px; }
  header .nav-open {
    /* background-position: -32px 0; */ }
  header .tagline {
    color: #98A0CE;
    font-size: 12px;
    position: relative;
    top: 23px;
    font-weight: 100;
    display: inline-block;
    margin-left: 18px; }
    header .tagline span {
      font-weight: 600;
      color: #fff; }

footer .nav-content {
  font-size: 12px;
  line-height: 24px; }

.nav-content {
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  text-transform: uppercase;
  padding: 0; }
  .nav-content .left-footer {
    width: 75%; }
  .nav-content .right-footer {
    width: 25%; }

.header-kiosk {
  background: #000A50; }
  .header-kiosk #menu {
    background-position: center center;
    background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/mobile-menu.svg");
    background-repeat: no-repeat;
    top: 10px; }
    .header-kiosk #menu.nav-open, .header-kiosk #menu:hover {
      background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/mobile-menu-active.svg");
      border-bottom: 0; }

.header-usamm {
  background: #fff;
  color: #0D196A;
  font-weight: 600;
  height: 86px;
  /* #menu {
    background-position: center center;
    background-image: url('https://d2nwi4n562ba8i.cloudfront.net/_img/mobile-menu.svg');
    background-repeat: no-repeat;
    top: 10px;
  } */ }
  .header-usamm li .badge {
    background-color: #00A36C;
    left: 17px;
    top: -14px; }
  .header-usamm ul {
    top: 55%; }
  .header-usamm a {
    border-bottom: none; }
  .header-usamm #menu {
    background-image: url("https://i.ezr.io/_img/hamburger-usamm.png");
    background-repeat: no-repeat;
    top: 6px; }
  .header-usamm:after {
    background: #080047;
    bottom: 0;
    content: ' ';
    height: 7px;
    left: 0;
    position: absolute;
    right: 0; }
  .header-usamm .logo-tagline {
    width: auto;
    position: relative;
    top: 6px; }
    .header-usamm .logo-tagline .usamm-logo {
      display: inline-block;
      float: left;
      max-height: 54px;
      position: relative;
      top: 8px;
      padding-right: 10px;
      border-right: 1px solid #DDDEE3;
      margin: 0 10px; }
    .header-usamm .logo-tagline .usamm-logo-small {
      max-height: 21px; }
    .header-usamm .logo-tagline .ez-logo-small {
      top: 0;
      max-height: 42px;
      padding-left: 7px;
      border-left: 2px solid #DDDEE3; }
    .header-usamm .logo-tagline .ez-logo {
      display: inline-block;
      float: left;
      max-height: 54px;
      position: relative;
      top: 8px;
      margin-top: 0;
      margin-right: 10px; }
  .header-usamm .nav-open {
    background-position: 0 0; }
  .header-usamm .nav-content img:hover {
    visibility: visible; }
  .header-usamm .line {
    background: #605f6f; }
  .header-usamm .tagline {
    top: 8px;
    font-size: 12px;
    color: #0D196A; }
    .header-usamm .tagline span {
      color: #0D196A; }

.header-acu .usamm-logo {
  display: inline-block;
  float: left;
  max-height: 40px;
  position: relative;
  top: 13px;
  padding-right: 10px;
  border-right: 1px solid #988C69;
  margin-right: 10px;
  margin-left: 10px; }
.header-acu .ez-logo {
  display: inline-block;
  float: left;
  max-height: 50px;
  position: relative;
  top: 11px;
  margin-right: 10px; }

.nav-menu-usamm {
  background-image: none;
  background-color: #080047;
  height: 110px; }

.header-vg {
  position: relative;
  background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/vg-header-background.png");
  background-color: #a4241c;
  background-repeat: repeat;
  color: #0D196A;
  font-weight: 600;
  height: 104px;
  padding: 20px; }
  .header-vg li .badge {
    background-color: #333333;
    left: 17px;
    top: -14px; }
  .header-vg ul {
    top: 55%; }
  .header-vg a {
    border-bottom: none; }
  .header-vg #menu {
    background-position: center center;
    background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/mobile-menu-active.svg");
    background-repeat: no-repeat;
    top: 10px; }
  .header-vg .logo-tagline {
    width: auto;
    position: relative;
    top: 6px; }
    .header-vg .logo-tagline .vg-logo {
      float: left;
      max-height: 54px;
      position: relative;
      top: 8px;
      margin: 0 13px 0 0;
      padding: 0 13px 0 0;
      border-right: 2px solid #cccccc; }
    .header-vg .logo-tagline .vg-logo-small {
      max-height: 33px; }
    .header-vg .logo-tagline .ez-logo-small {
      top: 0;
      max-height: 42px;
      padding-left: 7px;
      border-left: 2px solid #DDDEE3; }
    .header-vg .logo-tagline .ez-logo {
      display: inline-block;
      float: left;
      max-height: 54px;
      position: relative;
      top: 8px;
      margin-top: 0;
      margin-right: 10px; }
  .header-vg .nav-open {
    background-position: 0 0; }
  .header-vg .nav-content ul img {
    width: 24px;
    height: 24px; }
    .header-vg .nav-content ul img:hover {
      visibility: visible; }
  .header-vg .tagline {
    top: 8px;
    font-size: 12px;
    color: #ffffff; }

.nav-menu-vg {
  background: #292929;
  background-image: none;
  height: 110px; }
  .nav-menu-vg a {
    border-bottom: 0; }

.ezr-logo {
  margin-left: 15px;
  margin-right: 15px;
  float: left;
  padding-top: 14px; }

.header-acu {
  background-image: url("https://i.ezr.io/_img/acu-header-noise-4.jpg");
  background-repeat: repeat-x;
  background-position: top left;
  color: #080047;
  font-weight: 600;
  height: 104px;
  padding: 10px 0; }
  .header-acu .acu-logo {
    height: 40px;
    padding: 0 10px; }
  .header-acu li .badge {
    left: 27px;
    background-color: #A4532A; }
  .header-acu li img {
    padding: 0 10px; }
  .header-acu ul {
    top: 75%; }
  .header-acu a {
    border-bottom: none; }
  .header-acu #menu {
    background-position: center center;
    background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/mobile-menu.svg");
    background-repeat: no-repeat;
    top: 10px; }
    .header-acu #menu.nav-open, .header-acu #menu:hover {
      background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/mobile-menu-active.svg"); }
  .header-acu .logo-tagline {
    width: 476px;
    position: relative;
    top: 6px; }
  .header-acu .line {
    background: #3C281E; }
  .header-acu .tagline {
    top: 17px;
    font-weight: 600;
    color: #191919; }
    .header-acu .tagline span {
      font-weight: 700;
      color: #000A50; }

.ez-logo-small {
  max-height: 40px;
  position: relative;
  top: -8px;
  margin-left: 10px;
  margin-right: 10px; }

.header-acu .ez-logo-small {
  top: 0; }

.go-to-cart {
  max-height: 25px; }

.ezrshop-basket {
  max-height: 23px; }

.app-download {
  height: 24px;
  margin-top: 2px; }

.user-settings {
  max-height: 25px; }

.nav-content li a:not(.header-usamm > .nav-content a):hover::before {
  content: var(--active);
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0; }
.nav-content li a:not(.header-usamm > .nav-content a):hover.app-download::before, .nav-content li a:not(.header-usamm > .nav-content a):hover.go-to-cart::before, .nav-content li a:not(.header-usamm > .nav-content a):hover.user-settings::before {
  top: 0; }
.nav-content li a:not(.header-usamm > .nav-content a):hover img {
  visibility: hidden; }

@media only screen and (max-width: 768px) {
  .header-acu ul {
    top: 25%; }
  .header-acu #menu {
    margin-left: 13px; }
  .header-acu .logo-tagline {
    top: -18px; }

  header.header-usamm ul {
    top: 55%; }
    header.header-usamm ul li {
      top: auto; }

  header li {
    top: -6px; }

  .header-acu li {
    top: 0; }

  .nav-menu.nav-menu-acu {
    background-image: none !important;
    height: 110px; }
    .nav-menu.nav-menu-acu ul .nav-builder {
      background-color: #192884; }
      .nav-menu.nav-menu-acu ul .nav-builder p {
        color: #988c69; }
    .nav-menu.nav-menu-acu ul li {
      background-color: #988c69; }
      .nav-menu.nav-menu-acu ul li .circle-icon {
        border-color: #191919; }
      .nav-menu.nav-menu-acu ul li p {
        color: #191919; }

  .header-acu .logo-tagline .ez-logo,
  .header-usamm .logo-tagline .ez-logo {
    display: none; }

  .header-usamm .logo-tagline .usamm-logo,
  .header-acu .logo-tagline .usamm-logo {
    display: none; } }
@media only screen and (max-width: 530px) {
  .header-acu .appear-530 {
    padding-top: 0;
    position: relative;
    top: 11px; }
  .header-acu .logo-tagline {
    top: -7px;
    width: 200px; }
  .header-acu li {
    margin-left: 5px; } }
@media only screen and (max-width: 860px) {
  .disappear-860 {
    display: none; } }
@media only screen and (max-width: 420px) {
  .header-acu .line {
    margin: 0 15px; } }
@media only screen and (max-width: 400px) {
  header li {
    margin-left: 25px; } }
/*=====================================
=            Footer styles            =
=====================================*/
footer {
  bottom: 0;
  color: #fff;
  left: 0;
  position: absolute;
  width: 100%; }

.footer-kiosk {
  background: #000A50; }

.footer-acu,
.footer-usamm,
.footer-vg,
.footer-kiosk {
  background-color: #000A50;
  padding-top: 20px; }
  .footer-acu .left-footer,
  .footer-acu .right-footer,
  .footer-usamm .left-footer,
  .footer-usamm .right-footer,
  .footer-vg .left-footer,
  .footer-vg .right-footer,
  .footer-kiosk .left-footer,
  .footer-kiosk .right-footer {
    list-style-type: none;
    display: block;
    float: left;
    font-size: 0; }
    .footer-acu .left-footer li,
    .footer-acu .right-footer li,
    .footer-usamm .left-footer li,
    .footer-usamm .right-footer li,
    .footer-vg .left-footer li,
    .footer-vg .right-footer li,
    .footer-kiosk .left-footer li,
    .footer-kiosk .right-footer li {
      display: inline-block;
      font-size: 12px; }
  .footer-acu .left-footer,
  .footer-usamm .left-footer,
  .footer-vg .left-footer,
  .footer-kiosk .left-footer {
    width: 75%; }
    .footer-acu .left-footer li,
    .footer-usamm .left-footer li,
    .footer-vg .left-footer li,
    .footer-kiosk .left-footer li {
      width: 50%; }
  .footer-acu .right-footer,
  .footer-usamm .right-footer,
  .footer-vg .right-footer,
  .footer-kiosk .right-footer {
    width: 25%; }
    .footer-acu .right-footer li,
    .footer-usamm .right-footer li,
    .footer-vg .right-footer li,
    .footer-kiosk .right-footer li {
      width: 100%; }
  .footer-acu a,
  .footer-usamm a,
  .footer-vg a,
  .footer-kiosk a {
    color: #98A0CE;
    border-bottom: none; }
    .footer-acu a:hover,
    .footer-usamm a:hover,
    .footer-vg a:hover,
    .footer-kiosk a:hover {
      color: #fff; }
  .footer-acu p,
  .footer-usamm p,
  .footer-vg p,
  .footer-kiosk p {
    color: #ffffff; }
  .footer-acu .sub-footer,
  .footer-usamm .sub-footer,
  .footer-vg .sub-footer,
  .footer-kiosk .sub-footer {
    border-top: 1px solid #3D4264;
    clear: both;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px; }

.footer-kiosk {
  position: absolute;
  bottom: 0; }

.footer-vg {
  background-color: #292929; }
  .footer-vg a {
    color: #dadada;
    font-family: "Open Sans", sans-serif; }
  .footer-vg .sub-footer {
    border-top: 1px solid #404040; }

.sub-footer {
  display: block;
  text-align: center;
  height: 40px;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 5px; }
  .sub-footer p {
    font-size: 12px;
    line-height: 24px;
    display: inline;
    margin-right: 5px; }

.footer-acu {
  background-color: #191919; }
  .footer-acu a, .footer-acu p {
    color: #9C9788; }
  .footer-acu .right-footer,
  .footer-acu .sub-footer {
    border-color: #424242; }

.sub-header {
  clear: both;
  width: 100%;
  background-color: #0D196A;
  padding: 0 10px;
  height: auto; }
  .sub-header ul {
    display: flex;
    justify-content: space-around;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    list-style-type: none;
    font-size: 0;
    padding: 0; }
    .sub-header ul li {
      display: inline-block;
      height: inherit;
      position: relative; }
    .sub-header ul a,
    .sub-header ul li > div {
      border: none;
      text-transform: uppercase;
      width: 100%; }
    .sub-header ul .title {
      color: #fff;
      text-align: center; }
    .sub-header ul p {
      margin: 12px 0;
      text-transform: uppercase;
      font-weight: 300;
      font-size: 16px;
      line-height: 20px;
      font-style: italic; }
      .sub-header ul p:first-line {
        font-weight: 700; }
      .sub-header ul p:hover, .sub-header ul p.active-nav-link {
        color: #FCE149; }
    .sub-header ul.active-nav-link {
      color: #FCE149; }

.circle-icon {
  position: relative;
  top: -9px;
  float: left;
  height: 35px;
  width: 35px;
  display: inline-block;
  -mox-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  display: none; }

.ezr-icon {
  background-image: url("https://i.ezr.io/_img/ezr-icon.png");
  height: 17px;
  width: 20px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 6px; }

.sbb-icon {
  background-image: url("https://i.ezr.io/_img/shadowbox-icon-17.png");
  height: 17px;
  width: 17px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 6px; }

.name-icon {
  background-image: url("https://i.ezr.io/_img/name-tape-icon.png");
  height: 10px;
  width: 20px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 11px; }

.shirt-icon {
  background-image: url("https://i.ezr.io/_img/shirt-icon.png");
  height: 17px;
  width: 20px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 7px; }

.dt-icon {
  background-image: url("https://i.ezr.io/_img/dog-tag-icon.png");
  height: 20px;
  width: 17px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 5px; }

.leather-icon {
  background-image: url("https://i.ezr.io/_img/leather-icon-2.png");
  height: 10px;
  width: 20px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 11px; }

.cap-icon {
  background-image: url("https://i.ezr.io/_img/cap-icon.png");
  height: 14px;
  width: 20px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 8px; }

.nav-menu-acu ul li .leather-icon {
  background-image: url("https://i.ezr.io/_img/acu-leather-icon-2.png"); }
.nav-menu-acu ul li .dt-icon {
  background-image: url("https://i.ezr.io/_img/acu-dog-icon-2.png"); }
.nav-menu-acu ul li .shirt-icon {
  background-image: url("https://i.ezr.io/_img/acu-shirt-icon-2.png"); }
.nav-menu-acu ul li .name-icon {
  background-image: url("https://i.ezr.io/_img/acu-name-icon-2.png"); }
.nav-menu-acu ul li .sbb-icon {
  background-image: url("https://i.ezr.io/_img/acu-sbb-icon-2.png"); }
.nav-menu-acu ul li .ezr-icon {
  background-image: url("https://i.ezr.io/_img/acu-ezr-icon-2.png"); }
.nav-menu-acu ul li .circle-icon {
  border-color: #988c69; }

.sub-header-usamm {
  clear: both;
  width: 100%;
  padding: 0 10px;
  background-color: #080047;
  border-bottom: 2px solid #000;
  height: 62px; }
  .sub-header-usamm ul {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    list-style-type: none;
    font-size: 0;
    padding: 0;
    height: 43px;
    position: relative; }
    .sub-header-usamm ul li {
      display: inline-block;
      width: 13.66666%;
      height: inherit;
      position: relative; }
    .sub-header-usamm ul a,
    .sub-header-usamm ul li > div {
      border: none;
      text-transform: uppercase;
      width: 100%; }
    .sub-header-usamm ul .title {
      color: #fff;
      text-align: center; }
    .sub-header-usamm ul p {
      color: white;
      font-size: 14px;
      line-height: 18px;
      font-weight: 900;
      font-style: normal;
      font-family: 'Roboto', sans-serif; }
      .sub-header-usamm ul p:hover, .sub-header-usamm ul p.active-nav-link {
        color: #FCE149; }
    .sub-header-usamm ul.active-nav-link {
      color: #FCE149; }

.sub-header-acu {
  background-color: #191919;
  border-bottom: 2px solid #000; }
  .sub-header-acu ul {
    height: 43px;
    padding: 2px 0 2px 12px; }
  .sub-header-acu ul p {
    color: #988C69; }
  .sub-header-acu .circle-icon {
    border-color: #191919; }
  .sub-header-acu .ezr-icon {
    background-image: url("https://i.ezr.io/_img/acu-ezr-icon-2.png"); }
  .sub-header-acu .sbb-icon {
    background-image: url("https://i.ezr.io/_img/acu-sbb-icon-2.png"); }
  .sub-header-acu .name-icon {
    background-image: url("https://i.ezr.io/_img/acu-name-icon-2.png"); }
  .sub-header-acu .shirt-icon {
    background-image: url("https://i.ezr.io/_img/acu-shirt-icon-2.png"); }
  .sub-header-acu .dt-icon {
    background-image: url("https://i.ezr.io/_img/acu-dog-icon-2.png"); }
  .sub-header-acu .leather-icon {
    background-image: url("https://i.ezr.io/_img/acu-leather-icon-2.png"); }
  .sub-header-acu .cap-icon {
    background-image: url("https://i.ezr.io/_img/acu-cap-icon-2.png"); }

.sub-header-vg {
  clear: both;
  width: 100%;
  background-color: #333333;
  padding: 0 10px;
  background-color: #1E1E1E;
  height: 62px; }
  .sub-header-vg ul {
    display: block;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    list-style-type: none;
    font-size: 0;
    padding: 0;
    height: 43px;
    position: relative;
    top: 14px; }
    .sub-header-vg ul li {
      display: inline-block;
      width: 13.66666%;
      height: inherit;
      position: relative; }
    .sub-header-vg ul a,
    .sub-header-vg ul li > div {
      border: none;
      text-transform: uppercase;
      width: 100%; }
    .sub-header-vg ul .title {
      color: #fff;
      text-align: center; }
    .sub-header-vg ul p {
      color: white;
      font-size: 14px;
      line-height: 18px;
      font-weight: 300;
      font-style: italic;
      font-family: 'Open Sans', sans-serif; }
      .sub-header-vg ul p:first-line {
        font-weight: 700; }
      .sub-header-vg ul p:hover, .sub-header-vg ul p.active-nav-link {
        color: #FCE149; }
    .sub-header-vg ul.active-nav-link {
      color: #FCE149; }

.advert {
  height: 100px;
  background-color: #DDDEE3; }

.advert-content {
  display: block;
  margin: 0 auto;
  width: 320px; }
  .advert-content img {
    float: left;
    width: 70px; }
  .advert-content .text {
    width: 230px;
    float: left;
    border-left: 1px solid #666;
    margin-left: 15px;
    padding-left: 15px;
    text-transform: uppercase;
    line-height: 1.3;
    color: #3c3c3c; }
    .advert-content .text p, .advert-content .text a {
      font-weight: 700;
      font-size: 12px; }

.heading.no-border {
  border-bottom: none; }

.leather-builder__seo {
  color: #0D196A; }
  .leather-builder__seo div {
    max-width: 600px;
    margin: 0 auto;
    display: block;
    text-align: center; }
  .leather-builder__seo h1 {
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 5px;
    color: #0D196A; }
  .leather-builder__seo h2 {
    font-size: 16px;
    text-align: center; }
  .leather-builder__seo img {
    margin: 75px auto; }
  .leather-builder__seo a.get-started {
    display: block;
    width: 33%;
    margin: 70px auto 0 auto; }
    .leather-builder__seo a.get-started:hover {
      border-bottom: none; }
  .leather-builder__seo .button-blue {
    padding: 10px; }
  .leather-builder__seo .button-green {
    width: 100%;
    padding: 10px; }

.leather-builder__content {
  margin-top: 75px;
  /* a {
      text-align: center;
      display: block;
      margin: 70px auto;
  } */ }
  .leather-builder__content h2 {
    font-size: 30px;
    line-height: 41px; }
  .leather-builder__content h3 {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 25px; }
  .leather-builder__content ul {
    width: 100%;
    list-style-type: none;
    font-size: 0;
    margin: 0;
    padding: 0; }
  .leather-builder__content li {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top;
    padding: 0 35px; }
  .leather-builder__content p {
    font-size: 14px;
    color: #0D196A;
    font-weight: normal;
    line-height: 19px; }
  .leather-builder__content img {
    display: block;
    margin: 75px auto;
    max-width: 100%; }

@media only screen and (max-width: 877px) {
  .leather-builder__content {
    padding: 20px;
    margin-bottom: 170px; }
    .leather-builder__content li {
      width: 100%;
      padding: 0; }
    .leather-builder__content img {
      margin: 44px auto; }
    .leather-builder__content a.get-started {
      width: 100%; }

  .leather-builder__seo button.button-blue {
    width: 100%;
    margin-bottom: 20px; }
  .leather-builder__seo img {
    margin-bottom: 75px !important;
    padding: 0 20px; } }
.progress-navigation {
  width: 322px;
  height: 32px;
  border: 1px solid #DDDEE3;
  border-radius: 20px 0 0 20px;
  background: #fff;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px; }
  .progress-navigation .progress-bar {
    float: left;
    margin: 0;
    width: 10%;
    font-size: 14px;
    min-width: 3em; }
    .progress-navigation .progress-bar span {
      line-height: 30px; }

.progress-bar-custom {
  background: #454252; }

.progress-striped .progress-bar-custom {
  background-color: #6d6d7b;
  background-image: -webkit-linear-gradient(top left, #666673 25%, transparent 25%, transparent 50%, #666673 50%, #666673 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(top left left, #666673 25%, transparent 25%, transparent 50%, #666673 50%, #666673 75%, transparent 75%, transparent);
  background-image: linear-gradient(to bottom right, #666673 25%, transparent 25%, transparent 50%, #666673 50%, #666673 75%, transparent 75%, transparent);
  background-size: 15px 15px; }

.nav-dropdown .dropdown-toggle {
  height: 30px; }

.nav-dropdown,
.search-dropdown {
  margin: 0;
  height: 44px;
  line-height: 44px;
  margin-bottom: 0 !important;
  /* z-index: 999; */
  min-width: 238px; }
  .nav-dropdown .full-button,
  .search-dropdown .full-button {
    font-size: 13px;
    height: 44px;
    line-height: 44px; }
  .nav-dropdown button,
  .search-dropdown button {
    height: 32px;
    vertical-align: top; }

.search-bar-container {
  margin-bottom: 53px;
  width: 100%;
  display: flex; }
  .search-bar-container .input-group-btn {
    min-width: 90px;
    width: 36%;
    margin-left: 4%; }
  .search-bar-container .search-dropdown button.dropdown-toggle {
    height: 36px;
    background: #1C2A7F;
    border-radius: 4px !important;
    text-transform: uppercase;
    padding: 0;
    width: 100%;
    font-size: 13.7px;
    line-height: 16px; }
    .search-bar-container .search-dropdown button.dropdown-toggle:hover, .search-bar-container .search-dropdown button.dropdown-toggle:focus, .search-bar-container .search-dropdown button.dropdown-toggle:active {
      background: #1D2553; }
  .search-bar-container .search-dropdown .dropdown-menu > li:hover:first-of-type a {
    border-radius: 4px 4px 0 0; }
  .search-bar-container .search-dropdown .dropdown-menu > li:hover:last-of-type a {
    border-radius: 0 0 4px 4px; }
  .search-bar-container .search-dropdown.sbb-search .dropdown-toggle {
    padding: 0 30px; }

.navigation {
  float: right;
  font-size: 14px;
  font-style: normal;
  margin-bottom: 0;
  padding: 0; }
  .navigation a {
    border: 2px solid #878795;
    border-radius: 50%;
    color: #3c3c3c;
    display: inline-block;
    height: 30px;
    line-height: 25px;
    width: 30px; }
    .navigation a:hover, .navigation a:active {
      text-decoration: none;
      border-color: #68667b; }
  .navigation li {
    display: inline-block;
    float: left;
    margin: 8px 0 0;
    text-align: center; }
    .navigation li:not(:nth-last-child(1)):after {
      content: '\2022 \2022 \2022';
      float: right;
      letter-spacing: 0.2em;
      margin: 0 -2px 0 2px;
      padding: 6px; }
  .navigation .active {
    background: #605f6f;
    border: 2px solid #605f6f;
    color: #fff; }
    .navigation .active:hover {
      color: #fff;
      border: 2px solid #605f6f; }
  .navigation .complete {
    background: #878795;
    color: #fff; }
    .navigation .complete:hover {
      background-color: #777783;
      border-color: #777783; }

.home-button {
  width: 50px;
  display: none;
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #DDDEE3; }
  .home-button .button-blue {
    width: 38px;
    height: 35px;
    float: left;
    margin: 0; }
  .home-button span {
    background-image: url("https://i.ezr.io/_img/home-icon.png");
    background-position: center;
    cursor: pointer;
    height: 16px;
    width: 18px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 3px; }

.dot-steps {
  margin-top: 5px;
  float: right;
  width: 300px;
  height: 35px;
  position: relative; }
  .dot-steps a {
    border-bottom: 0;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    z-index: 100;
    box-sizing: border-box;
    width: 48%;
    line-height: 35px; }
    .dot-steps a:only-of-type {
      width: 100%; }
  .dot-steps span {
    font-size: 13px;
    font-weight: 500; }
  .dot-steps .prev-dot.disabled,
  .dot-steps .next-dot.disabled {
    color: #C5C5C5;
    background: #F3F3F3; }
  .dot-steps .prev-dot {
    float: left;
    color: #fff; }
    .dot-steps .prev-dot.button-blue {
      background: #98A0CE; }
      .dot-steps .prev-dot.button-blue:hover {
        background-color: #707BBB; }
  .dot-steps .next-dot {
    float: right;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0; }
  .dot-steps .next-dot.disabled {
    cursor: default; }
  .dot-steps .prev-dot.disabled {
    cursor: default; }

.fluid-wrap {
  width: 100%;
  margin-right: -60px;
  /* The size of the fixed block. */ }

.dot-wrapper {
  display: none;
  font-size: 0;
  list-style-type: none;
  padding: 12px 60px;
  margin-left: 60px;
  background-color: #e7e7e7;
  height: 36px; }
  .dot-wrapper li {
    display: inline-block;
    width: 20%; }
  .dot-wrapper div {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid #605f6f;
    margin: 0 auto; }
  .dot-wrapper .filled {
    background-color: #605f6f; }

.dot-steps-name {
  text-align: center; }
  .dot-steps-name li {
    width: 33%; }

.dot-steps-sbb .dot-wrapper li {
  width: 25%; }

.pagination {
  margin: 20px auto 10px;
  display: block;
  position: relative; }
  .pagination .page-left {
    background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/arrow-down.svg") no-repeat center center;
    display: inline-block;
    width: 48px;
    height: 48px;
    transform: rotate(90deg); }
  .pagination .page-right {
    background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/arrow-down.svg") no-repeat center center;
    display: inline-block;
    width: 48px;
    height: 48px;
    transform: rotate(-90deg); }
  .pagination div {
    width: 70%;
    margin: 0 auto;
    display: block;
    height: 50px; }
  .pagination p {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    font-style: italic;
    line-height: 17px;
    color: #0D196A; }
  .pagination a {
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: #1C2A7F;
    border-radius: 50%;
    text-align: center;
    line-height: 3.4; }
    .pagination a:hover {
      border: none; }
    .pagination a.inactive {
      background-color: #E6E8F3; }
  .pagination .next {
    right: 0;
    top: 0; }

@media only screen and (max-width: 480px) {
  .pagination .page-left {
    background: none;
    width: 48px;
    height: 48px; }
    .pagination .page-left .material-icons {
      position: relative;
      top: 5px;
      left: -2px;
      color: #fff;
      font-size: 20px;
      font-weight: 600; }
  .pagination .page-right {
    background: none;
    width: 48px;
    height: 48px; }
    .pagination .page-right .material-icons {
      position: relative;
      top: 5px;
      color: #fff;
      font-size: 20px;
      font-weight: 600; }
  .pagination a {
    position: absolute;
    width: 48px;
    height: 48px;
    background-color: #1c2a7f;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    text-align: center;
    line-height: 3.4; }
    .pagination a:hover {
      background-color: #DDDEE3; } }
.contact-us-wrap {
  width: 100%;
  font-family: 'Lato', sans-serif; }
  .contact-us-wrap p {
    font-weight: 400;
    color: #969696;
    line-height: 1.8; }
  .contact-us-wrap h2 {
    font-weight: 700; }
  .contact-us-wrap > div {
    display: inline-block;
    float: left;
    margin-top: 50px; }
  .contact-us-wrap > div:first-child {
    width: 40%;
    border-right: 1px solid #e5e5e5;
    margin-right: 5%;
    padding-left: 25px; }
  .contact-us-wrap > div:last-child {
    width: 50%;
    padding-right: 25px; }
  .contact-us-wrap img {
    position: absolute;
    left: 0; }
  .contact-us-wrap span {
    color: #5E9CEA; }
  .contact-us-wrap .text-wrap {
    float: left;
    padding-left: 90px; }
  .contact-us-wrap .info {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
    position: relative; }
  .contact-us-wrap .no-margin-bottom {
    margin-bottom: 0; }
  .contact-us-wrap h2 {
    margin-top: 10px; }
  .contact-us-wrap form {
    font-size: 0;
    padding-left: 90px; }
  .contact-us-wrap form input {
    display: inline-block;
    font-size: 14px;
    width: 48%;
    margin-bottom: 15px; }
  .contact-us-wrap form input:first-child {
    margin-right: 4%; }
  .contact-us-wrap textarea {
    width: 100%;
    padding: 5px;
    height: 120px;
    margin-bottom: 15px; }
  .contact-us-wrap form input,
  .contact-us-wrap textarea {
    background-color: #efefef;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400; }
  .contact-us-wrap .button-clear {
    background-color: #466FA3;
    color: white;
    width: 100%;
    padding: 10px;
    height: 40px; }
  .contact-us-wrap .bug-reporting {
    position: relative; }

.contact-icon {
  position: relative;
  top: -3px; }

@media only screen and (max-width: 768px) {
  .contact-icon {
    top: -5px; } }
@media only screen and (max-width: 800px) {
  .contact-us-wrap > div:first-child {
    width: 100%;
    border-right: 0;
    padding: 0; }
  .contact-us-wrap > div:last-child {
    width: 100%;
    padding: 0; }
  .contact-us-wrap .text-wrap {
    padding: 0;
    padding-left: 57px; }
  .contact-us-wrap img {
    float: left;
    margin-right: 15px;
    max-width: 40px;
    top: 2px; }
  .contact-us-wrap form {
    padding-left: 54px;
    padding-right: 25px; }
  .contact-us-wrap form input {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px; }
  .contact-us-wrap .info {
    max-width: 400px;
    display: block;
    margin: 0 auto 40px auto; }
  .contact-us-wrap .bug-reporting {
    width: 100%;
    margin-top: 0; }
    .contact-us-wrap .bug-reporting > div {
      position: relative;
      max-width: 400px;
      display: block;
      margin: 0 auto; } }
.rule-creation {
  display: block;
  margin: 0 auto;
  max-width: 1500px;
  min-width: 1150px;
  overflow-x: scroll;
  padding: 50px 25px 200px; }
  .rule-creation .separation {
    background-color: #fff;
    height: 2px;
    width: 100%; }
  .rule-creation .separator {
    background-color: #e5e5e5;
    height: 2px;
    width: 100%;
    margin-bottom: 40px; }
  .rule-creation .header {
    background-color: #fff;
    height: 50px;
    padding: 5px 0;
    width: 100%; }
    .rule-creation .header input {
      background-color: #fff;
      border: 2px solid #e5e5e5;
      border-radius: 25px;
      color: #527AB3;
      float: right;
      font-size: 10px;
      font-weight: 600;
      height: 31px;
      width: 200px; }
    .rule-creation .header div {
      display: inline-block;
      float: right; }
      .rule-creation .header div .switch {
        position: relative;
        display: inline-block;
        width: 80px;
        height: 30px; }
        .rule-creation .header div .switch input {
          display: none; }
      .rule-creation .header div .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #0E1C65;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 30px; }
        .rule-creation .header div .slider:before {
          position: absolute;
          content: "";
          height: 18px;
          width: 18px;
          left: 6px;
          bottom: 6px;
          background-color: white;
          -webkit-transition: .4s;
          transition: .4s;
          border-radius: 50%; }
        .rule-creation .header div .slider:after {
          content: 'Dev';
          color: white;
          display: block;
          position: absolute;
          transform: translate(-50%, -50%);
          top: 50%;
          left: 50%;
          font-size: 10px;
          font-family: Verdana, sans-serif; }
      .rule-creation .header div input:checked + .slider:before {
        transform: translateX(51px); }
      .rule-creation .header div input:checked + .slider:after {
        content: 'Prod'; }
    .rule-creation .header button {
      float: right;
      display: inline-block;
      border-radius: 25px;
      font-size: 10px;
      font-weight: 600;
      margin-left: 15px;
      padding: 6px;
      width: 80px; }
    .rule-creation .header .delete {
      background-color: white;
      border: 2px solid #B86B69;
      color: #B86B69; }
    .rule-creation .header .cancel {
      background-color: #fff;
      border: 2px solid #527AB3;
      color: #527AB3; }
    .rule-creation .header .review {
      background-color: #527AB3;
      border: 2px solid #527AB3;
      color: #fff; }
    .rule-creation .header .save {
      background-color: #448C6E;
      border: 2px solid #448C6E;
      color: #fff; }
  .rule-creation h1 {
    color: #020f58;
    display: inline-block;
    float: left;
    font-style: normal;
    margin: 0; }
  .rule-creation h2 {
    color: #020f58;
    font-style: italic;
    font-weight: 400;
    margin: 0 0 25px; }
  .rule-creation h3 {
    color: #527AB3;
    font-size: 10px;
    font-style: normal;
    font-weight: 400; }
  .rule-creation h4 {
    color: #527AB3;
    font-size: 14px;
    font-style: normal;
    font-weight: 600; }
  .rule-creation strong {
    font-weight: 700; }
  .rule-creation input[type="text"],
  .rule-creation input[type="password"] {
    border: none;
    background-color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    color: #527AB3;
    padding: 10px;
    display: block;
    margin: 0 auto 15px;
    width: 50px; }
  .rule-creation p {
    text-align: center;
    font-size: 10px;
    color: #020f58;
    font-weight: 600;
    margin-bottom: 15px; }
  .rule-creation img {
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  .rule-creation .blue-button {
    background-color: #527AB3;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    width: 100%;
    padding: 1.4em .8em;
    line-height: 1;
    border: 2px solid #527AB3; }
  .rule-creation .flex-container {
    display: flex;
    width: 100%; }
  .rule-creation .center-flex {
    display: flex;
    justify-content: center;
    vertical-align: center; }
    .rule-creation .center-flex .device-preview {
      display: inline-block;
      position: relative;
      margin-bottom: 15px; }
      .rule-creation .center-flex .device-preview img {
        vertical-align: bottom; }
      .rule-creation .center-flex .device-preview .preview-image {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        border-style: dashed;
        border-width: 0px; }
  .rule-creation .flex-container-row {
    display: flex;
    flex: 1.3;
    align-items: stretch;
    flex-flow: row wrap; }
    .rule-creation .flex-container-row .flex-item-rule {
      background-color: #EEF1F6;
      margin: 5px;
      border-radius: 5px;
      padding: 20px 25px 115px;
      flex: 1;
      height: calc(100% - 95px); }
      .rule-creation .flex-container-row .flex-item-rule #award-total {
        font-size: 30px; }
    .rule-creation .flex-container-row .flex-item-products ul {
      list-style-type: none;
      padding: 0;
      border-bottom: 2px solid #fff;
      margin-top: 15px; }
    .rule-creation .flex-container-row .flex-item-products li {
      border-top: 2px solid #fff;
      clear: both;
      position: relative; }
    .rule-creation .flex-container-row .flex-item-products li p {
      margin-bottom: 0;
      text-align: left;
      padding: 15px 30px 15px 0;
      display: block;
      width: 100%;
      padding-right: 40px;
      color: #527AB3; }
    .rule-creation .flex-container-row .flex-item-products .total {
      color: #020f58;
      text-align: center;
      padding: 10px 0; }
    .rule-creation .flex-container-row .flex-item-products .glyphicon {
      position: absolute;
      right: 0;
      padding: 10px;
      color: #B86B69;
      background-color: transparent; }
    .rule-creation .flex-container-row .rule-repetition {
      flex: 1 100%;
      max-height: 75px;
      padding: 20px 25px; }
      .rule-creation .flex-container-row .rule-repetition input[type="text"] {
        display: inline-block;
        margin: 0; }
      .rule-creation .flex-container-row .rule-repetition p {
        display: inline-block;
        margin: 0; }
      .rule-creation .flex-container-row .rule-repetition div {
        width: 490px;
        margin: 0 auto; }
      .rule-creation .flex-container-row .rule-repetition .repetition {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        color: #527AB3;
        width: 100px;
        text-align: left;
        border-right: 2px solid #fff;
        margin-right: 30px; }
  .rule-creation .control-panel {
    margin: 15px 0; }
    .rule-creation .control-panel div {
      width: 170px;
      clear: both;
      display: block;
      margin: 0 auto;
      height: 60px; }
    .rule-creation .control-panel .move-button {
      display: inline-block;
      background-color: #527AB3;
      width: 50px;
      height: 50px;
      float: left;
      margin: 5px;
      padding: 10px;
      color: #fff; }
    .rule-creation .control-panel .move-up, .rule-creation .control-panel .move-down {
      display: block;
      margin: 0 auto;
      float: none; }
    .rule-creation .control-panel .rotate {
      display: inline-block;
      background-color: #fff;
      width: 50px;
      height: 50px;
      margin: 5px 0;
      float: left;
      padding: 10px;
      color: #527AB3; }
  .rule-creation .flex-container-column {
    display: flex;
    flex: 1;
    flex-direction: column; }
    .rule-creation .flex-container-column .flex-item-rule {
      padding: 20px 25px;
      background-color: #EEF1F6;
      margin: 5px;
      border-radius: 5px; }
    .rule-creation .flex-container-column .rule-preview {
      min-height: 270px; }
    .rule-creation .flex-container-column .add-row-button {
      padding: 0; }
      .rule-creation .flex-container-column .add-row-button button {
        width: 100%;
        background-color: #448C6E;
        font-size: 10px;
        font-weight: 600;
        color: #fff;
        padding: 25px 10px; }
    .rule-creation .flex-container-column .rule-status {
      border-top: 2px solid #fff;
      padding-top: 25px; }
      .rule-creation .flex-container-column .rule-status a {
        color: #527AB3;
        border-bottom: none;
        text-decoration: underline; }
    .rule-creation .flex-container-column .rack-row-medals {
      padding: 15px;
      height: 170px; }
      .rule-creation .flex-container-column .rack-row-medals .row-name {
        height: 100%;
        display: inline-block;
        width: 10%;
        float: left;
        border-right: 2px solid #fff;
        padding-right: 15px;
        text-align: center; }
        .rule-creation .flex-container-column .rack-row-medals .row-name p {
          font-size: 14px;
          font-weight: 600;
          color: #527AB3;
          text-align: center; }
        .rule-creation .flex-container-column .rack-row-medals .row-name button {
          text-decoration: none;
          font-size: 18px;
          padding: 0;
          background-color: transparent;
          margin-bottom: 15px; }
        .rule-creation .flex-container-column .rack-row-medals .row-name .glyphicon-eye-open,
        .rule-creation .flex-container-column .rack-row-medals .row-name .glyphicon-eye-close {
          color: #527AB3; }
        .rule-creation .flex-container-column .rack-row-medals .row-name .glyphicon-remove-sign {
          color: #B86B69; }
      .rule-creation .flex-container-column .rack-row-medals .row-rules {
        width: 90%;
        display: inline-block;
        float: left;
        font-size: 0; }
        .rule-creation .flex-container-column .rack-row-medals .row-rules div {
          vertical-align: top;
          display: inline-block;
          width: 25%;
          font-size: 10px;
          font-weight: 600;
          color: #020f58;
          padding: 0 5px; }
    .rule-creation .flex-container-column .placement-buttons {
      font-size: 0; }
      .rule-creation .flex-container-column .placement-buttons input {
        display: inline-block;
        width: 33.33333%;
        float: left; }
      .rule-creation .flex-container-column .placement-buttons button {
        display: inline-block;
        background-color: #527AB3;
        width: 33.33333%;
        float: left;
        padding: 10px;
        color: #fff; }
        .rule-creation .flex-container-column .placement-buttons button span {
          pointer-events: none; }
      .rule-creation .flex-container-column .placement-buttons .left-button {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; }
      .rule-creation .flex-container-column .placement-buttons .right-button {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; }
  .rule-creation .checkbox-toggles input[type="checkbox"] {
    position: absolute;
    opacity: 0; }
    .rule-creation .checkbox-toggles input[type="checkbox"] + label {
      display: block;
      padding: 1.4em .8em;
      line-height: 1;
      opacity: 0.5;
      color: #527AB3;
      text-align: center;
      border: 2px solid #527AB3;
      border-radius: 3px;
      font-size: 10px;
      font-weight: 600; }
      .rule-creation .checkbox-toggles input[type="checkbox"] + label:focus, .rule-creation .checkbox-toggles input[type="checkbox"] + label:active {
        background-color: #527AB3;
        color: #fff; }
    .rule-creation .checkbox-toggles input[type="checkbox"]:checked + label {
      background-color: #527AB3;
      color: #fff;
      opacity: 1; }
      .rule-creation .checkbox-toggles input[type="checkbox"]:checked + label:hover, .rule-creation .checkbox-toggles input[type="checkbox"]:checked + label:focus, .rule-creation .checkbox-toggles input[type="checkbox"]:checked + label:active {
        background-color: #527AB3; }
  .rule-creation .radio-toggles label, .rule-creation .radio-toggles button {
    display: block;
    line-height: 1;
    color: rgba(81, 122, 179, 0.5);
    text-align: center;
    border-radius: 3px; }
  .rule-creation .radio-toggles label span {
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    padding: 1.4em .8em;
    display: block;
    border-radius: 3px;
    border: 2px solid rgba(81, 122, 179, 0.5); }
  .rule-creation .radio-toggles label input {
    position: absolute;
    top: -20px; }
  .rule-creation .radio-toggles input:checked + span {
    background-color: #527AB3;
    color: #F7F7F7;
    border: 2px solid #517ab3; }
  .rule-creation .radio-toggles-white {
    position: relative; }
    .rule-creation .radio-toggles-white label {
      color: #517ab3;
      background-color: white; }
    .rule-creation .radio-toggles-white label span {
      border: 2px solid white; }
    .rule-creation .radio-toggles-white .glyphicon-remove-sign {
      position: absolute;
      right: 0;
      padding: 10px;
      color: #B86B69;
      background-color: transparent; }
  .rule-creation .radio-and-switch {
    position: relative; }
    .rule-creation .radio-and-switch label {
      width: calc(100% - 45px);
      display: inline-block; }
    .rule-creation .radio-and-switch button {
      color: #527AB3;
      font-size: 10px;
      width: 40px;
      height: 41px;
      border: 2px solid #fff;
      position: absolute;
      right: 0;
      background-color: white; }
    .rule-creation .radio-and-switch .full-button {
      width: 100%; }
  .rule-creation .none-available {
    display: block;
    padding: 1em .8em;
    line-height: 1;
    opacity: 0.5;
    border: 2px solid #527AB3;
    border-radius: 3px; }
    .rule-creation .none-available p {
      color: #527AB3;
      text-align: center;
      font-size: 10px;
      font-weight: 600;
      margin: 0; }
  .rule-creation .popup-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10; }
  .rule-creation .popup-radios {
    display: block;
    width: 100%;
    margin-bottom: 25px; }
    .rule-creation .popup-radios label {
      width: 150px;
      display: inline-block; }
    .rule-creation .popup-radios p {
      text-align: left; }
  .rule-creation .popup {
    padding: 25px;
    position: absolute;
    height: 600px;
    width: 800px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background-color: white;
    border-radius: 3px; }
    .rule-creation .popup .placement-buttons {
      font-size: 0;
      margin-top: 15px; }
      .rule-creation .popup .placement-buttons input {
        display: inline-block;
        width: 33.33333%;
        float: left;
        border: 1px solid #e5e5e5; }
      .rule-creation .popup .placement-buttons button {
        display: inline-block;
        background-color: #527AB3;
        width: 33.33333%;
        float: left;
        padding: 10px;
        color: #fff;
        font-size: 10px;
        height: 36px; }
      .rule-creation .popup .placement-buttons .left-button {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; }
      .rule-creation .popup .placement-buttons .right-button {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px; }
  .rule-creation .add-product-list {
    list-style-type: none;
    padding: 0;
    font-size: 0;
    overflow: auto;
    height: 500px; }
    .rule-creation .add-product-list .product {
      border: 1px solid #e5e5e5;
      position: relative; }
    .rule-creation .add-product-list p {
      padding: 8px;
      margin-bottom: 0;
      min-height: 70px;
      font-size: 9px; }
    .rule-creation .add-product-list li {
      display: inline-block;
      width: 14.66667%;
      vertical-align: top;
      margin-right: 2%;
      margin-bottom: 15px; }
  .rule-creation .triangle {
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    transform: rotate(135deg);
    border-top: 35px solid #B86B69;
    position: absolute;
    top: -5px;
    left: -22px; }
    .rule-creation .triangle input[name="select-awards"]:checked {
      border-top: 35px solid #448C6E; }
    .rule-creation .triangle .glyphicon {
      font-size: 12px;
      color: #fff;
      top: -28px;
      left: -7px;
      transform: rotate(225deg); }
  .rule-creation .triangle-remove {
    border-top: 35px solid #B86B69; }
  .rule-creation .triangle-added {
    border-top: 35px solid #448C6E; }
  .rule-creation .triangle-add {
    border-top: 35px solid #527AB3; }
  .rule-creation ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #D2D4D8; }
  .rule-creation ::-moz-placeholder {
    /* Firefox 19+ */
    color: #D2D4D8; }
  .rule-creation :-ms-input-placeholder {
    /* IE 10+ */
    color: #D2D4D8; }
  .rule-creation :-moz-placeholder {
    /* Firefox 18- */
    color: #D2D4D8; }
  .rule-creation .order-of-precedence {
    height: 100%;
    overflow: auto; }
    .rule-creation .order-of-precedence li {
      width: 10%;
      border: 2px solid transparent;
      /*Added transparent border so the dashed border on the .over class below doesn't shift items around.*/ }
    .rule-creation .order-of-precedence .images {
      height: 160px;
      padding: 15px 0; }
    .rule-creation .order-of-precedence .large-ribbon {
      height: 27px;
      width: 100px;
      margin-top: 50px; }
    .rule-creation .order-of-precedence .small-ribbon {
      height: 15px;
      width: 55px;
      margin-bottom: 5px; }
    .rule-creation .order-of-precedence .medal {
      height: 105px;
      width: 50px; }
    .rule-creation .order-of-precedence .product {
      min-height: 258px; }
    .rule-creation .order-of-precedence .blue-button {
      border-radius: 0;
      position: absolute;
      bottom: 0;
      cursor: move; }
    .rule-creation .order-of-precedence .over {
      border: 2px dashed #527AB3; }
    .rule-creation .order-of-precedence .over {
      border: 2px dashed #527AB3; }
    .rule-creation .order-of-precedence .over {
      border: 2px dashed #527AB3; }
  .rule-creation .item-creation {
    font-size: 0;
    display: inline-block;
    width: 50%;
    float: left;
    font-size: 10px; }
    .rule-creation .item-creation p {
      text-align: left; }
    .rule-creation .item-creation input[type="text"],
    .rule-creation .item-creation input[type="password"] {
      border: 2px solid #e5e5e5;
      text-align: left;
      float: none;
      margin: 0 0 25px 0;
      display: block;
      width: 300px; }
  .rule-creation .green-button {
    width: 300px;
    background-color: #448C6E;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    padding: 15px 10px;
    margin: 15px 0; }
  .rule-creation .gui-user-form {
    margin: 20px 0;
    min-width: 930px; }
    .rule-creation .gui-user-form .popup-radios {
      width: 430px;
      display: inline-block;
      float: left; }
      .rule-creation .gui-user-form .popup-radios label {
        width: 80px; }
    .rule-creation .gui-user-form button {
      float: right;
      padding: 5px 0;
      margin-left: 5px;
      background-color: white; }
    .rule-creation .gui-user-form .add-user-btn {
      width: 60px;
      background-color: #448C6E;
      color: white;
      border-radius: 25px;
      font-size: 10px;
      font-weight: 600;
      padding: 6px;
      height: 30px;
      margin: 5px; }
    .rule-creation .gui-user-form .glyphicon {
      color: white;
      height: 30px;
      width: 30px;
      border-radius: 25px;
      float: right;
      padding: 8px 9px; }
    .rule-creation .gui-user-form .glyphicon-remove {
      background-color: #B86B69; }
    .rule-creation .gui-user-form .glyphicon-pencil {
      background-color: #527AB3; }
    .rule-creation .gui-user-form p {
      text-align: left; }
    .rule-creation .gui-user-form input[type="text"] {
      text-align: left;
      display: inline-block;
      width: 200px;
      height: 42px;
      border: 2px solid #e5e5e5;
      margin: 0;
      float: left;
      margin-right: 5px; }
    .rule-creation .gui-user-form .user-info {
      width: 420px;
      float: left;
      display: inline-block;
      font-size: 0; }
      .rule-creation .gui-user-form .user-info p {
        display: inline-block;
        width: 50%;
        padding: 12px 0; }
  .rule-creation .change-log {
    margin-bottom: 25px;
    clear: both; }
    .rule-creation .change-log h3 {
      display: block; }
    .rule-creation .change-log > p {
      font-weight: 400;
      text-align: left;
      display: inline-block;
      width: 70%;
      float: left; }
    .rule-creation .change-log a {
      font-weight: 400;
      color: #527AB3;
      text-decoration: underline;
      border-bottom: none;
      font-weight: 600; }
    .rule-creation .change-log .removed, .rule-creation .change-log .missing {
      color: #B86B69; }
    .rule-creation .change-log .added {
      color: #448C6E; }
  .rule-creation .aside {
    width: 30%;
    float: left;
    display: inline-block; }
    .rule-creation .aside p {
      text-align: right;
      color: #527AB3;
      font-weight: 400; }
    .rule-creation .aside button {
      float: right;
      color: white;
      margin-left: 7px;
      height: 30px;
      width: 30px;
      border-radius: 25px; }
    .rule-creation .aside .glyphicon-remove {
      background-color: #B86B69; }
    .rule-creation .aside .glyphicon-pencil {
      background-color: #527AB3; }
    .rule-creation .aside .glyphicon-paperclip {
      background-color: #d2d2d2; }
    .rule-creation .aside .glyphicon-plus {
      background-color: #448C6E; }

.searchbar {
  background-color: #0E1C65;
  width: 100%;
  height: 60px;
  padding: 15px 0; }
  .searchbar input {
    display: block;
    margin: 0 auto;
    width: 550px;
    min-width: 550px;
    background-color: #fff;
    border-radius: 25px;
    border: none;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 400;
    color: #527AB3; }
  .searchbar ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #D2D4D8; }
  .searchbar ::-moz-placeholder {
    /* Firefox 19+ */
    color: #D2D4D8; }
  .searchbar :-ms-input-placeholder {
    /* IE 10+ */
    color: #D2D4D8; }
  .searchbar :-moz-placeholder {
    /* Firefox 18- */
    color: #D2D4D8; }

.searchbar-dropdown {
  width: 100%;
  background-color: white;
  position: absolute;
  border-bottom: 2px solid #e5e5e5;
  padding: 15px 0; }
  .searchbar-dropdown ul {
    max-width: 600px;
    display: block;
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
    font-size: 0; }
  .searchbar-dropdown li {
    display: inline-block;
    width: 23%;
    margin: 2% 1%; }
  .searchbar-dropdown img {
    max-width: 100%; }
  .searchbar-dropdown p {
    color: #0E1C65;
    font-weight: 400;
    font-size: 11px;
    margin-top: 10px; }
  .searchbar-dropdown .view-all {
    text-align: center;
    color: #527AB3;
    text-decoration: underline;
    border: none;
    font-size: 11px;
    display: inherit; }
  .searchbar-dropdown button {
    font-size: 10px;
    color: white;
    width: 100%;
    border-radius: 25px;
    padding: 7px;
    margin-bottom: 7px; }
  .searchbar-dropdown .edit-device-button {
    background-color: #527AB3; }
  .searchbar-dropdown .edit-precedence-button {
    background-color: #0E1C65; }

.award-creation {
  max-width: 970px;
  min-width: 640px; }

.rule-creation.rule-login {
  overflow-x: auto; }
  .rule-creation.rule-login .blue-button {
    width: 300px; }

#navy-cap-lp,
.navy-content {
  /** Specific styles for non-lander pages */
  /** Specific styles for the landing page */ }
  #navy-cap-lp #navycap-search,
  .navy-content #navycap-search {
    font-size: 12px;
    color: #0d0d0d;
    margin-left: 10px;
    margin-right: 10px; }
    #navy-cap-lp #navycap-search > .inner-container,
    .navy-content #navycap-search > .inner-container {
      margin: 0 auto;
      /** Title & subtitle */ }
      #navy-cap-lp #navycap-search > .inner-container > h2, #navy-cap-lp #navycap-search > .inner-container > p,
      .navy-content #navycap-search > .inner-container > h2,
      .navy-content #navycap-search > .inner-container > p {
        text-align: center;
        margin-bottom: 20px; }
      #navy-cap-lp #navycap-search > .inner-container h2,
      .navy-content #navycap-search > .inner-container h2 {
        color: white;
        font-size: 28px;
        font-weight: bold; }
      #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions,
      .navy-content #navycap-search > .inner-container #navycap-search__actions {
        display: flex;
        margin-top: 20px; }
        #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions > a,
        .navy-content #navycap-search > .inner-container #navycap-search__actions > a {
          flex-grow: 1;
          max-width: 50%;
          height: 36px;
          line-height: 34px; }
          #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions > a:first-child,
          .navy-content #navycap-search > .inner-container #navycap-search__actions > a:first-child {
            max-width: calc(50% - 5px);
            margin-right: 10px; }
          #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions > a.button-outline:first-child,
          .navy-content #navycap-search > .inner-container #navycap-search__actions > a.button-outline:first-child {
            color: white;
            border-color: white; }
            #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions > a.button-outline:first-child:hover, #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions > a.button-outline:first-child:focus,
            .navy-content #navycap-search > .inner-container #navycap-search__actions > a.button-outline:first-child:hover,
            .navy-content #navycap-search > .inner-container #navycap-search__actions > a.button-outline:first-child:focus {
              color: #0D196A; }
      #navy-cap-lp #navycap-search > .inner-container .search-box,
      .navy-content #navycap-search > .inner-container .search-box {
        position: relative;
        width: 100%;
        /* Magic to make the icons animate */ }
        #navy-cap-lp #navycap-search > .inner-container .search-box .left-icon,
        #navy-cap-lp #navycap-search > .inner-container .search-box .right-icon,
        .navy-content #navycap-search > .inner-container .search-box .left-icon,
        .navy-content #navycap-search > .inner-container .search-box .right-icon {
          transition: opacity 100ms ease, text-indent 100ms ease, left 300ms ease, right 300ms ease;
          position: absolute;
          top: 2px;
          margin: 4px; }
        #navy-cap-lp #navycap-search > .inner-container .search-box .left-icon,
        .navy-content #navycap-search > .inner-container .search-box .left-icon {
          left: 4px;
          opacity: 1; }
        #navy-cap-lp #navycap-search > .inner-container .search-box .right-icon,
        .navy-content #navycap-search > .inner-container .search-box .right-icon {
          right: -8px;
          opacity: 0;
          cursor: pointer; }
        #navy-cap-lp #navycap-search > .inner-container .search-box > input,
        .navy-content #navycap-search > .inner-container .search-box > input {
          width: 100%;
          padding-left: .5em;
          padding-right: .5em;
          text-indent: 2.125em; }
          #navy-cap-lp #navycap-search > .inner-container .search-box > input::placeholder,
          .navy-content #navycap-search > .inner-container .search-box > input::placeholder {
            color: white; }
        #navy-cap-lp #navycap-search > .inner-container .search-box > input:focus, #navy-cap-lp #navycap-search > .inner-container .search-box > input:not(:placeholder-shown),
        .navy-content #navycap-search > .inner-container .search-box > input:focus,
        .navy-content #navycap-search > .inner-container .search-box > input:not(:placeholder-shown) {
          text-indent: 0.5em; }
          #navy-cap-lp #navycap-search > .inner-container .search-box > input:focus + div > .left-icon, #navy-cap-lp #navycap-search > .inner-container .search-box > input:not(:placeholder-shown) + div > .left-icon,
          .navy-content #navycap-search > .inner-container .search-box > input:focus + div > .left-icon,
          .navy-content #navycap-search > .inner-container .search-box > input:not(:placeholder-shown) + div > .left-icon {
            opacity: 0;
            left: -8px; }
          #navy-cap-lp #navycap-search > .inner-container .search-box > input:focus + div > .right-icon, #navy-cap-lp #navycap-search > .inner-container .search-box > input:not(:placeholder-shown) + div > .right-icon,
          .navy-content #navycap-search > .inner-container .search-box > input:focus + div > .right-icon,
          .navy-content #navycap-search > .inner-container .search-box > input:not(:placeholder-shown) + div > .right-icon {
            opacity: 1;
            right: 4px; }
      #navy-cap-lp #navycap-search > .inner-container input#navycap-search-input,
      .navy-content #navycap-search > .inner-container input#navycap-search-input {
        margin: 0 0 10px 0;
        height: 36px;
        background: white;
        color: #0d196a;
        border-color: #DDDEE3;
        font-size: 14px; }
        #navy-cap-lp #navycap-search > .inner-container input#navycap-search-input::placeholder,
        .navy-content #navycap-search > .inner-container input#navycap-search-input::placeholder {
          color: #0D196A;
          text-transform: lowercase; }
      #navy-cap-lp #navycap-search > .inner-container #navycap-search__list,
      .navy-content #navycap-search > .inner-container #navycap-search__list {
        width: 100%;
        height: 360px;
        overflow-y: auto;
        border: 1px solid #7cb8e7;
        border-radius: 4px;
        padding: 20px 0;
        background: #7cb8e7;
        color: white; }
        #navy-cap-lp #navycap-search > .inner-container #navycap-search__list > h3:first-child,
        .navy-content #navycap-search > .inner-container #navycap-search__list > h3:first-child {
          margin-bottom: 20px;
          font-size: 18px;
          font-weight: 700;
          font-style: italic;
          text-align: center; }
        #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category,
        .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category {
          height: 48px;
          cursor: pointer;
          transition: background 200ms ease;
          line-height: 48px;
          position: relative;
          user-select: none; }
          #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > .caret,
          .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > .caret {
            position: absolute;
            right: 18px;
            top: 16px;
            height: 16px;
            transform: rotate(0deg); }
          #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category:not(.active):hover,
          .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category:not(.active):hover {
            background-color: #599ED5; }
          #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category strong,
          .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category strong {
            padding-left: 12px;
            font-size: 14px; }
          #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section,
          .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section {
            transition: height 300ms ease;
            height: 0;
            display: none;
            flex-wrap: wrap;
            padding: 12px 0;
            /** Individual product items */ }
            #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > *,
            .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * {
              width: 100%;
              height: 48px;
              display: flex;
              align-items: center; }
              #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > *.hidden,
              .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > *.hidden {
                display: none; }
              #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > *.active,
              .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > *.active {
                background: #599ED5; }
              #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > img,
              .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > img {
                width: 110px;
                height: 110px;
                margin-right: 12px; }
              #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div,
              .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div {
                cursor: pointer;
                padding: 0 12px;
                height: 100%;
                flex-grow: 1;
                text-align: center;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center; }
                #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div > p,
                .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div > p {
                  font-style: normal;
                  font-weight: normal;
                  font-size: 14px;
                  line-height: 16px;
                  text-align: center;
                  text-transform: uppercase;
                  color: white;
                  margin-bottom: 0; }
                #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div > a,
                .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div > a {
                  font-style: normal;
                  font-weight: bold;
                  font-size: 12px;
                  line-height: 16px;
                  text-align: center;
                  letter-spacing: 1.25px;
                  text-decoration-line: underline;
                  text-transform: uppercase;
                  color: #FFFFFF; }
                  #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div > a:hover,
                  .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div > a:hover {
                    border-width: 0; }
          #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active,
          .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active {
            height: auto;
            display: block;
            background: #7cb8e7; }
            #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active > .caret,
            .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active > .caret {
              transform: rotate(180deg); }
            #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active > section,
            .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active > section {
              height: auto;
              display: flex;
              cursor: auto;
              flex-wrap: wrap; }
              #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active > section > * > div:hover,
              .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active > section > * > div:hover {
                background: #599ED5; }
  #navy-cap-lp #navycap-search:not(.lander) > .inner-container #navycap-search__actions > a:first-child,
  .navy-content #navycap-search:not(.lander) > .inner-container #navycap-search__actions > a:first-child {
    background: transparent;
    color: #0D196A;
    border: 1px solid #0D196A; }
    #navy-cap-lp #navycap-search:not(.lander) > .inner-container #navycap-search__actions > a:first-child:hover,
    .navy-content #navycap-search:not(.lander) > .inner-container #navycap-search__actions > a:first-child:hover {
      background: #0D196A;
      color: white; }
  #navy-cap-lp #navycap-search.lander,
  .navy-content #navycap-search.lander {
    background: #0D196A;
    color: white;
    margin-left: 0;
    margin-right: 0; }
    #navy-cap-lp #navycap-search.lander > .inner-container,
    .navy-content #navycap-search.lander > .inner-container {
      max-width: 700px;
      padding: 3.5rem 0; }
      #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__actions > a,
      .navy-content #navycap-search.lander > .inner-container #navycap-search__actions > a {
        color: white;
        border-color: white; }
        #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__actions > a:hover, #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__actions > a:focus,
        .navy-content #navycap-search.lander > .inner-container #navycap-search__actions > a:hover,
        .navy-content #navycap-search.lander > .inner-container #navycap-search__actions > a:focus {
          color: #0D196A; }
      #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search-input,
      .navy-content #navycap-search.lander > .inner-container #navycap-search-input {
        height: 48px; }
      #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__actions > a, #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__actions > a:first-child,
      .navy-content #navycap-search.lander > .inner-container #navycap-search__actions > a,
      .navy-content #navycap-search.lander > .inner-container #navycap-search__actions > a:first-child {
        max-width: 350px; }
      #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__actions > a:first-child,
      .navy-content #navycap-search.lander > .inner-container #navycap-search__actions > a:first-child {
        margin-right: 20px; }
      #navy-cap-lp #navycap-search.lander > .inner-container .search-box .left-icon, #navy-cap-lp #navycap-search.lander > .inner-container .search-box .right-icon,
      .navy-content #navycap-search.lander > .inner-container .search-box .left-icon,
      .navy-content #navycap-search.lander > .inner-container .search-box .right-icon {
        top: 28px; }
      #navy-cap-lp #navycap-search.lander > .inner-container input#navycap-search-input,
      .navy-content #navycap-search.lander > .inner-container input#navycap-search-input {
        margin: 20px 0;
        border-color: #464f8d; }
      #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list,
      .navy-content #navycap-search.lander > .inner-container #navycap-search__list {
        background: transparent;
        border-color: #464F8D; }
        #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category[data-sku='Noimage'], #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category[data-sku='Noimage']:hover,
        .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category[data-sku='Noimage'],
        .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category[data-sku='Noimage']:hover {
          color: white; }
        #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category:not(.active):hover,
        .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category:not(.active):hover {
          background-color: #253079; }
        #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section,
        .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section {
          background: #313E95;
          padding: 0 20px; }
          #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > *,
          .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > * {
            width: 50%;
            height: 130px;
            justify-content: space-between; }
            #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div,
            .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div {
              align-items: center;
              cursor: unset; }
              #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div p,
              .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div p {
                margin-bottom: 0.5em; }
              #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div:hover,
              .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > * > div:hover {
                background: transparent; }
          #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > div > p,
          .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category > section > div > p {
            color: #98a0ce; }
        #navy-cap-lp #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category.active,
        .navy-content #navycap-search.lander > .inner-container #navycap-search__list .navycap-search__list-category.active {
          background: transparent; }
  #navy-cap-lp #navycap-suggest-modal,
  .navy-content #navycap-suggest-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2; }
    #navy-cap-lp #navycap-suggest-modal > div,
    .navy-content #navycap-suggest-modal > div {
      min-width: 620px;
      padding: 20px;
      background: #FAFAFA;
      box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      border: 1px solid #464F8D;
      text-align: center; }
      #navy-cap-lp #navycap-suggest-modal > div h3, #navy-cap-lp #navycap-suggest-modal > div h3 > label,
      .navy-content #navycap-suggest-modal > div h3,
      .navy-content #navycap-suggest-modal > div h3 > label {
        color: #0D196A;
        font-style: italic;
        font-weight: bold;
        font-size: 19px;
        line-height: 26px; }
      #navy-cap-lp #navycap-suggest-modal > div #navycap-suggest-form,
      .navy-content #navycap-suggest-modal > div #navycap-suggest-form {
        /** modal buttons */ }
        #navy-cap-lp #navycap-suggest-modal > div #navycap-suggest-form > input,
        .navy-content #navycap-suggest-modal > div #navycap-suggest-form > input {
          width: 100%;
          color: #0D196A;
          background: rgba(255, 255, 255, 0.1);
          height: 48px;
          border: 1px solid rgba(13, 25, 106, 0.15);
          border-radius: 4px;
          padding: 14px;
          margin-top: 24px;
          margin-bottom: 30px;
          text-transform: unset; }
        #navy-cap-lp #navycap-suggest-modal > div #navycap-suggest-form > p,
        .navy-content #navycap-suggest-modal > div #navycap-suggest-form > p {
          font-size: 14px;
          margin-bottom: 0;
          color: #0D196A;
          font-weight: 400; }
        #navy-cap-lp #navycap-suggest-modal > div #navycap-suggest-form .g-recaptcha,
        .navy-content #navycap-suggest-modal > div #navycap-suggest-form .g-recaptcha {
          display: inline-block; }
        #navy-cap-lp #navycap-suggest-modal > div #navycap-suggest-form > aside,
        .navy-content #navycap-suggest-modal > div #navycap-suggest-form > aside {
          margin: 30px auto 0 auto;
          max-width: 267px;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          #navy-cap-lp #navycap-suggest-modal > div #navycap-suggest-form > aside > *:first-child,
          .navy-content #navycap-suggest-modal > div #navycap-suggest-form > aside > *:first-child {
            margin-bottom: 3px; }
          #navy-cap-lp #navycap-suggest-modal > div #navycap-suggest-form > aside > .button-red-text,
          .navy-content #navycap-suggest-modal > div #navycap-suggest-form > aside > .button-red-text {
            min-height: 36px;
            line-height: 32px;
            margin-top: 10px; }
          #navy-cap-lp #navycap-suggest-modal > div #navycap-suggest-form > aside > .button-blue,
          .navy-content #navycap-suggest-modal > div #navycap-suggest-form > aside > .button-blue {
            min-height: 36px;
            background: #1C2A7F;
            color: white;
            font-size: 14px;
            border: 1px solid #1C2A7F; }
            #navy-cap-lp #navycap-suggest-modal > div #navycap-suggest-form > aside > .button-blue:hover,
            .navy-content #navycap-suggest-modal > div #navycap-suggest-form > aside > .button-blue:hover {
              background: #0D196A; }
      #navy-cap-lp #navycap-suggest-modal > div > #navycap-suggest-confirmed > p,
      .navy-content #navycap-suggest-modal > div > #navycap-suggest-confirmed > p {
        color: #0D196A;
        font-weight: 600; }
      #navy-cap-lp #navycap-suggest-modal > div > #navycap-suggest-confirmed > a,
      .navy-content #navycap-suggest-modal > div > #navycap-suggest-confirmed > a {
        height: 32px;
        padding: 8px;
        max-width: 250px;
        margin: 20px auto 0; }
    #navy-cap-lp #navycap-suggest-modal.active,
    .navy-content #navycap-suggest-modal.active {
      display: flex; }
  @media only screen and (max-width: 768px) {
    #navy-cap-lp #navycap-suggest-modal > div,
    .navy-content #navycap-suggest-modal > div {
      min-width: 100vw; }
      #navy-cap-lp #navycap-suggest-modal > div > form input#navycap-suggest-shipname,
      .navy-content #navycap-suggest-modal > div > form input#navycap-suggest-shipname {
        width: 90vw; }
    #navy-cap-lp #navycap-search > .inner-container h2,
    .navy-content #navycap-search > .inner-container h2 {
      font-size: 18px;
      line-height: 25px; }
    #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions > a:first-child,
    .navy-content #navycap-search > .inner-container #navycap-search__actions > a:first-child {
      margin-bottom: 20px; }
    #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions > a:last-child,
    .navy-content #navycap-search > .inner-container #navycap-search__actions > a:last-child {
      margin-left: 0; }
    #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active section,
    .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active section {
      flex-direction: column; }
      #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active section > *,
      .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active section > * {
        width: 100% !important; }
        #navy-cap-lp #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active section > * > img,
        .navy-content #navycap-search > .inner-container #navycap-search__list .navycap-search__list-category.active section > * > img {
          margin-left: 12px; }
    #navy-cap-lp #navycap-search.lander > .inner-container,
    .navy-content #navycap-search.lander > .inner-container {
      padding-left: 6px;
      padding-right: 6px; } }
  @media only screen and (max-width: 480px) {
    #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions,
    .navy-content #navycap-search > .inner-container #navycap-search__actions {
      flex-direction: column;
      justify-content: stretch; }
      #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions > a,
      .navy-content #navycap-search > .inner-container #navycap-search__actions > a {
        max-width: unset !important; }
        #navy-cap-lp #navycap-search > .inner-container #navycap-search__actions > a:first-child,
        .navy-content #navycap-search > .inner-container #navycap-search__actions > a:first-child {
          margin-right: 0 !important; } }

.header-navy {
  height: 110px;
  width: 100%;
  background-color: #002e56;
  border-bottom: 10px solid #ffbb01; }
  .header-navy > div {
    max-width: 1000px;
    margin: 0 auto;
    height: inherit;
    position: relative; }
  .header-navy ul > li {
    vertical-align: middle; }
  .header-navy .navy-logo {
    float: left;
    max-height: 60px;
    margin: 20px 10px; }
  .header-navy .navy-hat-contact {
    font-size: 12px;
    display: inline-block;
    margin: 32px 0; }
    .header-navy .navy-hat-contact span {
      font-weight: 600; }

#navy-cap-sticker-modal .modal-dialog {
  width: 629px; }
  #navy-cap-sticker-modal .modal-dialog .modal-content {
    border-radius: 4px;
    border: none;
    box-shadow: none; }
    #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body {
      text-align: center;
      width: 400px;
      margin: auto; }
      #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body h2 {
        font-weight: 700; }
      #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body a.button-green,
      #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body a.button-orange-text {
        width: 285px;
        margin: 20px auto; }
      #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body a.button-orange-text {
        margin-bottom: 10px; }
      #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body .price {
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        letter-spacing: -0.375px;
        color: #0D196A; }
      #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body .embroidery-front {
        background: url(https://i.ezr.io/_img/ship-sticker-plate.png) no-repeat center center;
        width: 324px;
        height: 191px;
        overflow: hidden;
        margin: 30px auto 20px;
        position: relative; }
        #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body .embroidery-front .front-top {
          top: 25px;
          margin: 0 auto 25px;
          position: relative; }
        #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body .embroidery-front .front-bottom {
          bottom: 0;
          top: auto; }
        #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body .embroidery-front img.selected-ship {
          height: 75px;
          max-width: 80%; }

.navy-content-top {
  overflow: auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#73aeda+0,8ab8d8+51,73aeda+51,73aeda+51,7db9e8+100 */
  background: #73aeda;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #73aeda 0%, #8ab8d8 51%, #73aeda 51%, #73aeda 51%, #7db9e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #73aeda 0%, #8ab8d8 51%, #73aeda 51%, #73aeda 51%, #7db9e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #73aeda 0%, #8ab8d8 51%, #73aeda 51%, #73aeda 51%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73aeda', endColorstr='#7db9e8',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  font-family: 'Open Sans', sans-serif; }

#navy-cap__customize-fields {
  margin: 40px 10px 0; }
  #navy-cap__customize-fields > div {
    display: inline-block;
    width: calc(33% - 12px);
    margin-right: 12px; }

.navy-cap-options {
  width: 100%;
  display: block;
  padding: 0;
  list-style-type: none;
  font-size: 0; }
  .navy-cap-options > li {
    width: 50%;
    display: inline-block;
    font-size: 12px;
    padding: 0 10px; }
  .navy-cap-options label {
    display: block;
    font-weight: 900;
    font-size: 14px;
    color: #0D196A; }
    .navy-cap-options label span {
      color: #7CB8E7;
      font-style: italic;
      font-size: 11px;
      font-weight: 700; }
  .navy-cap-options input {
    padding: 0 10px;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #DDDEE3;
    color: #0D196A;
    background-color: white;
    width: 100%;
    height: 36px; }
  .navy-cap-options .dropdown {
    margin-bottom: 10px; }
    .navy-cap-options .dropdown button,
    .navy-cap-options .dropdown .dropdown-menu {
      background-color: #7CB8E7; }
    .navy-cap-options .dropdown button:hover,
    .navy-cap-options .dropdown .dropdown-menu li a:hover, .navy-cap-options .dropdown.open .dropdown-toggle-blue:hover {
      background-color: #599ED5; }
  .navy-cap-options .btn {
    background-color: #0D196A;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 36px;
    margin: 25px 0;
    letter-spacing: 1.25px; }

.cap-preview {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-flow: row; }
  .cap-preview > div {
    font-size: 0;
    width: 48%;
    margin: 50px 1%;
    position: relative; }
  .cap-preview h2 {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 18px;
    font-weight: 600; }
  .cap-preview img {
    width: 360px;
    display: block;
    margin: 0 auto;
    padding: 40px; }
  .cap-preview .selected-ship {
    width: auto;
    height: auto;
    max-width: 145px;
    max-height: 35px;
    padding: 0;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -105%); }

.navy-content {
  display: block;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 70px 25px 0px;
  font-family: 'Open Sans', sans-serif; }
  .navy-content h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    padding-left: 10px; }

.embroidery-front,
.embroidery-back {
  position: absolute;
  width: 100%;
  height: 100%; }
  .embroidery-front p,
  .embroidery-back p {
    color: #ffbb01;
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
    position: absolute;
    text-shadow: 0px 2px 0px #132c5a; }
  .embroidery-front .front-bottom,
  .embroidery-back .front-bottom {
    top: 51%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .embroidery-front .front-top,
  .embroidery-back .front-top {
    top: 23%; }
  .embroidery-front .back-text,
  .embroidery-back .back-text {
    top: 37%;
    font-size: 16px; }

.navy-cap-footer {
  background-color: #002e56;
  color: white;
  height: 100px;
  padding: 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0; }
  .navy-cap-footer p {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px; }

.navy-cap-form {
  margin-bottom: 0; }

.yotpo.yotpo-pictures-widget {
  margin-bottom: -30px; }

.landing-page .navy-cap-saved-items p {
  color: #73aeda !important; }

@media only screen and (max-width: 768px) {
  header.header-navy {
    height: 70px !important; }
    header.header-navy .navy-logo {
      max-height: 35px;
      margin: 15px; }
    header.header-navy .navy-hat-contact {
      margin: 14px 0; }

  #navy-cap__customize-fields {
    width: calc(100% - 20px); }
    #navy-cap__customize-fields > div, #navy-cap__customize-fields > div:last-child {
      width: 100%;
      margin-right: 0; }

  .front-page-cta-top {
    text-align: center; }
    .front-page-cta-top > div {
      width: 100%;
      padding: 60px 25px 25px; }
    .front-page-cta-top .main-cta {
      padding: 25px 70px; }
    .front-page-cta-top img {
      max-width: 300px;
      margin: 0 auto;
      display: block; }

  .front-page-cta-bottom .text,
  .front-page-cta-bottom .video {
    width: 100%;
    padding: 25px 70px; }

  .cap-preview {
    flex-flow: column; }
    .cap-preview > div {
      width: 96%;
      margin: 0; }

  .navy-cap-options li {
    width: 100%; }
  .navy-cap-options li:nth-child(2n+2) {
    margin-left: 0; }

  .front-page-cta-bottom .navy-cap-saved-items > li:not(:nth-child(2n+2)) {
    border-right: none; }

  .navy-content {
    padding: 70px 0 0; }

  .yotpo.yotpo-pictures-widget {
    margin-bottom: 10px; } }
@media only screen and (max-width: 620px) {
  .front-page-cta-bottom .navy-cap-saved-items > li {
    width: 100%; }
  .front-page-cta-bottom .navy-cap-saved-items > li:not(:nth-child(2n+2)) {
    border-right: none; }

  .front-page-cta-bottom {
    padding-top: 0px; }

  #navy-cap-sticker-modal .modal-dialog {
    width: initial; }
    #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body {
      width: unset; }
      #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body a.button-green,
      #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body a.button-orange-text {
        width: 100%; } }
@media only screen and (max-width: 375px) {
  .cap-preview img {
    width: 280px;
    padding: 40px 0; }

  #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body .embroidery-front {
    width: 100%;
    background-size: contain;
    margin-top: 10px;
    margin-bottom: 0; }
    #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body .embroidery-front .front-top {
      top: 32px; }
    #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body .embroidery-front .front-bottom {
      bottom: 6px; }
    #navy-cap-sticker-modal .modal-dialog .modal-content .modal-body .embroidery-front img {
      height: 65px;
      margin-top: 8px; } }
.image-invalidation .form-inline label {
  display: block; }
.image-invalidation .form-inline input {
  float: left;
  margin-right: 10px;
  background-color: white;
  border-radius: 0;
  width: 300px; }
.image-invalidation .form-inline button {
  float: left;
  border-radius: 0;
  border-bottom: 0;
  height: 34px;
  padding: 7px 15px; }
  .image-invalidation .form-inline button:hover {
    border-bottom: 0; }
.image-invalidation label {
  margin: 20px 0; }
.image-invalidation ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  font-size: 0; }
  .image-invalidation ul img {
    max-width: 100%;
    margin-bottom: 10px; }
  .image-invalidation ul li {
    display: inline-block;
    width: 25%;
    padding-right: 20px;
    font-size: 12px;
    vertical-align: top;
    margin-top: 20px; }
  .image-invalidation ul p {
    font-size: 12px; }
  .image-invalidation ul .in-progress-invalidation {
    font-weight: 700; }
  .image-invalidation ul .complete-invalidation {
    font-weight: 700;
    color: green; }
  .image-invalidation ul .error-invalidation {
    font-weight: 700;
    color: red; }

@media (max-width: 768px) {
  .image-invalidation ul li {
    width: 50%; } }
@media (max-width: 500px) {
  .image-invalidation .form-inline input {
    width: 180px; } }
.ie-warning-message {
  display: none;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #1d2572;
  color: white;
  font-size: 16px; }
  .ie-warning-message h2 {
    font-size: 30px;
    font-weight: 600; }
  .ie-warning-message .span {
    font-style: italic; }
  .ie-warning-message .dismiss-browser-warning {
    margin-left: 45%;
    margin-top: 10px;
    width: 10%;
    height: 30px;
    border-radius: 4px;
    color: #cc0000;
    background-color: #e6f2ff;
    text-align: center; }
    .ie-warning-message .dismiss-browser-warning span {
      vertical-align: middle; }
  .ie-warning-message .dismiss-browser-warning:hover {
    cursor: pointer; }
  @media (max-width: 768px) {
    .ie-warning-message {
      font-size: 12px; }
      .ie-warning-message h2 {
        font-size: 16px; } }

#countdown_container {
  display: block;
  position: relative; }

#countdown_background {
  opacity: 1;
  margin: 0;
  padding: 0;
  left: 0;
  width: 100%;
  z-index: 39;
  position: relative; }

#countdown_bar {
  text-align: center;
  margin: 0;
  padding: 10px 30px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  border: none;
  background-color: #d5d5dc;
  color: #1e1353;
  font-size: 19.2px;
  line-height: 32px;
  font-family: "Oswald", sans-serif; }
  @media (max-width: 768px) {
    #countdown_bar {
      padding: 15px 40px 15px 15px;
      font-size: 16px;
      line-height: 24px; } }

#countdown_content {
  text-align: center;
  display: block;
  width: 100%;
  position: relative;
  color: inherit; }

#countdown_message_one,
#countdown_message_two {
  display: inline-block;
  margin: 8px;
  font-size: 16.8px;
  font-family: "Oswald", sans-serif;
  line-height: 28px; }
  @media (max-width: 768px) {
    #countdown_message_one,
    #countdown_message_two {
      margin: 4px;
      font-size: 16px;
      line-height: 24px;
      text-align: center; } }

#countdown_timer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  position: relative;
  top: 4px;
  /* Adjust to align with text */ }
  @media (max-width: 768px) {
    #countdown_timer {
      margin: 8px 0;
      top: 0; } }

#countdown_timer_grid {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(7, auto);
  gap: 0;
  /* Remove vertical gap */
  row-gap: -4px;
  /* Negative gap to pull labels up */
  align-items: start;
  /* Align items to top */
  justify-content: center; }
  @media (max-width: 768px) {
    #countdown_timer_grid {
      gap: 1px;
      grid-template-columns: repeat(7, auto);
      width: auto;
      margin: 0 auto; } }

.countdown_js_timer_number {
  font-family: "Oswald", sans-serif;
  font-size: 17.28px;
  background: #c50c13;
  color: white;
  border-radius: 4px;
  display: inline-block;
  width: 28.8px;
  height: 28.8px;
  margin: auto;
  line-height: 28.8px;
  text-align: center; }
  @media (max-width: 768px) {
    .countdown_js_timer_number {
      font-size: 16px;
      width: 26px;
      height: 26px;
      line-height: 26px; } }

.countdown_timer_separator {
  padding: 0 2px;
  line-height: 28.8px; }
  @media (max-width: 768px) {
    .countdown_timer_separator {
      padding: 0 1px;
      line-height: 26px; } }

.countdown_js_timer_label {
  font-size: 8.64px;
  text-align: center;
  opacity: 0.8;
  margin-top: -6px;
  /* Pull labels up closer to numbers */
  display: block;
  font-family: "Oswald", sans-serif;
  position: relative;
  /* Enable positioning */
  top: -2px;
  /* Fine-tune vertical position */ }
  @media (max-width: 768px) {
    .countdown_js_timer_label {
      font-size: 8px;
      margin-top: 0; } }

#countdown_button {
  outline: none;
  border: none;
  width: auto;
  height: inherit;
  display: inline-block;
  padding: 0 1em;
  border-radius: 0.25em;
  margin: 0 0.5em;
  font-family: "Oswald", sans-serif;
  font-size: 0.875em;
  line-height: 2em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  color: white;
  background-color: #c50c13;
  transition: opacity 0.2s ease; }
  #countdown_button:hover {
    opacity: 0.9; }
  @media (max-width: 768px) {
    #countdown_button {
      margin: 8px 0;
      padding: 4px 12px;
      font-size: 0.8em; } }

#countdown_close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  line-height: 0;
  padding: 4px;
  z-index: 40;
  cursor: pointer; }
  @media (max-width: 768px) {
    #countdown_close {
      right: 8px; } }
  #countdown_close svg {
    fill: #1e1353;
    width: 24px;
    height: 24px;
    transition: opacity 0.2s ease; }
    @media (max-width: 768px) {
      #countdown_close svg {
        width: 20px;
        height: 20px; } }
    #countdown_close svg:hover {
      opacity: 0.8; }

@keyframes dd214-float {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-6px); } }
@keyframes dd214-scan {
  0%, 100% {
    top: 15%;
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    top: 85%;
    opacity: 0; } }
@keyframes dd214-rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@keyframes dd214-counter-rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }
@keyframes dd214-blink {
  0%, 100% {
    opacity: 0.2; }
  50% {
    opacity: 1; } }
@keyframes dd214-pulse-success {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 145, 94, 0.4); }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 20px 5px rgba(0, 145, 94, 0.2); } }
@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#dd214-upload-modal .modal-dialog {
  max-width: 480px;
  margin-top: 80px; }
#dd214-upload-modal .modal-content {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(28, 42, 127, 0.05);
  overflow: hidden; }
#dd214-upload-modal .modal-header {
  background: linear-gradient(135deg, #1C2A7F 0%, #2d3a8c 100%);
  border-bottom: none;
  padding: 20px 24px; }
  #dd214-upload-modal .modal-header .modal-title {
    color: white;
    font-weight: 600;
    font-size: 18px; }
  #dd214-upload-modal .modal-header .close {
    color: white;
    opacity: 0.8;
    text-shadow: none;
    font-size: 24px;
    margin-top: -2px; }
    #dd214-upload-modal .modal-header .close:hover, #dd214-upload-modal .modal-header .close:focus {
      opacity: 1;
      color: white; }
#dd214-upload-modal .modal-body {
  padding: 24px; }
#dd214-upload-modal .modal-footer {
  padding: 16px 24px 24px;
  border-top: none; }

@supports not (backdrop-filter: blur(1px)) {
  #dd214-upload-modal .modal-content {
    background: rgba(255, 255, 255, 0.98); } }
.dd214-beta-banner {
  background: linear-gradient(135deg, #FFF8E6 0%, #FFF3D6 100%);
  border: none;
  border-left: 4px solid #EC8509;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  box-shadow: 0 2px 8px rgba(236, 133, 9, 0.1); }

.dd214-beta-banner-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background: linear-gradient(135deg, #EC8509, #f59e0b);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  flex-shrink: 0; }
  .dd214-beta-banner-icon .glyphicon {
    color: white;
    font-size: 14px; }

.dd214-beta-banner-content {
  flex: 1; }

.dd214-beta-banner-title {
  font-weight: 600;
  font-size: 14px;
  color: #92400e;
  margin: 0 0 4px 0; }

.dd214-beta-banner-text {
  font-size: 13px;
  line-height: 1.5;
  color: #78350f;
  margin: 0; }

.dd214-dropzone {
  position: relative;
  border: none;
  border-radius: 12px;
  padding: 48px 32px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  text-align: center; }
  .dd214-dropzone::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 2px dashed #1C2A7F;
    border-radius: 8px;
    opacity: 0.4;
    transition: all 0.3s ease;
    pointer-events: none; }
  .dd214-dropzone::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgba(28, 42, 127, 0.08) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; }
  .dd214-dropzone:hover, .dd214-dropzone.drag-over {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(28, 42, 127, 0.15); }
    .dd214-dropzone:hover::before, .dd214-dropzone.drag-over::before {
      opacity: 0.8;
      border-color: #1C2A7F; }
    .dd214-dropzone:hover::after, .dd214-dropzone.drag-over::after {
      opacity: 1; }
    .dd214-dropzone:hover .dd214-upload-icon, .dd214-dropzone.drag-over .dd214-upload-icon {
      transform: translateY(-8px); }
  .dd214-dropzone .dd214-upload-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    background: linear-gradient(135deg, #1C2A7F 0%, #3d4a9c 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 28px;
    animation: dd214-float 3s ease-in-out infinite;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1; }
  .dd214-dropzone .dz-message {
    margin: 0;
    position: relative;
    z-index: 1; }
  .dd214-dropzone .dd214-dropzone-title {
    font-size: 16px;
    color: #1C2A7F;
    margin: 0 0 6px 0; }
  .dd214-dropzone .dd214-dropzone-subtitle {
    font-size: 14px;
    color: #64748b;
    margin: 0 0 12px 0; }
  .dd214-dropzone .dd214-dropzone-formats {
    font-size: 12px;
    color: #94a3b8;
    margin: 0;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 20px;
    display: inline-block; }
  .dd214-dropzone.file-selected {
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); }
    .dd214-dropzone.file-selected::before {
      border-color: #00915E;
      opacity: 0.6; }
    .dd214-dropzone.file-selected .dd214-upload-icon {
      background: linear-gradient(135deg, #00915E 0%, #059669 100%);
      animation: dd214-pulse-success 1.5s ease-in-out infinite; }
    .dd214-dropzone.file-selected .dz-message {
      display: none; }
    .dd214-dropzone.file-selected .dd214-file-info {
      display: block; }
  .dd214-dropzone .dd214-file-info {
    display: none;
    position: relative;
    z-index: 1; }
  .dd214-dropzone .dd214-file-name {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 18px;
    background: rgba(0, 145, 94, 0.1);
    border-radius: 24px;
    color: #00915E;
    font-weight: 500;
    font-size: 14px; }
    .dd214-dropzone .dd214-file-name .glyphicon {
      font-size: 16px; }
    .dd214-dropzone .dd214-file-name .file-name-text {
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .dd214-dropzone .dd214-file-ready {
    font-size: 16px;
    font-weight: 600;
    color: #00915E;
    margin-bottom: 4px; }
  .dd214-dropzone .dd214-file-change {
    font-size: 13px;
    color: #64748b;
    margin-top: 8px; }
    .dd214-dropzone .dd214-file-change a {
      color: #1C2A7F;
      text-decoration: underline;
      cursor: pointer; }
      .dd214-dropzone .dd214-file-change a:hover {
        color: #2d3a8c; }

.dd214-analyzing-state {
  text-align: center;
  padding: 40px 20px; }

.dd214-scan-animation {
  position: relative;
  width: 120px;
  height: 140px;
  margin: 0 auto 24px; }
  .dd214-scan-animation .document-icon {
    width: 80px;
    height: 100px;
    background: linear-gradient(135deg, #f8fafc, #e2e8f0);
    border: 2px solid #1C2A7F;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .dd214-scan-animation .document-icon::before {
      content: '';
      position: absolute;
      top: 20px;
      left: 12px;
      right: 12px;
      height: 4px;
      background: #1C2A7F;
      opacity: 0.3;
      border-radius: 2px;
      box-shadow: 0 12px 0 rgba(28, 42, 127, 0.3), 0 24px 0 rgba(28, 42, 127, 0.3), 0 36px 0 rgba(28, 42, 127, 0.2), 0 48px 0 rgba(28, 42, 127, 0.15); }
    .dd214-scan-animation .document-icon::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 16px;
      height: 16px;
      background: linear-gradient(135deg, transparent 50%, #cbd5e1 50%);
      border-radius: 0 8px 0 0; }
  .dd214-scan-animation .scan-line {
    position: absolute;
    left: 25%;
    right: 25%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #00915E, transparent);
    box-shadow: 0 0 15px #00915E, 0 0 30px rgba(0, 145, 94, 0.5);
    border-radius: 2px;
    animation: dd214-scan 2s ease-in-out infinite; }
  .dd214-scan-animation .orbit-container {
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    animation: dd214-rotate 4s linear infinite; }
    .dd214-scan-animation .orbit-container .orbit-dot {
      position: absolute;
      width: 10px;
      height: 10px;
      background: linear-gradient(135deg, #1C2A7F, #3d4a9c);
      border-radius: 50%;
      box-shadow: 0 2px 8px rgba(28, 42, 127, 0.3); }
      .dd214-scan-animation .orbit-container .orbit-dot:nth-child(1) {
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
      .dd214-scan-animation .orbit-container .orbit-dot:nth-child(2) {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }
      .dd214-scan-animation .orbit-container .orbit-dot:nth-child(3) {
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
      .dd214-scan-animation .orbit-container .orbit-dot:nth-child(4) {
        top: 50%;
        right: 0;
        transform: translateY(-50%); }
    .dd214-scan-animation .orbit-container .orbit-logo {
      position: absolute;
      width: 24px;
      height: 24px;
      object-fit: contain;
      filter: drop-shadow(0 2px 4px rgba(28, 42, 127, 0.3));
      animation: dd214-counter-rotate 4s linear infinite; }
      .dd214-scan-animation .orbit-container .orbit-logo.orbit-logo-1 {
        top: -12px;
        left: calc(50% - 12px); }
      .dd214-scan-animation .orbit-container .orbit-logo.orbit-logo-2 {
        bottom: -12px;
        left: calc(50% - 12px); }
      .dd214-scan-animation .orbit-container .orbit-logo.orbit-logo-3 {
        top: calc(50% - 12px);
        left: -12px; }
      .dd214-scan-animation .orbit-container .orbit-logo.orbit-logo-4 {
        top: calc(50% - 12px);
        right: -12px; }

.dd214-status-text {
  font-size: 18px;
  font-weight: 600;
  color: #1C2A7F;
  margin: 0 0 8px 0; }

.dd214-status-subtext {
  font-size: 14px;
  color: #64748b;
  margin: 12px 0 0 0;
  font-style: italic;
  min-height: 20px; }
  .dd214-status-subtext .typing-dots {
    display: inline-block;
    margin-left: 2px; }
    .dd214-status-subtext .typing-dots span {
      display: inline-block;
      animation: dd214-blink 1.4s infinite both; }
      .dd214-status-subtext .typing-dots span:nth-child(2) {
        animation-delay: 0.2s; }
      .dd214-status-subtext .typing-dots span:nth-child(3) {
        animation-delay: 0.4s; }

.dd214-privacy-notice {
  text-align: center;
  font-size: 12px;
  color: #64748b;
  margin-top: 20px;
  padding: 12px 16px;
  background: rgba(248, 250, 252, 0.8);
  border-radius: 8px; }
  .dd214-privacy-notice .glyphicon {
    margin-right: 6px;
    font-size: 11px;
    color: #94a3b8; }

#dd214-upload-modal .modal-footer,
#dd214-awards-modal .modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px; }
  #dd214-upload-modal .modal-footer .button-blue,
  #dd214-upload-modal .modal-footer .button-green,
  #dd214-upload-modal .modal-footer .button-red,
  #dd214-awards-modal .modal-footer .button-blue,
  #dd214-awards-modal .modal-footer .button-green,
  #dd214-awards-modal .modal-footer .button-red {
    padding: 12px 24px;
    min-width: 140px;
    margin: 0;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s ease; }

#dd214-upload-modal .modal-footer .button-blue,
#dd214-upload-modal .modal-footer .button-green {
  height: 44px;
  line-height: 20px;
  box-sizing: border-box;
  white-space: nowrap; }
#dd214-upload-modal .modal-footer .button-blue {
  min-width: 100px; }
#dd214-upload-modal .modal-footer .button-green {
  min-width: 160px; }

.btn-spinner {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border: 2px solid transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;
  animation: spinner 1s linear infinite; }

#dd214-awards-modal .modal-dialog {
  max-width: 680px; }
#dd214-awards-modal .modal-content {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
#dd214-awards-modal .modal-header {
  background: linear-gradient(135deg, #00915E 0%, #059669 100%);
  border-bottom: none;
  padding: 20px 24px;
  position: relative; }
  #dd214-awards-modal .modal-header .modal-title {
    color: white;
    font-weight: 600;
    font-size: 18px; }
  #dd214-awards-modal .modal-header .dd214-report-errors-header-btn {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease; }
    #dd214-awards-modal .modal-header .dd214-report-errors-header-btn:hover {
      background: rgba(255, 255, 255, 0.3);
      border-color: rgba(255, 255, 255, 0.6); }
    #dd214-awards-modal .modal-header .dd214-report-errors-header-btn:active {
      background: rgba(255, 255, 255, 0.4); }
  #dd214-awards-modal .modal-header .close {
    color: white;
    opacity: 0.8;
    text-shadow: none; }
    #dd214-awards-modal .modal-header .close:hover {
      opacity: 1; }
#dd214-awards-modal .modal-body {
  padding: 24px; }

#dd214-awards-list {
  max-height: 300px;
  overflow-y: auto; }
  #dd214-awards-list .list-group-item {
    padding-right: 15px !important;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease; }
    #dd214-awards-list .list-group-item:hover {
      border-color: #1C2A7F;
      box-shadow: 0 2px 8px rgba(28, 42, 127, 0.1); }
    #dd214-awards-list .list-group-item:last-child {
      margin-bottom: 0; }

#dd214-awards-modal.modal .modal-footer {
  align-items: stretch !important;
  flex-wrap: wrap; }
  #dd214-awards-modal.modal .modal-footer .button-blue,
  #dd214-awards-modal.modal .modal-footer .button-green,
  #dd214-awards-modal.modal .modal-footer .button-red {
    flex: 0 0 auto;
    min-width: 120px;
    max-width: none;
    text-align: center;
    padding: 10px 16px !important;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center; }

@media (max-width: 720px) and (min-width: 481px) {
  #dd214-awards-modal .modal-dialog {
    max-width: calc(100% - 40px);
    margin: 20px auto; }
  #dd214-awards-modal .modal-footer {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px; }
    #dd214-awards-modal .modal-footer .button-blue,
    #dd214-awards-modal .modal-footer .button-green,
    #dd214-awards-modal .modal-footer .button-red {
      flex: 0 0 auto;
      min-width: unset !important; } }
@media (max-width: 480px) {
  #dd214-upload-modal .modal-dialog {
    margin: 10px; }
  #dd214-upload-modal .modal-body {
    padding: 16px; }
  #dd214-upload-modal .dd214-dropzone {
    padding: 32px 20px; }

  #dd214-awards-modal .modal-dialog {
    margin: 10px;
    width: calc(100% - 20px);
    max-width: none; }
  #dd214-awards-modal .modal-header .dd214-report-errors-header-btn {
    padding: 4px 8px;
    font-size: 11px;
    right: 40px; }
  #dd214-awards-modal .modal-body {
    padding: 16px; }
  #dd214-awards-modal .form-group {
    margin-bottom: 12px; }
  #dd214-awards-modal #dd214-awards-list .list-group-item {
    padding: 10px 12px !important;
    margin-bottom: 6px; }
    #dd214-awards-modal #dd214-awards-list .list-group-item img {
      width: 40px !important;
      height: auto !important;
      min-width: 40px; }
  #dd214-awards-modal .modal-footer {
    flex-direction: column;
    gap: 8px;
    padding: 16px; }
    #dd214-awards-modal .modal-footer .button-blue,
    #dd214-awards-modal .modal-footer .button-green,
    #dd214-awards-modal .modal-footer .button-red {
      width: 100% !important;
      max-width: none !important;
      min-width: unset !important;
      padding: 14px 20px !important;
      display: flex;
      align-items: center;
      justify-content: center; } }
@media (prefers-reduced-motion: reduce) {
  .dd214-upload-icon,
  .dd214-scan-animation .scan-line,
  .dd214-scan-animation .orbit-container,
  .dd214-scan-animation .orbit-logo,
  .typing-dots span,
  .btn-spinner {
    animation: none !important; }

  .dd214-dropzone:hover, .dd214-dropzone.drag-over {
    transform: none; } }
#toggle-alt-info {
  /*	this style is affecting the kiosk checkout screen. there is a #toggle-alt-info on the card section of the checkout.
      need to find a clean solution here. commenting out for now.
  
      span {
          left: 0;
      }*/ }
  #toggle-alt-info label {
    margin-left: 30px;
    margin-bottom: 20px; }

.dog-tag-preview {
  position: relative; }

.dog-tag-silencer-preview {
  position: absolute;
  top: 0;
  left: 6px;
  right: 6px;
  max-width: 100%; }

.dog-tag-finish-preview {
  position: relative; }

.dog-tag-preview {
  position: relative;
  min-height: 350px; }
  .dog-tag-preview > div {
    position: absolute;
    width: 100%; }
    .dog-tag-preview > div > img {
      max-width: 300px;
      display: block;
      margin: 0 auto; }
    .dog-tag-preview > div p {
      text-transform: uppercase;
      text-align: left;
      position: relative;
      padding: 0;
      margin: 0;
      font-size: 15px;
      max-width: inherit;
      transform: translate(0);
      top: 0;
      font-weight: 700;
      color: #b3b3b3;
      text-shadow: 0px 1px 1px #1b1b1b, 0px -1px 1px #d8d8d8;
      font-family: 'Roboto Mono', monospace; }

.dog-tag-preview-footer small {
  color: #0D196A;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal; }
  .dog-tag-preview-footer small strong {
    font-weight: 600; }
.dog-tag-preview-footer a {
  color: #B00020;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-style: italic; }

.dog-text-wrap {
  height: 120px;
  width: 230px;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  padding-left: 30px;
  padding-top: 10px;
  overflow: hidden; }
  .dog-text-wrap p {
    min-height: 21px; }

#dogtag-army > div > div > p,
#dogtag-air-force > div > div > p,
#dogtag-custom > div > div > p {
  line-height: 1.4; }

#dogtag-marine_corps > div > div > p {
  line-height: 1.4; }
#dogtag-marine_corps #blood {
  display: inline-block; }
#dogtag-marine_corps #mask:before {
  content: "USMC "; }

#dogtag-navy > div > div > p,
#dogtag-coast_guard > div > div > p {
  line-height: 2.3; }

#select-dog-tag-information-form input {
  text-transform: uppercase;
  color: #0D196A;
  margin-bottom: 15px; }
#select-dog-tag-information-form label {
  font-size: 14px;
  line-height: 19px;
  color: #0D196A;
  font-weight: 500;
  font-style: italic; }
  #select-dog-tag-information-form label.radio-btn {
    font-style: normal;
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    margin-top: 17px; }
    #select-dog-tag-information-form label.radio-btn strong {
      font-weight: 600; }

.tag-two-form {
  margin-top: 15px; }

.hide-dot-steps .dot-steps {
  display: none; }

.overlay-dot-steps {
  position: absolute;
  top: 36px;
  max-width: 300px;
  right: 0;
  z-index: 999; }

.nametag-options label {
  text-decoration: none; }
  .nametag-options label.button-outline.heavy-font-weight {
    font-weight: initial !important;
    font-style: initial !important;
    background-color: #1C2A7F;
    color: white; }
    .nametag-options label.button-outline.heavy-font-weight:after {
      content: 'ED'; }
  .nametag-options label:not(.button-outline) {
    font-style: italic !important;
    font-weight: 600 !important;
    font-size: 14px;
    margin-bottom: 20px; }
    .nametag-options label:not(.button-outline) > img {
      margin-bottom: 0; }

#name-text ~ div > p {
  color: #0D196A; }
  #name-text ~ div > p > em {
    font-style: normal; }

.aside-with-border {
  border-top: 1px solid #DDDEE3;
  padding-top: 30px; }
  .aside-with-border p {
    border-bottom: 2px dotted #DDDEE3;
    margin-bottom: 20px;
    padding-bottom: 25px; }

.nametape-preview span {
  font-weight: 700;
  font-size: 45px;
  text-transform: uppercase;
  color: #000;
  font-family: 'Oswald', sans-serif;
  text-shadow: rgba(255, 255, 255, 0.3) 0 -1px 1px, rgba(0, 0, 0, 0.9) 1px 1px 1px;
  height: 70px;
  line-height: 75px;
  overflow: hidden;
  white-space: nowrap; }
.nametape-preview div {
  width: 100%;
  min-height: 78px;
  background-image: url("/_img/tag-placeholder.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative; }
.nametape-preview img {
  max-width: 300px; }
.nametape-preview .nametape-army-acuhelmet,
.nametape-preview .nametape-army-ocphelmet {
  font-size: 33px;
  top: 2px; }
.nametape-preview .nametape-navy-gray,
.nametape-preview .nametape-navy-nwuisilver {
  color: #c5c5c5; }
.nametape-preview .nametape-navy-gold,
.nametape-preview .nametape-navy-nwuigold {
  color: #ecbd2b; }
.nametape-preview .nametape-navy-nwuii,
.nametape-preview .nametape-airforce-multicam,
.nametape-preview .nametape-airforce-multicam-sew-on {
  color: #864d2f; }
.nametape-preview .nametape-marinecorps-desert {
  color: #563828; }
.nametape-preview .nametape-airforce-abu {
  color: #282d44; }
.nametape-preview .nametape-coastguard-blue {
  color: #ffffff; }

.nameplate-preview img {
  max-width: 300px; }
.nameplate-preview span {
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
  font-family: 'Dosis', sans-serif;
  height: 70px;
  white-space: nowrap; }
.nameplate-preview .army-nameplates {
  width: 100%;
  position: relative;
  min-height: 125px;
  background-image: url("/_img/tag-placeholder.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
  .nameplate-preview .army-nameplates span {
    top: 24px;
    font-weight: 700;
    font-size: 35px;
    line-height: 145px; }
.nameplate-preview .navy-nameplates {
  width: 100%;
  position: relative;
  min-height: 93px;
  line-height: 83px;
  background-image: url("/_img/tag-placeholder.png");
  background-size: contain;
  background-repeat: no-repeat; }
  .nameplate-preview .navy-nameplates span {
    top: 14px;
    font-weight: 700;
    font-size: 32px; }
.nameplate-preview .marine-corps-nameplates {
  width: 100%;
  position: relative;
  min-height: 76px;
  line-height: 66px;
  background-image: url("/_img/tag-placeholder.png");
  background-size: contain;
  background-repeat: no-repeat; }
  .nameplate-preview .marine-corps-nameplates span {
    top: 4px;
    font-weight: 700;
    font-size: 37px; }
.nameplate-preview .coast-guard-nameplates {
  width: 100%;
  position: relative;
  min-height: 78px;
  line-height: 55px;
  background-image: url("/_img/tag-placeholder.png");
  background-size: contain;
  background-repeat: no-repeat; }
  .nameplate-preview .coast-guard-nameplates span {
    top: -5px;
    position: relative;
    font-weight: 700;
    height: 70px; }
.nameplate-preview .air-force-nameplates {
  width: 100%;
  position: relative;
  min-height: 78px;
  line-height: 68px;
  background-image: url("/_img/tag-placeholder.png");
  background-size: contain;
  background-repeat: no-repeat; }
  .nameplate-preview .air-force-nameplates span {
    top: 8px;
    font-weight: 700;
    font-size: 32px; }
  .nameplate-preview .air-force-nameplates .nameplate-airforce-metal {
    top: 15px;
    color: #364090; }

.airforce-metal-nameplate-preview-image {
  min-height: 97px !important;
  line-height: 84px !important; }

@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .results .nametag-options li {
    width: 30%; } }
#select-name-tag-options-form ul li label {
  text-wrap: nowrap; }

/*===========================================
=            Button/input styles            =
===========================================*/
.right a.button {
  display: inline-block;
  float: none;
  margin: 0 2px 25px;
  width: 48%; }

.device-wizard {
  margin-top: 25px; }
  .device-wizard form {
    margin-top: 25px; }
  .device-wizard label {
    margin-bottom: 15px; }

.preview > ul > .rack-options {
  padding-top: 0; }

.preview .rack-actions-cart > li {
  border-top: 0; }

.device-ui label {
  margin-bottom: 0; }

.preview .rack-actions-cart > li {
  display: block;
  padding: 3px; }

.numerals-input-field {
  padding: 10px !important;
  margin-bottom: 1px !important;
  width: 100%; }

.input-group label {
  left: 5px;
  top: 9px; }

#rack-preview > ul.rack-actions-dropdown > li {
  border-top: 0; }

#rack-preview #rack_options_inputs {
  position: relative;
  min-height: 100px; }
  #rack-preview #rack_options_inputs button.button-gray {
    float: left;
    display: block;
    margin-left: 10px;
    margin-top: 30px; }
#rack-preview ul.rack-actions-dropdown {
  width: 100%;
  margin-bottom: 0;
  margin-top: 30px; }
  #rack-preview ul.rack-actions-dropdown .dropdown-toggle-blue.muted {
    background-color: #707BBB; }
    #rack-preview ul.rack-actions-dropdown .dropdown-toggle-blue.muted ~ .dropdown-menu {
      background-color: #707BBB; }
    #rack-preview ul.rack-actions-dropdown .dropdown-toggle-blue.muted:hover {
      background-color: #414E96; }
#rack-preview a {
  text-decoration: none;
  border-bottom: none; }
#rack-preview #rack_options_inputs {
  margin-bottom: 20px;
  text-align: left; }
  #rack-preview #rack_options_inputs #sticky_rack_btn {
    height: 36px;
    line-height: 36px;
    /* font-size: 16px;
    line-height: 22px;
    font-style: italic;
    font-weight: 600;
    color: $warning;
    text-transform: none;
    background: transparent;
    border-radius: none;
    text-decoration: underline;
    letter-spacing: normal;
    text-align: right;
    margin-top: 20px;
    margin-left: 40px; */ }
    #rack-preview #rack_options_inputs #sticky_rack_btn:before {
      content: url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-sticker.svg");
      margin-right: 8px;
      position: relative;
      top: 4px; }
  #rack-preview #rack_options_inputs #add_rack_uswag_btn {
    margin-top: 15px;
    background-color: #000A50; }
  #rack-preview #rack_options_inputs img#sticky_rack_img_btn {
    max-width: 82px;
    max-height: 82px;
    cursor: pointer;
    display: inline-block; }
#rack-preview .zoom-in-icon {
  max-height: 35px;
  max-width: 35px;
  display: none;
  position: relative;
  bottom: 3px; }

.zoom-rack {
  cursor: pointer; }

.rack-container {
  width: 100%;
  display: block;
  padding: 10px 0 20px; }
  .rack-container img {
    max-width: 100%; }

#expand-rack {
  width: 100%;
  position: relative;
  height: auto;
  margin-top: 60px; }
  #expand-rack img {
    display: block;
    margin: 35px auto;
    max-width: 100%;
    max-height: 100%;
    clear: both; }
  #expand-rack .close-expand {
    background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/remove.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 10px;
    top: -30px;
    width: 25px; }
  #expand-rack p {
    text-align: center; }

#customize-rack-name {
  font-size: 18px;
  line-height: 56px;
  text-indent: 18px; }

.new-image .img-contain {
  min-height: 200px; }

/* .two-col-layout > .left {
    &.sticky-racks-div {
        width: 60%;
        margin-right: 5%;
        padding-right: 5%;
    }
} */
.sticky-racks-div h4.sticker-header {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #1C2A7F;
  font-style: italic; }
.sticky-racks-div ul {
  list-style-type: none;
  padding: 0; }
  .sticky-racks-div ul li .new-image {
    margin: 50px 0 20px !important; }
  .sticky-racks-div ul li:nth-of-type(2) .new-image {
    margin-top: 40px; }
  .sticky-racks-div ul li h2 {
    font-weight: 400; }
  .sticky-racks-div ul li p {
    margin-bottom: 20px;
    font-style: italic; }
.sticky-racks-div img {
  display: block;
  margin: 0 auto; }
.sticky-racks-div .new-image .img-contain {
  min-height: auto; }

/* #add-sticker-to-cart {
    width: 73%;
    display: inline-block;
    @include inlineBlock;
} */
/* #close-sticker-to-cart {
    width: 25%;
    background-color: $main-button-color;
    @include inlineBlock;
} */
.sticky-rack-canvas {
  /* min-height: 200px; */ }
  .sticky-rack-canvas canvas {
    filter: drop-shadow(0px 0px 5px #333);
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block; }

.preview-item-list .delete-button .material-icons {
  display: none; }

@media only screen and (max-width: 480px) {
  #rack-preview h3 {
    font-weight: 600; }
    #rack-preview h3 a #zoom-rack {
      display: none !important; }

  #rack_options_inputs {
    display: flex;
    justify-content: center; }
    #rack_options_inputs .rack-actions-cart {
      width: 100%; }

  #sticky_rack_img_btn {
    max-width: 90px !important;
    max-height: 90px !important;
    padding-left: 5px; }

  #sticky_rack_btn {
    padding: 0px !important;
    width: 33%; }

  #actions .caret {
    right: 18px; }

  .preview-item-list .delete-button {
    width: 48px;
    height: 48px; }
    .preview-item-list .delete-button .material-icons {
      display: block;
      position: relative;
      top: 10px;
      left: 10px;
      color: #b00020; }

  #rack-preview-li li p {
    padding-right: 12px; }

  .show-awards-on-rack {
    display: inline-flex !important;
    justify-content: center !important;
    height: 36px;
    width: 100%;
    background-color: #fcb849;
    border-radius: 18px;
    text-align: center;
    color: #ffffff;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 13.7px;
    line-height: 36px; }
    .show-awards-on-rack .material-icons {
      align-self: center;
      position: absolute;
      right: 10px; }

  #search-bar {
    display: block; }
    #search-bar input[type='search'].form-control {
      border-radius: 24px !important;
      height: 46px;
      margin-bottom: 25px; }
    #search-bar + multiselect-trigger {
      height: 46px; }
    #search-bar label {
      top: 16px;
      left: 6px; }
    #search-bar .glyphicon-remove-circle {
      top: 17px;
      right: 10px; }
    #search-bar .input-group-btn {
      min-width: 100%; }
      #search-bar .input-group-btn .search-dropdown {
        margin-bottom: 20px !important; }
        #search-bar .input-group-btn .search-dropdown button.dropdown-toggle {
          width: 100%;
          background-color: #1c2a7f;
          border-radius: 24px; }
        #search-bar .input-group-btn .search-dropdown .dropdown-menu {
          -webkit-box-shadow: 0;
          box-shadow: none;
          border-top: 0px;
          margin-top: 0;
          border-radius: 0 0 24px 24px;
          width: 100%;
          left: 0;
          background-color: #1c2a7f;
          padding-bottom: 20px; }
          #search-bar .input-group-btn .search-dropdown .dropdown-menu li {
            border-bottom: 0px; }
            #search-bar .input-group-btn .search-dropdown .dropdown-menu li a {
              text-align: center; }
        #search-bar .input-group-btn .search-dropdown .dropdown-menu:before {
          border-bottom: 0; }
      #search-bar .input-group-btn .open button.dropdown-toggle {
        border-radius: 24px 24px 0 0; } }
@media only screen and (max-width: 400px) {
  .dropdown-toggle-white {
    padding: 0px 10px 0px 5px; } }
@media only screen and (max-width: 300px) {
  #sticky_rack_img_btn {
    max-width: 72px !important; }

  #actions {
    padding: 8px; }
    #actions .caret {
      right: 18px; } }
.content[data-rack-builder="select-awards"] {
  --border-color: #e0e0e0;
  --text-color: #333333;
  --primary-color: #007bff;
  --hover-color: #f5f5f5;
  --section-padding: 16px; }
  .content[data-rack-builder="select-awards"] .rack-builder-search-nav {
    display: flex;
    gap: 8px;
    width: 100%;
    align-items: flex-start; }
    .content[data-rack-builder="select-awards"] .rack-builder-search-nav #search-bar {
      flex: 1;
      margin-right: 0 !important; }
  .content[data-rack-builder="select-awards"] .search-bar-container {
    margin-bottom: 0 !important;
    display: block; }
  .content[data-rack-builder="select-awards"] input[type='search'].form-control {
    width: 100% !important; }
  .content[data-rack-builder="select-awards"] .rack-builder-search-nav {
    display: flex;
    gap: 16px;
    width: 100%;
    align-items: flex-start; }
    .content[data-rack-builder="select-awards"] .rack-builder-search-nav #search-bar {
      flex: 1;
      margin-right: 16px; }
  .content[data-rack-builder="select-awards"] .multiselect {
    position: relative;
    width: 190px;
    flex-shrink: 0; }
    .content[data-rack-builder="select-awards"] .multiselect .back-to-awards-btn {
      display: none; }
    .content[data-rack-builder="select-awards"] .multiselect .filter-sort-btn {
      display: inline-flex; }
    .content[data-rack-builder="select-awards"] .multiselect-trigger {
      cursor: pointer;
      padding: 10px;
      border: 1px solid var(--border-color);
      border-radius: 4px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: white;
      transition: border-color 0.2s ease;
      font-family: 'Open Sans', sans-serif;
      font-size: 14px;
      color: var(--text-color);
      height: 44px;
      width: 100%; }
      .content[data-rack-builder="select-awards"] .multiselect-trigger:hover {
        border-color: var(--primary-color); }
      .content[data-rack-builder="select-awards"] .multiselect-trigger .material-icons {
        color: #0D196A;
        font-size: 20px;
        font-weight: 700; }
      .content[data-rack-builder="select-awards"] .multiselect-trigger > span:not(.material-icons) {
        color: #0D196A;
        font-weight: bold; }
    .content[data-rack-builder="select-awards"] .multiselect-menu {
      position: absolute;
      top: 100%;
      right: 0;
      width: 550px;
      background: white;
      border: 1px solid var(--border-color);
      border-radius: 4px;
      margin-top: 4px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px);
      transition: all 0.2s ease;
      z-index: 1000; }
      @media screen and (min-width: 769px) {
        .content[data-rack-builder="select-awards"] .multiselect-menu {
          right: 0; }
          .content[data-rack-builder="select-awards"] .multiselect-menu.right-overflow {
            right: auto;
            left: 0; } }
      .content[data-rack-builder="select-awards"] .multiselect-menu .menu-columns {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
      .content[data-rack-builder="select-awards"] .multiselect-menu .section {
        flex: 1;
        padding: var(--section-padding);
        min-width: 220px; }
        .content[data-rack-builder="select-awards"] .multiselect-menu .section:first-child {
          border-right: 1px solid var(--border-color); }
      .content[data-rack-builder="select-awards"] .multiselect-menu .section.sorting-section .update-awards {
        display: none; }
    .content[data-rack-builder="select-awards"] .multiselect.open .multiselect-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0); }
  .content[data-rack-builder="select-awards"] .section-title {
    font-weight: 700;
    margin-bottom: 12px;
    color: #B00020;
    font-size: 14px; }
  .content[data-rack-builder="select-awards"] .option {
    display: flex;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    font-size: 13px;
    color: #0D196A;
    font-weight: 600; }
    .content[data-rack-builder="select-awards"] .option:hover {
      background-color: var(--hover-color); }
    .content[data-rack-builder="select-awards"] .option input[type="checkbox"],
    .content[data-rack-builder="select-awards"] .option input[type="radio"] {
      display: inline-block !important;
      height: 16px !important;
      width: 16px !important;
      opacity: 1 !important;
      position: relative !important;
      left: auto !important;
      top: auto !important;
      margin: 0 8px 0 0 !important;
      vertical-align: middle !important; }

.content[data-rack-builder="select-awards"] .dot-steps:not(.mobile-only-small) {
  width: 450px !important;
  display: flex !important;
  gap: 6px;
  justify-content: space-between; }
  .content[data-rack-builder="select-awards"] .dot-steps:not(.mobile-only-small) .fluid-wrap {
    display: flex !important;
    width: 100%;
    gap: 6px;
    margin-right: 0 !important; }
  .content[data-rack-builder="select-awards"] .dot-steps:not(.mobile-only-small) a {
    flex: 1 !important;
    width: auto !important;
    max-width: 146px;
    position: relative !important;
    float: none !important;
    margin: 0 !important; }
  .content[data-rack-builder="select-awards"] .dot-steps:not(.mobile-only-small) .upload-dot {
    background: #1C2A7F !important;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 13.7px;
    font-weight: 400;
    letter-spacing: 1.25px; }
    .content[data-rack-builder="select-awards"] .dot-steps:not(.mobile-only-small) .upload-dot:hover {
      background: #1D2553 !important; }
    .content[data-rack-builder="select-awards"] .dot-steps:not(.mobile-only-small) .upload-dot span {
      font-size: 13px;
      font-weight: 500;
      pointer-events: none; }

@media only screen and (max-width: 768px) {
  .content[data-rack-builder="select-awards"] .rack-builder-search-nav {
    flex-direction: column;
    gap: 12px; }
    .content[data-rack-builder="select-awards"] .rack-builder-search-nav #search-bar {
      width: 100%;
      margin-right: 0; }
  .content[data-rack-builder="select-awards"] .multiselect {
    width: 100%; }
    .content[data-rack-builder="select-awards"] .multiselect-menu {
      width: 300px;
      position: fixed;
      left: 50%;
      transform: translateX(-50%) translateY(-10px);
      margin-top: 8px;
      top: 20px;
      max-height: 90vh;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      .content[data-rack-builder="select-awards"] .multiselect-menu .menu-columns {
        flex-direction: column; }
      .content[data-rack-builder="select-awards"] .multiselect-menu .section {
        border-right: none !important;
        border-bottom: 1px solid var(--border-color); }
        .content[data-rack-builder="select-awards"] .multiselect-menu .section:last-child {
          border-bottom: none; }
    .content[data-rack-builder="select-awards"] .multiselect.open .multiselect-menu {
      transform: translateX(-50%) translateY(0);
      max-height: 80vh;
      overflow-y: scroll; }
  .content[data-rack-builder="select-awards"] #es-results .pagination.mobile-only-small.clearfix {
    margin-top: 25px; } }
@media only screen and (max-width: 480px) {
  #rack-preview {
    padding-bottom: 120px;
    margin-bottom: 130px;
    position: relative; }
    #rack-preview h3 {
      font-weight: 600; }
      #rack-preview h3 a #zoom-rack {
        display: none !important; }
    #rack-preview .preview-item-list {
      margin-bottom: 30px; }
    #rack-preview .full-button {
      margin-bottom: 20px; }

  #rack_options_inputs {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 15px;
    margin: -15px;
    margin-bottom: 100px; }
    #rack_options_inputs .rack-actions-cart,
    #rack_options_inputs .rack-actions-dropdown {
      width: 100%;
      margin-bottom: 15px;
      position: relative; }
    #rack_options_inputs #sticky_rack_btn,
    #rack_options_inputs #add_rack_uswag_btn {
      width: 100%;
      margin: 10px 0;
      position: relative; }
    #rack_options_inputs .action-dropdown {
      width: 100%; }
      #rack_options_inputs .action-dropdown button.dropdown-toggle-blue {
        width: 100%; }
      #rack_options_inputs .action-dropdown .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
        bottom: auto;
        top: 100%;
        width: 100%;
        position: absolute;
        z-index: 1000;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } }
@media only screen and (max-width: 480px) and (max-height: 700px) {
  #rack_options_inputs {
    margin-bottom: 150px; } }
@media only screen and (max-width: 480px) {
  .content[data-rack-builder="select-awards"] {
    padding-bottom: 90px; }
    .content[data-rack-builder="select-awards"] .multiselect-menu {
      width: 280px; }
      .content[data-rack-builder="select-awards"] .multiselect-menu .section.sorting-section .update-awards {
        display: block;
        width: 100%; }
    .content[data-rack-builder="select-awards"] #es-results .pagination.mobile-only-small.clearfix {
      margin-top: 25px; }
      .content[data-rack-builder="select-awards"] #es-results .pagination.mobile-only-small.clearfix a:hover {
        background-color: #1C2A7F; }
    .content[data-rack-builder="select-awards"] .dot-steps {
      width: 100% !important;
      max-width: 100%;
      padding: 0 8px;
      box-sizing: border-box; }
    .content[data-rack-builder="select-awards"] .dot-steps.mobile-only-small {
      display: flex !important;
      gap: 6px;
      justify-content: space-between; }
      .content[data-rack-builder="select-awards"] .dot-steps.mobile-only-small .fluid-wrap {
        display: flex !important;
        width: 100%;
        gap: 6px; }
      .content[data-rack-builder="select-awards"] .dot-steps.mobile-only-small a {
        flex: 1 1 0 !important;
        max-width: none !important;
        padding: 10px 8px !important;
        font-size: 13px !important;
        min-width: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        float: none !important;
        position: relative !important; }
    .content[data-rack-builder="select-awards"] .dot-steps .fluid-wrap {
      width: 100%;
      gap: 6px; }
    .content[data-rack-builder="select-awards"] .dot-steps a {
      max-width: none !important;
      flex: 1 1 0 !important;
      padding: 10px 8px !important;
      font-size: 13px !important;
      min-width: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
    .content[data-rack-builder="select-awards"] .dot-steps a[style*="display: none"] {
      display: none !important; }
    .content[data-rack-builder="select-awards"] .dot-steps a span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; } }
#search-bar {
  position: relative; }
  #search-bar .form-control {
    padding-right: 40px; }
    #search-bar .form-control::-webkit-search-cancel-button {
      display: none; }
  #search-bar .clear-search {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    cursor: pointer;
    font-size: 16px;
    z-index: 5;
    display: none; }
    #search-bar .clear-search::before {
      content: '\2715'; }
  #search-bar .form-control:not(:placeholder-shown) ~ .clear-search {
    display: block; }
  @media only screen and (max-width: 480px) {
    #search-bar .clear-search {
      right: 15px;
      top: 50%; }
    #search-bar .form-control {
      padding-right: 45px; } }

#power-search:focus + .clear-search {
  color: #333; }

.three-col-select.add-item-panel > li {
  height: 253px; }

.add-item-view {
  display: none; }

.three-col-select.assembly-selection > li {
  height: 325px; }

.sbb-results > ul > li {
  min-height: 340px;
  position: relative; }
.sbb-results img {
  margin-top: 10px;
  margin-bottom: 15px; }
.sbb-results button {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 9px; }
.sbb-results form {
  margin-bottom: 0; }
.sbb-results .sbb-pair {
  width: 50%;
  float: left;
  margin: 50px 0; }

.item-info .product-container .sbb-pair {
  float: left;
  margin: 0 1%;
  position: relative;
  left: 45%;
  transform: translateX(-50%); }

.cart-echo .items .sbb-pair {
  position: relative;
  width: 48%;
  float: left;
  margin: 50px 1%;
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.photo-edit-features {
  position: relative; }
  .photo-edit-features .feature-container {
    position: relative; }
  .photo-edit-features h3 {
    float: left;
    position: absolute;
    top: 10px; }
  .photo-edit-features .dropdown {
    margin-bottom: 5px; }
  .photo-edit-features input {
    position: relative;
    top: -16px; }
  .photo-edit-features .b-container {
    margin-left: 30%;
    width: 70% !important; }
  .photo-edit-features .nm-text {
    top: 16px; }
  .photo-edit-features .in-text {
    top: 8px; }
  .photo-edit-features .half-button {
    margin: 0 1%; }

span.rotate-icon {
  height: 29px;
  width: 33px;
  display: block;
  margin: 0 auto;
  background-image: url("/_img/rotate-arrow-white.png");
  position: relative;
  top: -3px; }

span.rotate-counter-icon {
  height: 29px;
  width: 33px;
  display: block;
  margin: 0 auto;
  background-image: url("/_img/rotate-counter-icon.png");
  position: relative;
  top: -3px; }

.upload_button_holder {
  height: 38px;
  position: relative;
  width: 47%;
  cursor: pointer;
  margin-bottom: 10px;
  margin-right: 1%;
  float: left; }
  .upload_button_holder .button-blue {
    cursor: pointer;
    width: 100%;
    height: 38px;
    margin: 10px 0;
    padding: 0px;
    border-bottom: 4px solid #000; }

.upload_button_holder .cloudinary-fileupload {
  opacity: 0;
  top: 0;
  margin: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  cursor: pointer; }

.add-another-photo {
  margin-top: 15px; }

.photo-container {
  width: 48%;
  margin-right: 4%;
  float: left; }

.photo-container-wide {
  width: 100%; }
  .photo-container-wide input {
    width: 100%;
    top: -10px;
    position: relative; }

.photo-label {
  width: 100%; }

#add-personal-items-form {
  clear: both; }
  #add-personal-items-form .dropdown {
    margin: 0; }
  #add-personal-items-form p {
    font-size: 14px;
    line-height: 19px; }
  #add-personal-items-form h3 {
    color: #0D196A; }
  #add-personal-items-form input[type="text"] {
    color: #0D196A;
    font-size: 12px;
    line-height: 24px;
    padding-left: 12px; }
    #add-personal-items-form input[type="text"]::placeholder {
      color: #A5A7B5; }

.separation {
  width: 100%;
  height: 1px;
  background-color: #DDDEE3;
  margin-bottom: 20px;
  margin-top: 15px; }

#my-personal-photo {
  width: 48%;
  float: left; }
  #my-personal-photo img {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%; }

.add-personal-items-button {
  margin-bottom: 25px; }

.display-case > li {
  height: 360px; }

#sb-item-name-display {
  text-align: center;
  color: #0D196A;
  margin: 30px 0;
  font-weight: 500;
  font-size: 14px;
  font-style: italic; }

.sb-canvas {
  position: relative;
  margin-bottom: 25px; }
  .sb-canvas > img.shadowbox-background {
    max-width: 105%;
    display: block;
    margin: 0 auto;
    border: 25px solid #744F38;
    border-image: url("https://i.ezr.io/_img/sb-border.jpg") 25; }
    @media only screen and (max-width: 992px) {
      .sb-canvas > img.shadowbox-background {
        max-width: 100% !important; } }
  .sb-canvas .sbb-border {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 25px;
    bottom: 25px; }
  .sb-canvas .in-focus {
    z-index: 100; }

.sb-canvas[data-size="single"] #arrange-parent-container > div {
  box-shadow: 0 0 0 5px #ffffff; }
.sb-canvas[data-size="single"] img.shadowbox-background {
  padding: 35px;
  background: #000;
  border-width: 46px; }

#arrange-parent-container {
  position: absolute;
  top: 25px;
  bottom: 25px;
  left: 25px;
  right: 25px;
  margin: auto;
  background-size: contain; }
  #arrange-parent-container div {
    position: relative;
    width: 100%;
    height: 100%; }

.include-devices.selected-button {
  background-color: #fff;
  color: #3c3c3c;
  border-bottom: 0; }

.manage-items .left {
  display: inline-block;
  float: left;
  width: 80%; }
.manage-items .right {
  border-left: 1px solid #DDDEE3;
  display: inline-block;
  float: right;
  margin-left: 1%;
  padding-left: 20px;
  width: 19%; }

.item-palette {
  list-style-type: none;
  padding: 0;
  vertical-align: top;
  width: 100%;
  margin: 0; }
  .item-palette .delete-button {
    top: 17px; }
  .item-palette label img {
    float: left; }
  .item-palette label {
    margin-right: 45px; }
  .item-palette img,
  .item-palette label {
    display: block; }
  .item-palette li {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 7%;
    width: 46%;
    vertical-align: top; }
  .item-palette li:nth-child(2n+2) {
    margin-right: 0; }
  .item-palette .button-blue {
    margin-bottom: 5px; }

.name-plate-switcher {
  list-style-type: none;
  margin: 25px 0 0;
  padding: 0;
  font-size: 0;
  width: 100%; }
  .name-plate-switcher li {
    width: 25%;
    height: 60px;
    display: inline-block;
    font-size: 12px; }
  .name-plate-switcher img {
    max-width: 100%; }
  .name-plate-switcher label {
    float: left; }
  .name-plate-switcher label:last-child {
    margin-left: 10px;
    padding-top: 10px; }

.felt-sprite {
  background: url("../_img/felt-sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 40px;
  width: 40px; }

.felt-sprite-black {
  background-position: 0 0; }

.felt-sprite-green {
  background-position: 0 -40px; }

.felt-sprite-blue {
  background-position: 0 -80px; }

.felt-sprite-red {
  background-position: 0 -120px; }

.felt-circle {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: block;
  margin: 0 auto; }

.felt-circle-red {
  background-color: #AD2529; }

.felt-circle-green {
  background-color: #20885C; }

.felt-circle-black {
  background-color: #000; }

.felt-circle-blue {
  background-color: #21499C; }

.nameplate-text .check-btn {
  float: left; }
.nameplate-text .text-size {
  float: right; }
.nameplate-text label {
  color: #0D196A; }

.preview-nameplate {
  width: 100%; }
  .preview-nameplate .plate-1,
  .preview-nameplate .plate-2,
  .preview-nameplate .plate-3 {
    background: url("/_img/blank-sb-nameplate.png");
    font-family: "Lora", serif;
    height: 119px;
    padding: 6px 10px;
    width: 224px; }
  .preview-nameplate .plate-1-large,
  .preview-nameplate .plate-2-large,
  .preview-nameplate .plate-3-large {
    background: center center url("/_img/blank-sb-nameplate-large.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    font-family: "Lora", serif;
    height: 119px;
    padding: 6px 10px;
    width: 360px; }
  .preview-nameplate .plate-0,
  .preview-nameplate .plate-1,
  .preview-nameplate .plate-2,
  .preview-nameplate .plate-3,
  .preview-nameplate .plate-1-large,
  .preview-nameplate .plate-2-large,
  .preview-nameplate .plate-3-large {
    display: block;
    margin: 10px auto;
    float: none;
    text-align: center;
    position: relative; }
    .preview-nameplate .plate-0 p,
    .preview-nameplate .plate-1 p,
    .preview-nameplate .plate-2 p,
    .preview-nameplate .plate-3 p,
    .preview-nameplate .plate-1-large p,
    .preview-nameplate .plate-2-large p,
    .preview-nameplate .plate-3-large p {
      line-height: 1.4;
      text-align: center;
      color: #987819;
      font-size: 18px;
      -moz-font-variant: small-caps;
      -webkit-font-variant: small-caps;
      font-variant: small-caps;
      font-weight: 300;
      margin: 0;
      position: relative;
      left: -5%;
      max-height: 25px; }
    .preview-nameplate .plate-0 div,
    .preview-nameplate .plate-1 div,
    .preview-nameplate .plate-2 div,
    .preview-nameplate .plate-3 div,
    .preview-nameplate .plate-1-large div,
    .preview-nameplate .plate-2-large div,
    .preview-nameplate .plate-3-large div {
      height: auto;
      position: absolute;
      top: 49%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%; }
  .preview-nameplate .large-plate-text {
    transform: scale(1.4, 2);
    -webkit-transform: scale(1.4, 2);
    -moz-transform: scale(1.4, 2);
    -ms-transform: scale(1.4, 2);
    -o-transform: scale(1.4, 2);
    margin-bottom: 4px; }
    .preview-nameplate .large-plate-text + p {
      top: 10px; }

.personal-items-directions {
  display: none; }

.action-button-container {
  width: 100%;
  padding-left: 60px; }

.item-manager {
  font-size: 0;
  margin-bottom: 32px; }

.item-palette label {
  margin-left: 35px;
  position: relative; }
  .item-palette label img {
    position: relative;
    left: -10px; }
.item-palette span[class|="checkbox"] {
  position: absolute;
  left: -45px;
  top: 7px; }

.actions-bar {
  margin: 0 0 10px 0;
  position: relative; }
  .actions-bar .mid-size {
    width: 30%;
    height: 50px;
    position: relative;
    display: inline-block;
    top: 0;
    padding-top: 14px; }
  .actions-bar .left, .actions-bar .right {
    margin: 0; }
  .actions-bar .left {
    width: 60%;
    border-right: 1px solid #DDDEE3; }
  .actions-bar .right {
    box-shadow: none;
    width: 39%;
    margin-left: 1%; }
  .actions-bar .felt-color {
    list-style-type: none;
    margin: 0;
    width: 100%; }
    .actions-bar .felt-color img {
      max-width: 100%; }
    .actions-bar .felt-color li {
      height: 50px;
      margin: 0 15px 0 0;
      float: left;
      display: inline-block; }
    .actions-bar .felt-color label {
      cursor: pointer; }
  .actions-bar .fine-tune {
    position: relative; }
    .actions-bar .fine-tune .buttons {
      width: 50%;
      float: left;
      position: relative;
      font-size: 0; }
    .actions-bar .fine-tune .slider-container {
      width: 100%;
      height: 50px;
      float: left; }
    .actions-bar .fine-tune .slider {
      width: 100%;
      float: left;
      padding-top: 22px;
      position: relative;
      height: 10px;
      z-index: 101; }
      .actions-bar .fine-tune .slider input[type=range]::-ms-tooltip {
        display: none; }
    .actions-bar .fine-tune .customTooltip {
      height: 45px;
      width: 200px;
      background-color: #666;
      color: white;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 15px;
      -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      border-bottom: 4px solid #3a3a3a;
      padding: 10px;
      text-align: center; }
      .actions-bar .fine-tune .customTooltip .arrow {
        position: absolute;
        bottom: -12px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: -5px;
        border-top: 12px solid #666;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent; }
    .actions-bar .fine-tune .arrow-up {
      border-bottom: 5px solid #fff;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
    .actions-bar .fine-tune .arrow-left {
      border-right: 5px solid #fff;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      position: absolute; }
    .actions-bar .fine-tune .arrow-right {
      border-left: 5px solid #fff;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      position: absolute; }
    .actions-bar .fine-tune .arrow-down {
      border-top: 5px solid #fff;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent; }
    .actions-bar .fine-tune .square-button {
      background-color: #605f6f;
      font-size: 14px;
      color: white;
      height: 50px;
      width: 22%;
      margin-right: 2%;
      line-height: 0.8;
      position: relative;
      border-bottom: 4px solid #000A50; }
      .actions-bar .fine-tune .square-button span {
        max-width: 5px;
        max-height: 5px;
        display: block;
        position: absolute;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

.actions-bar.two-col-layout {
  padding: 0; }

.actions-bar .buttons {
  display: flex;
  justify-content: center; }
  .actions-bar .buttons .action-button {
    height: 36px;
    max-width: 151px;
    padding: 0;
    line-height: 36px;
    margin: 0 12px; }
.actions-bar .options .felt-color {
  padding: 0;
  font-size: 14px;
  height: 40px;
  display: flex;
  justify-content: center;
  margin: 32px 0; }
  .actions-bar .options .felt-color.hidden-option {
    display: none; }
    .actions-bar .options .felt-color.hidden-option.current-option {
      display: flex !important; }
  .actions-bar .options .felt-color li {
    width: 40px;
    margin: 0 21px; }
    .actions-bar .options .felt-color li label {
      position: relative; }
    .actions-bar .options .felt-color li input[name="felt-color"]:checked ~ label:after {
      content: '';
      position: absolute;
      top: -4px;
      right: -4px;
      bottom: -4px;
      left: -4px;
      background: rgba(0, 0, 0, 0.15);
      border-radius: 50%; }
.actions-bar #save-button {
  background: #70BB78 url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-save-enabled.svg) no-repeat center center;
  text-indent: -9999px; }
  .actions-bar #save-button:hover {
    background-color: #00915E; }
  .actions-bar #save-button:disabled, .actions-bar #save-button.disabled {
    background-color: #F3F3F3;
    background-image: url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-save-disabled.svg);
    pointer-events: none; }

.sbb .heading {
  display: flex;
  flex-direction: row-reverse;
  border-bottom: solid 1px #DDDEE3;
  padding-bottom: 27px;
  margin-bottom: 32px; }
  .sbb .heading h1 {
    flex-grow: 1; }
  .sbb .heading .header-buttons {
    width: 50%;
    max-width: 498px;
    display: flex;
    flex-direction: row; }
    .sbb .heading .header-buttons a {
      margin: 0 12px;
      width: auto;
      flex-grow: 1;
      line-height: 36px;
      height: 36px; }
      .sbb .heading .header-buttons a:first-of-type {
        margin-left: 0; }
      .sbb .heading .header-buttons a:last-of-type {
        margin-right: 0; }
    .sbb .heading .header-buttons.dot-steps {
      width: 300px; }
    .sbb .heading .header-buttons.two-buttons > a {
      width: 50%; }
.sbb .quick-tips {
  margin-top: 32px;
  color: #0D196A; }
  .sbb .quick-tips .one-col-layout {
    border-bottom: solid 1px #DDDEE3;
    margin-bottom: 32px;
    padding-bottom: 32px; }
    .sbb .quick-tips .one-col-layout ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .sbb .quick-tips .one-col-layout ul li {
        margin-bottom: 20px; }
        .sbb .quick-tips .one-col-layout ul li p {
          font-size: 14px;
          line-height: 19px;
          letter-spacing: 0; }
          .sbb .quick-tips .one-col-layout ul li p strong {
            font-style: italic;
            font-weight: 600; }
  .sbb .quick-tips .three-col-images {
    display: flex;
    justify-content: center;
    margin: 0 -23px; }
    .sbb .quick-tips .three-col-images div {
      width: auto;
      flex-grow: 1;
      margin: 0 23px; }
.sbb .nameplates a:hover p {
  color: #0D196A; }

.need-tips {
  width: 100%;
  padding-top: 25px;
  border-top: solid 1px #DDDEE3;
  text-align: center;
  color: #0D196A;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  font-style: italic; }
  .need-tips img {
    float: none;
    margin: 0 8px 0 0;
    top: 0; }
  .need-tips a {
    text-decoration: underline; }
    .need-tips a:hover {
      text-decoration: none;
      border-bottom: none; }

.hidden-option {
  display: none; }

.results .dropdown {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  .results .dropdown li {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0; }

div.dropdown-menu {
  overflow: hidden;
  position: relative; }

.expanded-image {
  max-width: 75%;
  display: block;
  position: absolute;
  top: 40vh;
  left: 50%;
  max-height: 100vh;
  z-index: 11;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#click-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.3); }

.delete-confirmation {
  width: 200px;
  height: 200px;
  background: #d5d5dc;
  border: 1px solid #DDDEE3;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.sbb .header-buttons .button-blue.muted {
  background-color: #98A0CE; }
  .sbb .header-buttons .button-blue.muted:hover {
    background-color: #707BBB; }
.sbb #award-comments {
  margin-bottom: 25px; }
.sbb .button-blue.muted {
  background-color: #98A0CE; }
.sbb .two-col-layout {
  padding-top: 0; }
  .sbb .two-col-layout .left {
    padding-right: 38px; }
    .sbb .two-col-layout .left .search-bar-container {
      margin-bottom: 10px; }
      .sbb .two-col-layout .left .search-bar-container #power-search {
        width: 100%;
        background-size: 18px auto;
        padding-left: 54px;
        letter-spacing: 1px; }
    .sbb .two-col-layout .left .results label {
      text-decoration: none;
      line-height: 19px;
      letter-spacing: 0;
      font-size: 14px; }
      .sbb .two-col-layout .left .results label ~ ul.split-column > li {
        width: 100%; }
        .sbb .two-col-layout .left .results label ~ ul.split-column > li .dropdown-toggle-white {
          text-align: center;
          padding: 0;
          line-height: 36px;
          background-color: #707BBB; }
          .sbb .two-col-layout .left .results label ~ ul.split-column > li .dropdown-toggle-white:active, .sbb .two-col-layout .left .results label ~ ul.split-column > li .dropdown-toggle-white:hover {
            background-color: #414E96; }
          .sbb .two-col-layout .left .results label ~ ul.split-column > li .dropdown-toggle-white ~ .dropdown-menu {
            background-color: #707BBB; }
            .sbb .two-col-layout .left .results label ~ ul.split-column > li .dropdown-toggle-white ~ .dropdown-menu a {
              color: white; }
              .sbb .two-col-layout .left .results label ~ ul.split-column > li .dropdown-toggle-white ~ .dropdown-menu a:hover {
                background-color: #414E96; }
        .sbb .two-col-layout .left .results label ~ ul.split-column > li .dropdown.open .dropdown-toggle-white {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; }
        .sbb .two-col-layout .left .results label ~ ul.split-column > li .add-sbb-item-awards-button {
          height: 36px; }
          .sbb .two-col-layout .left .results label ~ ul.split-column > li .add-sbb-item-awards-button.disabled {
            pointer-events: none; }
            .sbb .two-col-layout .left .results label ~ ul.split-column > li .add-sbb-item-awards-button.disabled:not(.active) {
              background-color: #E4E6EF;
              color: #AAB0D5; }
  .sbb .two-col-layout .preview {
    width: 336px;
    padding: 0; }
    .sbb .two-col-layout .preview ul.sbb-items {
      display: flex;
      flex-direction: column;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .sbb .two-col-layout .preview ul.sbb-items li {
        display: flex;
        flex-direction: row;
        padding-bottom: 20px;
        align-items: center; }
        .sbb .two-col-layout .preview ul.sbb-items li .img-container-sbb, .sbb .two-col-layout .preview ul.sbb-items li .text-container, .sbb .two-col-layout .preview ul.sbb-items li span.delete-button {
          display: flex;
          justify-content: center;
          align-items: center; }
        .sbb .two-col-layout .preview ul.sbb-items li .img-container-sbb {
          flex: 0 0 60px; }
          .sbb .two-col-layout .preview ul.sbb-items li .img-container-sbb img {
            position: initial;
            top: 0;
            left: 0;
            transform: none;
            object-fit: scale-down; }
          .sbb .two-col-layout .preview ul.sbb-items li .img-container-sbb.medal {
            height: 100px; }
            .sbb .two-col-layout .preview ul.sbb-items li .img-container-sbb.medal img {
              max-height: 100px; }
        .sbb .two-col-layout .preview ul.sbb-items li .text-container {
          flex-grow: 1;
          justify-content: left;
          padding: 0 20px; }
          .sbb .two-col-layout .preview ul.sbb-items li .text-container p {
            padding: 0; }
        .sbb .two-col-layout .preview ul.sbb-items li span.delete-button {
          flex: 0 0 38px;
          justify-content: right;
          top: auto !important;
          position: initial; }
  .sbb .two-col-layout h2 ~ p {
    color: #0D196A; }
  .sbb .two-col-layout #refresh-photo-add-form {
    color: #0D196A;
    margin-top: 20px; }
    .sbb .two-col-layout #refresh-photo-add-form p small {
      font-style: italic; }
    .sbb .two-col-layout #refresh-photo-add-form .photo-container {
      margin-bottom: 30px; }
      .sbb .two-col-layout #refresh-photo-add-form .photo-container .upload_button_holder > input,
      .sbb .two-col-layout #refresh-photo-add-form .photo-container .photo-type-placeholder {
        padding: 0;
        height: 36px; }
    .sbb .two-col-layout #refresh-photo-add-form .photo-medium-container > p {
      margin-bottom: 20px; }
    .sbb .two-col-layout #refresh-photo-add-form .photo-options-container {
      margin-top: 20px;
      padding: 0; }
      .sbb .two-col-layout #refresh-photo-add-form .photo-options-container > li {
        width: 100%; }
      .sbb .two-col-layout #refresh-photo-add-form .photo-options-container input[type="text"] {
        color: #0D196A;
        font-size: 12px;
        line-height: 24px;
        padding-left: 12px; }
      .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
        min-width: 400px;
        min-height: 300px; }
        .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-container img {
          margin-top: 10px; }
          .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-container img[src*="~text?txt"] {
            background-color: #F0F1F5; }
            .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-container img[src*="~text?txt"] ~ span {
              font-style: italic;
              color: #A5A7B5;
              font-size: 14px;
              position: absolute; }
          .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-container img:not([src*="~text?txt"]) ~ span {
            display: none; }
      .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-edit-features {
        margin-top: 20px; }
        .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-edit-features .b-container {
          width: 100% !important;
          margin-left: 0;
          padding-top: 0; }
          .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-edit-features .b-container .rotate-icon,
          .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-edit-features .b-container .rotate-counter-icon {
            background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-rotate right.svg") no-repeat center center;
            top: 3px; }
          .sbb .two-col-layout #refresh-photo-add-form .photo-options-container .photo-edit-features .b-container .rotate-counter-icon {
            background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-rotate-left.svg"); }
    .sbb .two-col-layout #refresh-photo-add-form .photo-medium-container {
      margin-top: 30px; }
      .sbb .two-col-layout #refresh-photo-add-form .photo-medium-container p a {
        text-decoration: underline; }
        .sbb .two-col-layout #refresh-photo-add-form .photo-medium-container p a:hover {
          text-decoration: none;
          border-bottom: 0; }
      .sbb .two-col-layout #refresh-photo-add-form .photo-medium-container img {
        border: solid 2px white; }
    .sbb .two-col-layout #refresh-photo-add-form #photo-dimensions {
      border-top: solid 1px #DDDEE3;
      margin-top: 30px;
      padding-top: 10px; }
      .sbb .two-col-layout #refresh-photo-add-form #photo-dimensions p {
        display: none; }
      .sbb .two-col-layout #refresh-photo-add-form #photo-dimensions[photo-key="1"] {
        border-top: none;
        margin-top: auto;
        padding-top: auto; }
        .sbb .two-col-layout #refresh-photo-add-form #photo-dimensions[photo-key="1"] p {
          display: block; }
.sbb a.disabled {
  background-color: #E4E6EF;
  color: #AAB0D5;
  pointer-events: none; }
.sbb #add-rack-options.dropdown-item-selected {
  letter-spacing: .2px;
  text-indent: -20px; }
.sbb.review input[type="text"] {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: normal;
  padding-left: 12px;
  color: #0D196A;
  font-weight: normal; }
  .sbb.review input[type="text"]::placeholder {
    color: #A5A7B5; }
.sbb.review h2.muted {
  color: #A5A7B5;
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -.25px; }
.sbb.review textarea {
  background: white;
  border: solid 1px #DDDEE3;
  color: #0D196A;
  border-radius: 4px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: normal; }
  .sbb.review textarea:focus, .sbb.review textarea:active, .sbb.review textarea:active:focus {
    outline: none; }
.sbb p {
  color: #0D196A; }
.sbb .nameplate-panel {
  position: relative;
  margin-top: 20px; }
  .sbb .nameplate-panel .panel {
    box-shadow: none; }
    .sbb .nameplate-panel .panel .panel-heading {
      padding: 0; }
    .sbb .nameplate-panel .panel .panel-collapse {
      margin-top: 20px; }
  .sbb .nameplate-panel .form-save-button {
    position: initial;
    top: auto;
    right: auto;
    width: auto;
    margin-top: 20px; }
  .sbb .nameplate-panel .button-yellow {
    color: white; }
  .sbb .nameplate-panel .panel-input-row {
    display: flex; }
    .sbb .nameplate-panel .panel-input-row input[type="text"] {
      width: auto;
      margin-right: 25px;
      flex-grow: 1;
      max-width: 468px;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 24px;
      padding-left: 12px;
      color: #0D196A; }
      .sbb .nameplate-panel .panel-input-row input[type="text"].disabled {
        border-color: #F0F1F5 !important;
        pointer-events: none; }
    .sbb .nameplate-panel .panel-input-row .text-size {
      font-size: 12px;
      color: #1C2A7F;
      margin: 0;
      line-height: 36px;
      height: 36px; }
      .sbb .nameplate-panel .panel-input-row .text-size .check-btn {
        margin: 6px 10px 6px 0;
        height: 24px;
        width: 24px;
        border: none;
        background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-radio.svg") no-repeat center center; }
        .sbb .nameplate-panel .panel-input-row .text-size .check-btn.checked-box {
          background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-radio-selected.svg"); }
  .sbb .nameplate-panel .disabled {
    pointer-events: none; }
    .sbb .nameplate-panel .disabled.button-yellow {
      background-color: #FFEBCC; }
  .sbb .nameplate-panel label.disabled {
    color: #A5A7B5 !important;
    background-color: #fff !important; }

.login-reminder.sbb, .sbb.login-modal {
  background-color: #0D196A;
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  width: auto;
  left: 10%;
  top: 180px;
  right: 10%;
  bottom: auto !important; }
  .login-reminder.sbb .button-accept, .sbb.login-modal .button-accept {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.25px;
    font-weight: normal; }
  .login-reminder.sbb p, .sbb.login-modal p {
    text-align: left;
    color: white;
    font-weight: normal; }

.login-reminder-shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  display: block;
  background: #000000;
  opacity: .4; }

.not-real-just-triggering-a-recompile {
  border: 1px solid black; }

/*===============================================
=                   Palette                  =
===============================================*/
.shirt-palette {
  list-style-type: none;
  padding: 0;
  width: 100%; }
  .shirt-palette > li {
    display: inline-block;
    vertical-align: top; }
  .shirt-palette > li:first-child {
    border-right: 1px solid #DDDEE3;
    margin-right: 7%;
    padding-right: 5%;
    width: 30%; }
  .shirt-palette > li:nth-child(2) {
    margin-right: 3%;
    width: 34%; }
  .shirt-palette > li:last-child {
    width: 25%; }

.shirt-preview {
  position: relative;
  top: 15px; }

.swatches {
  font-size: 0;
  list-style-type: none;
  margin-top: 10px;
  padding: 0;
  width: 100%; }
  .swatches li {
    display: inline-block;
    height: 33px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 33px; }

.text-palette {
  background-color: white;
  border-left: 1px solid #DDDEE3;
  border-right: 1px solid #DDDEE3;
  border-top: 1px solid #DDDEE3;
  font-size: 0;
  list-style-type: none;
  margin-top: 10px;
  padding: 0;
  width: 100%; }
  .text-palette img {
    display: block;
    margin: 0 auto; }
  .text-palette li {
    display: inline-block;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 16.666667%; }
  .text-palette li:nth-child(3) {
    border-right: 1px solid #DDDEE3; }
  .text-palette li:hover {
    background-color: #d5d5dc; }

.shirtcolor {
  background-image: url("https://i.ezr.io/_img/shirtcolor-sprite.jpg");
  background-repeat: no-repeat;
  height: 33px;
  width: 33px; }

.shirtcolor-black {
  background-position: 0 0; }

.shirtcolor-gray {
  background-position: -33px 0; }

.shirtcolor-white {
  background-position: -66px 0; }

.shirtcolor-heather-gray {
  background-position: -99px 0; }

.shirtcolor-blue {
  background-position: -132px 0; }

.shirtcolor-navy {
  background-position: -165px 0; }

.shirtcolor-olive {
  background-position: 0 -33px; }

.shirtcolor-leaf-green {
  background-position: -33px -33px; }

.shirtcolor-duck-yellow {
  background-position: -66px -33px; }

.shirtcolor-maze-yellow {
  background-position: -99px -33px; }

.shirtcolor-tan {
  background-position: -132px -33px; }

.shirtcolor-orange {
  background-position: -165px -33px; }

.shirtcolor-red {
  background-position: 0 -66px; }

.shirtcolor-magenta {
  background-position: -33px -66px; }

.shirtcolor-triblend-gray {
  background-position: -66px -66px; }

.shirtcolor-triblend-blue {
  background-position: -99px -66px; }

.shirtcolor-triblend-royal-blue {
  background-position: -132px -66px; }

.shirtcolor-triblend-green {
  background-position: -165px -66px; }

.shirtcolor-triblend-clay {
  background-position: 0 -99px; }

.textcolor-pink {
  background-color: #f4b1f6; }

.textcolor-hot-pink {
  background-color: #c939ce; }

.textcolor-purple {
  background-color: #7833cc; }

.textcolor-deep-purple {
  background-color: #561272; }

.textcolor-navy {
  background-color: #262066; }

.textcolor-royal-blue {
  background-color: #153b9a; }

.textcolor-blue {
  background-color: #3d67d1; }

.textcolor-sky-blue {
  background-color: #3399d4; }

.textcolor-bright-blue {
  background-color: #33d4d2; }

.textcolor-seafoam-green {
  background-color: #0cb392; }

.textcolor-green {
  background-color: #0d8925; }

.textcolor-lime-green {
  background-color: #a7e545; }

.textcolor-yellow {
  background-color: #eff642; }

.textcolor-gold {
  background-color: #f1d11d; }

.textcolor-burnt-orange {
  background-color: #ca8428; }

.textcolor-orange {
  background-color: #cc5114; }

.textcolor-red {
  background-color: #da4646; }

.textcolor-deep-red {
  background-color: #8b260b; }

.textcolor-olive {
  background-color: #62725c; }

.textcolor-brown {
  background-color: #836e59; }

.textcolor-tan {
  background-color: #cecd99; }

.textcolor-white {
  background-color: #ffffff; }

.textcolor-gray {
  background-color: #8c8c8c; }

.textcolor-black {
  background-color: #000000; }

.login {
  color: #0D196A; }
  .login input[type=text],
  .login input[type=password] {
    color: #0D196A !important;
    padding: 7px 12px;
    height: 36px; }
  .login input:-webkit-autofill,
  .login input:-webkit-autofill:hover,
  .login input:-webkit-autofill:focus,
  .login input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important; }
  .login h2, .login p {
    margin-bottom: 20px; }
  .login .forgot-password {
    text-decoration: underline;
    font-size: 14px;
    color: #EC8509;
    font-weight: 600;
    font-family: 'Open Sans';
    text-transform: uppercase; }
    .login .forgot-password:hover {
      border-bottom: none; }
  .login #login-form input[type='submit']#login-button {
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0; }
  .login .left {
    width: 50%;
    margin: 0;
    padding: 0;
    border: none; }
  .login .right {
    border-left: 1px solid #DDDEE3;
    width: 50%;
    margin: 0 0 0 20px;
    padding-left: 20px; }
    .login .right .register {
      display: block;
      float: none !important;
      margin: 0 auto !important;
      background-color: #707BBB;
      font-size: 14px;
      font-weight: 400;
      padding: 10px; }

.password-reset p {
  color: #0D196A; }
.password-reset .left {
  border: none; }

.secondary-cta-link {
  line-height: 2; }

.contact-us {
  color: #0D196A;
  display: inline-block;
  width: 48%;
  float: left;
  margin-right: 2%;
  padding: 10px; }
  .contact-us h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px; }
  .contact-us p {
    font-size: 14px;
    line-height: 19px;
    font-weight: normal; }
  .contact-us span {
    float: right; }
  .contact-us .section {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px; }
  .contact-us .separation {
    background-color: white;
    margin-top: 25px;
    border-top: 1px dashed #dadada; }
  .contact-us .google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden; }
    .contact-us .google-maps iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }

.cvv-container {
  position: relative; }

.cvv-button {
  position: absolute;
  top: -2px;
  right: 3px;
  z-index: 2;
  background-image: none;
  width: 38px;
  background-color: #eee; }

.black-strip {
  height: 25px;
  width: 100%;
  background-color: #4a4a4a;
  margin: 10px 0; }

#card-info-form .cvv-popup {
  position: absolute;
  z-index: 2;
  width: 100%; }

.info-1,
.info-2 {
  width: 270px;
  height: 170px;
  display: inline-block;
  background-color: #eee;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
  float: right;
  margin-right: 5px;
  margin-top: 5px; }
  .info-1 span,
  .info-2 span {
    background-color: white;
    margin-left: 7px;
    padding: 5px 9px;
    color: #466fa3; }
  .info-1 p,
  .info-1 small,
  .info-2 p,
  .info-2 small {
    padding: 10px; }
  .info-1 .numbers,
  .info-2 .numbers {
    font-size: 18px;
    text-align: center;
    position: relative;
    margin-top: 35px;
    letter-spacing: 2px;
    margin-bottom: 0; }
    .info-1 .numbers span,
    .info-2 .numbers span {
      font-size: 12px;
      position: absolute;
      right: 10px;
      top: -10px;
      font-weight: 400;
      background-color: #eee; }

.cvv-text {
  position: relative;
  top: 22px; }

.accepted-payment {
  width: 250px;
  float: right;
  list-style-type: none;
  font-size: 0;
  padding: 0;
  position: relative;
  top: -5px;
  display: flex;
  gap: 8px; }
  .accepted-payment li {
    flex: 1; }
    .accepted-payment li img {
      max-width: 100%;
      display: block; }
    .accepted-payment li .grayed-out {
      opacity: 0.1; }

.text-form {
  list-style: none;
  padding: 0; }
  .text-form .amount {
    float: right; }
  .text-form label {
    width: 100%; }
  .text-form > li {
    padding: 30px 0;
    position: relative; }
    .text-form > li:not(:last-of-type) {
      border-bottom: 1px solid #DDDEE3; }
  .text-form ul,
  .text-form h2 {
    clear: both;
    width: 50%; }
    .text-form ul input,
    .text-form h2 input {
      width: 100%; }
  .text-form ul {
    list-style: none;
    padding: 0; }
  .text-form button:not(.dropdown-toggle),
  .text-form a.sml-button-white {
    background: white;
    border-bottom: 4px solid #DDDEE3;
    color: #3c3c3c;
    margin-top: -25px !important;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 170px; }

.text-form.shipping-form > li {
  padding: 0; }
.text-form.shipping-form label {
  height: 57px;
  padding-right: 50px;
  padding-top: 19px; }
.text-form.shipping-form .amount {
  position: absolute;
  right: 0;
  top: 20px; }

ul.address {
  list-style: none;
  padding: 0; }

.change-information .button-blue {
  margin: 25px 0 5px;
  width: 50%; }
.change-information input[type='number'] {
  width: 100%; }

#toggle-alt-info p {
  padding-left: 30px; }
#toggle-alt-info span {
  vertical-align: top;
  position: absolute; }
#toggle-alt-info ul {
  display: inline-block; }

.total-cta {
  width: 100%;
  float: right;
  margin-top: 25px; }
  .total-cta .amount {
    font-size: 18px;
    font-weight: 600;
    color: #0D196A; }
  .total-cta hr {
    border-top: 1px solid #DDDEE3; }
  .total-cta .subtotal {
    color: #0D196A;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px; }
  .total-cta .detail {
    color: #A5A7B5;
    font-size: 13px;
    line-height: 18px;
    font-style: italic; }
  .total-cta .shop-pay {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #000A50;
    padding: 3px;
    box-sizing: border-box;
    letter-spacing: -0.27pt; }
    .total-cta .shop-pay .shop-pay-img {
      width: 60px;
      height: 30px;
      margin-right: 10px; }
    .total-cta .shop-pay .learn-more {
      text-decoration: underline;
      cursor: pointer; }
  @media only screen and (max-width: 500px) {
    .total-cta .shop-pay {
      padding: 10px; } }

/* The Modal (background) */
#shop_pay_modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content/Box */ }
  #shop_pay_modal .shop-pay-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 5vh auto;
    /* 5% from the top and centered */
    padding: 18px;
    max-width: 468px;
    max-height: 90vh;
    /* Don't take up the whole page on mobile */
    overflow-y: auto;
    /* Border radius */
    border-radius: 9px;
    /* The Close Button */ }
    #shop_pay_modal .shop-pay-modal-content #shop_pay_modal_close_svg {
      border-top-right-radius: 9px; }
    #shop_pay_modal .shop-pay-modal-content #shop_pay_modal_close_svg {
      position: absolute;
      top: 0;
      right: 0;
      width: 50px;
      height: 50px;
      background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/klarna_modal_close.svg");
      cursor: pointer;
      z-index: 100; }
    #shop_pay_modal .shop-pay-modal-content #shop_pay_modal_close_svg:hover,
    #shop_pay_modal .shop-pay-modal-content #shop_pay_modal_close_svg:focus {
      opacity: 0.9; }
    #shop_pay_modal .shop-pay-modal-content .shop-pay-content {
      display: flex;
      flex-direction: column;
      height: 100%;
      padding: 20px; }
      #shop_pay_modal .shop-pay-modal-content .shop-pay-content .learn-more-title {
        color: black;
        font-weight: 600;
        font-size: 31px;
        line-height: 1.25em;
        letter-spacing: -0.2px;
        padding-bottom: 16px; }
      #shop_pay_modal .shop-pay-modal-content .shop-pay-content .learn-more-subtitle {
        color: #171717;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 26px; }
        #shop_pay_modal .shop-pay-modal-content .shop-pay-content .learn-more-subtitle > .shop-pay-price-emphasis {
          font-weight: 600;
          color: #5a31f4; }
      #shop_pay_modal .shop-pay-modal-content .shop-pay-content .shop-pay-features {
        display: grid;
        grid-column: 1;
        gap: 24px; }
        #shop_pay_modal .shop-pay-modal-content .shop-pay-content .shop-pay-features .shop-pay-feature {
          display: flex;
          flex-direction: row;
          align-items: flex-start; }
          #shop_pay_modal .shop-pay-modal-content .shop-pay-content .shop-pay-features .shop-pay-feature img {
            /* Icon */
            margin-right: 10px;
            margin-top: -4px;
            vertical-align: top; }
          #shop_pay_modal .shop-pay-modal-content .shop-pay-content .shop-pay-features .shop-pay-feature > div {
            /* Content block */ }
            #shop_pay_modal .shop-pay-modal-content .shop-pay-content .shop-pay-features .shop-pay-feature > div h3 {
              /* Header */
              font-size: 16px;
              font-weight: 600;
              font-style: normal;
              margin-bottom: 6px; }
            #shop_pay_modal .shop-pay-modal-content .shop-pay-content .shop-pay-features .shop-pay-feature > div p {
              /* Description */
              font-size: 13px;
              font-weight: 400;
              margin-bottom: 0; }
      #shop_pay_modal .shop-pay-modal-content .shop-pay-content .disclosure {
        text-align: center; }
        #shop_pay_modal .shop-pay-modal-content .shop-pay-content .disclosure img.shop-pay-logo {
          /* Shop Pay image */
          height: 22px;
          margin-top: 12px;
          margin-bottom: 8px; }
        #shop_pay_modal .shop-pay-modal-content .shop-pay-content .disclosure img.affirm-logo {
          height: 14px;
          margin-top: -7px;
          margin-left: 1px; }
        #shop_pay_modal .shop-pay-modal-content .shop-pay-content .disclosure .learn-more-note {
          /* Disclosure note */
          color: #111;
          font-weight: 500;
          font-size: 12px;
          line-height: 18px;
          margin-bottom: 0;
          /* Remove <p> margins */
          word-break: break-word; }
          #shop_pay_modal .shop-pay-modal-content .shop-pay-content .disclosure .learn-more-note a.shop-pay-terms {
            text-decoration: underline;
            border: 0; }
      #shop_pay_modal .shop-pay-modal-content .shop-pay-content #btn_close {
        margin-top: 22px;
        margin-bottom: 18px;
        flex: 0;
        width: 100%;
        background: #ebe6fc;
        color: #241462;
        border-radius: 4px;
        text-align: center;
        font-weight: bolder;
        line-height: 16px;
        font-size: 16px;
        padding: 18px 20px;
        transition: background-color ease-in 125ms; }
        #shop_pay_modal .shop-pay-modal-content .shop-pay-content #btn_close:active, #shop_pay_modal .shop-pay-modal-content .shop-pay-content #btn_close:focus, #shop_pay_modal .shop-pay-modal-content .shop-pay-content #btn_close:hover {
          background-color: #bdadfb; }

.product-row {
  border-top: 1px solid #DDDEE3; }

.cart-echo {
  background-color: white;
  padding: 4px 5px;
  clear: both;
  font-size: 12px;
  margin-top: 7px;
  margin-bottom: 10px; }
  .cart-echo .price {
    border-top: 1px solid #DDDEE3;
    list-style-type: none;
    padding: 0;
    width: 100%;
    display: block;
    margin-bottom: 0; }
    .cart-echo .price li {
      height: 35px;
      padding-top: 10px; }
    .cart-echo .price p {
      font-size: 12px; }
  .cart-echo .payment {
    padding-top: 10px; }
    .cart-echo .payment p {
      padding-top: 10px; }
  .cart-echo .amount-large {
    position: relative;
    top: -10px;
    float: right; }
  .cart-echo .items {
    list-style-type: none;
    padding: 0;
    width: 100%;
    display: block; }
    .cart-echo .items a {
      border-bottom: none; }
    .cart-echo .items li {
      display: block;
      width: 100%;
      clear: both;
      position: relative;
      min-height: 100px; }
    .cart-echo .items .item-container {
      height: 100px;
      width: 100px;
      position: absolute; }
    .cart-echo .items img {
      margin: auto;
      max-width: 100%;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .cart-echo .items .text-container {
      min-height: 100px;
      margin-left: 110px;
      position: relative;
      margin-right: 55px; }
    .cart-echo .items p {
      display: inline-block;
      font-size: 12px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .cart-echo .items .item-amount {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0; }

.amount {
  float: right;
  font-weight: 700; }

.price > li {
  border: 0; }
  .price > li p,
  .price > li span {
    padding: 0; }
  .price > li.payment {
    border-top: 1px solid #DDDEE3; }

.amount-large {
  font-size: 2em; }

.preview-attachment {
  padding: 5px;
  margin-bottom: 10px; }
  .preview-attachment div {
    display: inline-block;
    width: 70%;
    float: left; }
  .preview-attachment div:last-child {
    width: 28%; }

.product-item {
  width: 20%; }
  .product-item p {
    position: relative;
    text-align: center;
    display: block;
    margin-bottom: 10px; }

.remove-mobile {
  display: none;
  position: relative; }

.product-nav {
  width: 8%;
  padding: 5px; }
  .product-nav a {
    font-size: 13px; }

.quantity,
.price,
.total {
  width: 8%; }

/*==================================================
=            Shopping Cart Table Styles            =
==================================================*/
.item-number {
  margin-bottom: 25px; }
  .item-number:after {
    content: '';
    display: table;
    clear: both; }

.item-info {
  width: 46%;
  display: inline-block;
  float: left;
  margin-bottom: 10px; }
  .item-info .product-container {
    width: 40%;
    display: inline-block;
    float: left;
    max-width: 235px; }
    .item-info .product-container img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
      max-height: 120px; }
    .item-info .product-container p {
      text-align: center;
      margin-top: 10px; }
      .item-info .product-container p a {
        text-transform: uppercase;
        text-decoration: underline;
        color: #EC8509;
        font-size: 14px;
        line-height: 19px;
        font-weight: 500; }
        .item-info .product-container p a:hover {
          text-decoration: none;
          border-bottom: none; }
  .item-info .product-name {
    width: 50%;
    display: inline-block;
    margin-left: 5%; }
    .item-info .product-name p {
      font-size: 13px;
      line-height: 18px;
      color: #0D196A;
      font-weight: normal; }
      .item-info .product-name p small {
        color: #A5A7B5;
        font-size: 100%; }

.has-sticker-cta > .item-info {
  min-height: 140px; }

.item-pricing {
  width: 54%;
  padding: 0;
  display: inline-block;
  font-size: 0;
  float: left;
  position: relative;
  top: -20px; }
  .item-pricing a.view-pricing {
    position: relative; }
    .item-pricing a.view-pricing > span {
      pointer-events: none; }
    .item-pricing a.view-pricing.up > span {
      visibility: hidden; }
    .item-pricing a.view-pricing.up:before {
      content: 'HIDE PRICING';
      transform: rotate(0);
      position: absolute; }
  .item-pricing .on-left {
    display: none; }
  .item-pricing input {
    width: 100%;
    text-align: left;
    line-height: 56px;
    font-size: 16px;
    text-indent: 16px;
    color: #0D196A;
    padding: 0; }
  .item-pricing li {
    padding: 0 5px;
    display: inline-block;
    font-size: 12px;
    width: 16%; }
  .item-pricing p {
    text-align: left; }
  .item-pricing img {
    float: right;
    position: relative;
    top: 8px; }
  .item-pricing .button-gray {
    font-size: 12px;
    position: relative;
    top: -4px;
    line-height: 2; }
  .item-pricing .view-price-container {
    position: relative;
    width: 32%;
    display: inline-block;
    min-width: 187px; }
  .item-pricing .cart-remove {
    background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/delete.svg") no-repeat center center;
    background-size: 100%;
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
    top: 16px;
    right: -10px; }
    .item-pricing .cart-remove:hover {
      background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/delete-selected.svg");
      text-decoration: none;
      border-bottom: none; }
    .item-pricing .cart-remove img {
      visibility: hidden; }

.sticker-button {
  position: absolute;
  height: 40px;
  width: 150px;
  font-size: 16px;
  line-height: 22px;
  font-style: italic;
  font-weight: 600;
  color: #0D196A;
  text-transform: none;
  background: transparent;
  border-radius: none;
  text-decoration: underline;
  letter-spacing: normal;
  text-align: right;
  margin: 56px 0 0 -20px; }
  .sticker-button::before {
    content: '';
    background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/rack-option-images/sticky-standard-ribbons.png") no-repeat center center;
    background-size: 100%;
    width: 82px;
    height: 82px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: -28px;
    right: -90px; }
  .sticker-button::after {
    content: '';
    display: table;
    clear: both; }
  .sticker-button:hover {
    border-bottom: none;
    text-decoration: none;
    background-color: transparent;
    color: inherit; }

.itemized-pricing {
  width: 100%;
  display: block;
  clear: both;
  vertical-align: top; }
  .itemized-pricing p {
    font-size: 12px;
    font-weight: 400; }
  .itemized-pricing .sku {
    width: 43%; }
    .itemized-pricing .sku p {
      text-align: left; }
  .itemized-pricing .item-pricing {
    top: 0; }

.item-message {
  width: 100%;
  clear: both;
  font-size: 10px;
  margin-bottom: 15px;
  margin-top: 15px; }
  .item-message p {
    text-align: center;
    font-size: 13px;
    color: #A5A7B5; }

.duplication {
  clear: both;
  font-size: 0;
  padding: 0; }

.duplicate-cta {
  width: 100%;
  clear: both; }
  .duplicate-cta p {
    text-align: center; }

.cart-titles {
  margin: 20px 0 26px;
  height: 24px; }
  .cart-titles p {
    display: inline;
    position: relative;
    top: 8px;
    vertical-align: top;
    color: #0D196A;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    font-style: italic; }
  .cart-titles ul {
    padding: 0;
    width: 54%;
    float: right;
    font-size: 0;
    position: relative;
    top: 8px; }
    .cart-titles ul li {
      text-align: left;
      display: inline-block;
      float: left;
      width: 17%;
      vertical-align: top;
      color: #0D196A;
      font-size: 18px;
      line-height: 24px;
      font-weight: 600;
      font-style: italic; }

.message {
  height: 60px; }
  .message div {
    padding: 10px;
    width: 50%;
    display: block;
    margin: 0 auto; }
  .message p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    text-align: center;
    display: block;
    position: relative;
    font-size: 13px; }

.product-itemized img {
  margin: 10px auto !important;
  max-width: 70px !important; }

.itemized-prices {
  width: 100%; }
  .itemized-prices p {
    font-size: 12px; }

.thankyou {
  width: 391px;
  height: 344px;
  background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/receipt.png");
  padding: 20px 50px 50px;
  display: block;
  margin: 50px auto 0; }

.site-map {
  list-style-type: none;
  padding-left: 0;
  margin-top: 25px; }
  .site-map li {
    padding-bottom: 10px; }
  .site-map a {
    border-bottom: 0; }

.duplication {
  display: flex; }
  .duplication p {
    display: block;
    margin: 0 auto;
    text-align: center; }
  .duplication ul {
    list-style-type: none;
    width: 100%;
    font-size: 0;
    padding: 0; }
  .duplication li {
    display: inline-block;
    padding: 5px; }
  .duplication a {
    font-size: 13px;
    padding: 9px 0;
    line-height: 16px;
    margin: 7px 0 15px;
    font-weight: 500; }
  .duplication img {
    display: block !important;
    margin: 0 auto;
    max-width: 100% !important;
    margin-top: 0 !important; }
  .duplication .selected {
    opacity: 0.4; }

.expander {
  width: 100%;
  border-bottom: 1px dashed #DDDEE3;
  height: 1px;
  margin: 20px 0 30px; }
  .expander span {
    max-width: 200px;
    margin: auto;
    position: relative;
    top: -18px; }

.duplicate-cta.opened .expander span:after {
  transform: rotate(-180deg); }

#customer-info-form,
#card-info-form,
#alt-info,
#customer-update-address-form,
#login-form,
#register-form,
#forgot-password-form {
  /* input {
      padding: 5px 5px 5px 180px;
  } */
  /* label {
      position: absolute;
      top: 7px;
      left: 6px;
      z-index: 2;
      color: #909090;
  } */
  /* label.labeled {
      position: absolute;
      top: 7px;
      left: 46px;
      z-index: 3;
      color: #909090;
  } */ }
  #customer-info-form div,
  #card-info-form div,
  #alt-info div,
  #customer-update-address-form div,
  #login-form div,
  #register-form div,
  #forgot-password-form div {
    position: relative; }
  #customer-info-form input[type='submit'],
  #card-info-form input[type='submit'],
  #alt-info input[type='submit'],
  #customer-update-address-form input[type='submit'],
  #login-form input[type='submit'],
  #register-form input[type='submit'],
  #forgot-password-form input[type='submit'] {
    padding: 8px; }
  #customer-info-form .input-group input,
  #card-info-form .input-group input,
  #alt-info .input-group input,
  #customer-update-address-form .input-group input,
  #login-form .input-group input,
  #register-form .input-group input,
  #forgot-password-form .input-group input {
    padding: 5px 5px 5px 140px; }

#forgot-password-form,
#register-form {
  width: 60%; }
  #forgot-password-form .button,
  #register-form .button {
    padding: 9px; }
  #forgot-password-form .form-buttons,
  #register-form .form-buttons {
    margin-bottom: 40px; }
    #forgot-password-form .form-buttons .half-button,
    #register-form .form-buttons .half-button {
      padding: 10px; }
    #forgot-password-form .form-buttons .goBack,
    #register-form .form-buttons .goBack {
      background-color: #98A0CE; }
  #forgot-password-form .password-information,
  #register-form .password-information {
    font-size: 13px;
    line-height: 18px;
    font-weight: normal; }
  #forgot-password-form label,
  #forgot-password-form .password-information,
  #register-form label,
  #register-form .password-information {
    color: #0D196A; }
  #forgot-password-form input[type='text'],
  #forgot-password-form input[type='password'],
  #register-form input[type='text'],
  #register-form input[type='password'] {
    margin-bottom: 20px;
    height: 36px;
    padding: 8px 12px;
    color: #0D196A;
    box-shadow: none; }

.align-left p {
  text-align: left; }

.checkout-button {
  clear: both;
  width: 98%;
  margin: 10px auto; }

.cart-notice {
  float: right;
  width: 200px;
  border: 1px solid #E2E2E2;
  padding: 15px 33px 10px 24px;
  line-height: 2; }
  .cart-notice p {
    font-size: 12px;
    color: #0D196A;
    font-weight: 400; }

.cart-top-border {
  border-top: 1px solid #DDDEE3; }

.device-wizard-ui-content p {
  margin-top: 12px; }

.sticker-banner {
  cursor: pointer;
  display: flex;
  width: 100%;
  min-height: 80px;
  background-color: rgba(148, 148, 166, 0.23);
  justify-content: center;
  align-items: center; }
  .sticker-banner .sticker-img {
    position: relative;
    left: -1%;
    padding: 8px;
    width: 81px; }
  .sticker-banner span {
    color: #0D196A;
    font-size: medium;
    font-style: italic; }
    .sticker-banner span strong {
      font-weight: 600; }

@media only screen and (max-width: 767px) {
  .cart-notice {
    width: 100%; }

  .sticker-img {
    left: 0px !important; } }
@media only screen and (max-width: 480px) {
  .sticker-button:not(.button-blue.mobile-only) {
    position: relative !important;
    width: 100% !important; }

  #shop_pay_modal {
    height: 100%; }
    #shop_pay_modal .shop-pay-modal-content {
      margin: 5vh 2vw;
      /* 5% from the top and centered */ } }
.uswag {
  /* For full bleed items add a shadow for contrast against bg. */ }
  .uswag .show-mobile {
    display: none !important; }
  .uswag .full-bleed-shadow {
    filter: drop-shadow(0 0 0.75rem gray); }
  .uswag #main {
    display: flex;
    margin: 20px 0; }
    .uswag #main h2 {
      font-weight: 600; }
    .uswag #main #menu {
      background: #0D196A;
      min-width: 86px;
      width: 86px;
      max-height: 1000px; }
      .uswag #main #menu .nav li {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 18px;
        text-align: center; }
        .uswag #main #menu .nav li a {
          color: white;
          display: block;
          padding: 10px 0;
          display: flex;
          flex-direction: column;
          align-items: center; }
          .uswag #main #menu .nav li a.disabled {
            background-color: transparent !important;
            opacity: 0.5; }
          .uswag #main #menu .nav li a:hover, .uswag #main #menu .nav li a:focus, .uswag #main #menu .nav li a:active, .uswag #main #menu .nav li a.active {
            color: #FCE149;
            background-color: transparent; }
            .uswag #main #menu .nav li a:hover svg path,
            .uswag #main #menu .nav li a:hover svg mask,
            .uswag #main #menu .nav li a:hover svg use, .uswag #main #menu .nav li a:focus svg path,
            .uswag #main #menu .nav li a:focus svg mask,
            .uswag #main #menu .nav li a:focus svg use, .uswag #main #menu .nav li a:active svg path,
            .uswag #main #menu .nav li a:active svg mask,
            .uswag #main #menu .nav li a:active svg use, .uswag #main #menu .nav li a.active svg path,
            .uswag #main #menu .nav li a.active svg mask,
            .uswag #main #menu .nav li a.active svg use {
              fill: #FCE149; }
            .uswag #main #menu .nav li a:hover svg rect, .uswag #main #menu .nav li a:focus svg rect, .uswag #main #menu .nav li a:active svg rect, .uswag #main #menu .nav li a.active svg rect {
              stroke: #FCE149; }
          .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg path,
          .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg circle,
          .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg rect, .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg path,
          .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg circle,
          .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg rect, .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg path,
          .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg circle,
          .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg rect, .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg path,
          .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg circle,
          .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg rect {
            fill: #FCE149; }
          .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg rect:nth-child(3), .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg rect:nth-child(3), .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg rect:nth-child(3), .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg rect:nth-child(3) {
            fill: black; }
          .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg rect:nth-child(8), .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg rect:nth-child(8), .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg rect:nth-child(8), .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg rect:nth-child(8) {
            fill: black; }
          .uswag #main #menu .nav li a[data-action='download'] span {
            margin-top: 5px;
            font-size: 13.5px; }
    .uswag #main #tray {
      padding: 25px 20px;
      border: solid 1px #DDDEE3;
      min-width: 286px;
      width: 286px;
      max-height: 1000px;
      overflow-y: auto; }
      .uswag #main #tray > section {
        display: none; }
        .uswag #main #tray > section.active {
          display: block; }
        .uswag #main #tray > section > h2 {
          text-align: center;
          margin-bottom: 20px; }
        .uswag #main #tray > section#add-rack {
          overflow: visible;
          margin-bottom: -25px; }
          .uswag #main #tray > section#add-rack > a {
            padding-bottom: 10px; }
          .uswag #main #tray > section#add-rack ul {
            overflow-y: visible;
            list-style: none;
            padding: 0; }
            .uswag #main #tray > section#add-rack ul li {
              padding-bottom: 15px; }
              .uswag #main #tray > section#add-rack ul li .image-container {
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 100px;
                padding-bottom: 10px; }
                .uswag #main #tray > section#add-rack ul li .image-container img {
                  max-width: 100%;
                  max-height: 100%; }
              .uswag #main #tray > section#add-rack ul li h2 {
                text-align: left; }
        .uswag #main #tray > section#color > div > h2 {
          text-align: center; }
        .uswag #main #tray > section .placement,
        .uswag #main #tray > section .color {
          display: flex;
          justify-content: space-between;
          margin: 20px 0; }
          .uswag #main #tray > section .placement > label,
          .uswag #main #tray > section .color > label {
            display: flex; }
            .uswag #main #tray > section .placement > label > div,
            .uswag #main #tray > section .color > label > div {
              font-size: 12px;
              color: #0D196A; }
        .uswag #main #tray > section#artwork > a {
          margin-bottom: 20px; }
        .uswag #main #tray > section#artwork > h2 {
          margin-bottom: 20px; }
        .uswag #main #tray > section#artwork .search-bar-container {
          margin-bottom: 12px;
          flex-direction: column; }
          .uswag #main #tray > section#artwork .search-bar-container #power-search,
          .uswag #main #tray > section#artwork .search-bar-container span.input-group-btn {
            width: 100%;
            display: block;
            margin: 0; }
          .uswag #main #tray > section#artwork .search-bar-container span.input-group-btn {
            margin-top: 20px; }
            .uswag #main #tray > section#artwork .search-bar-container span.input-group-btn .dropdown-menu.browse-all {
              top: 42px; }
        .uswag #main #tray > section#artwork #es-results ul,
        .uswag #main #tray > section#artwork #recentlyUsed ul {
          list-style: none; }
          .uswag #main #tray > section#artwork #es-results ul li,
          .uswag #main #tray > section#artwork #recentlyUsed ul li {
            width: 100%;
            display: flex;
            margin: 0;
            padding: 10px 0;
            height: 115px; }
            .uswag #main #tray > section#artwork #es-results ul li > a[data-action='select-artwork'],
            .uswag #main #tray > section#artwork #recentlyUsed ul li > a[data-action='select-artwork'] {
              margin-top: 20px; }
            .uswag #main #tray > section#artwork #es-results ul li > div,
            .uswag #main #tray > section#artwork #recentlyUsed ul li > div {
              width: 100%;
              display: flex;
              flex-direction: row; }
              .uswag #main #tray > section#artwork #es-results ul li > div > div,
              .uswag #main #tray > section#artwork #recentlyUsed ul li > div > div {
                width: 48%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                position: relative;
                margin-right: 1%; }
                .uswag #main #tray > section#artwork #es-results ul li > div > div:last-of-type,
                .uswag #main #tray > section#artwork #recentlyUsed ul li > div > div:last-of-type {
                  justify-content: start; }
                .uswag #main #tray > section#artwork #es-results ul li > div > div > img,
                .uswag #main #tray > section#artwork #recentlyUsed ul li > div > div > img {
                  max-width: 90px;
                  max-height: 90px;
                  filter: drop-shadow(0 0 0.1rem gray); }
                .uswag #main #tray > section#artwork #es-results ul li > div > div > p,
                .uswag #main #tray > section#artwork #recentlyUsed ul li > div > div > p {
                  text-align: center;
                  width: 100%;
                  max-height: 48px;
                  overflow-y: hidden;
                  font-size: 12px;
                  line-height: 16px;
                  letter-spacing: normal;
                  display: -webkit-box;
                  -webkit-line-clamp: 3;
                  -webkit-box-orient: vertical; }
                .uswag #main #tray > section#artwork #es-results ul li > div > div > a,
                .uswag #main #tray > section#artwork #recentlyUsed ul li > div > div > a {
                  width: 100%;
                  position: absolute;
                  bottom: 0; }
        .uswag #main #tray > section#artwork #recentlyUsed ul {
          max-height: 240px;
          overflow-y: hidden; }
          @media only screen and (max-width: 768px) {
            .uswag #main #tray > section#artwork #recentlyUsed ul {
              display: flex !important;
              max-height: 332px;
              top: 0 !important; }
              .uswag #main #tray > section#artwork #recentlyUsed ul p {
                font-weight: normal !important; } }
          .uswag #main #tray > section#artwork #recentlyUsed ul li {
            border: none;
            margin-bottom: 10px; }
            @media only screen and (max-width: 768px) {
              .uswag #main #tray > section#artwork #recentlyUsed ul li {
                min-height: 166px; } }
            .uswag #main #tray > section#artwork #recentlyUsed ul li div > span {
              background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/uswag/remove.svg") no-repeat center center;
              cursor: pointer;
              position: absolute;
              height: 25px;
              top: 0;
              right: 2px;
              width: 25px;
              display: block !important;
              z-index: 1; }
            .uswag #main #tray > section#artwork #recentlyUsed ul li:empty {
              margin-bottom: 0; }
          @media only screen and (max-width: 768px) {
            .uswag #main #tray > section#artwork #recentlyUsed ul + #showMoreButton {
              margin-top: 20px;
              color: #0D196A; } }
        .uswag #main #tray > section#artwork #recentlyUsedButton {
          margin-bottom: 20px; }
        .uswag #main #tray > section#artwork_upload {
          color: #0D196A;
          text-align: center; }
          .uswag #main #tray > section#artwork_upload .highlight {
            background-color: #717cbc; }
          .uswag #main #tray > section#artwork_upload p a {
            font-weight: bold;
            text-decoration: underline; }
            .uswag #main #tray > section#artwork_upload p a:hover, .uswag #main #tray > section#artwork_upload p a:focus, .uswag #main #tray > section#artwork_upload p a:active {
              color: #0D196A; }
          .uswag #main #tray > section#artwork_upload #dropzone {
            margin: 20px 0;
            padding: 116px 10px 20px;
            display: flex;
            justify-content: center;
            align-content: center;
            border: dashed 1px #DDDEE3;
            font-style: italic;
            font-size: 14px;
            line-height: 19px;
            letter-spacing: normal;
            background: no-repeat url("https://d2nwi4n562ba8i.cloudfront.net/_img/uswag-icon-upload-art.svg") center 32px; }
            .uswag #main #tray > section#artwork_upload #dropzone p {
              padding: 0;
              margin: 0; }
              .uswag #main #tray > section#artwork_upload #dropzone p strong {
                text-decoration: underline; }
          .uswag #main #tray > section#artwork_upload .artwork_upload_item img {
            max-width: 100%;
            max-height: 500px;
            margin-bottom: 10px; }
        .uswag #main #tray > section#text label,
        .uswag #main #tray > section#text input[type='text'] {
          width: 100%;
          color: #0D196A;
          font-weight: normal;
          margin: 10px 0 0 0; }
        .uswag #main #tray > section#text label {
          font-size: 14px;
          line-height: 19px; }
        .uswag #main #tray > section#text input[type='text'] {
          padding: 6px 12px;
          font-size: 12px;
          line-height: 24px; }
          .uswag #main #tray > section#text input[type='text']::placeholder {
            color: #0D196A;
            font-weight: 300; }
        .uswag #main #tray > section#text .placement {
          border-top: 1px solid #DDDEE3;
          padding-top: 20px; }
        .uswag #main #tray > section#artwork_rack {
          overflow-y: hidden;
          margin-bottom: -25px; }
          .uswag #main #tray > section#artwork_rack > a {
            padding-bottom: 10px; }
          .uswag #main #tray > section#artwork_rack ul {
            overflow-y: visible;
            list-style: none;
            padding: 0; }
            .uswag #main #tray > section#artwork_rack ul li {
              padding-bottom: 30px; }
              .uswag #main #tray > section#artwork_rack ul li .image-container {
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 100px;
                padding-bottom: 10px; }
                .uswag #main #tray > section#artwork_rack ul li .image-container img {
                  max-width: 100%;
                  max-height: 100%; }
              .uswag #main #tray > section#artwork_rack ul li h2 {
                text-align: left; }
        .uswag #main #tray > section [data-action='select-artwork'].active {
          background: #B00020;
          color: #B00020 !important;
          border: none;
          position: relative; }
          .uswag #main #tray > section [data-action='select-artwork'].active:after {
            content: 'REMOVE';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            pointer-events: none;
            color: white; }
        .uswag #main #tray > section#color > div ul {
          list-style: none;
          padding: 0;
          margin: 0;
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between; }
          .uswag #main #tray > section#color > div ul li {
            width: 25%;
            height: 48px;
            display: inline-block;
            padding: 0 7px;
            margin-bottom: 13px; }
            .uswag #main #tray > section#color > div ul li img {
              width: 100%;
              border-radius: 50%;
              box-sizing: border-box;
              cursor: pointer; }
            .uswag #main #tray > section#color > div ul li input[type='radio']:checked + img {
              box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15); }
      .uswag #main #tray #tray-products {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap; }
        .uswag #main #tray #tray-products:after {
          content: '';
          flex: auto;
          width: 50%; }
        .uswag #main #tray #tray-products > a {
          width: 50%;
          height: 100%;
          flex: 1 0 auto;
          height: auto;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative; }
          .uswag #main #tray #tray-products > a:before {
            content: '';
            float: left;
            padding-top: 100%; }
          .uswag #main #tray #tray-products > a:hover, .uswag #main #tray #tray-products > a:focus, .uswag #main #tray #tray-products > a:active, .uswag #main #tray #tray-products > a.active {
            box-shadow: inset 0 0 0 3px #DDDEE3; }
          .uswag #main #tray #tray-products > a img {
            max-width: 100px;
            max-height: 100px; }
          .uswag #main #tray #tray-products > a[data-count]:after {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
            text-align: center;
            background: #34408b;
            color: white;
            border-radius: 50%;
            position: absolute;
            top: 8px;
            right: 8px;
            font-size: 14px;
            line-height: 18px;
            content: attr(data-count); }
    .uswag #main #product {
      flex-grow: 1;
      margin-left: 40px;
      padding: 10px 0 30px 0;
      /* border-top: solid 1px $border-color; */ }
      .uswag #main #product #design-name {
        box-sizing: border-box;
        width: 100%;
        border: 2px solid #dddee3;
        border-radius: 4px;
        font-size: 15.8px;
        letter-spacing: 0.15px;
        line-height: 24px;
        color: #0D196A;
        padding: 9px 16px;
        margin: 10px 0 0; }
      .uswag #main #product #view-direction {
        width: 48px;
        margin: 0 auto 20px; }
      .uswag #main #product #preview {
        /* &.show-garment-placement section .garment-placement {
            display: flex;
        } */ }
        .uswag #main #product #preview .garment-placement {
          display: flex; }
        .uswag #main #product #preview .full-fit-placement {
          display: flex; }
        .uswag #main #product #preview section {
          width: 100%;
          display: none;
          z-index: 5; }
          .uswag #main #product #preview section .placement {
            justify-content: space-between;
            width: 50%;
            margin: 20px auto 0; }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section .placement {
                margin: 20px auto 20px; } }
            @media only screen and (max-width: 480px) {
              .uswag #main #product #preview section .placement {
                margin: 20px auto 20px;
                width: 80%; } }
            .uswag #main #product #preview section .placement > label {
              display: flex; }
              .uswag #main #product #preview section .placement > label > div {
                font-size: 12px;
                color: #0D196A; }
          .uswag #main #product #preview section.active {
            display: block; }
          .uswag #main #product #preview section h2 {
            text-align: center; }
          .uswag #main #product #preview section input.design-name {
            width: 100%;
            margin-top: 20px;
            margin-bottom: 10px;
            height: 46px; }
          .uswag #main #product #preview section .canvas {
            min-height: 585px;
            background: url(#) no-repeat center center;
            background-size: contain;
            margin-top: 30px;
            margin-bottom: 25px;
            text-align: center; }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section .canvas img[data-productimage] {
                max-width: 90vw;
                max-height: 90vh; }
              .uswag #main #product #preview section .canvas:after {
                content: '';
                height: 75px;
                width: 100%;
                display: block;
                background: #fff; } }
            .uswag #main #product #preview section .canvas .design-preview {
              margin: 0 auto;
              display: none;
              position: relative; }
              .uswag #main #product #preview section .canvas .design-preview.black-text {
                color: #000 !important; }
              .uswag #main #product #preview section .canvas .design-preview.white-text {
                color: white !important; }
              .uswag #main #product #preview section .canvas .design-preview img {
                max-width: 100%; }
              .uswag #main #product #preview section .canvas .design-preview p {
                text-align: center;
                font-family: 'Army Wide';
                margin-bottom: 0; }
          .uswag #main #product #preview section #preview-canvas-shirt-tee-mens {
            position: relative; }
          .uswag #main #product #preview section #preview-canvas-dog-tag .dt-upsell {
            color: #00915E;
            font-size: 14px;
            font-weight: bold;
            display: block;
            margin-top: 30px; }
          .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.pocket,
          .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.pocket {
            max-width: 84px;
            top: 98px;
            left: 52px; }
          @media only screen and (max-width: 1080px) {
            .uswag #main #product #preview section #preview-canvas-shirt-tee-mens {
              /* width: 310px; */
              margin-left: auto;
              margin-right: auto; } }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-shirt-tee-mens {
              /* width: 345px; */ } }
          @media only screen and (max-width: 375px) {
            .uswag #main #product #preview section #preview-canvas-shirt-tee-mens {
              /* width: 315px; */ } }
          .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.front {
            max-width: 184px;
            top: 82px; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.front {
                top: 155px;
                max-width: 122px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.front {
                top: 60px;
                max-width: 134px; } }
            @media only screen and (max-width: 375px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.front {
                max-width: 125px;
                top: 73px; } }
          .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.pocket {
            top: 97px; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.pocket {
                top: 164px;
                left: 33px;
                max-width: 55px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.pocket {
                max-width: 60px;
                top: 70px;
                left: 37px; } }
            @media only screen and (max-width: 375px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.pocket {
                top: 82px;
                left: 35px;
                max-width: 56px; } }
            .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.pocket img {
              width: 84px;
              height: 84px;
              object-fit: contain; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.pocket img {
                  width: 55px;
                  height: 55px; } }
              @media only screen and (max-width: 768px) {
                .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.pocket img {
                  width: 60px;
                  height: 60px; } }
              @media only screen and (max-width: 375px) {
                .uswag #main #product #preview section #preview-canvas-shirt-tee-mens .design-preview.pocket img {
                  width: 56px;
                  height: 56px; } }
          @media only screen and (max-width: 1080px) {
            .uswag #main #product #preview section #preview-canvas-shirt-tee-womens {
              width: 310px;
              margin-left: auto;
              margin-right: auto; } }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-shirt-tee-womens {
              width: 345px; } }
          @media only screen and (max-width: 375px) {
            .uswag #main #product #preview section #preview-canvas-shirt-tee-womens {
              width: 315px; } }
          .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.front {
            max-width: 188px;
            top: 89px;
            left: -8px; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.front {
                top: 150px;
                max-width: 133px;
                left: -5px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.front {
                top: 64px;
                max-width: 134px; } }
            @media only screen and (max-width: 375px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.front {
                left: -6px;
                top: 67px; } }
          .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.pocket {
            max-width: 85px;
            top: 101px;
            left: 45px; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.pocket {
                top: 158px;
                left: 32px;
                max-width: 60px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.pocket {
                top: 73px;
                left: 33px; } }
            @media only screen and (max-width: 375px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.pocket {
                top: 76px;
                left: 32px;
                max-width: 61px; } }
            .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.pocket img {
              width: 85px;
              height: 85px;
              object-fit: contain; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.pocket img {
                  width: 60px;
                  height: 60px; } }
              @media only screen and (max-width: 375px) {
                .uswag #main #product #preview section #preview-canvas-shirt-tee-womens .design-preview.pocket img {
                  width: 61px;
                  height: 61px; } }
          .uswag #main #product #preview section #preview-canvas-water-bottle .design-preview {
            max-width: 144px;
            top: 318px;
            left: 4px; }
          .uswag #main #product #preview section #preview-canvas-water-bottle .design-preview.full {
            max-width: 100%;
            width: 100%; }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-water-bottle .design-preview.full {
                top: 230px;
                left: 3px; } }
            @media only screen and (max-width: 414px) {
              .uswag #main #product #preview section #preview-canvas-water-bottle .design-preview.full {
                top: 230px; } }
            .uswag #main #product #preview section #preview-canvas-water-bottle .design-preview.full img {
              max-width: 144px;
              display: block;
              margin: 0 auto; }
              @media only screen and (max-width: 768px) {
                .uswag #main #product #preview section #preview-canvas-water-bottle .design-preview.full img {
                  max-width: 105px; } }
          .uswag #main #product #preview section #preview-canvas-tumbler .design-preview {
            max-width: 121px;
            top: 155px;
            left: -65px; }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-tumbler .design-preview.full {
              max-width: 88px;
              top: 112px;
              left: -47px; } }
          @media only screen and (max-width: 320px) {
            .uswag #main #product #preview section #preview-canvas-tumbler .design-preview.full {
              max-width: 80px;
              top: 120px;
              left: -44px; } }
          @media only screen and (max-width: 280px) {
            .uswag #main #product #preview section #preview-canvas-tumbler .design-preview.full {
              max-width: 68px;
              top: 133px;
              left: -38px; } }
          .uswag #main #product #preview section #preview-canvas-stein .design-preview {
            max-width: 256px;
            top: 117px;
            left: -72px; }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-stein .design-preview.full {
              max-width: 185px;
              top: 84px;
              left: -52px; } }
          @media only screen and (max-width: 414px) {
            .uswag #main #product #preview section #preview-canvas-stein .design-preview.full {
              max-width: 175px;
              top: 93px;
              left: -50px; } }
          @media only screen and (max-width: 412px) {
            .uswag #main #product #preview section #preview-canvas-stein .design-preview.full {
              max-width: 174px;
              left: -49px; } }
          @media only screen and (max-width: 375px) {
            .uswag #main #product #preview section #preview-canvas-stein .design-preview.full {
              max-width: 156px;
              top: 105px;
              left: -45px; } }
          @media only screen and (max-width: 360px) {
            .uswag #main #product #preview section #preview-canvas-stein .design-preview.full {
              max-width: 150px;
              top: 109px;
              left: -42px; } }
          @media only screen and (max-width: 320px) {
            .uswag #main #product #preview section #preview-canvas-stein .design-preview.full {
              max-width: 130px;
              top: 123px;
              left: -37px; } }
          @media only screen and (max-width: 280px) {
            .uswag #main #product #preview section #preview-canvas-stein .design-preview.full {
              max-width: 112px;
              top: 135px;
              left: -32px; } }
          .uswag #main #product #preview section #preview-canvas-flask-tall .design-preview {
            max-width: 303px;
            top: 80px; }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-flask-tall .design-preview.full {
              max-width: 220px;
              top: 58px; } }
          @media only screen and (max-width: 414px) {
            .uswag #main #product #preview section #preview-canvas-flask-tall .design-preview.full {
              max-width: 219px; } }
          @media only screen and (max-width: 280px) {
            .uswag #main #product #preview section #preview-canvas-flask-tall .design-preview.full {
              max-width: 194px;
              top: 76px; } }
          .uswag #main #product #preview section #preview-canvas-flask-short .design-preview {
            max-width: 425px;
            top: 118px; }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-flask-short .design-preview.full {
              max-width: 307px;
              top: 85px; } }
          @media only screen and (max-width: 375px) {
            .uswag #main #product #preview section #preview-canvas-flask-short .design-preview.full {
              max-width: 283px;
              top: 96px; } }
          @media only screen and (max-width: 360px) {
            .uswag #main #product #preview section #preview-canvas-flask-short .design-preview.full {
              max-width: 272px;
              top: 101px; } }
          @media only screen and (max-width: 320px) {
            .uswag #main #product #preview section #preview-canvas-flask-short .design-preview.full {
              max-width: 238px;
              top: 115px; } }
          @media only screen and (max-width: 280px) {
            .uswag #main #product #preview section #preview-canvas-flask-short .design-preview.full {
              max-width: 204px;
              top: 128px; } }
          .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.front {
            max-width: 186px;
            top: 153px;
            left: -7px; }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.front {
                top: 110px;
                max-width: 135px;
                left: -5px; } }
          .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.pocket {
            max-width: 82px;
            top: 165px;
            left: 52px; }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.pocket {
                top: 119px;
                max-width: 59px;
                left: 32px; } }
          .uswag #main #product #preview section #preview-canvas-shirt-tank-mens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tank-mens .design-preview.front {
            max-width: 184px;
            top: 136px; }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tank-mens .design-preview.full, .uswag #main #product #preview section #preview-canvas-shirt-tank-mens .design-preview.front {
                top: 99px;
                max-width: 135px; } }
          .uswag #main #product #preview section #preview-canvas-shirt-tank-mens .design-preview.pocket {
            max-width: 82px;
            top: 149px;
            left: 52px; }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tank-mens .design-preview.pocket {
                top: 108px;
                max-width: 60px;
                left: 38px; } }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-shirt-tank-mens .design-preview.full {
              max-width: 133px;
              top: 99px; } }
          @media only screen and (max-width: 412px) {
            .uswag #main #product #preview section #preview-canvas-shirt-tank-mens .design-preview.full {
              max-width: 134px;
              left: 1px; } }
          @media only screen and (max-width: 411px) {
            .uswag #main #product #preview section #preview-canvas-shirt-tank-mens .design-preview.full {
              max-width: 132px; } }
          .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.full {
            left: -6px; }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.full {
                max-width: 133px;
                top: 111px; } }
            @media only screen and (max-width: 540px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.full {
                max-width: 134px;
                left: -5px; } }
            @media only screen and (max-width: 375px) {
              .uswag #main #product #preview section #preview-canvas-shirt-tank-womens .design-preview.full {
                max-width: 134px; } }
          @media only screen and (max-width: 1080px) {
            .uswag #main #product #preview section #preview-canvas-dog-tag {
              max-width: 310px;
              min-height: 385px;
              margin: 0 auto;
              width: 100%; } }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-dog-tag {
              max-width: 550px; } }
          @media only screen and (max-width: 590px) {
            .uswag #main #product #preview section #preview-canvas-dog-tag {
              max-width: 343px; } }
          @media only screen and (max-width: 370px) {
            .uswag #main #product #preview section #preview-canvas-dog-tag {
              width: auto;
              max-width: initial;
              margin: 0 20px; } }
          @media only screen and (max-width: 320px) {
            .uswag #main #product #preview section #preview-canvas-dog-tag {
              min-height: 270px; } }
          .uswag #main #product #preview section #preview-canvas-dog-tag canvas {
            display: none;
            position: relative;
            top: 131px;
            width: 100%;
            height: 322px; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag canvas {
                top: 107px;
                height: 171px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag canvas {
                top: 42px;
                height: 302px; } }
            @media only screen and (max-width: 590px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag canvas {
                top: 98px;
                height: 190px; } }
            @media only screen and (max-width: 370px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag canvas {
                top: 120px;
                height: 146px; } }
            @media only screen and (max-width: 320px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag canvas {
                top: 66px;
                height: 138px; } }
          .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview {
            max-width: 423px;
            top: 184px;
            left: 12px; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box {
                left: 6px;
                top: 136px;
                max-width: 222px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box {
                left: 11px;
                top: 92px;
                max-width: 392px; } }
            @media only screen and (max-width: 590px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box {
                left: 7px;
                top: 130px;
                max-width: 246px; } }
            @media only screen and (max-width: 360px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box {
                left: 6px;
                top: 133px;
                max-width: 230px; } }
            @media only screen and (max-width: 320px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box {
                top: 84px;
                left: 5px;
                width: 201px;
                height: 103px; } }
            @media only screen and (max-width: 280px) {
              .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box {
                top: 91px;
                max-width: 172px; } }
            .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full img, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box img {
              width: 423px;
              height: 216px;
              -o-object-fit: cover;
              object-fit: cover; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full img, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box img {
                  width: 222px;
                  height: 113px; } }
              @media only screen and (max-width: 768px) {
                .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full img, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box img {
                  width: 392px;
                  height: 201px; } }
              @media only screen and (max-width: 590px) {
                .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full img, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box img {
                  width: 246px;
                  height: 126px; } }
              @media only screen and (max-width: 360px) {
                .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full img, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box img {
                  width: 230px;
                  height: 118px; } }
              @media only screen and (max-width: 320px) {
                .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full img, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box img {
                  width: 201px;
                  height: 103px; } }
              @media only screen and (max-width: 280px) {
                .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full img, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.box img {
                  width: 172px;
                  height: 89px; } }
            .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full + canvas, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.bleed + canvas {
              display: block; }
            .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.full img, .uswag #main #product #preview section #preview-canvas-dog-tag .design-preview.bleed img {
              display: none; }
          .uswag #main #product #preview section #preview-canvas-bottle-opener {
            display: flex;
            align-items: center;
            justify-content: center; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-bottle-opener {
                min-height: 350px;
                width: 100%;
                max-width: 310px;
                margin: 30px auto 0; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-bottle-opener {
                max-width: 550px;
                margin: 30px auto 0; } }
            @media only screen and (max-width: 560px) {
              .uswag #main #product #preview section #preview-canvas-bottle-opener {
                max-width: 335px; } }
            @media only screen and (max-width: 370px) {
              .uswag #main #product #preview section #preview-canvas-bottle-opener {
                margin: 0 20px;
                width: auto; } }
            .uswag #main #product #preview section #preview-canvas-bottle-opener canvas {
              width: 100%;
              height: 127px; }
            .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box {
              max-width: 331px;
              left: 10px;
              top: 2px; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box {
                  left: 5px;
                  top: 1px;
                  max-width: 174px; } }
              @media only screen and (max-width: 768px) {
                .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box {
                  left: 9px;
                  max-width: 310px; } }
              @media only screen and (max-width: 560px) {
                .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box {
                  left: 5px;
                  max-width: 188px; } }
              @media only screen and (max-width: 370px) {
                .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box {
                  max-width: 157px;
                  left: 4px; } }
              .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box + canvas {
                display: none; }
              .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box img {
                width: 100%;
                height: 99px;
                -o-object-fit: cover;
                object-fit: cover; }
                @media only screen and (max-width: 1080px) {
                  .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box img {
                    width: 178px;
                    height: 52px; } }
                @media only screen and (max-width: 768px) {
                  .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box img {
                    width: 310px;
                    height: 93px; } }
                @media only screen and (max-width: 560px) {
                  .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box img {
                    width: 188px;
                    height: 57px; } }
                @media only screen and (max-width: 370px) {
                  .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.box img {
                    width: 157px;
                    height: 47px; } }
            .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.full + canvas, .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.bleed + canvas {
              display: block; }
            .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.full img, .uswag #main #product #preview section #preview-canvas-bottle-opener .design-preview.bleed img {
              display: none; }
          @media only screen and (max-width: 1080px) {
            .uswag #main #product #preview section #preview-canvas-mug {
              width: 100%;
              max-width: 308px;
              margin-left: auto;
              margin-right: auto;
              min-height: 441px; } }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-mug {
              max-width: 343px; } }
          @media only screen and (max-width: 375px) {
            .uswag #main #product #preview section #preview-canvas-mug {
              max-width: 280px;
              min-height: 280px; } }
          .uswag #main #product #preview section #preview-canvas-mug.view-right img {
            -webkit-mask-image: url("https://i.ezr.io/_img/uswag/uswag-mug-right-mask.png");
            mask-image: url("https://i.ezr.io/_img/uswag/uswag-mug-right-mask.png"); }
          .uswag #main #product #preview section #preview-canvas-mug.view-right .design-preview.box, .uswag #main #product #preview section #preview-canvas-mug.view-right .design-preview.full, .uswag #main #product #preview section #preview-canvas-mug.view-right .design-preview.bleed {
            margin-left: auto;
            left: 0; }
          .uswag #main #product #preview section #preview-canvas-mug .design-preview.box, .uswag #main #product #preview section #preview-canvas-mug .design-preview.full, .uswag #main #product #preview section #preview-canvas-mug .design-preview.bleed {
            margin: 0;
            max-width: 374px;
            top: 76px;
            left: 1px; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-mug .design-preview.box, .uswag #main #product #preview section #preview-canvas-mug .design-preview.full, .uswag #main #product #preview section #preview-canvas-mug .design-preview.bleed {
                top: 107px;
                max-width: 196px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-mug .design-preview.box, .uswag #main #product #preview section #preview-canvas-mug .design-preview.full, .uswag #main #product #preview section #preview-canvas-mug .design-preview.bleed {
                top: 95px;
                max-width: 218px; } }
            @media only screen and (max-width: 375px) {
              .uswag #main #product #preview section #preview-canvas-mug .design-preview.box, .uswag #main #product #preview section #preview-canvas-mug .design-preview.full, .uswag #main #product #preview section #preview-canvas-mug .design-preview.bleed {
                top: 38px;
                max-width: 177px; } }
            .uswag #main #product #preview section #preview-canvas-mug .design-preview.box img, .uswag #main #product #preview section #preview-canvas-mug .design-preview.full img, .uswag #main #product #preview section #preview-canvas-mug .design-preview.bleed img {
              width: 374px;
              height: 440px;
              object-fit: cover; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-mug .design-preview.box img, .uswag #main #product #preview section #preview-canvas-mug .design-preview.full img, .uswag #main #product #preview section #preview-canvas-mug .design-preview.bleed img {
                  width: 196px;
                  height: 231px; } }
              @media only screen and (max-width: 768px) {
                .uswag #main #product #preview section #preview-canvas-mug .design-preview.box img, .uswag #main #product #preview section #preview-canvas-mug .design-preview.full img, .uswag #main #product #preview section #preview-canvas-mug .design-preview.bleed img {
                  width: 223px;
                  height: 257px; } }
              @media only screen and (max-width: 375px) {
                .uswag #main #product #preview section #preview-canvas-mug .design-preview.box img, .uswag #main #product #preview section #preview-canvas-mug .design-preview.full img, .uswag #main #product #preview section #preview-canvas-mug .design-preview.bleed img {
                  width: 177px;
                  height: 209px; } }
          .uswag #main #product #preview section #preview-canvas-keychain {
            display: flex;
            justify-content: center;
            align-items: flex-end;
            position: relative; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-keychain {
                width: 310px;
                min-height: 428px;
                margin-left: auto;
                margin-right: auto; } }
            @media only screen and (max-width: 375px) {
              .uswag #main #product #preview section #preview-canvas-keychain {
                max-width: 280px; } }
            .uswag #main #product #preview section #preview-canvas-keychain .design-preview.full, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.box, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.bleed {
              display: none; }
              .uswag #main #product #preview section #preview-canvas-keychain .design-preview.full img, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.box img, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.bleed img {
                object-fit: cover; }
            .uswag #main #product #preview section #preview-canvas-keychain .design-preview.full, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.bleed {
              overflow: hidden;
              border-radius: 50%;
              top: -1px; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-keychain .design-preview.full, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.bleed {
                  top: -17px; } }
              @media only screen and (max-width: 375px) {
                .uswag #main #product #preview section #preview-canvas-keychain .design-preview.full, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.bleed {
                  top: -35px; } }
              .uswag #main #product #preview section #preview-canvas-keychain .design-preview.full img, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.bleed img {
                width: 455px;
                height: 455px; }
                @media only screen and (max-width: 1080px) {
                  .uswag #main #product #preview section #preview-canvas-keychain .design-preview.full img, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.bleed img {
                    width: 308px;
                    height: 308px; } }
                @media only screen and (max-width: 375px) {
                  .uswag #main #product #preview section #preview-canvas-keychain .design-preview.full img, .uswag #main #product #preview section #preview-canvas-keychain .design-preview.bleed img {
                    width: 279px;
                    height: 279px; } }
            .uswag #main #product #preview section #preview-canvas-keychain .design-preview.box {
              overflow: hidden;
              border-radius: 50%;
              top: -15px; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-keychain .design-preview.box {
                  top: -26px; } }
              @media only screen and (max-width: 375px) {
                .uswag #main #product #preview section #preview-canvas-keychain .design-preview.box {
                  top: -44px; } }
              .uswag #main #product #preview section #preview-canvas-keychain .design-preview.box img {
                width: 428px;
                height: 428px; }
                @media only screen and (max-width: 1080px) {
                  .uswag #main #product #preview section #preview-canvas-keychain .design-preview.box img {
                    width: 290px;
                    height: 290px; } }
                @media only screen and (max-width: 375px) {
                  .uswag #main #product #preview section #preview-canvas-keychain .design-preview.box img {
                    width: 262px;
                    height: 262px; } }
          @media only screen and (max-width: 1080px) {
            .uswag #main #product #preview section #preview-canvas-canvas {
              max-width: 491px; } }
          @media only screen and (max-width: 949px) {
            .uswag #main #product #preview section #preview-canvas-canvas {
              max-width: 310px; } }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-canvas {
              max-width: initial; } }
          @media only screen and (max-width: 599px) {
            .uswag #main #product #preview section #preview-canvas-canvas {
              max-width: 343px;
              width: 100%;
              margin: 0 auto;
              min-height: 344px; } }
          @media only screen and (max-width: 370px) {
            .uswag #main #product #preview section #preview-canvas-canvas {
              max-width: 240px; } }
          @media only screen and (max-width: 297px) {
            .uswag #main #product #preview section #preview-canvas-canvas {
              margin: 0 20px;
              width: auto; } }
          .uswag #main #product #preview section #preview-canvas-canvas canvas {
            position: relative;
            top: 58px;
            width: 100%;
            height: auto; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-canvas canvas {
                top: 97px; } }
            @media only screen and (max-width: 949px) {
              .uswag #main #product #preview section #preview-canvas-canvas canvas {
                top: 169px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-canvas canvas {
                top: 0; } }
            @media only screen and (max-width: 599px) {
              .uswag #main #product #preview section #preview-canvas-canvas canvas {
                top: 35px; } }
            @media only screen and (max-width: 370px) {
              .uswag #main #product #preview section #preview-canvas-canvas canvas {
                top: 76px; } }
          .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box {
            max-width: 515px;
            left: 15px;
            top: 88px;
            overflow: hidden;
            clip-path: polygon(1% 0%, 100% 3%, 100% 95.5%, 1% 98.5%); }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box {
                max-width: 431px;
                left: 12px;
                top: 121px; } }
            @media only screen and (max-width: 949px) {
              .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box {
                max-width: 271px;
                left: 8px;
                top: 185px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box {
                max-width: 463px;
                left: 13px;
                top: 27px; } }
            @media only screen and (max-width: 599px) {
              .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box {
                max-width: 300px;
                left: 8px;
                top: 52px; } }
            @media only screen and (max-width: 370px) {
              .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box {
                max-width: 210px;
                left: 6px;
                top: 88px; } }
            .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box + canvas {
              display: none; }
            .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box img {
              width: 515px;
              height: 417px;
              object-fit: cover; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box img {
                  width: 431px;
                  height: 348px; } }
              @media only screen and (max-width: 768px) {
                .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box img {
                  width: 463px;
                  height: 375px; } }
              @media only screen and (max-width: 599px) {
                .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box img {
                  width: 300px;
                  height: 243px; } }
              @media only screen and (max-width: 370px) {
                .uswag #main #product #preview section #preview-canvas-canvas .design-preview.box img {
                  width: 233px;
                  height: 170px; } }
          .uswag #main #product #preview section #preview-canvas-canvas .design-preview.full + canvas, .uswag #main #product #preview section #preview-canvas-canvas .design-preview.bleed + canvas {
            display: block; }
          .uswag #main #product #preview section #preview-canvas-canvas .design-preview.full img, .uswag #main #product #preview section #preview-canvas-canvas .design-preview.bleed img {
            display: none; }
          @media only screen and (max-width: 1080px) {
            .uswag #main #product #preview section #preview-canvas-coaster {
              width: 100%;
              max-width: 574px;
              min-height: 347px; } }
          @media only screen and (max-width: 768px) {
            .uswag #main #product #preview section #preview-canvas-coaster {
              width: 100%;
              max-width: 528px;
              min-height: 528px;
              margin: 20px auto; } }
          @media only screen and (max-width: 555px) {
            .uswag #main #product #preview section #preview-canvas-coaster {
              max-width: 342px;
              min-height: 344px; } }
          @media only screen and (max-width: 370px) {
            .uswag #main #product #preview section #preview-canvas-coaster {
              max-width: 239px; } }
          @media only screen and (max-width: 300px) {
            .uswag #main #product #preview section #preview-canvas-coaster {
              width: auto;
              margin: 0 20px; } }
          .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box {
            display: none;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            overflow: hidden; }
            .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full img, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed img, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box img {
              object-fit: cover;
              align-self: center; }
          .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full {
            top: 7px;
            left: -7px;
            max-width: 574px;
            max-height: 574px; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full {
                top: 3px;
                left: -4px;
                max-width: 344px;
                max-height: 344px; } }
            @media only screen and (max-width: 820px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full {
                top: 23px;
                max-width: 301px;
                max-height: 301px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full {
                top: 9px;
                max-width: 514px;
                max-height: 514px; } }
            @media only screen and (max-width: 555px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full {
                top: 7px;
                max-width: 332px;
                max-height: 332px; } }
            @media only screen and (max-width: 370px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full {
                top: 56px;
                max-width: 233px;
                max-height: 233px; } }
            .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed img, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full img {
              width: 574px;
              height: 574px; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed img, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full img {
                  width: 344px;
                  height: 344px; } }
              @media only screen and (max-width: 820px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed img, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full img {
                  width: 301px;
                  height: 301px; } }
              @media only screen and (max-width: 768px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed img, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full img {
                  width: 514px;
                  height: 514px; } }
              @media only screen and (max-width: 555px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed img, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full img {
                  width: 332px;
                  height: 332px; } }
              @media only screen and (max-width: 370px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.bleed img, .uswag #main #product #preview section #preview-canvas-coaster .design-preview.full img {
                  width: 233px;
                  height: 233px; } }
          .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box {
            top: 31px;
            left: -7px;
            max-width: 527px;
            max-height: 527px; }
            @media only screen and (max-width: 1080px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box {
                top: 16px;
                left: -4px;
                max-width: 316px;
                max-height: 316px; } }
            @media only screen and (max-width: 820px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box {
                top: 23px;
                max-width: 301px;
                max-height: 301px; } }
            @media only screen and (max-width: 768px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box {
                top: 30px;
                max-width: 471px;
                max-height: 471px; } }
            @media only screen and (max-width: 555px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box {
                top: 20px;
                max-width: 305px;
                max-height: 305px; } }
            @media only screen and (max-width: 370px) {
              .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box {
                left: -3px;
                top: 66px;
                max-width: 213px;
                max-height: 213px; } }
            .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box img {
              width: 527px;
              height: 527px; }
              @media only screen and (max-width: 1080px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box img {
                  width: 316px;
                  height: 316px; } }
              @media only screen and (max-width: 820px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box img {
                  width: 301px;
                  height: 301px; } }
              @media only screen and (max-width: 768px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box img {
                  width: 471px;
                  height: 471px; } }
              @media only screen and (max-width: 555px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box img {
                  width: 305px;
                  height: 305px; } }
              @media only screen and (max-width: 370px) {
                .uswag #main #product #preview section #preview-canvas-coaster .design-preview.box img {
                  width: 213px;
                  height: 213px; } }
          .uswag #main #product #preview section .basket {
            margin: 0; }
            .uswag #main #product #preview section .basket ul li:first-of-type {
              padding: 0; }
              .uswag #main #product #preview section .basket ul li:first-of-type a {
                width: 100%;
                max-width: 157px;
                height: 123px;
                background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%237FD1B5' stroke-width='2' stroke-dasharray='5%2c10' stroke-dashoffset='100' stroke-linecap='square'/%3e%3c/svg%3e");
                text-transform: uppercase;
                color: #00915E;
                font-weight: 500;
                font-size: 13.7px;
                letter-spacing: 1.25px;
                line-height: 16px;
                flex-direction: column;
                text-align: center;
                padding: 0 10px; }
                .uswag #main #product #preview section .basket ul li:first-of-type a img {
                  margin-bottom: 10px; }
                .uswag #main #product #preview section .basket ul li:first-of-type a:first-of-type {
                  margin-bottom: 10px; }
    .uswag #main .uswag-landing-page {
      flex-grow: 1;
      padding: 20px 40px;
      background-color: #000A50; }
      .uswag #main .uswag-landing-page .landing-page-content {
        text-align: center; }
        .uswag #main .uswag-landing-page .landing-page-content .title {
          color: #FFFFFF;
          font-size: 40px;
          font-weight: bold;
          line-height: 50px;
          margin-bottom: 20px; }
        .uswag #main .uswag-landing-page .landing-page-content .subtitle {
          color: #98A0CE;
          font-weight: bold;
          font-size: 18px;
          line-height: 28px;
          margin-bottom: 20px; }
        .uswag #main .uswag-landing-page .landing-page-content .info {
          color: #DDDEE3;
          font-size: 14px;
          font-style: italic;
          line-height: 18px;
          margin-bottom: 20px; }
        .uswag #main .uswag-landing-page .landing-page-content img {
          width: 516px;
          height: 424px; }
        .uswag #main .uswag-landing-page .landing-page-content .hovering img {
          width: 100%;
          height: 100%; }
        .uswag #main .uswag-landing-page .landing-page-content .tip {
          margin-top: 212px;
          color: #98A0CE;
          font-size: 14px;
          line-height: 18px; }
          .uswag #main .uswag-landing-page .landing-page-content .tip .add_rack_txt {
            font-style: italic; }
          .uswag #main .uswag-landing-page .landing-page-content .tip .add_rack_btn {
            font-style: italic; }
      @media only screen and (max-width: 768px) {
        .uswag #main .uswag-landing-page {
          padding: 20px 0px 0px 0px;
          background-color: #0A0047;
          margin-left: -6px;
          margin-right: -6px; }
          .uswag #main .uswag-landing-page .landing-page-content .title {
            font-size: 40px;
            line-height: 46px;
            padding: 0 5px; }
          .uswag #main .uswag-landing-page .landing-page-content .subtitle {
            font-size: 17px;
            line-height: 24px;
            padding: 0 5px; }
          .uswag #main .uswag-landing-page .landing-page-content .uswag-cta-img {
            padding: 20px 10px;
            background-color: #3B3F89; }
            .uswag #main .uswag-landing-page .landing-page-content .uswag-cta-img img {
              width: 100%;
              height: auto; }
            .uswag #main .uswag-landing-page .landing-page-content .uswag-cta-img .tip {
              margin-top: 20px; } }
      @media only screen and (min-width: 769px) and (max-width: 1000px) {
        .uswag #main .uswag-landing-page .landing-page-content .uswag-cta-img img {
          width: 100%;
          height: auto; }
        .uswag #main .uswag-landing-page .landing-page-content .uswag-cta-img .tip {
          margin-top: 140px; } }
    .uswag #main .basket ul,
    .uswag #main #saved-items ul {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      margin: 0 0 100px 0;
      padding: 0; }
      .uswag #main .basket ul li,
      .uswag #main #saved-items ul li {
        display: flex;
        margin-top: 20px;
        padding: 0 10px;
        width: 33.3%;
        min-height: 253px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative; }
        .uswag #main .basket ul li a,
        .uswag #main #saved-items ul li a {
          display: flex;
          align-items: center;
          justify-content: center; }
        .uswag #main .basket ul li h2,
        .uswag #main #saved-items ul li h2 {
          font-size: 14px;
          line-height: 18px;
          margin: 0;
          position: relative;
          top: 0; }
        .uswag #main .basket ul li > img,
        .uswag #main #saved-items ul li > img {
          max-width: 115px;
          max-height: 115px;
          margin: 15px 0; }
        .uswag #main .basket ul li .actions,
        .uswag #main #saved-items ul li .actions {
          bottom: 0;
          display: flex;
          align-items: center; }
          .uswag #main .basket ul li .actions button,
          .uswag #main #saved-items ul li .actions button {
            background: transparent; }
    .uswag #main #saved-items h2 {
      margin-top: -21px;
      border-top: solid 2px white; }
    .uswag #main #saved-items hr {
      margin-bottom: -20px;
      width: 95%; }
    .uswag #main #saved-items ul li {
      margin-top: 40px; }
    .uswag #main #tray.hide ~ #product .basket ul li {
      width: 25%; }
    .uswag #main #tray.hide ~ #product #saved-items ul li {
      width: 20%; }
    .uswag #main[data-product^='shirt'] #tray > section#artwork .placement > input.shirt, .uswag #main[data-product^='shirt'] #tray > section#artwork .placement > label.shirt,
    .uswag #main[data-product^='shirt'] #tray > section#artwork_upload .placement > input.shirt,
    .uswag #main[data-product^='shirt'] #tray > section#artwork_upload .placement > label.shirt {
      display: flex; }
    .uswag #main[data-product^='shirt'] #tray > section#artwork .placement > input:not(.shirt), .uswag #main[data-product^='shirt'] #tray > section#artwork .placement > label:not(.shirt),
    .uswag #main[data-product^='shirt'] #tray > section#artwork_upload .placement > input:not(.shirt),
    .uswag #main[data-product^='shirt'] #tray > section#artwork_upload .placement > label:not(.shirt) {
      display: none; }
    .uswag #main:not([data-product^='shirt']) #tray > section#artwork .placement > input.shirt, .uswag #main:not([data-product^='shirt']) #tray > section#artwork .placement > label.shirt,
    .uswag #main:not([data-product^='shirt']) #tray > section#artwork_upload .placement > input.shirt,
    .uswag #main:not([data-product^='shirt']) #tray > section#artwork_upload .placement > label.shirt {
      display: none; }
    .uswag #main:not([data-product^='shirt']) #tray > section#artwork .placement > input:not(.shirt), .uswag #main:not([data-product^='shirt']) #tray > section#artwork .placement > label:not(.shirt),
    .uswag #main:not([data-product^='shirt']) #tray > section#artwork_upload .placement > input:not(.shirt),
    .uswag #main:not([data-product^='shirt']) #tray > section#artwork_upload .placement > label:not(.shirt) {
      display: flex; }
    .uswag #main:not([data-product^='shirt']) #tray > section#text .placement {
      display: none; }
    .uswag #main:not([data-product^='shirt']) [data-action='size'] {
      display: none !important; }
    .uswag #main[data-product^='mug'] [data-navigate='color'] span {
      display: none; }
    .uswag #main[data-product^='mug'] [data-navigate='color']:after {
      content: 'wrap'; }
    .uswag #main[data-product='water-bottle'] [data-navigate='color'], .uswag #main[data-product='stein'] [data-navigate='color'], .uswag #main[data-product='tumbler'] [data-navigate='color'], .uswag #main[data-product='flask-tall'] [data-navigate='color'], .uswag #main[data-product='flask-short'] [data-navigate='color'] {
      display: none !important; }
    .uswag #main[data-product='water-bottle'] #artwork .placement, .uswag #main[data-product='stein'] #artwork .placement, .uswag #main[data-product='tumbler'] #artwork .placement, .uswag #main[data-product='flask-tall'] #artwork .placement, .uswag #main[data-product='flask-short'] #artwork .placement {
      display: none !important; }
    .uswag #main[data-product='water-bottle'] #text .color, .uswag #main[data-product='stein'] #text .color, .uswag #main[data-product='tumbler'] #text .color, .uswag #main[data-product='flask-tall'] #text .color, .uswag #main[data-product='flask-short'] #text .color {
      display: none; }
    .uswag #main[data-product='water-bottle'] #text [data-action='save-text'], .uswag #main[data-product='stein'] #text [data-action='save-text'], .uswag #main[data-product='tumbler'] #text [data-action='save-text'], .uswag #main[data-product='flask-tall'] #text [data-action='save-text'], .uswag #main[data-product='flask-short'] #text [data-action='save-text'] {
      margin-top: 30px; }
    .uswag #main[data-product='water-bottle'] #text [data-action='clear-text'], .uswag #main[data-product='stein'] #text [data-action='clear-text'], .uswag #main[data-product='tumbler'] #text [data-action='clear-text'], .uswag #main[data-product='flask-tall'] #text [data-action='clear-text'], .uswag #main[data-product='flask-short'] #text [data-action='clear-text'] {
      margin-top: 20px; }
    .uswag #main[data-product='golf-ball-set'] #text .color {
      display: none !important; }
    .uswag #main .product-info {
      margin: 5px 0; }
      .uswag #main .product-info p {
        font-weight: 300;
        font-size: 12px;
        color: #A5A7B5;
        margin: 0;
        text-align: left;
        font-weight: 400; }
        .uswag #main .product-info p .bold {
          font-weight: bold; }
  .uswag[data-product='water-bottle'] #text .color {
    display: none; }
  .uswag ~ .modal {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .uswag ~ .modal:not(.hide) {
      display: flex;
      justify-content: center;
      align-content: center; }
      .uswag ~ .modal:not(.hide) > section {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: white;
        display: flex;
        justify-content: center;
        max-width: 100%;
        width: 629px;
        border-radius: 4px;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        margin-left: 20px; }
        .uswag ~ .modal:not(.hide) > section .dismiss {
          position: absolute;
          top: -20px;
          right: -20px;
          z-index: 999; }
          .uswag ~ .modal:not(.hide) > section .dismiss:hover, .uswag ~ .modal:not(.hide) > section .dismiss:focus, .uswag ~ .modal:not(.hide) > section .dismiss:active {
            border-bottom: none; }
        .uswag ~ .modal:not(.hide) > section form {
          width: 325px;
          display: flex;
          flex-direction: column;
          padding: 20px;
          margin: 0;
          color: #0D196A; }
          .uswag ~ .modal:not(.hide) > section form * {
            width: 100%; }
          .uswag ~ .modal:not(.hide) > section form h2 {
            text-align: center;
            font-size: 19px;
            line-height: 26px;
            font-weight: bold; }
          .uswag ~ .modal:not(.hide) > section form label {
            font-size: 14px;
            line-height: 19px;
            letter-spacing: 0; }
          .uswag ~ .modal:not(.hide) > section form input {
            color: #0D196A;
            font-size: 12px;
            line-height: 24px;
            letter-spacing: 0;
            padding: 6px 12px; }
          .uswag ~ .modal:not(.hide) > section form a {
            margin-top: 20px; }
            .uswag ~ .modal:not(.hide) > section form a:hover, .uswag ~ .modal:not(.hide) > section form a:focus, .uswag ~ .modal:not(.hide) > section form a:active {
              color: #0D196A;
              border-bottom: none; }
          .uswag ~ .modal:not(.hide) > section form hr {
            margin: 0; }
      .uswag ~ .modal:not(.hide)#protected-imagery > section form {
        width: 100%; }
        .uswag ~ .modal:not(.hide)#protected-imagery > section form p {
          text-align: center;
          font-size: 14px;
          line-height: 19px;
          letter-spacing: normal; }
      .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form {
        width: 100%; }
        .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .disabled {
          background-color: white !important;
          color: #B0E5D3 !important; }
        .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column {
          display: flex;
          padding-top: 33px; }
          .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column h2 {
            text-align: left;
            margin-top: 33px; }
          .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column .img-wrapper {
            height: 140px; }
            .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column .img-wrapper img {
              width: unset;
              height: 100%; }
          .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column .dropdown .caret {
            width: 12px !important; }
          .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column .dropdown a {
            margin-top: 0; }
            .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column .dropdown a:hover, .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column .dropdown a:focus, .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column .dropdown a:active {
              color: white;
              border-bottom: none; }
      .uswag ~ .modal:not(.hide)#save-and-share > section .dismiss {
        display: none; }
      .uswag ~ .modal:not(.hide)#share > section .dismiss {
        display: none; }
      .uswag ~ .modal:not(.hide)#share > section form {
        width: 420px; }
        .uswag ~ .modal:not(.hide)#share > section form ul.share-icons {
          width: 300px;
          list-style: none;
          margin: 0 auto 33px;
          padding: 0;
          display: flex; }
          .uswag ~ .modal:not(.hide)#share > section form ul.share-icons li .social-icon {
            width: 48px;
            height: 48px;
            display: flex;
            margin: 10px; }
          .uswag ~ .modal:not(.hide)#share > section form ul.share-icons li span {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 19px;
            text-align: center;
            text-transform: uppercase;
            color: #a5a7b5;
            text-align: center;
            width: 100%;
            display: block; }
        .uswag ~ .modal:not(.hide)#share > section form [for='share-link'] {
          width: 285px;
          margin: 0 auto 10px;
          color: #0D196A; }
        .uswag ~ .modal:not(.hide)#share > section form label.link-manual-copy {
          width: 400px; }
          @media only screen and (max-width: 480px) {
            .uswag ~ .modal:not(.hide)#share > section form label.link-manual-copy {
              width: 285px !important; } }
        .uswag ~ .modal:not(.hide)#share > section form .share-link {
          width: 285px;
          display: flex;
          margin: 0 auto;
          justify-content: center; }
          .uswag ~ .modal:not(.hide)#share > section form .share-link input {
            width: auto;
            margin: 0 10px 0 0;
            flex-grow: 1;
            height: 36px; }
          .uswag ~ .modal:not(.hide)#share > section form .share-link a {
            width: 92px;
            margin: 0;
            color: white; }
          .uswag ~ .modal:not(.hide)#share > section form .share-link a:hover {
            color: white; }
          .uswag ~ .modal:not(.hide)#share > section form .share-link a.button-blue:hover, .uswag ~ .modal:not(.hide)#share > section form .share-link a.button-blue:focus, .uswag ~ .modal:not(.hide)#share > section form .share-link a.button-blue:active {
            background-color: #34408B !important; }
          .uswag ~ .modal:not(.hide)#share > section form .share-link a.button-green {
            background-color: #00915E !important; }
            .uswag ~ .modal:not(.hide)#share > section form .share-link a.button-green:hover, .uswag ~ .modal:not(.hide)#share > section form .share-link a.button-green:focus, .uswag ~ .modal:not(.hide)#share > section form .share-link a.button-green:active {
              background-color: #00915E !important; }
      .uswag ~ .modal:not(.hide)#email > section .dismiss {
        display: none; }
      .uswag ~ .modal:not(.hide)#email > section form {
        width: 100%; }
        .uswag ~ .modal:not(.hide)#email > section form .split-column {
          display: flex; }
          .uswag ~ .modal:not(.hide)#email > section form .split-column li {
            cursor: pointer;
            width: 50% !important; }
        .uswag ~ .modal:not(.hide)#email > section form textarea {
          background-color: #fff;
          border: 1px solid #dddee3;
          border-radius: 4px;
          color: #0D196A;
          font-size: 12px;
          font-weight: 100;
          margin-bottom: 10px;
          outline: 0;
          padding: 5px; }
        .uswag ~ .modal:not(.hide)#email > section form .container {
          width: 285px; }
      .uswag ~ .modal:not(.hide)#size > section .dismiss {
        display: none; }
      .uswag ~ .modal:not(.hide)#size > section form {
        width: 325px;
        margin: auto; }
        .uswag ~ .modal:not(.hide)#size > section form > a {
          font-size: 13.7px;
          font-weight: 600;
          letter-spacing: 1.25px;
          line-height: 16px;
          text-align: center;
          text-transform: uppercase;
          margin: 0;
          padding: 10px 0; }
          .uswag ~ .modal:not(.hide)#size > section form > a:hover, .uswag ~ .modal:not(.hide)#size > section form > a.selected {
            background-color: #f6f6f9; }
        .uswag ~ .modal:not(.hide)#size > section form .container {
          padding: 0; }
      .uswag ~ .modal:not(.hide)#size.name .size,
      .uswag ~ .modal:not(.hide)#size.name .name-and-size,
      .uswag ~ .modal:not(.hide)#size.name .name-and-tank-size {
        display: none; }
      .uswag ~ .modal:not(.hide)#size.name .name {
        display: unset; }
      .uswag ~ .modal:not(.hide)#size.size .name,
      .uswag ~ .modal:not(.hide)#size.size .name-and-size,
      .uswag ~ .modal:not(.hide)#size.size .name-and-tank-size {
        display: none; }
      .uswag ~ .modal:not(.hide)#size.size .size {
        display: unset; }
      .uswag ~ .modal:not(.hide)#size.name-and-size .size,
      .uswag ~ .modal:not(.hide)#size.name-and-size .name,
      .uswag ~ .modal:not(.hide)#size.name-and-size .name-and-tank-size {
        display: none; }
      .uswag ~ .modal:not(.hide)#size.name-and-size .name-and-size {
        display: unset; }
      .uswag ~ .modal:not(.hide)#size.name-and-tank-size h2 > .size,
      .uswag ~ .modal:not(.hide)#size.name-and-tank-size h2 > .name,
      .uswag ~ .modal:not(.hide)#size.name-and-tank-size h2 > .name-and-size {
        display: none; }
      .uswag ~ .modal:not(.hide)#size.name-and-tank-size .name-and-tank-size {
        display: unset; }
      .uswag ~ .modal:not(.hide)#delete > section form {
        width: 440px; }
        .uswag ~ .modal:not(.hide)#delete > section form p {
          width: 327px;
          text-align: center;
          margin: 10px auto 0; }
        .uswag ~ .modal:not(.hide)#delete > section form a {
          width: 285px;
          margin: 20px auto 0; }
      .uswag ~ .modal:not(.hide)#product-info > section form {
        width: 100%; }
        .uswag ~ .modal:not(.hide)#product-info > section form a.btn-block {
          width: auto;
          margin-left: 170px;
          margin-right: 170px; }
          @media only screen and (max-width: 768px) {
            .uswag ~ .modal:not(.hide)#product-info > section form a.btn-block {
              width: 100%;
              margin-left: 0;
              margin-right: 0; } }
    .uswag ~ .modal ~ .login-reminder p, .uswag ~ .modal ~ .login-modal p {
      text-align: center; }
    .uswag ~ .modal ~ .login-reminder.yellow-bg, .uswag ~ .modal ~ .yellow-bg.login-modal {
      background-color: #FCB522; }
  .uswag#print .logo {
    margin: 33px auto 0;
    display: flex; }
  .uswag#print h1 {
    color: #0D196A;
    text-align: center;
    margin: 20px 0;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -0.5px; }
  .uswag#print .split-column {
    width: 100%; }
    .uswag#print .split-column > li:first-of-type {
      border-right: solid 1px #DDDEE3;
      margin-right: 2%;
      padding-right: 2%;
      width: 50%; }
    .uswag#print .split-column > li {
      margin-right: 0;
      padding-right: 0; }
      .uswag#print .split-column > li img {
        width: 100%;
        padding: 0 20px; }
      .uswag#print .split-column > li h2 {
        text-align: center;
        margin-bottom: 20px; }
      .uswag#print .split-column > li .product {
        padding-bottom: 20px;
        margin-bottom: 33px;
        border-bottom: solid 1px #DDDEE3; }
        .uswag#print .split-column > li .product:last-of-type {
          border-bottom: 0; }
        .uswag#print .split-column > li .product > ul {
          list-style: none;
          margin: 20px 0 0 0;
          padding: 0; }
          .uswag#print .split-column > li .product > ul li {
            display: flex;
            padding-bottom: 15px; }
            .uswag#print .split-column > li .product > ul li span {
              flex-grow: 1;
              text-align: right; }
            .uswag#print .split-column > li .product > ul li span:first-of-type {
              flex-grow: 2;
              text-align: left; }
  .uswag#print p.footer {
    color: #0D196A;
    font-size: 10px;
    font-style: italic;
    line-height: 14px;
    text-align: center; }
  .uswag ~ .image-cropper {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0; }
    .uswag ~ .image-cropper:not(.hide) {
      display: flex;
      justify-content: center;
      align-content: center; }
      .uswag ~ .image-cropper:not(.hide) > section {
        color: white;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #666666;
        display: flex;
        justify-content: center;
        max-width: 1000px;
        width: 100%;
        border-radius: 4px;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
        .uswag ~ .image-cropper:not(.hide) > section form {
          width: 100%; }
        .uswag ~ .image-cropper:not(.hide) > section .editor-header {
          width: 100%;
          background-color: #666666;
          color: white;
          padding: 5px; }
          .uswag ~ .image-cropper:not(.hide) > section .editor-header button {
            background-color: #666666; }
          .uswag ~ .image-cropper:not(.hide) > section .editor-header p {
            float: left;
            font-weight: 700;
            font-size: 16px;
            margin: 0; }
        .uswag ~ .image-cropper:not(.hide) > section .content {
          background-color: #1a1a1a;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: auto;
          flex-direction: column;
          padding-bottom: 0; }
          .uswag ~ .image-cropper:not(.hide) > section .content .image-editor {
            width: 100%; }
          .uswag ~ .image-cropper:not(.hide) > section .content img {
            height: auto;
            max-height: 800px;
            width: 100%; }
          .uswag ~ .image-cropper:not(.hide) > section .content .edit-options {
            background-color: #0d0d0d;
            display: flex;
            flex-direction: row;
            padding: 5px;
            align-content: space-around; }
            .uswag ~ .image-cropper:not(.hide) > section .content .edit-options button {
              background-color: #0d0d0d; }
        .uswag ~ .image-cropper:not(.hide) > section .save-options,
        .uswag ~ .image-cropper:not(.hide) > section .edit-options {
          list-style-type: none;
          margin: 0;
          padding: 0;
          overflow: hidden; }
          .uswag ~ .image-cropper:not(.hide) > section .save-options div,
          .uswag ~ .image-cropper:not(.hide) > section .edit-options div {
            float: left;
            display: block;
            color: white;
            padding: 0 4px;
            cursor: pointer; }
        .uswag ~ .image-cropper:not(.hide) > section .save-options {
          float: right; }
          .uswag ~ .image-cropper:not(.hide) > section .save-options li {
            float: right; }
  .uswag .disabled {
    pointer-events: none; }
  .uswag a:not(.button-outline):hover, .uswag a:not(.button-outline):focus, .uswag a:not(.button-outline):active {
    border-bottom: none; }
  .uswag .hide-tablet {
    display: inline-block !important; }
  .uswag .show-tablet {
    display: none !important; }
  @media only screen and (max-width: 768px) {
    .uswag {
      min-height: 100vh;
      margin-bottom: -250px; }
      .uswag .hide-tablet {
        display: none !important; }
      .uswag .show-tablet {
        display: inline-block !important; } }
  @media only screen and (max-width: 768px) and (max-width: 480px) {
    .uswag .hide-tablet {
      display: inline-block !important; }
    .uswag .show-tablet {
      display: none !important; } }
  @media only screen and (max-width: 768px) {
      .uswag .dropdown-backdrop {
        z-index: -1; }
      .uswag ~ .footer-kiosk {
        display: none; }
      .uswag .show-mobile {
        display: block !important; }
      .uswag .hide-mobile {
        display: none !important; }
      .uswag #mobile-footer {
        display: flex !important;
        justify-content: space-between;
        background: #1C2A7F;
        position: fixed;
        bottom: 0;
        z-index: 9;
        height: 71px;
        line-height: 71px;
        padding: 0 19px 0 130px; }
        .uswag #mobile-footer a {
          display: flex;
          align-items: center; }
        .uswag #mobile-footer [data-action='back'],
        .uswag #mobile-footer [data-action='close'] {
          z-index: 10;
          display: block;
          width: auto;
          height: 71px;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          text-align: center;
          text-transform: uppercase;
          background: #0D196A;
          letter-spacing: 1.5px;
          font-size: 18px; }
          .uswag #mobile-footer [data-action='back']:active, .uswag #mobile-footer [data-action='back']:hover, .uswag #mobile-footer [data-action='back']:focus,
          .uswag #mobile-footer [data-action='close']:active,
          .uswag #mobile-footer [data-action='close']:hover,
          .uswag #mobile-footer [data-action='close']:focus {
            color: white; }
        .uswag #mobile-footer a.disabled {
          background-color: transparent !important;
          opacity: 0.5; }
      .uswag #mobile-menu-toggle {
        position: fixed;
        bottom: 87px;
        right: 16px;
        border-radius: 50%;
        width: 56px;
        height: 56px;
        justify-content: center;
        align-items: center;
        z-index: 9;
        color: transparent;
        background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/uswag-icon-mobile-FAB-edit.svg") no-repeat center center;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        text-indent: -999px; }
        .uswag #mobile-menu-toggle.active {
          background-image: url("https://d2nwi4n562ba8i.cloudfront.net/_img/uswag-icon-mobile-FAB-close.svg");
          display: flex !important; }
      .uswag #show-product-info {
        position: fixed;
        z-index: 6;
        bottom: 87px;
        left: 16px; }
      .uswag #main {
        flex-direction: column;
        margin: 0; }
        .uswag #main #menu {
          display: none;
          position: fixed;
          right: 24px;
          bottom: 147px;
          background: transparent;
          min-width: initial;
          width: 40px;
          z-index: 10; }
          .uswag #main #menu.active {
            display: block; }
          .uswag #main #menu .nav {
            display: flex;
            flex-direction: column-reverse; }
            .uswag #main #menu .nav li a {
              border-radius: 50%;
              background-color: #0D196A;
              width: 40px;
              height: 40px;
              margin-bottom: 16px;
              padding: 0;
              display: flex;
              box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
              justify-content: center;
              align-content: center; }
              .uswag #main #menu .nav li a svg {
                width: 24px; }
              .uswag #main #menu .nav li a span {
                display: none; }
              .uswag #main #menu .nav li a[data-action='hide'], .uswag #main #menu .nav li a[data-action='saved-items'], .uswag #main #menu .nav li a[data-action='update-cart'], .uswag #main #menu .nav li a[data-action='add-to-cart'], .uswag #main #menu .nav li a[data-navigate='products'] {
                display: none; }
              .uswag #main #menu .nav li a:hover, .uswag #main #menu .nav li a:focus, .uswag #main #menu .nav li a:active {
                color: #0D196A !important;
                background-color: white; }
                .uswag #main #menu .nav li a:hover svg path,
                .uswag #main #menu .nav li a:hover svg mask,
                .uswag #main #menu .nav li a:hover svg use, .uswag #main #menu .nav li a:focus svg path,
                .uswag #main #menu .nav li a:focus svg mask,
                .uswag #main #menu .nav li a:focus svg use, .uswag #main #menu .nav li a:active svg path,
                .uswag #main #menu .nav li a:active svg mask,
                .uswag #main #menu .nav li a:active svg use {
                  fill: #0D196A !important; }
                .uswag #main #menu .nav li a:hover svg rect, .uswag #main #menu .nav li a:focus svg rect, .uswag #main #menu .nav li a:active svg rect {
                  stroke: #0D196A !important; }
              .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg path,
              .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg circle,
              .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg rect, .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg path,
              .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg circle,
              .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg rect, .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg path,
              .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg circle,
              .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg rect, .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg path,
              .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg circle,
              .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg rect {
                fill: #0D196A; }
              .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg rect:nth-child(3), .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg rect:nth-child(3), .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg rect:nth-child(3), .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg rect:nth-child(3) {
                fill: white; }
              .uswag #main #menu .nav li a[data-navigate='add-rack']:hover svg rect:nth-child(8), .uswag #main #menu .nav li a[data-navigate='add-rack']:focus svg rect:nth-child(8), .uswag #main #menu .nav li a[data-navigate='add-rack']:active svg rect:nth-child(8), .uswag #main #menu .nav li a[data-navigate='add-rack'].active svg rect:nth-child(8) {
                fill: white; }
        .uswag #main #saved-items {
          min-height: 80%; }
          .uswag #main #saved-items ul li {
            margin-top: 60px; }
          .uswag #main #saved-items [data-action='add-duplicate'] {
            position: absolute;
            bottom: -30px; }
        .uswag #main #tray {
          width: 100%;
          border: none;
          padding: 0;
          margin: 0;
          max-height: initial;
          position: relative;
          z-index: 3; }
          .uswag #main #tray.active {
            z-index: 9;
            min-height: 100vh; }
            .uswag #main #tray.active ~ #product {
              display: block; }
          .uswag #main #tray > section h2 {
            margin-top: 20px; }
          .uswag #main #tray > section.active {
            z-index: 7;
            position: relative; }
            .uswag #main #tray > section.active#products {
              background: white; }
              .uswag #main #tray > section.active#products:before {
                content: '';
                display: block;
                background: white;
                width: 100%;
                height: 10px; }
            .uswag #main #tray > section.active:not(#products) {
              width: 75%;
              background: rgba(255, 255, 255, 0.75);
              position: fixed;
              bottom: 80px;
              padding: 10px;
              max-height: 50%;
              overflow-y: scroll; }
              .uswag #main #tray > section.active:not(#products) > h2, .uswag #main #tray > section.active:not(#products)#color h2 {
                display: none; }
              .uswag #main #tray > section.active:not(#products)#artwork {
                min-height: 300px; }
                .uswag #main #tray > section.active:not(#products)#artwork .search-bar-container #power-search {
                  border-radius: 4px !important;
                  margin-bottom: 20px; }
                  .uswag #main #tray > section.active:not(#products)#artwork .search-bar-container #power-search ~ .input-group-btn .dropdown-menu {
                    border-bottom-left-radius: 4px !important;
                    border-bottom-right-radius: 4px !important; } }
                @media only screen and (max-width: 768px) and (max-width: 480px) {
                  .uswag #main #tray > section.active:not(#products)#artwork .search-bar-container #power-search ~ .input-group-btn .dropdown-menu {
                    top: 109px; } }
  @media only screen and (max-width: 768px) {
                .uswag #main #tray > section.active:not(#products)#artwork .placement {
                  width: 100%; }
                  .uswag #main #tray > section.active:not(#products)#artwork .placement label > div {
                    margin-left: 0;
                    position: relative;
                    left: 0;
                    font-size: 10px; }
                  .uswag #main #tray > section.active:not(#products)#artwork .placement label.heavy-font-weight {
                    font-weight: normal !important; }
                .uswag #main #tray > section.active:not(#products)#artwork #search-bar ~ .placement {
                  display: none !important; }
                .uswag #main #tray > section.active:not(#products)#artwork #es-results ul,
                .uswag #main #tray > section.active:not(#products)#artwork #recentlyUsed ul {
                  display: unset;
                  position: relative;
                  top: 60px; }
                  .uswag #main #tray > section.active:not(#products)#artwork #es-results ul li,
                  .uswag #main #tray > section.active:not(#products)#artwork #recentlyUsed ul li {
                    height: initial;
                    background: white;
                    padding: 10px;
                    margin: 10px 0 0;
                    border-top: 0;
                    flex-direction: column; }
                    .uswag #main #tray > section.active:not(#products)#artwork #es-results ul li img,
                    .uswag #main #tray > section.active:not(#products)#artwork #recentlyUsed ul li img {
                      margin: 0;
                      padding: 0; }
                    .uswag #main #tray > section.active:not(#products)#artwork #es-results ul li p,
                    .uswag #main #tray > section.active:not(#products)#artwork #recentlyUsed ul li p {
                      font-weight: bold; }
                    .uswag #main #tray > section.active:not(#products)#artwork #es-results ul li .placement.show-mobile,
                    .uswag #main #tray > section.active:not(#products)#artwork #recentlyUsed ul li .placement.show-mobile {
                      margin: 0 0 10px; }
                      .uswag #main #tray > section.active:not(#products)#artwork #es-results ul li .placement.show-mobile label,
                      .uswag #main #tray > section.active:not(#products)#artwork #recentlyUsed ul li .placement.show-mobile label {
                        text-decoration: none;
                        margin-bottom: 10px;
                        padding: 0;
                        text-align: left; }
                    .uswag #main #tray > section.active:not(#products)#artwork #es-results ul li a,
                    .uswag #main #tray > section.active:not(#products)#artwork #recentlyUsed ul li a {
                      position: relative; }
              .uswag #main #tray > section.active:not(#products)#add-rack .saved-racks {
                width: 100% !important;
                padding: unset !important;
                height: unset !important; }
              .uswag #main #tray > section.active:not(#products)#add-rack .button-outline {
                border: solid 2px #00915E;
                color: #00915E;
                font-weight: 600;
                padding-bottom: 0; }
                .uswag #main #tray > section.active:not(#products)#add-rack .button-outline.active {
                  color: #B00020;
                  border: none; }
              .uswag #main #tray > section.active:not(#products)#artwork_upload > h2 {
                display: block;
                margin: 0; }
              .uswag #main #tray > section.active:not(#products)#artwork_upload .artwork_upload_item ul.split-column li {
                width: 48%; }
              .uswag #main #tray > section.active:not(#products)#artwork_rack .saved-racks {
                width: 100% !important;
                padding: unset !important;
                height: unset !important; }
              .uswag #main #tray > section.active:not(#products)#artwork_rack .button-outline {
                border: solid 2px #00915E;
                color: #00915E;
                font-weight: 600;
                padding-bottom: 0; }
                .uswag #main #tray > section.active:not(#products)#artwork_rack .button-outline.active {
                  color: #B00020;
                  border: none; }
              .uswag #main #tray > section.active:not(#products)#color > div ul li {
                margin: 0 20px 20px 0;
                width: 48px;
                height: 48px;
                padding: 0; } }
            @media only screen and (max-width: 768px) and (max-width: 400px) {
              .uswag #main #tray > section.active:not(#products)#color > div ul li:nth-of-type(4n) {
                margin-right: 0; } }
  @media only screen and (max-width: 768px) {
          .uswag #main #tray > section #tray-products {
            padding-bottom: 20px; }
            .uswag #main #tray > section #tray-products > a {
              flex-wrap: wrap; }
              .uswag #main #tray > section #tray-products > a img {
                max-width: 150px;
                max-height: 150px; }
              .uswag #main #tray > section #tray-products > a .show-mobile {
                width: 92%; }
                .uswag #main #tray > section #tray-products > a .show-mobile > button {
                  width: 100%;
                  margin: 5px 0;
                  padding: 10px;
                  font-size: 14px;
                  border-radius: 5px; }
                  .uswag #main #tray > section #tray-products > a .show-mobile > button:first-child {
                    background: #1C2A7F;
                    color: white;
                    font-weight: 400; }
                  .uswag #main #tray > section #tray-products > a .show-mobile > button:last-child {
                    background: white;
                    color: #FCB849;
                    font-weight: 500; }
        .uswag #main #product {
          display: none;
          z-index: 5;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          margin: 0;
          /* padding: 20px; */
          background: white; }
          .uswag #main #product.active {
            display: block; }
            .uswag #main #product.active + #mobile-menu-toggle {
              display: flex !important; }
          .uswag #main #product.viewing-saved-items ~ #mobile-menu-toggle {
            display: none !important; }
          .uswag #main #product #preview section .canvas {
            min-height: 424px;
            margin: 0 20px; }
          .uswag #main #product #preview section#saved-items {
            z-index: 6;
            position: absolute;
            padding: 20px 0;
            top: 20px;
            background: white; }
            .uswag #main #product #preview section#saved-items h2 {
              margin-bottom: -8px; }
            .uswag #main #product #preview section#saved-items.active {
              display: block; }
              .uswag #main #product #preview section#saved-items.active ~ section {
                display: none !important; }
          .uswag #main #product #preview section.active:not(#saved-items) {
            display: flex;
            flex-direction: column-reverse;
            margin-top: -10px;
            background: white; }
            .uswag #main #product #preview section.active:not(#saved-items) h2 {
              display: none; }
            .uswag #main #product #preview section.active:not(#saved-items) [name='design-name'] {
              width: 90%;
              margin: 10px auto; }
          .uswag #main #product #preview section.active {
            padding-top: 10px; }
        .uswag #main .basket ul li,
        .uswag #main #saved-items ul li {
          width: 50%; }
        .uswag #main .basket {
          display: none; }
        .uswag #main #preview .product-info {
          display: none; }
      .uswag ~ .modal:not(.hide) > section {
        width: 85%;
        margin-left: 0; }
      .uswag ~ .modal:not(.hide)#size > section {
        width: 305px; }
      .uswag ~ .modal:not(.hide)#delete > section .dismiss {
        display: none; }
      .uswag ~ .modal:not(.hide)#delete > section h2 {
        width: 285px;
        margin: 10px auto; }
      .uswag ~ .modal:not(.hide)#share > section form ul.share-icons li .social-icon {
        margin: 5px; }
      .uswag ~ .modal:not(.hide)#email > section form .split-column {
        width: 100%;
        display: block; }
        .uswag ~ .modal:not(.hide)#email > section form .split-column li {
          width: 100% !important; }
      .uswag ~ .modal:not(.hide)#dog-tag-upsell > section {
        max-height: 90%;
        overflow-y: scroll; }
        .uswag ~ .modal:not(.hide)#dog-tag-upsell > section .dismiss {
          display: none; }
        .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column {
          flex-direction: row;
          display: block; }
          .uswag ~ .modal:not(.hide)#dog-tag-upsell > section form .split-column li {
            width: 100% !important; }
      .uswag [data-product^='mug'] [data-navigate='color']:after {
        display: none; }
      .uswag #shop-pay {
        position: relative; }
      .uswag#print .split-column {
        width: 100%;
        display: block; }
        .uswag#print .split-column li:first-of-type {
          width: 100%;
          border-right: 0;
          padding-right: 0;
          margin-right: 0; }
        .uswag#print .split-column .product:last-of-type {
          border-bottom: solid 1px #DDDEE3; }
        .uswag#print .split-column li:last-of-type .product:last-of-type {
          border-bottom: none; } }

@media (max-width: 768px) {
  #info section {
    background-color: #000A50;
    max-height: 90vh;
    overflow-y: scroll; }
    #info section .title {
      margin: 20px 0;
      color: white;
      font-family: "Open Sans";
      font-size: 19px;
      font-style: italic;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 26px;
      text-align: center; }
    #info section .info, #info section .subtitle {
      margin-bottom: 10px;
      color: white;
      font-family: "Open Sans";
      font-size: 14px;
      letter-spacing: 0;
      line-height: 19px;
      text-align: center; }
    #info section button {
      padding: 10px 12px;
      margin: 10px 0;
      text-align: center;
      font-family: "Open Sans";
      font-size: 13.7px;
      font-weight: 600;
      letter-spacing: 1.25px;
      line-height: 16px;
      border-radius: 4px; }
    #info section .info_modal_customize {
      background-color: #00915E;
      color: white;
      font-weight: 400; }
    #info section .info_modal_close {
      background-color: #000A50;
      color: white; } }

.hero {
  overflow: auto;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#73aeda+0,8ab8d8+51,73aeda+51,73aeda+51,7db9e8+100 */
  background: #73aeda;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #73aeda 0%, #8ab8d8 51%, #73aeda 51%, #73aeda 51%, #7db9e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #73aeda 0%, #8ab8d8 51%, #73aeda 51%, #73aeda 51%, #7db9e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #73aeda 0%, #8ab8d8 51%, #73aeda 51%, #73aeda 51%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73aeda', endColorstr='#7db9e8',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  font-family: 'Open Sans', sans-serif; }
  .hero.dogtag-hero.dog-tag {
    background-image: url("https://i.ezr.io/_img/general-cta.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px; }
    .hero.dogtag-hero.dog-tag[data-branch="army"] {
      background-image: url("https://i.ezr.io/_img/army-cta.jpg"); }
    .hero.dogtag-hero.dog-tag[data-branch="navy"] {
      background-image: url("https://i.ezr.io/_img/navy-cta.jpg"); }
    .hero.dogtag-hero.dog-tag[data-branch="marine_corps"] {
      background-image: url("https://i.ezr.io/_img/usmc-cta.jpg"); }
    .hero.dogtag-hero.dog-tag[data-branch="air_force"] {
      background-image: url("https://i.ezr.io/_img/usaf-cta.jpg"); }
    .hero.dogtag-hero.dog-tag[data-branch="coast_guard"] {
      background-image: url("https://i.ezr.io/_img/uscg-cta.jpg"); }
    .hero.dogtag-hero.dog-tag .hero-content {
      height: 100%; }
      .hero.dogtag-hero.dog-tag .hero-content .main-cta {
        max-width: unset; }
        .hero.dogtag-hero.dog-tag .hero-content .main-cta h1 {
          color: white; }
          .hero.dogtag-hero.dog-tag .hero-content .main-cta h1[data-branch="army"] {
            color: #F2AE3D; }
          .hero.dogtag-hero.dog-tag .hero-content .main-cta h1[data-branch="marine_corps"] {
            color: #FFC700; }
        .hero.dogtag-hero.dog-tag .hero-content .main-cta p {
          text-transform: capitalize; }
  .hero .hero-content {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 30px 0; }
    .hero .hero-content h1 {
      font-size: 30px;
      font-style: italic;
      font-weight: 900;
      line-height: 45px;
      letter-spacing: -0.5px;
      color: #0D196A; }
    .hero .hero-content > div {
      font-size: 0; }
    .hero .hero-content .main-cta {
      padding: 78px 0 0 60px;
      max-width: 406px; }
    .hero .hero-content .btn {
      margin: 30px 0;
      font-size: 13.7px;
      font-weight: 600;
      letter-spacing: 1.25px;
      line-height: 16px;
      text-align: center;
      background-color: #B00020;
      text-transform: uppercase;
      color: white;
      border-radius: 4px;
      padding: 10px 16px;
      min-width: 238px; }
    .hero .hero-content img {
      width: auto;
      max-height: 339px; }
    .hero .hero-content p {
      font-size: 12px;
      color: white;
      font-weight: 400;
      line-height: 2; }
  .hero.home .hero-content {
    position: relative; }
    .hero.home .hero-content .kiosk-name {
      float: none;
      position: absolute;
      right: 0px;
      top: 37px;
      color: white;
      font-size: 18px;
      font-style: italic;
      font-weight: 600;
      letter-spacing: -0.38px;
      line-height: 24px;
      text-align: right;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 22px; }
      .hero.home .hero-content .kiosk-name--logo {
        width: 160px;
        height: 100px; }
        .hero.home .hero-content .kiosk-name--logo img {
          max-height: 100px;
          width: 100%; }
    .hero.home .hero-content .main-cta {
      padding: 5px 0;
      max-width: 100%;
      text-align: center; }
      .hero.home .hero-content .main-cta img {
        width: auto;
        max-height: 150px;
        margin-bottom: 10px; }
      .hero.home .hero-content .main-cta h1 {
        font-size: 44px;
        font-style: italic;
        font-weight: 800;
        letter-spacing: -0.73px;
        line-height: 45px; }
      .hero.home .hero-content .main-cta p {
        color: white;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 17px; }
      .hero.home .hero-content .main-cta .kiosk-logos {
        display: inline-flex;
        align-items: center;
        gap: 15px; }
        .hero.home .hero-content .main-cta .kiosk-logos .divider {
          width: 2px;
          height: 145px;
          background-color: #FFFFFF;
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); }
  .hero.seo.uswag-hero .hero-content {
    padding: 0;
    display: flex;
    justify-content: flex-end; }
    .hero.seo.uswag-hero .hero-content .main-cta {
      padding: 72px 0 79px;
      min-width: 354px;
      max-width: 364px; }
    .hero.seo.uswag-hero .hero-content .hide-mobile {
      align-self: flex-end;
      margin-right: 40px; }
      .hero.seo.uswag-hero .hero-content .hide-mobile .branding-image {
        max-height: 280px;
        top: auto;
        left: auto;
        float: none; }
    .hero.seo.uswag-hero .hero-content img {
      max-height: 302px; }
  .hero.seo .hero-content {
    align-items: center;
    padding: 40px 0 50px; }
    .hero.seo .hero-content img {
      width: auto;
      max-width: 500px; }
    .hero.seo .hero-content .main-cta {
      padding: 0 0 0 40px;
      min-width: 394px;
      text-align: center; }
      .hero.seo .hero-content .main-cta h1 {
        font-size: 44px;
        font-weight: 800;
        letter-spacing: -0.73px;
        line-height: 45px; }
        .hero.seo .hero-content .main-cta h1 sup {
          top: -.2em;
          padding-left: 2px; }
      .hero.seo .hero-content .main-cta p {
        color: white;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 17px; }
      .hero.seo .hero-content .main-cta button {
        min-width: 267px;
        margin: 15px 0 0 0; }
    .hero.seo .hero-content.full-height {
      padding: 0;
      height: 302px; }
      .hero.seo .hero-content.full-height img {
        width: auto;
        max-height: 302px;
        height: 302px;
        top: 0;
        left: 0; }
      .hero.seo .hero-content.full-height .main-cta {
        min-width: fit-content; }

.landing-page {
  padding: 30px 0 0;
  display: block;
  font-family: 'Open Sans', sans-serif; }
  .landing-page .yotpo.yotpo-pictures-widget {
    margin-top: 30px;
    margin-bottom: -20px; }
  .landing-page.wide {
    max-width: 100%; }
  .landing-page .content {
    width: 100%;
    padding: 0; }
    .landing-page .content h2 {
      font-size: 18px;
      font-style: italic;
      font-weight: bold;
      letter-spacing: -0.38px;
      line-height: 24px; }
    .landing-page .content p {
      font-size: 14px;
      letter-spacing: -0.29px;
      line-height: 19px;
      color: #0D196A; }
    .landing-page .content .saved-item p:nth-of-type(2) {
      color: #A5A7B5; }
    .landing-page .content .saved-items img {
      height: 90px; }
    .landing-page .content .saved-items .badge {
      border: none;
      top: 2px;
      right: 29px;
      width: 30px;
      height: 30px; }
      .landing-page .content .saved-items .badge p {
        color: white; }
  .landing-page.full-width {
    max-width: 100%;
    padding-top: 0; }
  .landing-page.seo.uswag-values section p {
    margin-bottom: 30px; }
  .landing-page.seo section {
    text-align: center;
    justify-content: center;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    width: 100%; }
    .landing-page.seo section.uswag-lp {
      padding-bottom: 40px; }
    .landing-page.seo section.no-padding {
      padding: 0 !important; }
    .landing-page.seo section.dark {
      background-color: #EDEDF1;
      position: relative;
      z-index: 0; }
      .landing-page.seo section.dark:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -9999px;
        right: 0;
        border-left: 9999px solid #EDEDF1;
        box-shadow: 9999px 0 0 #EDEDF1; }
    .landing-page.seo section.hero-image {
      text-align: center;
      padding-top: 30px !important;
      background-color: #EDEDF1;
      position: relative;
      z-index: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      background-image: url("https://i.ezr.io/_img/image-uswag-hero.jpg");
      height: 680px;
      min-height: 680px;
      justify-content: flex-start; }
      .landing-page.seo section.hero-image h2 {
        font-size: 34px;
        color: #fff;
        line-height: 45px; }
      .landing-page.seo section.hero-image p {
        font-size: 24px;
        color: #fff;
        line-height: 33px;
        max-width: 100%; }
    .landing-page.seo section.uswag-section p {
      max-width: 642px; }
    .landing-page.seo section:first-of-type {
      padding-top: 0; }
    .landing-page.seo section h2 {
      color: #B00020;
      font-size: 28px;
      font-style: italic;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 38px; }
      .landing-page.seo section h2 a:hover {
        color: #B00020;
        border-bottom: 1px solid #B00020; }
    .landing-page.seo section h3 {
      color: #B00020;
      font-size: 18px;
      font-style: italic;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 24px; }
    .landing-page.seo section p {
      max-width: 565px;
      color: #0D196A;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 19px;
      margin: 10px auto 40px; }
    .landing-page.seo section a.button-red {
      /* max-width: 267px; */
      margin: auto;
      padding: 0 16px;
      position: relative; }
    .landing-page.seo section#reviews .yotpo.yotpo-reviews-carousel .headline, .landing-page.seo section#reviews .yotpo.yotpo-reviews-carousel .carousel-review-title {
      color: #0D196A;
      font-size: 18px;
      line-height: 24px;
      letter-spacing: normal; }
    .landing-page.seo section#reviews .yotpo.yotpo-reviews-carousel .yotpo-icon-star {
      color: #B00020; }
    .landing-page.seo section.why-uswag {
      position: relative;
      padding: 0; }
      .landing-page.seo section.why-uswag:before {
        content: none; }
      .landing-page.seo section.why-uswag .floating-content {
        padding: 30px 0;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        max-width: 668px;
        text-align: center; }
      .landing-page.seo section.why-uswag h2, .landing-page.seo section.why-uswag p {
        color: #fff;
        text-shadow: 0 2px 4px #00041F; }
      .landing-page.seo section.why-uswag h2 {
        font-size: 34px;
        letter-spacing: -0.57px;
        line-height: 45px; }
      .landing-page.seo section.why-uswag p {
        font-weight: 400;
        max-width: 100%; }
      .landing-page.seo section.why-uswag .show-mobile {
        display: none !important; }
  .landing-page.seo ~ .yotpo-pictures-widget {
    margin-bottom: 0; }
  @media only screen and (max-width: 768px) {
    .landing-page.seo ~ .yotpo-pictures-widget {
      margin-bottom: 125px; }
    .landing-page.seo ~ .yotpo-pictures-widget:has(.yotpo-load-more-button.yotpo-hidden.load-btn-white) {
      margin-bottom: 125px; } }
  @media only screen and (max-width: 425px) {
    .landing-page.seo ~ .yotpo-pictures-widget {
      margin-bottom: 145px; }
    .landing-page.seo ~ .yotpo-pictures-widget:has(.yotpo-load-more-button.yotpo-hidden.load-btn-white) {
      margin-bottom: 145px; } }
  .landing-page.video {
    padding: 0; }
    .landing-page.video section {
      padding: 0; }
  .landing-page.uswag-lp section.dark {
    background-color: #F7F8FB; }
    .landing-page.uswag-lp section.dark:before {
      border-left: 9999px solid #F7F8FB;
      box-shadow: 9999px 0 0 #F7F8FB; }

#shop-pay, #medals-showcase {
  text-align: center;
  justify-content: center;
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  width: 100%; }
  #shop-pay h2, #medals-showcase h2 {
    color: #B00020;
    font-size: 28px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 38px; }
  #shop-pay h3, #medals-showcase h3 {
    color: #B00020;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px; }
  #shop-pay p, #medals-showcase p {
    max-width: 625px;
    color: #0D196A;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 19px;
    margin: 10px auto 28px; }
  #shop-pay ul, #medals-showcase ul {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    display: flex; }
    #shop-pay ul li, #medals-showcase ul li {
      width: 25%; }
      #shop-pay ul li .img-container, #medals-showcase ul li .img-container {
        margin: 0 33px 17px; }
        #shop-pay ul li .img-container img, #medals-showcase ul li .img-container img {
          width: 100%;
          max-width: 200px; }
      #shop-pay ul li p, #medals-showcase ul li p {
        margin: 0 5px;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 19px;
        text-align: center; }

#shop-pay {
  background-color: #f7f8fb; }
  #shop-pay .inner-container {
    max-width: 1024px;
    margin: 0 auto; }
    #shop-pay .inner-container #shop-pay-cta {
      margin: -.5rem auto 3rem auto;
      max-width: 250px; }
      #shop-pay .inner-container #shop-pay-cta a {
        display: inline-block; }
        #shop-pay .inner-container #shop-pay-cta a:hover {
          border-bottom: 0 !important; }
        #shop-pay .inner-container #shop-pay-cta a, #shop-pay .inner-container #shop-pay-cta a > button {
          width: 100%; }
    #shop-pay .inner-container p {
      font-weight: 500;
      font-size: 15px;
      max-width: 800px !important; }

#military-medals section#branches ul,
#standard-medal section#branches ul,
#anodized-medal section#branches ul,
#mini-medal section#branches ul,
#mini-ano-medal section#branches ul,
#shadow-box-lp section#branches ul,
#navy-cap-lp section#branches ul,
#uswag-lp section#branches ul {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  display: flex; }
  #military-medals section#branches ul li,
  #standard-medal section#branches ul li,
  #anodized-medal section#branches ul li,
  #mini-medal section#branches ul li,
  #mini-ano-medal section#branches ul li,
  #shadow-box-lp section#branches ul li,
  #navy-cap-lp section#branches ul li,
  #uswag-lp section#branches ul li {
    width: 20%; }
    #military-medals section#branches ul li a,
    #standard-medal section#branches ul li a,
    #anodized-medal section#branches ul li a,
    #mini-medal section#branches ul li a,
    #mini-ano-medal section#branches ul li a,
    #shadow-box-lp section#branches ul li a,
    #navy-cap-lp section#branches ul li a,
    #uswag-lp section#branches ul li a {
      text-decoration: none;
      border-bottom: none; }
      #military-medals section#branches ul li a:hover,
      #standard-medal section#branches ul li a:hover,
      #anodized-medal section#branches ul li a:hover,
      #mini-medal section#branches ul li a:hover,
      #mini-ano-medal section#branches ul li a:hover,
      #shadow-box-lp section#branches ul li a:hover,
      #navy-cap-lp section#branches ul li a:hover,
      #uswag-lp section#branches ul li a:hover {
        text-decoration: none;
        border-bottom: none; }
    #military-medals section#branches ul li img,
    #standard-medal section#branches ul li img,
    #anodized-medal section#branches ul li img,
    #mini-medal section#branches ul li img,
    #mini-ano-medal section#branches ul li img,
    #shadow-box-lp section#branches ul li img,
    #navy-cap-lp section#branches ul li img,
    #uswag-lp section#branches ul li img {
      width: 100%; }
#military-medals section#why img,
#standard-medal section#why img,
#anodized-medal section#why img,
#mini-medal section#why img,
#mini-ano-medal section#why img,
#shadow-box-lp section#why img,
#navy-cap-lp section#why img,
#uswag-lp section#why img {
  width: 100%; }
#military-medals section#why p,
#standard-medal section#why p,
#anodized-medal section#why p,
#mini-medal section#why p,
#mini-ano-medal section#why p,
#shadow-box-lp section#why p,
#navy-cap-lp section#why p,
#uswag-lp section#why p {
  font-size: 24px;
  letter-spacing: 0;
  line-height: 33px;
  margin: 0 auto 30px; }
#military-medals section#values ul,
#standard-medal section#values ul,
#anodized-medal section#values ul,
#mini-medal section#values ul,
#mini-ano-medal section#values ul,
#shadow-box-lp section#values ul,
#navy-cap-lp section#values ul,
#uswag-lp section#values ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap; }
  #military-medals section#values ul li,
  #standard-medal section#values ul li,
  #anodized-medal section#values ul li,
  #mini-medal section#values ul li,
  #mini-ano-medal section#values ul li,
  #shadow-box-lp section#values ul li,
  #navy-cap-lp section#values ul li,
  #uswag-lp section#values ul li {
    flex: 1 0 50%;
    box-sizing: border-box;
    padding: 0 40px; }
    #military-medals section#values ul li .img-container,
    #standard-medal section#values ul li .img-container,
    #anodized-medal section#values ul li .img-container,
    #mini-medal section#values ul li .img-container,
    #mini-ano-medal section#values ul li .img-container,
    #shadow-box-lp section#values ul li .img-container,
    #navy-cap-lp section#values ul li .img-container,
    #uswag-lp section#values ul li .img-container {
      width: 119px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px; }
      #military-medals section#values ul li .img-container img,
      #standard-medal section#values ul li .img-container img,
      #anodized-medal section#values ul li .img-container img,
      #mini-medal section#values ul li .img-container img,
      #mini-ano-medal section#values ul li .img-container img,
      #shadow-box-lp section#values ul li .img-container img,
      #navy-cap-lp section#values ul li .img-container img,
      #uswag-lp section#values ul li .img-container img {
        max-width: 100%;
        max-height: 100%; }
#military-medals section#inspection,
#standard-medal section#inspection,
#anodized-medal section#inspection,
#mini-medal section#inspection,
#mini-ano-medal section#inspection,
#shadow-box-lp section#inspection,
#navy-cap-lp section#inspection,
#uswag-lp section#inspection {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 130px;
  padding-bottom: 40px; }
  #military-medals section#inspection img,
  #standard-medal section#inspection img,
  #anodized-medal section#inspection img,
  #mini-medal section#inspection img,
  #mini-ano-medal section#inspection img,
  #shadow-box-lp section#inspection img,
  #navy-cap-lp section#inspection img,
  #uswag-lp section#inspection img {
    margin: -180px 0 20px;
    width: 300px; }
  #military-medals section#inspection p,
  #standard-medal section#inspection p,
  #anodized-medal section#inspection p,
  #mini-medal section#inspection p,
  #mini-ano-medal section#inspection p,
  #shadow-box-lp section#inspection p,
  #navy-cap-lp section#inspection p,
  #uswag-lp section#inspection p {
    margin-bottom: 30px; }
#military-medals section h2 a:hover,
#standard-medal section h2 a:hover,
#anodized-medal section h2 a:hover,
#mini-medal section h2 a:hover,
#mini-ano-medal section h2 a:hover,
#shadow-box-lp section h2 a:hover,
#navy-cap-lp section h2 a:hover,
#uswag-lp section h2 a:hover {
  color: #B00020;
  text-decoration: underline;
  border-bottom: none; }

.hero.seo.shadow-box-lp .hero-content {
  padding: 5px 0 25px; }
  .hero.seo.shadow-box-lp .hero-content img {
    max-height: 276px; }

#uswag-lp {
  max-width: none !important; }
  #uswag-lp section#branches, #uswag-lp section#values, #uswag-lp section#reviews {
    max-width: 1024px;
    margin: 0 auto; }
  #uswag-lp section#why {
    background: url("https://i.ezr.io/_img/USWAG-rectangular-desktop.jpg") no-repeat center center/auto 100%;
    height: 26.8vw;
    text-align: center;
    justify-content: flex-start; }
    #uswag-lp section#why h2 {
      color: #FFFFFF;
      font-size: 34px;
      font-style: italic;
      font-weight: bold;
      letter-spacing: -0.57px;
      line-height: 45px;
      text-shadow: 0 2px 4px 0 #00041F; }
    #uswag-lp section#why p {
      color: #FFFFFF;
      font-size: 24px;
      line-height: 33px;
      text-shadow: 0 2px 4px 0 #00041F;
      max-width: 668px !important;
      margin: 0 auto; }

#navy-cap-lp .hero.navy-caps-hero {
  text-align: center; }
  #navy-cap-lp .hero.navy-caps-hero .hero-content {
    display: flex;
    align-items: center; }
    #navy-cap-lp .hero.navy-caps-hero .hero-content img {
      max-height: 210px;
      padding-bottom: 14px; }
    #navy-cap-lp .hero.navy-caps-hero .hero-content .main-cta {
      padding: 0 6px; }
      #navy-cap-lp .hero.navy-caps-hero .hero-content .main-cta h1 {
        font-style: italic;
        font-weight: 900;
        font-size: 44px; }
      #navy-cap-lp .hero.navy-caps-hero .hero-content .main-cta p {
        font-weight: bold; }
#navy-cap-lp section#why {
  background: url("https://i.ezr.io/_img/ncb-lp-guaranteed.jpg") no-repeat center center;
  background-size: cover;
  height: 650px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 14px 20px; }
  #navy-cap-lp section#why h2, #navy-cap-lp section#why p {
    max-width: 600px;
    color: white;
    text-align: center; }
  #navy-cap-lp section#why h2 {
    font-size: 28px;
    font-weight: bold;
    margin: 0 auto .725em auto; }
  #navy-cap-lp section#why p {
    font-size: 14px;
    line-height: 19px; }
#navy-cap-lp .wear-with-pride {
  background: #F7F8FB;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  margin: 0 auto; }
  #navy-cap-lp .wear-with-pride img {
    max-width: 300px;
    margin-bottom: 20px; }
  #navy-cap-lp .wear-with-pride h2, #navy-cap-lp .wear-with-pride p {
    max-width: 700px; }
  #navy-cap-lp .wear-with-pride h2 {
    color: #c00f19;
    font-weight: 900;
    font-size: 28px;
    margin-bottom: 20px; }
  #navy-cap-lp .wear-with-pride p {
    color: #000A50;
    font-weight: 400;
    font-size: 14px; }
#navy-cap-lp .content {
  padding-bottom: 24px; }
#navy-cap-lp .yotpo-container {
  padding: 24px; }

#shadow-box-lp {
  max-width: none !important; }
  #shadow-box-lp section#reviews {
    max-width: 1024px;
    margin: 0 auto; }
  #shadow-box-lp section a.button-red {
    padding: 0 35px; }
  #shadow-box-lp section#why.dark {
    background: url("https://i.ezr.io/_img/image-sbb-shadow-boxes.jpg") no-repeat center center;
    background-size: auto 100%;
    height: 680px;
    position: absolute;
    justify-content: flex-start; }
    #shadow-box-lp section#why.dark h2 {
      color: white;
      font-size: 34px;
      font-style: italic;
      font-weight: bold;
      letter-spacing: -0.57px;
      line-height: 45px;
      text-align: center;
      text-shadow: 0 2px 4px 0 #00041F; }
    #shadow-box-lp section#why.dark p {
      color: white;
      max-width: 585px;
      font-size: 24px;
      letter-spacing: 0;
      line-height: 33px;
      text-align: center;
      text-shadow: 0 2px 4px 0 #00041F; }
      #shadow-box-lp section#why.dark p strong {
        font-weight: 600; }
    #shadow-box-lp section#why.dark:before {
      display: none; }
    #shadow-box-lp section#why.dark ~ .space {
      display: block;
      height: 680px; }
  #shadow-box-lp section#inspection {
    margin-top: 0px !important;
    background-color: #F7F8FB; }
    #shadow-box-lp section#inspection img {
      margin-top: 0px !important; }
    #shadow-box-lp section#inspection p {
      max-width: 400px; }

@media (min-width: 1001px) {
  #medal-racks-hero .hero-content .hide-mobile img {
    max-height: 240px !important; } }

#military-medals,
#standard-medal,
#mini-medal,
#mini-ano-medal,
#anodized-medal {
  max-width: none !important; }
  #military-medals section.background-container:nth-child(even),
  #standard-medal section.background-container:nth-child(even),
  #mini-medal section.background-container:nth-child(even),
  #mini-ano-medal section.background-container:nth-child(even),
  #anodized-medal section.background-container:nth-child(even) {
    background-color: #F7F8FB; }
  #military-medals section.background-container:nth-child(odd),
  #standard-medal section.background-container:nth-child(odd),
  #mini-medal section.background-container:nth-child(odd),
  #mini-ano-medal section.background-container:nth-child(odd),
  #anodized-medal section.background-container:nth-child(odd) {
    padding-top: 30px; }
  #military-medals section:not(.background-container)#shop-pay, #military-medals section:not(.background-container)#medals-showcase, #military-medals section:not(.background-container)#ribbons-showcase,
  #standard-medal section:not(.background-container)#shop-pay,
  #standard-medal section:not(.background-container)#medals-showcase,
  #standard-medal section:not(.background-container)#ribbons-showcase,
  #mini-medal section:not(.background-container)#shop-pay,
  #mini-medal section:not(.background-container)#medals-showcase,
  #mini-medal section:not(.background-container)#ribbons-showcase,
  #mini-ano-medal section:not(.background-container)#shop-pay,
  #mini-ano-medal section:not(.background-container)#medals-showcase,
  #mini-ano-medal section:not(.background-container)#ribbons-showcase,
  #anodized-medal section:not(.background-container)#shop-pay,
  #anodized-medal section:not(.background-container)#medals-showcase,
  #anodized-medal section:not(.background-container)#ribbons-showcase {
    max-width: 1024px;
    margin: 0 auto; }
    #military-medals section:not(.background-container)#shop-pay p, #military-medals section:not(.background-container)#medals-showcase p, #military-medals section:not(.background-container)#ribbons-showcase p,
    #standard-medal section:not(.background-container)#shop-pay p,
    #standard-medal section:not(.background-container)#medals-showcase p,
    #standard-medal section:not(.background-container)#ribbons-showcase p,
    #mini-medal section:not(.background-container)#shop-pay p,
    #mini-medal section:not(.background-container)#medals-showcase p,
    #mini-medal section:not(.background-container)#ribbons-showcase p,
    #mini-ano-medal section:not(.background-container)#shop-pay p,
    #mini-ano-medal section:not(.background-container)#medals-showcase p,
    #mini-ano-medal section:not(.background-container)#ribbons-showcase p,
    #anodized-medal section:not(.background-container)#shop-pay p,
    #anodized-medal section:not(.background-container)#medals-showcase p,
    #anodized-medal section:not(.background-container)#ribbons-showcase p {
      max-width: 800px !important; }
  #military-medals section#shop-pay .inner-container, #military-medals section#medals-showcase .inner-container, #military-medals section#ribbons-showcase .inner-container,
  #standard-medal section#shop-pay .inner-container,
  #standard-medal section#medals-showcase .inner-container,
  #standard-medal section#ribbons-showcase .inner-container,
  #mini-medal section#shop-pay .inner-container,
  #mini-medal section#medals-showcase .inner-container,
  #mini-medal section#ribbons-showcase .inner-container,
  #mini-ano-medal section#shop-pay .inner-container,
  #mini-ano-medal section#medals-showcase .inner-container,
  #mini-ano-medal section#ribbons-showcase .inner-container,
  #anodized-medal section#shop-pay .inner-container,
  #anodized-medal section#medals-showcase .inner-container,
  #anodized-medal section#ribbons-showcase .inner-container {
    max-width: 1024px;
    margin: 0 auto; }
    #military-medals section#shop-pay .inner-container p, #military-medals section#medals-showcase .inner-container p, #military-medals section#ribbons-showcase .inner-container p,
    #standard-medal section#shop-pay .inner-container p,
    #standard-medal section#medals-showcase .inner-container p,
    #standard-medal section#ribbons-showcase .inner-container p,
    #mini-medal section#shop-pay .inner-container p,
    #mini-medal section#medals-showcase .inner-container p,
    #mini-medal section#ribbons-showcase .inner-container p,
    #mini-ano-medal section#shop-pay .inner-container p,
    #mini-ano-medal section#medals-showcase .inner-container p,
    #mini-ano-medal section#ribbons-showcase .inner-container p,
    #anodized-medal section#shop-pay .inner-container p,
    #anodized-medal section#medals-showcase .inner-container p,
    #anodized-medal section#ribbons-showcase .inner-container p {
      max-width: 800px !important; }
  #military-medals section#medals-showcase,
  #standard-medal section#medals-showcase,
  #mini-medal section#medals-showcase,
  #mini-ano-medal section#medals-showcase,
  #anodized-medal section#medals-showcase {
    background-color: #F7F8FB; }
    #military-medals section#medals-showcase h3,
    #standard-medal section#medals-showcase h3,
    #mini-medal section#medals-showcase h3,
    #mini-ano-medal section#medals-showcase h3,
    #anodized-medal section#medals-showcase h3 {
      margin-top: 20px; }
  #military-medals section#medals-showcase li > a h3, #military-medals section#ribbons-showcase li > a h3,
  #standard-medal section#medals-showcase li > a h3,
  #standard-medal section#ribbons-showcase li > a h3,
  #mini-medal section#medals-showcase li > a h3,
  #mini-medal section#ribbons-showcase li > a h3,
  #mini-ano-medal section#medals-showcase li > a h3,
  #mini-ano-medal section#ribbons-showcase li > a h3,
  #anodized-medal section#medals-showcase li > a h3,
  #anodized-medal section#ribbons-showcase li > a h3 {
    text-align: center;
    text-decoration: underline;
    color: #0D196A;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center; }
  #military-medals section#medals-showcase li > a:hover a, #military-medals section#ribbons-showcase li > a:hover a,
  #standard-medal section#medals-showcase li > a:hover a,
  #standard-medal section#ribbons-showcase li > a:hover a,
  #mini-medal section#medals-showcase li > a:hover a,
  #mini-medal section#ribbons-showcase li > a:hover a,
  #mini-ano-medal section#medals-showcase li > a:hover a,
  #mini-ano-medal section#ribbons-showcase li > a:hover a,
  #anodized-medal section#medals-showcase li > a:hover a,
  #anodized-medal section#ribbons-showcase li > a:hover a {
    border-bottom: none; }
  #military-medals section#medals-showcase li > a:hover h3, #military-medals section#ribbons-showcase li > a:hover h3,
  #standard-medal section#medals-showcase li > a:hover h3,
  #standard-medal section#ribbons-showcase li > a:hover h3,
  #mini-medal section#medals-showcase li > a:hover h3,
  #mini-medal section#ribbons-showcase li > a:hover h3,
  #mini-ano-medal section#medals-showcase li > a:hover h3,
  #mini-ano-medal section#ribbons-showcase li > a:hover h3,
  #anodized-medal section#medals-showcase li > a:hover h3,
  #anodized-medal section#ribbons-showcase li > a:hover h3 {
    color: #000;
    text-decoration: none; }
  #military-medals section#why,
  #standard-medal section#why,
  #mini-medal section#why,
  #mini-ano-medal section#why,
  #anodized-medal section#why {
    padding: 0 !important;
    background: url("https://i.ezr.io/lp/general/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
    height: 26vw;
    justify-content: center; }
    #military-medals section#why[data-branch="army"],
    #standard-medal section#why[data-branch="army"],
    #mini-medal section#why[data-branch="army"],
    #mini-ano-medal section#why[data-branch="army"],
    #anodized-medal section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why[data-branch="navy"],
    #standard-medal section#why[data-branch="navy"],
    #mini-medal section#why[data-branch="navy"],
    #mini-ano-medal section#why[data-branch="navy"],
    #anodized-medal section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why[data-branch="air_force"],
    #standard-medal section#why[data-branch="air_force"],
    #mini-medal section#why[data-branch="air_force"],
    #mini-ano-medal section#why[data-branch="air_force"],
    #anodized-medal section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why[data-branch="marine_corps"],
    #standard-medal section#why[data-branch="marine_corps"],
    #mini-medal section#why[data-branch="marine_corps"],
    #mini-ano-medal section#why[data-branch="marine_corps"],
    #anodized-medal section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why[data-branch="coast_guard"],
    #standard-medal section#why[data-branch="coast_guard"],
    #mini-medal section#why[data-branch="coast_guard"],
    #mini-ano-medal section#why[data-branch="coast_guard"],
    #anodized-medal section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why h2,
    #standard-medal section#why h2,
    #mini-medal section#why h2,
    #mini-ano-medal section#why h2,
    #anodized-medal section#why h2 {
      color: #FFFFFF;
      font-size: 28px;
      font-style: italic;
      font-weight: bold;
      line-height: 38px;
      margin-bottom: 23px; }
    #military-medals section#why div,
    #standard-medal section#why div,
    #mini-medal section#why div,
    #mini-ano-medal section#why div,
    #anodized-medal section#why div {
      color: #FFFFFF;
      font-size: 14px;
      line-height: 19px;
      font-weight: 300;
      max-width: 400px;
      margin: 0 auto; }
  #military-medals section#values:not(.background-container),
  #standard-medal section#values:not(.background-container),
  #mini-medal section#values:not(.background-container),
  #mini-ano-medal section#values:not(.background-container),
  #anodized-medal section#values:not(.background-container) {
    margin: 0 auto; }
    #military-medals section#values:not(.background-container) p,
    #standard-medal section#values:not(.background-container) p,
    #mini-medal section#values:not(.background-container) p,
    #mini-ano-medal section#values:not(.background-container) p,
    #anodized-medal section#values:not(.background-container) p {
      max-width: 560px; }
  #military-medals section#values .inner-container,
  #standard-medal section#values .inner-container,
  #mini-medal section#values .inner-container,
  #mini-ano-medal section#values .inner-container,
  #anodized-medal section#values .inner-container {
    max-width: 1024px;
    margin: 0 auto; }
    #military-medals section#values .inner-container p,
    #standard-medal section#values .inner-container p,
    #mini-medal section#values .inner-container p,
    #mini-ano-medal section#values .inner-container p,
    #anodized-medal section#values .inner-container p {
      max-width: 560px; }
  #military-medals section#ribbons-showcase,
  #standard-medal section#ribbons-showcase,
  #mini-medal section#ribbons-showcase,
  #mini-ano-medal section#ribbons-showcase,
  #anodized-medal section#ribbons-showcase {
    background-color: #F7F8FB;
    padding-top: 30px !important; }
    #military-medals section#ribbons-showcase h2,
    #standard-medal section#ribbons-showcase h2,
    #mini-medal section#ribbons-showcase h2,
    #mini-ano-medal section#ribbons-showcase h2,
    #anodized-medal section#ribbons-showcase h2 {
      margin-bottom: 42px; }
      @media (max-width: 768px) {
        #military-medals section#ribbons-showcase h2,
        #standard-medal section#ribbons-showcase h2,
        #mini-medal section#ribbons-showcase h2,
        #mini-ano-medal section#ribbons-showcase h2,
        #anodized-medal section#ribbons-showcase h2 {
          margin-bottom: 30px; } }
    #military-medals section#ribbons-showcase ul,
    #standard-medal section#ribbons-showcase ul,
    #mini-medal section#ribbons-showcase ul,
    #mini-ano-medal section#ribbons-showcase ul,
    #anodized-medal section#ribbons-showcase ul {
      display: flex;
      list-style: none;
      padding: 5px 5px 5px 0px; }
      #military-medals section#ribbons-showcase ul li,
      #standard-medal section#ribbons-showcase ul li,
      #mini-medal section#ribbons-showcase ul li,
      #mini-ano-medal section#ribbons-showcase ul li,
      #anodized-medal section#ribbons-showcase ul li {
        width: 25%; }
        #military-medals section#ribbons-showcase ul li div,
        #standard-medal section#ribbons-showcase ul li div,
        #mini-medal section#ribbons-showcase ul li div,
        #mini-ano-medal section#ribbons-showcase ul li div,
        #anodized-medal section#ribbons-showcase ul li div {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 28px; }
          @media (min-width: 769px) {
            #military-medals section#ribbons-showcase ul li div,
            #standard-medal section#ribbons-showcase ul li div,
            #mini-medal section#ribbons-showcase ul li div,
            #mini-ano-medal section#ribbons-showcase ul li div,
            #anodized-medal section#ribbons-showcase ul li div {
              height: 15.5vw;
              max-height: 160px; } }
          @media (max-width: 768px) {
            #military-medals section#ribbons-showcase ul li div,
            #standard-medal section#ribbons-showcase ul li div,
            #mini-medal section#ribbons-showcase ul li div,
            #mini-ano-medal section#ribbons-showcase ul li div,
            #anodized-medal section#ribbons-showcase ul li div {
              height: 28.2vw; } }
          #military-medals section#ribbons-showcase ul li div img.thin, #military-medals section#ribbons-showcase ul li div img.sticky, #military-medals section#ribbons-showcase ul li div img.standard-medal, #military-medals section#ribbons-showcase ul li div img.anodized-medal,
          #standard-medal section#ribbons-showcase ul li div img.thin,
          #standard-medal section#ribbons-showcase ul li div img.sticky,
          #standard-medal section#ribbons-showcase ul li div img.standard-medal,
          #standard-medal section#ribbons-showcase ul li div img.anodized-medal,
          #mini-medal section#ribbons-showcase ul li div img.thin,
          #mini-medal section#ribbons-showcase ul li div img.sticky,
          #mini-medal section#ribbons-showcase ul li div img.standard-medal,
          #mini-medal section#ribbons-showcase ul li div img.anodized-medal,
          #mini-ano-medal section#ribbons-showcase ul li div img.thin,
          #mini-ano-medal section#ribbons-showcase ul li div img.sticky,
          #mini-ano-medal section#ribbons-showcase ul li div img.standard-medal,
          #mini-ano-medal section#ribbons-showcase ul li div img.anodized-medal,
          #anodized-medal section#ribbons-showcase ul li div img.thin,
          #anodized-medal section#ribbons-showcase ul li div img.sticky,
          #anodized-medal section#ribbons-showcase ul li div img.standard-medal,
          #anodized-medal section#ribbons-showcase ul li div img.anodized-medal {
            height: 100%; }
          #military-medals section#ribbons-showcase ul li div img.standard,
          #standard-medal section#ribbons-showcase ul li div img.standard,
          #mini-medal section#ribbons-showcase ul li div img.standard,
          #mini-ano-medal section#ribbons-showcase ul li div img.standard,
          #anodized-medal section#ribbons-showcase ul li div img.standard {
            width: 100%; }
          #military-medals section#ribbons-showcase ul li div img.mini,
          #standard-medal section#ribbons-showcase ul li div img.mini,
          #mini-medal section#ribbons-showcase ul li div img.mini,
          #mini-ano-medal section#ribbons-showcase ul li div img.mini,
          #anodized-medal section#ribbons-showcase ul li div img.mini {
            width: 60%; }
          #military-medals section#ribbons-showcase ul li div img.mini-medal, #military-medals section#ribbons-showcase ul li div img.mini-anodized,
          #standard-medal section#ribbons-showcase ul li div img.mini-medal,
          #standard-medal section#ribbons-showcase ul li div img.mini-anodized,
          #mini-medal section#ribbons-showcase ul li div img.mini-medal,
          #mini-medal section#ribbons-showcase ul li div img.mini-anodized,
          #mini-ano-medal section#ribbons-showcase ul li div img.mini-medal,
          #mini-ano-medal section#ribbons-showcase ul li div img.mini-anodized,
          #anodized-medal section#ribbons-showcase ul li div img.mini-medal,
          #anodized-medal section#ribbons-showcase ul li div img.mini-anodized {
            height: 90%; }
  #military-medals section#reviews:not(.background-container),
  #standard-medal section#reviews:not(.background-container),
  #mini-medal section#reviews:not(.background-container),
  #mini-ano-medal section#reviews:not(.background-container),
  #anodized-medal section#reviews:not(.background-container) {
    max-width: 1024px;
    margin: 0 auto; }
  #military-medals section#reviews,
  #standard-medal section#reviews,
  #mini-medal section#reviews,
  #mini-ano-medal section#reviews,
  #anodized-medal section#reviews {
    background-color: white; }
    #military-medals section#reviews .inner-container,
    #standard-medal section#reviews .inner-container,
    #mini-medal section#reviews .inner-container,
    #mini-ano-medal section#reviews .inner-container,
    #anodized-medal section#reviews .inner-container {
      max-width: 1024px;
      margin: 0 auto; }

.rack-hero .hero-content img {
  max-height: 200px !important; }

.hero.seo.ribbon-hero .hero-content .branding-image,
.hero.seo.dogtag-hero .hero-content .branding-image,
.hero.seo.nametag-hero .hero-content .branding-image {
  left: 0px;
  max-width: 370px; }
.hero.seo.ribbon-hero .hero-content .main-cta,
.hero.seo.dogtag-hero .hero-content .main-cta,
.hero.seo.nametag-hero .hero-content .main-cta {
  padding: 0px 0px 0px 30px; }

.hero.seo.mini-ribbon .main-cta {
  max-width: 350px; }

#standard-medal section.general,
#mini-medal section.general,
#anodized-medal section.general,
#mini-ano-medal section.general {
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 0px; }
  #standard-medal section.general p,
  #mini-medal section.general p,
  #anodized-medal section.general p,
  #mini-ano-medal section.general p {
    max-width: 1000px;
    margin-bottom: 20px; }
  #standard-medal section.general > div,
  #mini-medal section.general > div,
  #anodized-medal section.general > div,
  #mini-ano-medal section.general > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 30px; }
    #standard-medal section.general > div ul,
    #mini-medal section.general > div ul,
    #anodized-medal section.general > div ul,
    #mini-ano-medal section.general > div ul {
      padding: 5px;
      text-align: left; }
      #standard-medal section.general > div ul li,
      #mini-medal section.general > div ul li,
      #anodized-medal section.general > div ul li,
      #mini-ano-medal section.general > div ul li {
        font-size: 14px;
        line-height: 19px;
        color: #0D196A;
        font-weight: 300; }
#standard-medal section#values,
#mini-medal section#values,
#anodized-medal section#values,
#mini-ano-medal section#values {
  background-color: #F7F8FB; }

#ribbon-lp,
#thin-ribbon,
#standard-ribbon,
#mini-ribbon,
#sticky-rack,
#dog-tag,
#name-tag,
#leather-name-tag {
  max-width: none !important;
  overflow: hidden; }
  #ribbon-lp section#branches, #ribbon-lp section#reviews, #ribbon-lp section.general,
  #thin-ribbon section#branches,
  #thin-ribbon section#reviews,
  #thin-ribbon section.general,
  #standard-ribbon section#branches,
  #standard-ribbon section#reviews,
  #standard-ribbon section.general,
  #mini-ribbon section#branches,
  #mini-ribbon section#reviews,
  #mini-ribbon section.general,
  #sticky-rack section#branches,
  #sticky-rack section#reviews,
  #sticky-rack section.general,
  #dog-tag section#branches,
  #dog-tag section#reviews,
  #dog-tag section.general,
  #name-tag section#branches,
  #name-tag section#reviews,
  #name-tag section.general,
  #leather-name-tag section#branches,
  #leather-name-tag section#reviews,
  #leather-name-tag section.general {
    max-width: 1024px;
    margin: 0 auto; }
    #ribbon-lp section#branches ul, #ribbon-lp section#reviews ul, #ribbon-lp section.general ul,
    #thin-ribbon section#branches ul,
    #thin-ribbon section#reviews ul,
    #thin-ribbon section.general ul,
    #standard-ribbon section#branches ul,
    #standard-ribbon section#reviews ul,
    #standard-ribbon section.general ul,
    #mini-ribbon section#branches ul,
    #mini-ribbon section#reviews ul,
    #mini-ribbon section.general ul,
    #sticky-rack section#branches ul,
    #sticky-rack section#reviews ul,
    #sticky-rack section.general ul,
    #dog-tag section#branches ul,
    #dog-tag section#reviews ul,
    #dog-tag section.general ul,
    #name-tag section#branches ul,
    #name-tag section#reviews ul,
    #name-tag section.general ul,
    #leather-name-tag section#branches ul,
    #leather-name-tag section#reviews ul,
    #leather-name-tag section.general ul {
      padding: 5px; }
  #ribbon-lp section#branches h2,
  #thin-ribbon section#branches h2,
  #standard-ribbon section#branches h2,
  #mini-ribbon section#branches h2,
  #sticky-rack section#branches h2,
  #dog-tag section#branches h2,
  #name-tag section#branches h2,
  #leather-name-tag section#branches h2 {
    margin-bottom: 30px; }
  #ribbon-lp section#branches ul,
  #thin-ribbon section#branches ul,
  #standard-ribbon section#branches ul,
  #mini-ribbon section#branches ul,
  #sticky-rack section#branches ul,
  #dog-tag section#branches ul,
  #name-tag section#branches ul,
  #leather-name-tag section#branches ul {
    display: flex;
    list-style: none;
    padding: 5px 5px 5px 0px; }
    #ribbon-lp section#branches ul li,
    #thin-ribbon section#branches ul li,
    #standard-ribbon section#branches ul li,
    #mini-ribbon section#branches ul li,
    #sticky-rack section#branches ul li,
    #dog-tag section#branches ul li,
    #name-tag section#branches ul li,
    #leather-name-tag section#branches ul li {
      width: 25%; }
      #ribbon-lp section#branches ul li div,
      #thin-ribbon section#branches ul li div,
      #standard-ribbon section#branches ul li div,
      #mini-ribbon section#branches ul li div,
      #sticky-rack section#branches ul li div,
      #dog-tag section#branches ul li div,
      #name-tag section#branches ul li div,
      #leather-name-tag section#branches ul li div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 6.4vw;
        margin-bottom: 28px; }
        #ribbon-lp section#branches ul li div img.thin, #ribbon-lp section#branches ul li div img.sticky,
        #thin-ribbon section#branches ul li div img.thin,
        #thin-ribbon section#branches ul li div img.sticky,
        #standard-ribbon section#branches ul li div img.thin,
        #standard-ribbon section#branches ul li div img.sticky,
        #mini-ribbon section#branches ul li div img.thin,
        #mini-ribbon section#branches ul li div img.sticky,
        #sticky-rack section#branches ul li div img.thin,
        #sticky-rack section#branches ul li div img.sticky,
        #dog-tag section#branches ul li div img.thin,
        #dog-tag section#branches ul li div img.sticky,
        #name-tag section#branches ul li div img.thin,
        #name-tag section#branches ul li div img.sticky,
        #leather-name-tag section#branches ul li div img.thin,
        #leather-name-tag section#branches ul li div img.sticky {
          height: 100%; }
        #ribbon-lp section#branches ul li div img.standard-medal, #ribbon-lp section#branches ul li div img.anodized-medal,
        #thin-ribbon section#branches ul li div img.standard-medal,
        #thin-ribbon section#branches ul li div img.anodized-medal,
        #standard-ribbon section#branches ul li div img.standard-medal,
        #standard-ribbon section#branches ul li div img.anodized-medal,
        #mini-ribbon section#branches ul li div img.standard-medal,
        #mini-ribbon section#branches ul li div img.anodized-medal,
        #sticky-rack section#branches ul li div img.standard-medal,
        #sticky-rack section#branches ul li div img.anodized-medal,
        #dog-tag section#branches ul li div img.standard-medal,
        #dog-tag section#branches ul li div img.anodized-medal,
        #name-tag section#branches ul li div img.standard-medal,
        #name-tag section#branches ul li div img.anodized-medal,
        #leather-name-tag section#branches ul li div img.standard-medal,
        #leather-name-tag section#branches ul li div img.anodized-medal {
          width: 100%;
          max-width: 200px; }
        #ribbon-lp section#branches ul li div img.standard,
        #thin-ribbon section#branches ul li div img.standard,
        #standard-ribbon section#branches ul li div img.standard,
        #mini-ribbon section#branches ul li div img.standard,
        #sticky-rack section#branches ul li div img.standard,
        #dog-tag section#branches ul li div img.standard,
        #name-tag section#branches ul li div img.standard,
        #leather-name-tag section#branches ul li div img.standard {
          width: 100%; }
        #ribbon-lp section#branches ul li div img.mini,
        #thin-ribbon section#branches ul li div img.mini,
        #standard-ribbon section#branches ul li div img.mini,
        #mini-ribbon section#branches ul li div img.mini,
        #sticky-rack section#branches ul li div img.mini,
        #dog-tag section#branches ul li div img.mini,
        #name-tag section#branches ul li div img.mini,
        #leather-name-tag section#branches ul li div img.mini {
          width: 60%; }
        #ribbon-lp section#branches ul li div img.mini-medal, #ribbon-lp section#branches ul li div img.mini-anodized,
        #thin-ribbon section#branches ul li div img.mini-medal,
        #thin-ribbon section#branches ul li div img.mini-anodized,
        #standard-ribbon section#branches ul li div img.mini-medal,
        #standard-ribbon section#branches ul li div img.mini-anodized,
        #mini-ribbon section#branches ul li div img.mini-medal,
        #mini-ribbon section#branches ul li div img.mini-anodized,
        #sticky-rack section#branches ul li div img.mini-medal,
        #sticky-rack section#branches ul li div img.mini-anodized,
        #dog-tag section#branches ul li div img.mini-medal,
        #dog-tag section#branches ul li div img.mini-anodized,
        #name-tag section#branches ul li div img.mini-medal,
        #name-tag section#branches ul li div img.mini-anodized,
        #leather-name-tag section#branches ul li div img.mini-medal,
        #leather-name-tag section#branches ul li div img.mini-anodized {
          height: 90%; }
      #ribbon-lp section#branches ul li p,
      #thin-ribbon section#branches ul li p,
      #standard-ribbon section#branches ul li p,
      #mini-ribbon section#branches ul li p,
      #sticky-rack section#branches ul li p,
      #dog-tag section#branches ul li p,
      #name-tag section#branches ul li p,
      #leather-name-tag section#branches ul li p {
        color: #0D196A;
        font-size: 18px;
        font-style: italic;
        font-weight: bold;
        line-height: 24px;
        text-decoration: underline;
        margin-bottom: 20px; }
  #ribbon-lp section#values,
  #thin-ribbon section#values,
  #standard-ribbon section#values,
  #mini-ribbon section#values,
  #sticky-rack section#values,
  #dog-tag section#values,
  #name-tag section#values,
  #leather-name-tag section#values {
    background-color: #F7F8FB; }
    #ribbon-lp section#values ul,
    #thin-ribbon section#values ul,
    #standard-ribbon section#values ul,
    #mini-ribbon section#values ul,
    #sticky-rack section#values ul,
    #dog-tag section#values ul,
    #name-tag section#values ul,
    #leather-name-tag section#values ul {
      list-style-type: none;
      display: flex;
      flex-wrap: wrap;
      padding: 5px; }
      #ribbon-lp section#values ul li,
      #thin-ribbon section#values ul li,
      #standard-ribbon section#values ul li,
      #mini-ribbon section#values ul li,
      #sticky-rack section#values ul li,
      #dog-tag section#values ul li,
      #name-tag section#values ul li,
      #leather-name-tag section#values ul li {
        flex: 1 0 50%; }
        #ribbon-lp section#values ul li div.img-container,
        #thin-ribbon section#values ul li div.img-container,
        #standard-ribbon section#values ul li div.img-container,
        #mini-ribbon section#values ul li div.img-container,
        #sticky-rack section#values ul li div.img-container,
        #dog-tag section#values ul li div.img-container,
        #name-tag section#values ul li div.img-container,
        #leather-name-tag section#values ul li div.img-container {
          margin-bottom: 20px; }
        #ribbon-lp section#values ul li p,
        #thin-ribbon section#values ul li p,
        #standard-ribbon section#values ul li p,
        #mini-ribbon section#values ul li p,
        #sticky-rack section#values ul li p,
        #dog-tag section#values ul li p,
        #name-tag section#values ul li p,
        #leather-name-tag section#values ul li p {
          margin: 10px auto 20px; }
  #ribbon-lp section#why,
  #thin-ribbon section#why,
  #standard-ribbon section#why,
  #mini-ribbon section#why,
  #sticky-rack section#why,
  #dog-tag section#why,
  #name-tag section#why,
  #leather-name-tag section#why {
    padding: 0 !important;
    justify-content: center;
    margin-bottom: 20px; }
    #ribbon-lp section#why h2,
    #thin-ribbon section#why h2,
    #standard-ribbon section#why h2,
    #mini-ribbon section#why h2,
    #sticky-rack section#why h2,
    #dog-tag section#why h2,
    #name-tag section#why h2,
    #leather-name-tag section#why h2 {
      color: #FFFFFF;
      font-size: 28px;
      font-style: italic;
      font-weight: bold;
      line-height: 38px;
      margin-bottom: 23px; }
    #ribbon-lp section#why div,
    #thin-ribbon section#why div,
    #standard-ribbon section#why div,
    #mini-ribbon section#why div,
    #sticky-rack section#why div,
    #dog-tag section#why div,
    #name-tag section#why div,
    #leather-name-tag section#why div {
      color: #FFFFFF;
      font-size: 14px;
      line-height: 19px;
      font-weight: 300;
      max-width: 400px;
      margin: 0 auto; }
  #ribbon-lp section.general,
  #thin-ribbon section.general,
  #standard-ribbon section.general,
  #mini-ribbon section.general,
  #sticky-rack section.general,
  #dog-tag section.general,
  #name-tag section.general,
  #leather-name-tag section.general {
    padding-bottom: 0px; }
    #ribbon-lp section.general p,
    #thin-ribbon section.general p,
    #standard-ribbon section.general p,
    #mini-ribbon section.general p,
    #sticky-rack section.general p,
    #dog-tag section.general p,
    #name-tag section.general p,
    #leather-name-tag section.general p {
      max-width: 1000px;
      margin-bottom: 20px; }
    #ribbon-lp section.general > div,
    #thin-ribbon section.general > div,
    #standard-ribbon section.general > div,
    #mini-ribbon section.general > div,
    #sticky-rack section.general > div,
    #dog-tag section.general > div,
    #name-tag section.general > div,
    #leather-name-tag section.general > div {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 10px 30px; }
      #ribbon-lp section.general > div ul,
      #thin-ribbon section.general > div ul,
      #standard-ribbon section.general > div ul,
      #mini-ribbon section.general > div ul,
      #sticky-rack section.general > div ul,
      #dog-tag section.general > div ul,
      #name-tag section.general > div ul,
      #leather-name-tag section.general > div ul {
        text-align: left; }
        #ribbon-lp section.general > div ul li,
        #thin-ribbon section.general > div ul li,
        #standard-ribbon section.general > div ul li,
        #mini-ribbon section.general > div ul li,
        #sticky-rack section.general > div ul li,
        #dog-tag section.general > div ul li,
        #name-tag section.general > div ul li,
        #leather-name-tag section.general > div ul li {
          font-size: 14px;
          line-height: 19px;
          color: #0D196A;
          font-weight: 300; }

#ribbon-lp section#why {
  background: url("https://i.ezr.io/lp/general/ez-ribbon-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
  height: 26vw; }
  #ribbon-lp section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/ez-ribbon-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #ribbon-lp section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/ez-ribbon-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #ribbon-lp section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-ribbon-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #ribbon-lp section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/ez-ribbon-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #ribbon-lp section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/ez-ribbon-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }

#thin-ribbon section#branches,
#mini-ribbon section#branches,
#standard-ribbon section#branches,
#sticky-rack section#branches,
#dog-tag section#branches,
#name-tag section#branches,
#leather-name-tag section#branches,
#ribbon-lp section#branches {
  background: #F7F8FB;
  max-width: none;
  align-items: center; }
  #thin-ribbon section#branches > div,
  #mini-ribbon section#branches > div,
  #standard-ribbon section#branches > div,
  #sticky-rack section#branches > div,
  #dog-tag section#branches > div,
  #name-tag section#branches > div,
  #leather-name-tag section#branches > div,
  #ribbon-lp section#branches > div {
    max-width: 1024px; }
#thin-ribbon section h2 a:hover,
#mini-ribbon section h2 a:hover,
#standard-ribbon section h2 a:hover,
#sticky-rack section h2 a:hover,
#dog-tag section h2 a:hover,
#name-tag section h2 a:hover,
#leather-name-tag section h2 a:hover,
#ribbon-lp section h2 a:hover {
  color: #B00020;
  text-decoration: underline;
  border-bottom: none; }

#dog-tag section#links h2 {
  color: #0B0E20;
  font-style: normal; }
#dog-tag section#links[data-branch='army'] h2 {
  color: #000000; }
#dog-tag section#links[data-branch='navy'] h2 {
  color: #1E1853; }
#dog-tag section#links[data-branch='marine_corps'] h2 {
  color: #000000; }
#dog-tag section#links[data-branch='coast_guard'] h2 {
  color: #0C3356; }
#dog-tag section#links[data-branch='air_force'] h2 {
  color: #232B60; }
#dog-tag section#tags .content.leather-builder__content .leather-builder__content-columns {
  flex-direction: column; }
  @media only screen and (min-width: 769px) {
    #dog-tag section#tags .content.leather-builder__content .leather-builder__content-columns {
      flex-direction: row;
      gap: 30px; } }
  #dog-tag section#tags .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #dog-tag section#tags .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle a {
      max-width: 420px; }
      #dog-tag section#tags .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle a:hover {
        border-bottom: none; }
      #dog-tag section#tags .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle a img {
        margin: 0 auto; }
    #dog-tag section#tags .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text p {
      color: #0B0E20; }
      @media only screen and (max-width: 768px) {
        #dog-tag section#tags .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text p {
          margin: 10px auto 20px; } }
    #dog-tag section#tags .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text h2 {
      color: #0B0E20;
      font-size: 18px; }
#dog-tag section#tags[data-branch='army'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text h2, #dog-tag section#tags[data-branch='army'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text p {
  color: #000000; }
#dog-tag section#tags[data-branch='navy'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text h2, #dog-tag section#tags[data-branch='navy'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text p {
  color: #1E1853; }
#dog-tag section#tags[data-branch='marine_corps'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text h2, #dog-tag section#tags[data-branch='marine_corps'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text p {
  color: #000000; }
#dog-tag section#tags[data-branch='coast_guard'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text h2, #dog-tag section#tags[data-branch='coast_guard'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text p {
  color: #0C3356; }
#dog-tag section#tags[data-branch='air_force'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text h2, #dog-tag section#tags[data-branch='air_force'] .content.leather-builder__content .leather-builder__content-columns .leather-builder__circle .text p {
  color: #232B60; }
#dog-tag section#values ul {
  margin-bottom: 0; }
  #dog-tag section#values ul li h2, #dog-tag section#values ul li p {
    color: #0B0E20; }
  #dog-tag section#values ul li p {
    margin: 10px auto 0 auto; }
#dog-tag section#values[data-branch='army'] ul li h2, #dog-tag section#values[data-branch='army'] ul li p {
  color: #000000; }
#dog-tag section#values[data-branch='navy'] ul li h2, #dog-tag section#values[data-branch='navy'] ul li p {
  color: #1E1853; }
#dog-tag section#values[data-branch='marine_corps'] ul li h2, #dog-tag section#values[data-branch='marine_corps'] ul li p {
  color: #000000; }
#dog-tag section#values[data-branch='coast_guard'] ul li h2, #dog-tag section#values[data-branch='coast_guard'] ul li p {
  color: #0C3356; }
#dog-tag section#values[data-branch='air_force'] ul li h2, #dog-tag section#values[data-branch='air_force'] ul li p {
  color: #232B60; }
#dog-tag section#why {
  background: url("https://i.ezr.io/_img/general-guaranteed.jpg") no-repeat center center;
  height: 300px;
  background-size: cover; }
  #dog-tag section#why[data-branch="army"] {
    background: url("https://i.ezr.io/_img/army-guaranteed.jpg") no-repeat center center;
    height: 300px;
    background-size: cover; }
  #dog-tag section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/_img/navy-guaranteed.jpg") no-repeat center center;
    height: 300px;
    background-size: cover; }
  #dog-tag section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/_img/usaf-guaranteed.jpg") no-repeat center;
    height: 300px;
    background-size: cover; }
  #dog-tag section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/_img/usmc-guaranteed.jpg") no-repeat center;
    height: 300px;
    background-size: cover; }
  #dog-tag section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/_img/uscg-guaranteed.jpg") no-repeat center;
    height: 300px;
    background-size: cover; }
  #dog-tag section#why .btn {
    margin: 30px 0;
    font-size: 13.7px;
    font-weight: 600;
    letter-spacing: 1.25px;
    line-height: 16px;
    text-align: center;
    background-color: #B00020;
    text-transform: uppercase;
    color: white;
    border-radius: 4px;
    padding: 10px 16px;
    min-width: 238px; }
  #dog-tag section#why a {
    text-decoration: none;
    border-bottom: none; }
    #dog-tag section#why a:hover {
      text-decoration: none;
      border-bottom: none; }

#name-tag section#why {
  background: url("https://i.ezr.io/lp/general/name-tag-builder-lp-guaranteed.jpg") no-repeat center center;
  background-size: 100%;
  height: 26vw; }
  #name-tag section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/name-tag-builder-lp-guaranteed.jpg") no-repeat center center;
    background-size: 100%; }
  #name-tag section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/name-tag-builder-lp-guaranteed.jpg") no-repeat center center;
    background-size: 100%; }
  #name-tag section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/name-tag-builder-lp-guaranteed.jpg") no-repeat center center;
    background-size: 100%; }
  #name-tag section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/name-tag-builder-lp-guaranteed.jpg") no-repeat center center;
    background-size: 100%; }
  #name-tag section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/name-tag-builder-lp-guaranteed.jpg") no-repeat center center;
    background-size: 100%; }

#leather-name-tag section#why {
  background: url("https://i.ezr.io/_img/leather-name-tag-builder-lp-guaranteed.jpg") no-repeat center center;
  background-size: 100%;
  height: 26vw; }

#thin-ribbon section#why {
  background: url("https://i.ezr.io/lp/general/ez-thin-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
  height: 26vw; }
  #thin-ribbon section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/ez-thin-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #thin-ribbon section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/ez-thin-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #thin-ribbon section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-thin-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #thin-ribbon section#why[data-branch="space_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-thin-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #thin-ribbon section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/ez-thin-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #thin-ribbon section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/ez-thin-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }

#standard-ribbon section#why {
  background: url("https://i.ezr.io/lp/general/ez-standard-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
  height: 26vw; }
  #standard-ribbon section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/ez-standard-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-ribbon section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/ez-standard-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-ribbon section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-standard-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-ribbon section#why[data-branch="space_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-standard-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-ribbon section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/ez-standard-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-ribbon section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/ez-standard-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }

#mini-ribbon section#why {
  background: url("https://i.ezr.io/lp/general/ez-mini-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
  height: 26vw; }
  #mini-ribbon section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/ez-mini-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ribbon section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/ez-mini-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ribbon section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-mini-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ribbon section#why[data-branch="space_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-mini-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ribbon section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/ez-mini-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ribbon section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/ez-mini-ribbons-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }

#sticky-rack section#why {
  background: url("https://i.ezr.io/lp/general/ez-sticky-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
  height: 26vw; }
  #sticky-rack section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/ez-sticky-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #sticky-rack section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/ez-sticky-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #sticky-rack section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-sticky-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #sticky-rack section#why[data-branch="space_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-sticky-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #sticky-rack section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/ez-sticky-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #sticky-rack section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/ez-sticky-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }

#military-medals {
  /* added by Matias on 16th Aug */ }
  #military-medals section#why {
    background: url("https://i.ezr.io/_img/perfect-ribbons-and-medals-desktop.jpg") no-repeat center center;
    background-size: auto 100%;
    height: 26vw; }
  #military-medals section:first-child p {
    color: #a0a2af;
    font-style: italic; }

#standard-medal section#why {
  background: url("https://i.ezr.io/lp/general/ez-standard-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
  height: 26vw; }
  #standard-medal section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/ez-standard-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-medal section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/ez-standard-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-medal section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-standard-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-medal section#why[data-branch="space_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-standard-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-medal section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/ez-standard-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #standard-medal section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/ez-standard-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }

#anodized-medal section#why {
  background: url("https://i.ezr.io/lp/general/ez-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
  height: 26vw; }
  #anodized-medal section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/ez-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #anodized-medal section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/ez-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #anodized-medal section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #anodized-medal section#why[data-branch="space_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #anodized-medal section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/ez-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #anodized-medal section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/ez-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }

#mini-medal section#why {
  background: url("https://i.ezr.io/lp/general/ez-mini-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
  height: 26vw; }
  #mini-medal section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/ez-mini-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-medal section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/ez-mini-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-medal section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-mini-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-medal section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/ez-mini-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-medal section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/ez-mini-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }

#mini-ano-medal section#why {
  background: url("https://i.ezr.io/lp/general/ez-mini-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
  height: 26vw; }
  #mini-ano-medal section#why[data-branch="army"] {
    background: url("https://i.ezr.io/lp/army/ez-mini-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ano-medal section#why[data-branch="navy"] {
    background: url("https://i.ezr.io/lp/navy/ez-mini-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ano-medal section#why[data-branch="air_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-mini-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ano-medal section#why[data-branch="space_force"] {
    background: url("https://i.ezr.io/lp/air_force/ez-mini-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ano-medal section#why[data-branch="marine_corps"] {
    background: url("https://i.ezr.io/lp/marine_corps/ez-mini-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
  #mini-ano-medal section#why[data-branch="coast_guard"] {
    background: url("https://i.ezr.io/lp/coast_guard/ez-mini-anodized-medals-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }

#mini-ribbon section.general > div,
#sticky-rack section.general > div {
  justify-content: space-around; }

.show-mobile {
  display: none; }

.show-tablet {
  display: none; }

@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none; }

  .show-mobile {
    display: block; }

  html, body {
    width: 100vw;
    overflow-x: hidden; }

  .hero .hero-content {
    flex-direction: column-reverse;
    padding: 20px 0; }
    .hero .hero-content > div:not(.main-cta) {
      width: 100%;
      text-align: center; }
      .hero .hero-content > div:not(.main-cta) .branding-image {
        max-height: 208px;
        float: none;
        left: 0;
        top: 0;
        margin-bottom: 18px; }
        .hero .hero-content > div:not(.main-cta) .branding-image[srcset*="leather"] {
          max-height: 180px; }
    .hero .hero-content .main-cta {
      width: 100%;
      max-width: 100%;
      padding: 0 6px;
      text-align: center; }
      .hero .hero-content .main-cta h1 {
        font-size: 30px;
        line-height: 35px;
        letter-spacing: normal;
        margin-bottom: 20px; }
      .hero .hero-content .main-cta p {
        margin-bottom: 5px; }
      .hero .hero-content .main-cta .btn:not(.dog-tag-btn) {
        width: 100%;
        max-width: 100%;
        margin: 0; }
  .hero.home .hero-content .kiosk-name {
    top: 10px;
    position: relative; }
  .hero.home .hero-content .main-cta {
    padding: 0; }
    .hero.home .hero-content .main-cta h1 {
      font-size: 30px;
      line-height: 35px;
      letter-spacing: normal;
      margin-bottom: 10px; }
  .hero.seo.uswag-hero .hero-content .main-cta {
    padding: 24px 0 20px; }
  .hero.seo.uswag-hero .hero-content > div:not(.main-cta) .branding-image {
    top: 0;
    margin: 0 auto; }
  .hero.seo.uswag-lp {
    min-height: 366px;
    margin-bottom: 0; }
  .hero.seo .hero-content {
    flex-direction: column-reverse;
    padding: 30px 6px 50px; }
    .hero.seo .hero-content > div:not(.main-cta) {
      width: 100%;
      text-align: center; }
      .hero.seo .hero-content > div:not(.main-cta) .branding-image {
        float: none;
        left: 0;
        margin: 10px auto -10px;
        top: 14px; }
    .hero.seo .hero-content img {
      max-width: 100% !important; }
    .hero.seo .hero-content .main-cta {
      padding: 0;
      width: 100%;
      max-width: 100%;
      min-width: auto; }
      .hero.seo .hero-content .main-cta h1 {
        font-size: 34px;
        line-height: 45px;
        letter-spacing: -0.57px;
        margin-bottom: 10px; }
      .hero.seo .hero-content .main-cta button:not(.btn.dog-tag-btn) {
        margin-top: 20px;
        width: 100%; }
    .hero.seo .hero-content.full-height {
      padding: 0px 8px 0;
      height: auto; }
      .hero.seo .hero-content.full-height .main-cta {
        margin-top: 24px; }
      .hero.seo .hero-content.full-height .branding-image {
        max-height: 201px;
        top: 7px !important;
        margin-top: 0 !important; }

  .landing-page {
    padding-bottom: 10px;
    padding-top: 15px; }
    .landing-page .yotpo.yotpo-main-widget {
      margin-top: 30px; }
    .landing-page.seo {
      position: relative;
      padding-bottom: 0; }
      .landing-page.seo.uswag-section {
        padding-top: 30px; }
        .landing-page.seo.uswag-section + .wide {
          padding-top: 0; }
        .landing-page.seo.uswag-section section p {
          margin-bottom: 20px; }
      .landing-page.seo.uswag-values section p {
        margin-bottom: 30px; }
      .landing-page.seo img.hero-image-mobile {
        width: 100%; }
      .landing-page.seo.uswag-lp {
        min-height: 367px;
        margin-bottom: 0; }
        .landing-page.seo.uswag-lp #shop-pay {
          top: 0;
          margin-bottom: 0; }
      .landing-page.seo.full-width {
        padding-top: 0; }
      .landing-page.seo section {
        padding-left: 6px;
        padding-right: 6px;
        width: 100%; }
        .landing-page.seo section.video-full {
          padding-left: 0;
          padding-right: 0;
          padding-bottom: 30px; }
        .landing-page.seo section.why-uswag h2 {
          font-size: 24px;
          line-height: 33px;
          letter-spacing: 0;
          text-shadow: 0 2px 4px #00041F; }
        .landing-page.seo section.why-uswag p {
          text-shadow: 0 2px 4px #00041F; }
        .landing-page.seo section.why-uswag .floating-content {
          left: 0;
          transform: none;
          padding: 20px; }
        .landing-page.seo section.why-uswag .show-mobile {
          display: block !important; }
        .landing-page.seo section h2 {
          font-size: 18px;
          letter-spacing: 0;
          line-height: 24px; }
        .landing-page.seo section a.button-red {
          width: 100%;
          max-width: 100%; }
        .landing-page.seo section.hero-image {
          position: absolute;
          top: 0;
          width: 100%;
          height: fit-content;
          min-height: fit-content;
          background-image: none;
          background-color: transparent; }
          .landing-page.seo section.hero-image h2 {
            font-size: 24px;
            line-height: 33px; }
          .landing-page.seo section.hero-image p {
            font-size: 18px;
            line-height: 24px; }
      .landing-page.seo ~ .yotpo-pictures-widget {
        margin-bottom: 0; }

  .yotpo-gallery .yotpo.yotpo-pictures-widget {
    margin-top: 10px;
    margin-bottom: 10px; }

  #military-medals.uswag-section section#branches,
  #standard-medal.uswag-section section#branches,
  #anodized-medal.uswag-section section#branches,
  #mini-medal.uswag-section section#branches,
  #mini-ano-medal.uswag-section section#branches,
  #thin-ribbon.uswag-section section#branches,
  #standard-ribbon.uswag-section section#branches,
  #mini-ribbon.uswag-section section#branches,
  #sticky-rack.uswag-section section#branches,
  #shadow-box-lp.uswag-section section#branches,
  #ribbon-lp.uswag-section section#branches {
    padding-bottom: 30px; }
    #military-medals.uswag-section section#branches ul li,
    #standard-medal.uswag-section section#branches ul li,
    #anodized-medal.uswag-section section#branches ul li,
    #mini-medal.uswag-section section#branches ul li,
    #mini-ano-medal.uswag-section section#branches ul li,
    #thin-ribbon.uswag-section section#branches ul li,
    #standard-ribbon.uswag-section section#branches ul li,
    #mini-ribbon.uswag-section section#branches ul li,
    #sticky-rack.uswag-section section#branches ul li,
    #shadow-box-lp.uswag-section section#branches ul li,
    #ribbon-lp.uswag-section section#branches ul li {
      margin-top: 5px;
      padding-bottom: 5px; }
      #military-medals.uswag-section section#branches ul li img,
      #standard-medal.uswag-section section#branches ul li img,
      #anodized-medal.uswag-section section#branches ul li img,
      #mini-medal.uswag-section section#branches ul li img,
      #mini-ano-medal.uswag-section section#branches ul li img,
      #thin-ribbon.uswag-section section#branches ul li img,
      #standard-ribbon.uswag-section section#branches ul li img,
      #mini-ribbon.uswag-section section#branches ul li img,
      #sticky-rack.uswag-section section#branches ul li img,
      #shadow-box-lp.uswag-section section#branches ul li img,
      #ribbon-lp.uswag-section section#branches ul li img {
        max-width: 100px; }
  #military-medals section#branches ul,
  #standard-medal section#branches ul,
  #anodized-medal section#branches ul,
  #mini-medal section#branches ul,
  #mini-ano-medal section#branches ul,
  #thin-ribbon section#branches ul,
  #standard-ribbon section#branches ul,
  #mini-ribbon section#branches ul,
  #sticky-rack section#branches ul,
  #shadow-box-lp section#branches ul,
  #ribbon-lp section#branches ul {
    flex-flow: wrap;
    justify-content: center; }
    #military-medals section#branches ul li,
    #standard-medal section#branches ul li,
    #anodized-medal section#branches ul li,
    #mini-medal section#branches ul li,
    #mini-ano-medal section#branches ul li,
    #thin-ribbon section#branches ul li,
    #standard-ribbon section#branches ul li,
    #mini-ribbon section#branches ul li,
    #sticky-rack section#branches ul li,
    #shadow-box-lp section#branches ul li,
    #ribbon-lp section#branches ul li {
      width: 50%; }
      #military-medals section#branches ul li div,
      #standard-medal section#branches ul li div,
      #anodized-medal section#branches ul li div,
      #mini-medal section#branches ul li div,
      #mini-ano-medal section#branches ul li div,
      #thin-ribbon section#branches ul li div,
      #standard-ribbon section#branches ul li div,
      #mini-ribbon section#branches ul li div,
      #sticky-rack section#branches ul li div,
      #shadow-box-lp section#branches ul li div,
      #ribbon-lp section#branches ul li div {
        height: 28.2vw; }
  #military-medals section#why p, #military-medals section#why-mobile p,
  #standard-medal section#why p,
  #standard-medal section#why-mobile p,
  #anodized-medal section#why p,
  #anodized-medal section#why-mobile p,
  #mini-medal section#why p,
  #mini-medal section#why-mobile p,
  #mini-ano-medal section#why p,
  #mini-ano-medal section#why-mobile p,
  #thin-ribbon section#why p,
  #thin-ribbon section#why-mobile p,
  #standard-ribbon section#why p,
  #standard-ribbon section#why-mobile p,
  #mini-ribbon section#why p,
  #mini-ribbon section#why-mobile p,
  #sticky-rack section#why p,
  #sticky-rack section#why-mobile p,
  #shadow-box-lp section#why p,
  #shadow-box-lp section#why-mobile p,
  #ribbon-lp section#why p,
  #ribbon-lp section#why-mobile p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px; }
  #military-medals section#values ul li,
  #standard-medal section#values ul li,
  #anodized-medal section#values ul li,
  #mini-medal section#values ul li,
  #mini-ano-medal section#values ul li,
  #thin-ribbon section#values ul li,
  #standard-ribbon section#values ul li,
  #mini-ribbon section#values ul li,
  #sticky-rack section#values ul li,
  #shadow-box-lp section#values ul li,
  #ribbon-lp section#values ul li {
    flex: 1 0 100%;
    padding: 0; }
  #military-medals section#inspection,
  #standard-medal section#inspection,
  #anodized-medal section#inspection,
  #mini-medal section#inspection,
  #mini-ano-medal section#inspection,
  #thin-ribbon section#inspection,
  #standard-ribbon section#inspection,
  #mini-ribbon section#inspection,
  #sticky-rack section#inspection,
  #shadow-box-lp section#inspection,
  #ribbon-lp section#inspection {
    margin-top: 80px; }
    #military-medals section#inspection img,
    #standard-medal section#inspection img,
    #anodized-medal section#inspection img,
    #mini-medal section#inspection img,
    #mini-ano-medal section#inspection img,
    #thin-ribbon section#inspection img,
    #standard-ribbon section#inspection img,
    #mini-ribbon section#inspection img,
    #sticky-rack section#inspection img,
    #shadow-box-lp section#inspection img,
    #ribbon-lp section#inspection img {
      width: 200px;
      margin: -130px 0 20px; }

  #uswag-lp section#branches ul {
    flex-flow: wrap;
    justify-content: center; }
    #uswag-lp section#branches ul li {
      width: 32%;
      padding: 0 5px;
      margin-top: -10px; }
  #uswag-lp section#why {
    background: url("https://i.ezr.io/_img/USWAG-mobile.jpg") no-repeat center center;
    background-size: auto 100%;
    height: 54.4vw !important; }
    #uswag-lp section#why h2 {
      font-size: 24px;
      line-height: 33px; }
    #uswag-lp section#why p {
      font-size: 18px;
      line-height: 24px; }
  #uswag-lp section#values ul li {
    flex: 1 0 100%;
    padding: 0; }
  #uswag-lp section#inspection {
    margin-top: 80px; }
    #uswag-lp section#inspection img {
      width: 200px;
      margin: -130px 0 20px; }

  #shop-pay h2, #medals-showcase h2, #ribbons-showcase h2 {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px; }
  #shop-pay ul, #medals-showcase ul, #ribbons-showcase ul {
    flex-wrap: wrap;
    margin-bottom: 0; }
    #shop-pay ul li, #medals-showcase ul li, #ribbons-showcase ul li {
      flex: 1 0 50%;
      width: 50%;
      padding: 0; }
      #shop-pay ul li:nth-child(n+3), #medals-showcase ul li:nth-child(n+3), #ribbons-showcase ul li:nth-child(n+3) {
        padding-top: 20px; }
      #shop-pay ul li .img-container, #medals-showcase ul li .img-container, #ribbons-showcase ul li .img-container {
        margin: 0 18px 17px; }

  .hero.seo.shadow-box-lp .hero-content {
    padding: 30px 6px 40px; }

  #shadow-box-lp section#why.dark {
    background-size: auto 416px;
    height: 416px;
    padding: 20px 10px; }
    #shadow-box-lp section#why.dark ~ .space {
      height: 416px; }
    #shadow-box-lp section#why.dark h2 {
      font-size: 24px;
      letter-spacing: 0;
      line-height: 33px; }
    #shadow-box-lp section#why.dark p {
      font-size: 18px;
      letter-spacing: 0;
      line-height: 24px; }

  #military-medals section#why,
  #standard-medal section#why,
  #mini-medal section#why,
  #anodized-medal section#why,
  #mini-ano-medal section#why {
    background: url("https://i.ezr.io/lp/general/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }
    #military-medals section#why[data-branch="army"],
    #standard-medal section#why[data-branch="army"],
    #mini-medal section#why[data-branch="army"],
    #anodized-medal section#why[data-branch="army"],
    #mini-ano-medal section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why[data-branch="navy"],
    #standard-medal section#why[data-branch="navy"],
    #mini-medal section#why[data-branch="navy"],
    #anodized-medal section#why[data-branch="navy"],
    #mini-ano-medal section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why[data-branch="air_force"],
    #standard-medal section#why[data-branch="air_force"],
    #mini-medal section#why[data-branch="air_force"],
    #anodized-medal section#why[data-branch="air_force"],
    #mini-ano-medal section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why[data-branch="marine_corps"],
    #standard-medal section#why[data-branch="marine_corps"],
    #mini-medal section#why[data-branch="marine_corps"],
    #anodized-medal section#why[data-branch="marine_corps"],
    #mini-ano-medal section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why[data-branch="coast_guard"],
    #standard-medal section#why[data-branch="coast_guard"],
    #mini-medal section#why[data-branch="coast_guard"],
    #anodized-medal section#why[data-branch="coast_guard"],
    #mini-ano-medal section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why h2,
    #standard-medal section#why h2,
    #mini-medal section#why h2,
    #anodized-medal section#why h2,
    #mini-ano-medal section#why h2 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 12px !important; }
    #military-medals section#why div,
    #standard-medal section#why div,
    #mini-medal section#why div,
    #anodized-medal section#why div,
    #mini-ano-medal section#why div {
      font-size: 14px;
      line-height: 19px; }

  #standard-medal section#why {
    background: url("https://i.ezr.io/_img/ez-standard-medals-guaranteed-mobile.jpg") no-repeat center center;
    background-size: auto 100%;
    height: 78.9vw !important; }

  #anodized-medal section#why {
    background: url("https://i.ezr.io/_img/ez-anodized-medals-guaranteed-mobile.jpg") no-repeat center center;
    background-size: auto 100%;
    height: 78.9vw !important; }

  #mini-medal section#why {
    background: url("https://i.ezr.io/_img/ez-mini-medals-guaranteed-mobile.jpg") no-repeat center center;
    background-size: auto 100%;
    height: 78.9vw !important; }

  #mini-ano-medal section#why {
    background: url("https://i.ezr.io/_img/ez-mini-anodized-medals-guaranteed-mobile.jpg") no-repeat center center;
    background-size: auto 100%;
    height: 78.9vw !important; }

  #military-medals section#why {
    background: url("https://i.ezr.io/_img/perfect-ribbons-and-medals-mobile.jpg") no-repeat center center;
    background-size: auto 100%;
    height: 78.9vw !important; }

  .hero.seo.ribbon-hero .hero-content .main-cta,
  .hero.seo.dogtag-hero .hero-content .main-cta,
  .hero.seo.nametag-hero .hero-content .main-cta {
    padding: 0px; }

  #ribbon-lp section#ccc ul,
  #navy-cap-lp section#ccc ul,
  #thin-ribbon section#ccc ul,
  #standard-ribbon section#ccc ul,
  #mini-ribbon section#ccc ul,
  #sticky-rack section#ccc ul,
  #anodized-medal section#ccc ul,
  #standard-medal section#ccc ul,
  #mini-medal section#ccc ul,
  #mini-ano-medal section#ccc ul,
  #dog-tag section#ccc ul,
  #name-tag section#ccc ul,
  #leather-name-tag section#ccc ul {
    flex-flow: wrap;
    justify-content: center; }
    #ribbon-lp section#ccc ul li,
    #navy-cap-lp section#ccc ul li,
    #thin-ribbon section#ccc ul li,
    #standard-ribbon section#ccc ul li,
    #mini-ribbon section#ccc ul li,
    #sticky-rack section#ccc ul li,
    #anodized-medal section#ccc ul li,
    #standard-medal section#ccc ul li,
    #mini-medal section#ccc ul li,
    #mini-ano-medal section#ccc ul li,
    #dog-tag section#ccc ul li,
    #name-tag section#ccc ul li,
    #leather-name-tag section#ccc ul li {
      width: 50%; }
      #ribbon-lp section#ccc ul li div,
      #navy-cap-lp section#ccc ul li div,
      #thin-ribbon section#ccc ul li div,
      #standard-ribbon section#ccc ul li div,
      #mini-ribbon section#ccc ul li div,
      #sticky-rack section#ccc ul li div,
      #anodized-medal section#ccc ul li div,
      #standard-medal section#ccc ul li div,
      #mini-medal section#ccc ul li div,
      #mini-ano-medal section#ccc ul li div,
      #dog-tag section#ccc ul li div,
      #name-tag section#ccc ul li div,
      #leather-name-tag section#ccc ul li div {
        height: 28.2vw; }
  #ribbon-lp section#values img,
  #navy-cap-lp section#values img,
  #thin-ribbon section#values img,
  #standard-ribbon section#values img,
  #mini-ribbon section#values img,
  #sticky-rack section#values img,
  #anodized-medal section#values img,
  #standard-medal section#values img,
  #mini-medal section#values img,
  #mini-ano-medal section#values img,
  #dog-tag section#values img,
  #name-tag section#values img,
  #leather-name-tag section#values img {
    width: 81px; }
  #ribbon-lp section#why h2,
  #navy-cap-lp section#why h2,
  #thin-ribbon section#why h2,
  #standard-ribbon section#why h2,
  #mini-ribbon section#why h2,
  #sticky-rack section#why h2,
  #anodized-medal section#why h2,
  #standard-medal section#why h2,
  #mini-medal section#why h2,
  #mini-ano-medal section#why h2,
  #dog-tag section#why h2,
  #name-tag section#why h2,
  #leather-name-tag section#why h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px !important; }
  #ribbon-lp section#why div,
  #navy-cap-lp section#why div,
  #thin-ribbon section#why div,
  #standard-ribbon section#why div,
  #mini-ribbon section#why div,
  #sticky-rack section#why div,
  #anodized-medal section#why div,
  #standard-medal section#why div,
  #mini-medal section#why div,
  #mini-ano-medal section#why div,
  #dog-tag section#why div,
  #name-tag section#why div,
  #leather-name-tag section#why div {
    font-size: 14px;
    line-height: 19px; }
  #ribbon-lp section.general > div,
  #navy-cap-lp section.general > div,
  #thin-ribbon section.general > div,
  #standard-ribbon section.general > div,
  #mini-ribbon section.general > div,
  #sticky-rack section.general > div,
  #anodized-medal section.general > div,
  #standard-medal section.general > div,
  #mini-medal section.general > div,
  #mini-ano-medal section.general > div,
  #dog-tag section.general > div,
  #name-tag section.general > div,
  #leather-name-tag section.general > div {
    display: flex;
    flex-direction: column;
    padding: 10px; }
    #ribbon-lp section.general > div ul,
    #navy-cap-lp section.general > div ul,
    #thin-ribbon section.general > div ul,
    #standard-ribbon section.general > div ul,
    #mini-ribbon section.general > div ul,
    #sticky-rack section.general > div ul,
    #anodized-medal section.general > div ul,
    #standard-medal section.general > div ul,
    #mini-medal section.general > div ul,
    #mini-ano-medal section.general > div ul,
    #dog-tag section.general > div ul,
    #name-tag section.general > div ul,
    #leather-name-tag section.general > div ul {
      margin: 0;
      padding: 0;
      list-style-position: inside;
      text-align: center; }

  #ribbon-lp section#why {
    background: url("https://i.ezr.io/lp/general/ez-ribbon-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }
    #ribbon-lp section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-ribbon-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #ribbon-lp section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-ribbon-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #ribbon-lp section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-ribbon-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #ribbon-lp section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-ribbon-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #ribbon-lp section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-ribbon-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }

  #thin-ribbon section#why {
    background: url("https://i.ezr.io/lp/general/ez-thin-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }
    #thin-ribbon section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-thin-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #thin-ribbon section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-thin-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #thin-ribbon section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-thin-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #thin-ribbon section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-thin-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #thin-ribbon section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-thin-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }

  #standard-ribbon section#why {
    background: url("https://i.ezr.io/lp/general/ez-standard-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }
    #standard-ribbon section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-standard-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #standard-ribbon section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-standard-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #standard-ribbon section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-standard-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #standard-ribbon section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-standard-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #standard-ribbon section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-standard-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }

  #mini-ribbon section#why {
    background: url("https://i.ezr.io/lp/general/ez-mini-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }
    #mini-ribbon section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-mini-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-ribbon section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-mini-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-ribbon section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-mini-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-ribbon section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-mini-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-ribbon section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-mini-ribbons-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }

  #sticky-rack section#why {
    background: url("https://i.ezr.io/lp/general/ez-sticky-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }
    #sticky-rack section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-sticky-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #sticky-rack section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-sticky-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #sticky-rack section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-sticky-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #sticky-rack section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-sticky-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #sticky-rack section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-sticky-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }

  #standard-medal section#why {
    background: url("https://i.ezr.io/_img/ez-standard-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }

  #anodized-medal section#why {
    background: url("https://i.ezr.io/lp/general/ez-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }
    #anodized-medal section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #anodized-medal section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #anodized-medal section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #anodized-medal section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #anodized-medal section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }

  #mini-medal section#why {
    background: url("https://i.ezr.io/lp/general/ez-mini-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }
    #mini-medal section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-mini-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-medal section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-mini-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-medal section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-mini-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-medal section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-mini-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-medal section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-mini-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }

  #mini-ano-medal section#why {
    background: url("https://i.ezr.io/lp/general/ez-mini-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    height: 78.9vw !important; }
    #mini-ano-medal section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-mini-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-ano-medal section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-mini-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-ano-medal section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-mini-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-ano-medal section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-mini-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #mini-ano-medal section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-mini-anodized-medals-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }

  #name-tag section#why {
    background: url("https://i.ezr.io/lp/general/name-tag-builder-lp-guaranteed-mobile.png") no-repeat center center;
    background-size: 100%;
    height: 78.9vw !important; }
    #name-tag section#why[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/name-tag-builder-lp-guaranteed-mobile.jpg") no-repeat center center;
      background-size: 100%; }
    #name-tag section#why[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/name-tag-builder-lp-guaranteed-mobile.jpg") no-repeat center center;
      background-size: 100%; }
    #name-tag section#why[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/name-tag-builder-lp-guaranteed-mobile.jpg") no-repeat center center;
      background-size: 100%; }
    #name-tag section#why[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/name-tag-builder-lp-guaranteed-mobile.jpg") no-repeat center center;
      background-size: 100%; }
    #name-tag section#why[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/name-tag-builder-lp-guaranteed-mobile.jpg") no-repeat center center;
      background-size: 100%; }

  #leather-name-tag section#why {
    background: url("https://i.ezr.io/_img/leather-name-tag-builder-lp-guaranteed-mobile.jpg") no-repeat center center;
    background-size: 100%;
    height: 78.9vw !important; }

  #navy-cap-lp .hero.navy-caps-hero .hero-content {
    flex-direction: column-reverse; }
    #navy-cap-lp .hero.navy-caps-hero .hero-content .branding-image {
      padding-bottom: 0;
      margin-bottom: 0;
      margin-top: 18px; }
    #navy-cap-lp .hero.navy-caps-hero .hero-content .main-cta h1 {
      font-size: 34px;
      margin-bottom: 10px; }
    #navy-cap-lp .hero.navy-caps-hero .hero-content .main-cta p {
      font-weight: bold;
      margin-bottom: 20px; }
  #navy-cap-lp section#why h2, #navy-cap-lp .wear-with-pride h2 {
    font-size: 18px; }
  #navy-cap-lp section#why p, #navy-cap-lp .wear-with-pride p {
    font-size: 14px; }
  #navy-cap-lp section#why {
    background: url("https://i.ezr.io/_img/ncb-lp-guaranteed-mobile.jpg") no-repeat center center;
    height: 300px !important; }
    #navy-cap-lp section#why h2 {
      margin-bottom: 10px; }
  #navy-cap-lp .wear-with-pride img {
    margin-bottom: 30px;
    max-width: 200px; }
  #navy-cap-lp .wear-with-pride h2 {
    margin-bottom: 9px; }

  #shop-pay .inner-container #shop-pay-cta {
    width: 95%;
    max-width: none; } }
@media only screen and (max-width: 1500px) and (min-width: 769px) {
  .show-tablet {
    display: block; }

  .landing-page.seo {
    position: relative; }
    .landing-page.seo img.hero-image-tablet {
      width: 100%; }
    .landing-page.seo section.hero-image {
      position: absolute;
      top: 0;
      width: 100%;
      height: fit-content;
      min-height: fit-content;
      background-image: none;
      background-color: transparent; }
      .landing-page.seo section.hero-image h2 {
        font-size: 24px;
        line-height: 33px; }
      .landing-page.seo section.hero-image p {
        font-size: 18px;
        line-height: 24px; }

  .ribbon-hero .hero-content .hide-mobile img {
    max-height: 200px; } }
@media only screen and (max-width: 1000px) and (min-width: 769px) {
  .hero .hero-content img {
    margin-top: 30px;
    max-height: 200px;
    max-width: 360px !important; }
  .hero.seo .hero-content {
    padding-top: 30px; }
    .hero.seo .hero-content img {
      max-height: 135px;
      margin-top: 58px; }
  .hero.seo .main-cta {
    margin-left: -40px; }
  .hero.seo .hero-content.full-height img {
    max-height: 243px;
    margin-top: 59px; }
  .hero.seo .hero-content.full-height .main-cta {
    margin-left: -70px; }
  .hero.seo.shadow-box-lp .hero-content {
    min-height: 300px; }
    .hero.seo.shadow-box-lp .hero-content img {
      max-height: 200px; }
    .hero.seo.shadow-box-lp .hero-content .main-cta {
      margin-left: -70px; }

  .uswag-hero .hide-mobile {
    margin-right: 30px !important; }
  .uswag-hero .branding-image {
    margin-top: 0px !important;
    max-height: 209px !important; }

  #uswag-lp section#why {
    height: 349px !important; }

  .rack-hero .hero-content {
    padding: 80px 10px !important; }
    .rack-hero .hero-content .branding-image {
      margin-top: 0px !important;
      top: 0px !important;
      left: 0px !important;
      max-height: 135px !important; }
    .rack-hero .hero-content .main-cta {
      margin-left: 0px !important;
      padding: 0px !important;
      min-width: 354px !important; }
      .rack-hero .hero-content .main-cta button {
        margin-top: 15px !important; }

  #military-medals section#why h2 {
    margin-bottom: 12px !important; }

  .ribbon-hero .hero-content .hide-mobile img {
    margin-top: 0px;
    max-height: 17vw; }

  .thin-ribbon .hero-content .hide-mobile img,
  .standard-ribbon .hero-content .hide-mobile img,
  .sticky-rack .hero-content .hide-mobile img {
    margin-top: 0px;
    max-height: 15vw;
    margin-right: 20px; }

  .mini-ribbon .hero-content .hide-mobile img,
  .standard-medal .hero-content .hide-mobile img,
  .anodized-medal .hero-content .hide-mobile img,
  .mini-medal .hero-content .hide-mobile img,
  .mini-ano-medal .hero-content .hide-mobile img,
  .dog-tag .hero-content .hide-mobile img,
  .name-tag .hero-content .hide-mobile img {
    margin-top: 0px;
    max-height: 22vw;
    margin-right: 40px; }

  #navy-cap-lp section.wear-with-pride img {
    width: 200px; } }
@media (max-width: 768px) {
  #military-medals section#why.medal_racks {
    background: url("https://i.ezr.io/lp/general/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%;
    background-size: auto 100% !important; }
    #military-medals section#why.medal_racks[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="space_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-medal-racks-guaranteed-mobile.jpg") no-repeat center center/auto 100%; } }
@media (min-width: 769px) {
  #military-medals section#why.medal_racks {
    background: url("https://i.ezr.io/lp/general/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%;
    background-size: auto 100% !important;
    height: 38.5vw !important; }
    #military-medals section#why.medal_racks[data-branch="army"] {
      background: url("https://i.ezr.io/lp/army/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="navy"] {
      background: url("https://i.ezr.io/lp/navy/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="air_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="space_force"] {
      background: url("https://i.ezr.io/lp/air_force/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="marine_corps"] {
      background: url("https://i.ezr.io/lp/marine_corps/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; }
    #military-medals section#why.medal_racks[data-branch="coast_guard"] {
      background: url("https://i.ezr.io/lp/coast_guard/ez-medal-racks-guaranteed-desktop.jpg") no-repeat center center/auto 100%; } }
@media only screen and (min-width: 769px) {
  #military-medals section#why {
    background: url("https://i.ezr.io/_img/perfect-ribbons-and-medals-desktop.jpg") no-repeat center center/auto 100%;
    height: 38.5vw !important; }

  #uswag-lp section#why {
    background: url("https://i.ezr.io/_img/USWAG-desktop-769.jpg") no-repeat center center;
    background-size: auto 100%;
    height: 45.4vw !important; }

  #ribbon-lp section#branches ul li div,
  #thin-ribbon section#branches ul li div,
  #standard-ribbon section#branches ul li div,
  #mini-ribbon section#branches ul li div,
  #sticky-rack section#branches ul li div,
  #anodized-medal section#branches ul li div,
  #standard-medal section#branches ul li div,
  #mini-medal section#branches ul li div,
  #mini-ano-medal section#branches ul li div,
  #dog-tag section#branches ul li div {
    height: 15.5vw;
    max-height: 160px; } }
.hero[data-rack-image-upload] {
  display: grid;
  align-items: center;
  height: 145px; }
  @media only screen and (min-width: 1024px) {
    .hero[data-rack-image-upload] {
      height: 265px; } }
  .hero[data-rack-image-upload] .hero-content {
    padding: 0 10px;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .hero[data-rack-image-upload] .hero-content {
        max-width: 840px; } }
    .hero[data-rack-image-upload] .hero-content h1 {
      color: #FFF;
      text-align: center;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
      font-size: 36px;
      font-style: italic;
      font-weight: 800;
      line-height: 45px;
      letter-spacing: -0.5px; }
      @media only screen and (min-width: 1024px) {
        .hero[data-rack-image-upload] .hero-content h1 {
          font-size: 65px;
          line-height: 65px; } }

.icon-upload {
  font-family: 'upload-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-upload-large {
  font-size: 30px;
  vertical-align: middle;
  color: inherit;
  display: inline-block; }

#rack-image-upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  font-family: "Open Sans", serif;
  line-height: normal;
  max-width: 840px;
  text-align: center;
  color: #0D196A;
  padding: 30px 10px 150px; }
  @media only screen and (min-width: 1024px) {
    #rack-image-upload {
      padding: 30px 0 60px; } }
  #rack-image-upload .title {
    font-size: 32px;
    font-weight: 700; }
    @media only screen and (min-width: 1024px) {
      #rack-image-upload .title {
        padding: 0 45px;
        font-size: 48px;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); } }
    #rack-image-upload .title span.highlight {
      color: #BE1E2D;
      font-weight: 800; }
  #rack-image-upload .instructions {
    font-size: 18px;
    font-style: italic;
    font-weight: 400; }
    @media only screen and (min-width: 1024px) {
      #rack-image-upload .instructions {
        font-size: 24px; } }
  #rack-image-upload .photo-guidelines span {
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase; }
    @media only screen and (min-width: 1024px) {
      #rack-image-upload .photo-guidelines span {
        font-size: 24px; } }
  #rack-image-upload .photo-guidelines ul {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #rack-image-upload .photo-guidelines ul li {
      font-size: 16px;
      font-weight: 700;
      width: auto;
      color: #BE1E2D; }
      @media only screen and (min-width: 1024px) {
        #rack-image-upload .photo-guidelines ul li {
          font-size: 18px; } }
  #rack-image-upload .upload-section {
    margin: 40px 0;
    width: 100%;
    max-width: 840px;
    cursor: pointer; }
    #rack-image-upload .upload-section .upload-header {
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      width: 100%; }
    #rack-image-upload .upload-section .upload-box {
      flex: 1; }
      #rack-image-upload .upload-section .upload-box .filepond--file-action-button {
        cursor: pointer; }
      #rack-image-upload .upload-section .upload-box .filepond--panel-root {
        background-color: #f8f8f8;
        border: 2px dashed #ccc; }
      #rack-image-upload .upload-section .upload-box .filepond--drop-label {
        font-size: 1.2em;
        padding: 2rem; }
      #rack-image-upload .upload-section .upload-box .filepond--panel-root:hover {
        background-color: #f0f0f0;
        border-color: #999; }
      #rack-image-upload .upload-section .upload-box .filepond--file-info,
      #rack-image-upload .upload-section .upload-box .filepond--file-status,
      #rack-image-upload .upload-section .upload-box .filepond--drop-label {
        font-size: 20px !important; }
      #rack-image-upload .upload-section .upload-box .filepond--file-action-button,
      #rack-image-upload .upload-section .upload-box .filepond--processing-complete-indicator {
        width: 3em !important;
        height: 3em !important; }
    #rack-image-upload .upload-section .info-icon {
      background: none;
      border: none;
      color: #0D196A;
      cursor: pointer;
      font-size: 24px;
      padding: 0.5rem;
      transition: color 0.2s ease; }
      #rack-image-upload .upload-section .info-icon:hover {
        color: #6A0D19; }
  #rack-image-upload .upload-instructions-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000; }
    #rack-image-upload .upload-instructions-modal.active {
      display: flex;
      align-items: center;
      justify-content: center; }
    #rack-image-upload .upload-instructions-modal .modal-content {
      background: white;
      border-radius: 8px;
      max-width: 90%;
      width: 90%;
      max-height: 90vh;
      overflow-y: auto;
      position: relative; }
      @media only screen and (min-width: 1024px) {
        #rack-image-upload .upload-instructions-modal .modal-content {
          max-width: 60%;
          width: 800px; } }
    #rack-image-upload .upload-instructions-modal .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem;
      border-bottom: 1px solid #eee; }
      #rack-image-upload .upload-instructions-modal .modal-header h3 {
        margin: 0;
        font-size: 24px;
        font-weight: bold; }
      #rack-image-upload .upload-instructions-modal .modal-header .close-modal {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0.5rem;
        color: #666;
        font-size: 24px; }
        #rack-image-upload .upload-instructions-modal .modal-header .close-modal:hover {
          color: #333; }
    #rack-image-upload .upload-instructions-modal .modal-body {
      padding: 1.5rem; }
      #rack-image-upload .upload-instructions-modal .modal-body div {
        font-size: 18px;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
        display: block;
        margin-bottom: 1rem; }
      #rack-image-upload .upload-instructions-modal .modal-body img {
        max-width: 100%;
        height: auto; }
  #rack-image-upload .sign-in-section {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 30px;
    background-color: #f8f8f8;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
    #rack-image-upload .sign-in-section h2 {
      font-size: 24px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 20px;
      color: #0D196A; }
    #rack-image-upload .sign-in-section .sign-in-form {
      display: flex;
      flex-direction: column;
      gap: 15px; }
      #rack-image-upload .sign-in-section .sign-in-form .form-group input {
        width: 100%;
        padding: 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 16px; }
        #rack-image-upload .sign-in-section .sign-in-form .form-group input:focus {
          border-color: #0D196A;
          outline: none; }
      #rack-image-upload .sign-in-section .sign-in-form .g-recaptcha {
        display: flex;
        justify-content: center; }
      #rack-image-upload .sign-in-section .sign-in-form .sign-in-button {
        background-color: #0D196A;
        color: white;
        padding: 12px;
        border: none;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.2s; }
        #rack-image-upload .sign-in-section .sign-in-form .sign-in-button:hover {
          background-color: #070e3d; }
        #rack-image-upload .sign-in-section .sign-in-form .sign-in-button .spinner-border {
          width: 1rem;
          height: 1rem;
          border: 0.2em solid currentColor;
          border-right-color: transparent;
          border-radius: 50%;
          animation: spinner-border .75s linear infinite;
          margin-right: 0.5rem; }
@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }
      #rack-image-upload .sign-in-section .sign-in-form .register-link {
        text-align: center;
        margin-top: 10px; }
        #rack-image-upload .sign-in-section .sign-in-form .register-link a {
          color: #0D196A;
          text-decoration: none;
          font-weight: 600; }
          #rack-image-upload .sign-in-section .sign-in-form .register-link a:hover {
            text-decoration: underline; }
  #rack-image-upload .examples {
    width: 100%; }
    #rack-image-upload .examples span {
      font-size: 22px;
      font-style: italic;
      font-weight: 700;
      text-transform: uppercase; }
    #rack-image-upload .examples .example-images {
      display: grid;
      grid-template-columns: repeat(2, 165px);
      justify-content: center;
      gap: 10px;
      padding: 0 10px;
      justify-items: center; }
      @media only screen and (min-width: 1024px) {
        #rack-image-upload .examples .example-images {
          display: flex;
          flex-wrap: wrap;
          padding: 0; } }
      #rack-image-upload .examples .example-images img {
        width: 165px;
        height: 165px;
        object-fit: cover; }
        @media only screen and (min-width: 1024px) {
          #rack-image-upload .examples .example-images img {
            width: 200px;
            height: 200px; } }
  #rack-image-upload .uploading-instructions {
    width: 100%; }
    #rack-image-upload .uploading-instructions span {
      font-size: 18px;
      font-style: italic;
      font-weight: 400;
      line-height: normal; }
      @media only screen and (min-width: 1024px) {
        #rack-image-upload .uploading-instructions span {
          font-size: 24px; } }
  #rack-image-upload .why-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px; }
    @media only screen and (min-width: 1024px) {
      #rack-image-upload .why-section {
        padding: 0;
        margin-bottom: 0; } }
    #rack-image-upload .why-section h2 {
      font-size: 26px;
      font-weight: 800;
      font-style: normal; }
      @media only screen and (min-width: 1024px) {
        #rack-image-upload .why-section h2 {
          font-size: 32px; } }
    #rack-image-upload .why-section span {
      font-size: 18px;
      font-style: italic;
      font-weight: 400;
      line-height: normal; }
      @media only screen and (min-width: 1024px) {
        #rack-image-upload .why-section span {
          font-size: 24px; } }

.kiosk .kiosk-name {
  font-weight: 500;
  font-style: italic;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.38px;
  color: #A5A7B5; }
.kiosk .home li p a {
  color: #0D196A;
  text-decoration: underline;
  font-weight: 600; }
  .kiosk .home li p a:hover {
    text-decoration: none; }
.kiosk .saved-items .badge p {
  color: white; }
.kiosk .two-col-layout {
  padding-top: 0; }
.kiosk .shop-basket .cart-titles ul li {
  width: 16.5%; }
.kiosk .shop-basket .item-pricing .view-price-container {
  width: 40%; }
.kiosk .shop-basket .item-pricing .remove-container {
  width: 12%; }
.kiosk .shop-basket .has-sticker-cta > .item-info {
  min-height: 160px; }
.kiosk .shop-basket .has-sticker-cta #sticky_rack_btn {
  right: 30px; }
  .kiosk .shop-basket .has-sticker-cta #sticky_rack_btn:before {
    right: -100px; }
.kiosk .shop-basket .two-col-layout {
  border-top: solid 1px #DDDEE3;
  margin-top: -5px;
  padding-top: 30px; }
  .kiosk .shop-basket .two-col-layout .left {
    border-right: none; }
  .kiosk .shop-basket .two-col-layout .right .checkout-button {
    margin-bottom: 20px; }
.kiosk .goBack {
  background-color: #98A0CE; }
  .kiosk .goBack:hover {
    background-color: #414E96; }
.kiosk .preview-attachment p {
  color: #0D196A;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: normal; }
.kiosk .heading {
  display: flex;
  flex-direction: row-reverse;
  border-bottom: solid 1px #DDDEE3;
  padding-bottom: 27px;
  margin-bottom: 32px; }
  .kiosk .heading h1 {
    flex-grow: 1; }
  .kiosk .heading .header-buttons {
    width: 50%;
    max-width: 498px;
    display: flex;
    flex-direction: row; }
    .kiosk .heading .header-buttons a {
      margin: 0 12px;
      width: auto;
      flex-grow: 1;
      line-height: 36px;
      height: 36px; }
      .kiosk .heading .header-buttons a:first-of-type {
        margin-left: 0; }
      .kiosk .heading .header-buttons a:last-of-type {
        margin-right: 0; }
    .kiosk .heading .header-buttons.two-buttons > a {
      width: 50%; }
.kiosk .disabled {
  color: #C5C5C5;
  background: #F3F3F3;
  pointer-events: none; }
.kiosk .left {
  margin-right: 32px;
  padding-right: 20px; }
.kiosk .cart-preview {
  padding: 0;
  margin-top: 10px; }
  .kiosk .cart-preview .cart-echo {
    margin-top: 0;
    padding-top: 0; }
    .kiosk .cart-preview .cart-echo ul.items {
      display: flex;
      flex-direction: column;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .kiosk .cart-preview .cart-echo ul.items li, .kiosk .cart-preview .cart-echo ul.items img, .kiosk .cart-preview .cart-echo ul.items p, .kiosk .cart-preview .cart-echo ul.items .item-container, .kiosk .cart-preview .cart-echo ul.items .text-container, .kiosk .cart-preview .cart-echo ul.items .item-amount {
        position: initial;
        transform: none;
        top: 0;
        margin: 0;
        padding: 0;
        min-height: 0;
        height: auto; }
      .kiosk .cart-preview .cart-echo ul.items li {
        display: flex;
        flex-direction: row;
        padding-bottom: 20px; }
        .kiosk .cart-preview .cart-echo ul.items li .item-container, .kiosk .cart-preview .cart-echo ul.items li .text-container, .kiosk .cart-preview .cart-echo ul.items li .item-amount {
          display: flex;
          justify-content: center;
          align-items: center; }
        .kiosk .cart-preview .cart-echo ul.items li .item-container {
          flex: 0 0 100px; }
        .kiosk .cart-preview .cart-echo ul.items li .text-container {
          flex-grow: 1;
          padding: 0 20px; }
        .kiosk .cart-preview .cart-echo ul.items li .item-amount {
          flex: 0 0 50px;
          text-align: right; }
.kiosk h2.h2-margin {
  font-weight: 400;
  margin-top: 0; }
.kiosk .split-form > div {
  width: 48%;
  display: inline-block;
  margin-bottom: 0; }
  .kiosk .split-form > div:nth-of-type(odd) {
    margin-right: 3%; }
.kiosk .split-form.full-first > div:nth-of-type(odd) {
  margin-right: 0; }
.kiosk .split-form.full-first > div:nth-of-type(even) {
  margin-right: 3%; }
.kiosk .split-form.full-first > div:first-of-type {
  width: 100%; }
.kiosk #customer-billing-form > div.logged-in,
.kiosk #customer-info-form > div.logged-in,
.kiosk #card-info-form > div.logged-in,
.kiosk #customer-update-address-form > div.logged-in,
.kiosk #change-password-form > div.logged-in {
  color: #0D196A;
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: normal; }
  .kiosk #customer-billing-form > div.logged-in a,
  .kiosk #customer-info-form > div.logged-in a,
  .kiosk #card-info-form > div.logged-in a,
  .kiosk #customer-update-address-form > div.logged-in a,
  .kiosk #change-password-form > div.logged-in a {
    font-style: normal; }
.kiosk #customer-billing-form > div a,
.kiosk #customer-info-form > div a,
.kiosk #card-info-form > div a,
.kiosk #customer-update-address-form > div a,
.kiosk #change-password-form > div a {
  text-decoration: underline;
  color: #0D196A; }
  .kiosk #customer-billing-form > div a:hover,
  .kiosk #customer-info-form > div a:hover,
  .kiosk #card-info-form > div a:hover,
  .kiosk #customer-update-address-form > div a:hover,
  .kiosk #change-password-form > div a:hover {
    color: #0D196A;
    border-bottom: none;
    text-decoration: none; }
.kiosk #customer-billing-form > div label,
.kiosk #customer-info-form > div label,
.kiosk #card-info-form > div label,
.kiosk #customer-update-address-form > div label,
.kiosk #change-password-form > div label {
  display: block;
  position: initial;
  color: #0D196A;
  font-size: 14px;
  line-height: 19px;
  font-weight: 300;
  margin-bottom: 10px; }
.kiosk #customer-billing-form > div > input,
.kiosk #customer-billing-form > div #prefetch-state,
.kiosk #customer-billing-form > div #prefetch-country,
.kiosk #customer-info-form > div > input,
.kiosk #customer-info-form > div #prefetch-state,
.kiosk #customer-info-form > div #prefetch-country,
.kiosk #card-info-form > div > input,
.kiosk #card-info-form > div #prefetch-state,
.kiosk #card-info-form > div #prefetch-country,
.kiosk #customer-update-address-form > div > input,
.kiosk #customer-update-address-form > div #prefetch-state,
.kiosk #customer-update-address-form > div #prefetch-country,
.kiosk #change-password-form > div > input,
.kiosk #change-password-form > div #prefetch-state,
.kiosk #change-password-form > div #prefetch-country {
  margin-bottom: 20px; }
.kiosk #customer-billing-form > div input,
.kiosk #customer-info-form > div input,
.kiosk #card-info-form > div input,
.kiosk #customer-update-address-form > div input,
.kiosk #change-password-form > div input {
  padding: 5px;
  font-size: 12px;
  line-height: 24px;
  text-indent: 8px;
  letter-spacing: normal;
  color: #0D196A;
  box-shadow: none !important; }
  .kiosk #customer-billing-form > div input:focus,
  .kiosk #customer-info-form > div input:focus,
  .kiosk #card-info-form > div input:focus,
  .kiosk #customer-update-address-form > div input:focus,
  .kiosk #change-password-form > div input:focus {
    outline: none;
    border: solid 2px #0D196A;
    box-shadow: none; }
  .kiosk #customer-billing-form > div input ~ .invalid-feedback,
  .kiosk #customer-info-form > div input ~ .invalid-feedback,
  .kiosk #card-info-form > div input ~ .invalid-feedback,
  .kiosk #customer-update-address-form > div input ~ .invalid-feedback,
  .kiosk #change-password-form > div input ~ .invalid-feedback {
    display: none; }
  .kiosk #customer-billing-form > div input.has-error,
  .kiosk #customer-info-form > div input.has-error,
  .kiosk #card-info-form > div input.has-error,
  .kiosk #customer-update-address-form > div input.has-error,
  .kiosk #change-password-form > div input.has-error {
    border: solid 2px #B00020; }
    .kiosk #customer-billing-form > div input.has-error ~ .invalid-feedback,
    .kiosk #customer-info-form > div input.has-error ~ .invalid-feedback,
    .kiosk #card-info-form > div input.has-error ~ .invalid-feedback,
    .kiosk #customer-update-address-form > div input.has-error ~ .invalid-feedback,
    .kiosk #change-password-form > div input.has-error ~ .invalid-feedback {
      display: block;
      color: #B00020;
      margin-top: -18px;
      font-size: 11px;
      line-height: 16px;
      letter-spacing: .37px; }
.kiosk #customer-billing-form > div .input-append input:focus,
.kiosk #customer-info-form > div .input-append input:focus,
.kiosk #card-info-form > div .input-append input:focus,
.kiosk #customer-update-address-form > div .input-append input:focus,
.kiosk #change-password-form > div .input-append input:focus {
  border-right: none; }
  .kiosk #customer-billing-form > div .input-append input:focus ~ .input-group-addon,
  .kiosk #customer-info-form > div .input-append input:focus ~ .input-group-addon,
  .kiosk #card-info-form > div .input-append input:focus ~ .input-group-addon,
  .kiosk #customer-update-address-form > div .input-append input:focus ~ .input-group-addon,
  .kiosk #change-password-form > div .input-append input:focus ~ .input-group-addon {
    border: solid 2px #0D196A;
    border-left: none; }
.kiosk #customer-billing-form > div .input-append input,
.kiosk #customer-billing-form > div .input-append .input-group-addon,
.kiosk #customer-info-form > div .input-append input,
.kiosk #customer-info-form > div .input-append .input-group-addon,
.kiosk #card-info-form > div .input-append input,
.kiosk #card-info-form > div .input-append .input-group-addon,
.kiosk #customer-update-address-form > div .input-append input,
.kiosk #customer-update-address-form > div .input-append .input-group-addon,
.kiosk #change-password-form > div .input-append input,
.kiosk #change-password-form > div .input-append .input-group-addon {
  transition: border-color ease-in-out .15s; }
.kiosk #customer-billing-form > div .tt-menu,
.kiosk #customer-info-form > div .tt-menu,
.kiosk #card-info-form > div .tt-menu,
.kiosk #customer-update-address-form > div .tt-menu,
.kiosk #change-password-form > div .tt-menu {
  top: 38px !important; }
  .kiosk #customer-billing-form > div .tt-menu.tt-open,
  .kiosk #customer-info-form > div .tt-menu.tt-open,
  .kiosk #card-info-form > div .tt-menu.tt-open,
  .kiosk #customer-update-address-form > div .tt-menu.tt-open,
  .kiosk #change-password-form > div .tt-menu.tt-open {
    width: 100%;
    min-width: 610px; }
    .kiosk #customer-billing-form > div .tt-menu.tt-open .tt-suggestion,
    .kiosk #customer-info-form > div .tt-menu.tt-open .tt-suggestion,
    .kiosk #card-info-form > div .tt-menu.tt-open .tt-suggestion,
    .kiosk #customer-update-address-form > div .tt-menu.tt-open .tt-suggestion,
    .kiosk #change-password-form > div .tt-menu.tt-open .tt-suggestion {
      font-size: 13.7px;
      line-height: 16px;
      letter-spacing: 1.25px; }
.kiosk #customer-billing-form > div #prefetch-country .tt-menu.tt-open,
.kiosk #customer-info-form > div #prefetch-country .tt-menu.tt-open,
.kiosk #card-info-form > div #prefetch-country .tt-menu.tt-open,
.kiosk #customer-update-address-form > div #prefetch-country .tt-menu.tt-open,
.kiosk #change-password-form > div #prefetch-country .tt-menu.tt-open {
  left: auto !important;
  right: 0px !important; }
.kiosk #customer-billing-form > div #prefetch-exp-month .tt-menu.tt-open,
.kiosk #customer-billing-form > div #prefetch-exp-year .tt-menu.tt-open,
.kiosk #customer-info-form > div #prefetch-exp-month .tt-menu.tt-open,
.kiosk #customer-info-form > div #prefetch-exp-year .tt-menu.tt-open,
.kiosk #card-info-form > div #prefetch-exp-month .tt-menu.tt-open,
.kiosk #card-info-form > div #prefetch-exp-year .tt-menu.tt-open,
.kiosk #customer-update-address-form > div #prefetch-exp-month .tt-menu.tt-open,
.kiosk #customer-update-address-form > div #prefetch-exp-year .tt-menu.tt-open,
.kiosk #change-password-form > div #prefetch-exp-month .tt-menu.tt-open,
.kiosk #change-password-form > div #prefetch-exp-year .tt-menu.tt-open {
  min-width: unset !important; }
.kiosk #card-info-form .input-append input {
  border-right: none; }
.kiosk #card-info-form .input-append .input-group-addon {
  border-left: none;
  border-color: #DDDEE3;
  padding-top: 0;
  padding-bottom: 0; }
  .kiosk #card-info-form .input-append .input-group-addon i {
    position: relative;
    left: -2px;
    background: url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-visibility-on.svg) no-repeat center center;
    background-size: 100% auto;
    width: 22px;
    height: 24px; }
    .kiosk #card-info-form .input-append .input-group-addon i:before {
      opacity: 0; }
    .kiosk #card-info-form .input-append .input-group-addon i.icon-eye-close {
      background-image: url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-visibility-off.svg); }
.kiosk #card-info-form > div:nth-of-type(n+3) {
  margin-top: -25px; }
.kiosk #card-info-form .cvv-button {
  color: #98A0CE;
  background-color: transparent; }
  .kiosk #card-info-form .cvv-button span {
    padding: 3px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    background: url(https://d2nwi4n562ba8i.cloudfront.net/_img/icon-info.svg) no-repeat center center;
    background-size: 100% auto;
    position: relative;
    left: -4px; }
    .kiosk #card-info-form .cvv-button span:before {
      opacity: 0; }
.kiosk #card-info-form .input-group-addon {
  background-color: transparent;
  position: relative;
  color: #98A0CE; }
  .kiosk #card-info-form .input-group-addon:focus {
    box-shadow: none;
    outline: none; }
.kiosk .card-number {
  position: relative;
  top: -35px; }
.kiosk .cvv-container {
  position: relative;
  top: 5px;
  padding-bottom: 5px; }
.kiosk .thankyou {
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 0;
  background: none;
  text-align: center; }
.kiosk .cvv-popup {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .kiosk .cvv-popup.visible {
    display: flex;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .kiosk .cvv-popup .modal {
    display: block;
    position: relative;
    top: -127px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    background: white;
    padding: 30px 20px;
    border: solid 1px #DDDEE3;
    border-radius: 4px;
    width: 600px;
    max-height: 254px; }
  .kiosk .cvv-popup #close-cvv-popup {
    position: relative;
    top: -100px;
    right: -298px;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    background-color: #B00020;
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    font-size: 28px;
    font-weight: 300; }
.kiosk .narrow .two-col-layout .left,
.kiosk .narrower .two-col-layout .left {
  border-right: none;
  margin-right: 0;
  max-width: 646px; }
.kiosk .narrower .two-col-layout .left {
  max-width: 491px; }
.kiosk .change-password .left p {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: normal; }
.kiosk .split .left,
.kiosk .split .right {
  width: 50%;
  border: none; }
.kiosk .account-settings h2 a.button-orange-text {
  float: right;
  font-style: normal; }
.kiosk .account-settings #billing,
.kiosk .account-settings #shipping {
  max-width: 325px; }
  .kiosk .account-settings #billing p,
  .kiosk .account-settings #shipping p {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: normal;
    color: #0D196A; }
.kiosk .account .heading.flex-column-reverse {
  margin-bottom: 20px; }

.contact-footer {
  display: none; }

@media only screen and (max-width: 1000px) {
  .content {
    padding: 0 15px 175px; }

  header[class|="header"] ul {
    right: 15px; }

  .results > ul > li {
    width: 46%; }

  .sbb-results > ul > li {
    margin-right: 4%; }
  .sbb-results > ul > li:nth-child(3n+3) {
    margin-right: 4%; }
  .sbb-results > ul > li:nth-child(2n+2) {
    margin-right: 0; }

  .results-two-col > ul > li {
    margin: 0 auto 40px;
    width: 46%;
    margin-right: 7%; }
  .results-two-col ul li .split-column {
    position: absolute;
    bottom: 0; }
    .results-two-col ul li .split-column li {
      margin-right: 4%;
      margin-bottom: 0; }
    .results-two-col ul li .split-column li:nth-child(2n+2) {
      margin-right: 0; }

  .two-col-layout .left {
    padding-right: 20px; }
    .two-col-layout .left .results > ul > li {
      width: 49%;
      margin-right: 0;
      box-sizing: content-box; }

  .search-bar-container {
    margin-bottom: 12px;
    flex-direction: column; }
    .search-bar-container #power-search,
    .search-bar-container span.input-group-btn {
      width: 100%;
      display: block;
      margin: 0; }
    .search-bar-container #power-search {
      margin: 0 0 25px;
      height: 44px;
      line-height: 44px; }
    .search-bar-container .search-dropdown,
    .search-bar-container .search-dropdown .full-button {
      height: 44px;
      line-height: 44px;
      padding: 0; } }
@media only screen and (max-width: 1000px) {
  .leather-patch-wrap.two-col-layout {
    /* .left {
      padding-right: 400px;
    } */ }
    .leather-patch-wrap.two-col-layout .right {
      width: 400px; }

  .preview .leather-patch-background {
    height: 185px; }

  .preview .leather-patch-background #text-holder {
    bottom: 5px; }

  .preview .leather-patch-background p {
    font-size: 16px; } }
@media only screen and (max-width: 900px) {
  .visible-desktop {
    display: none; } }
@media only screen and (max-width: 877px) {
  .disappear-877 {
    display: none !important; }

  .content-container-large .mobile-only-seo {
    display: block; }

  .content-container-large .desktop-only-seo {
    display: none; }

  .contact-us {
    width: 100%; }
    .contact-us iframe {
      float: none; }

  .ribbon-chart li {
    width: 25%; }

  .content-container-large img {
    margin-bottom: 25px; }

  .content-container-large .video {
    width: 100%;
    position: relative;
    margin: 20px 0; }
  .content-container-large .text-container,
  .content-container-large .info-page-text-container {
    width: 100%;
    margin: 0; }
  .content-container-large .button-cont {
    width: 100%;
    margin: 0 auto 30px; }
  .content-container-large .visible-large {
    display: none; }
  .content-container-large .visible-small {
    display: block; }
  .content-container-large .ribbon-text-container {
    width: 68% !important; }
    .content-container-large .ribbon-text-container .button-cont {
      width: 100% !important; }
  .content-container-large .ribbon-chart-img {
    width: 32% !important; }
    .content-container-large .ribbon-chart-img img {
      max-width: 170px; }

  #rack-type-row li {
    width: 33%; }
  #rack-type-row li:nth-child(3n+3) {
    border-right: 0; }

  .seo #rack-type-row li:nth-child(4n+4) {
    border-right: 0; }

  .one-col-layout.seo h3 {
    text-align: center;
    margin-bottom: 40px; } }
@media only screen and (max-width: 820px) {
  .hide-800px {
    display: none; }

  .duplication li {
    width: 25%;
    padding: 0 20px; }
  .duplication img {
    padding: 0 10px;
    max-width: 135px !important; }

  .sb-canvas img {
    border-width: 20px; }

  .message {
    height: 50px; }
    .message p {
      top: 0; }

  .itemized-prices .product-name {
    padding: 0 15px 5px; }
  .itemized-prices .product-itemized {
    padding: 5px !important; }
  .itemized-prices .price {
    padding: 0 15px 0px; }

  .seo .duplication li {
    width: 50%; }
    .seo .duplication li img {
      max-height: none;
      max-width: none; }

  .sb-palette .left,
  .sb-palette .right {
    width: 100%; }
  .sb-palette .right {
    border-left: 0;
    margin-left: 0;
    padding-left: 0; }

  .sb-felt-switcher {
    border-bottom: 1px solid #DDDEE3;
    height: 100px;
    margin-bottom: 25px; }
    .sb-felt-switcher label {
      display: block;
      float: none;
      margin: 0 auto; }
    .sb-felt-switcher li {
      display: inline-block;
      float: left;
      width: 25%; } }
@media only screen and (min-width: 768px) {
  .nav-menu {
    display: none; } }
@media only screen and (max-width: 768px) {
  .nav-menu {
    text-align: right; }
    .nav-menu .nav-content li:not(.nav-builder) {
      margin: 30px 0; }
      .nav-menu .nav-content li:not(.nav-builder) a {
        display: block;
        border-bottom: none;
        height: 24px;
        position: relative; }
        .nav-menu .nav-content li:not(.nav-builder) a:before {
          position: absolute;
          top: -16px;
          width: 24px;
          right: 20px;
          left: auto; }
        .nav-menu .nav-content li:not(.nav-builder) a.user-settings:before {
          top: -18px;
          right: 21px; }
        .nav-menu .nav-content li:not(.nav-builder) a div {
          float: right;
          top: 0;
          width: 24px;
          height: auto;
          right: 0; }
          .nav-menu .nav-content li:not(.nav-builder) a div img {
            top: 0;
            right: 10px; }
      .nav-menu .nav-content li:not(.nav-builder) p {
        display: none; }
    .nav-menu .nav-content .nav-builder {
      font-weight: 600;
      font-style: italic;
      text-transform: uppercase;
      padding-right: 24px;
      line-height: 50px; }
      .nav-menu .nav-content .nav-builder.ez-rack-builder {
        padding-top: 16px; }
      .nav-menu .nav-content .nav-builder:last-of-type {
        padding-bottom: 16px; }
      .nav-menu .nav-content .nav-builder a p {
        font-size: 16px;
        color: white; }
        .nav-menu .nav-content .nav-builder a p span {
          font-weight: 300; }
      .nav-menu .nav-content .nav-builder a:hover p {
        color: #FCE149; }

  .preview .leather-patch-background {
    width: 400px;
    /* margin: 0 auto; */ }

  .seo-list li {
    width: 100%; }

  .content-container-large {
    padding: 15px; }

  .two-col-layout.quick-tips .left,
  .two-col-layout.quick-tips .right {
    width: 100%; }
  .two-col-layout.quick-tips img {
    display: block;
    margin: 0 auto; }
  .two-col-layout.quick-tips ol {
    padding: 0 0 0 10px; }
  .two-col-layout.quick-tips .border-container img {
    margin-right: 15px; }

  .right-top {
    display: none; }

  .text-form.shipping-form .radio-select {
    position: absolute;
    left: 0px; }
  .text-form.shipping-form label {
    font-size: 12px;
    margin-left: 25px;
    padding-right: 73px; }

  .es-buttons {
    margin: 20px 0; }

  .admin-logo {
    height: 50px; }

  header .logo-tagline-admin h1 {
    font-size: 16px;
    margin-top: 22px; }

  .actions-bar.two-col-layout {
    padding: 0; }

  .actions-bar .left {
    padding: 0;
    border-right: 0; }

  .sbb-preview h3 {
    padding: 10px 0;
    border-top: 2px dotted #ababab;
    margin-bottom: 0; }

  .preview.sbb-preview {
    padding: 0; }

  .header-usamm .logo-tagline {
    position: relative;
    width: 350px;
    margin-left: 24px; }
  .header-usamm .tagline {
    top: 9px; }

  .header-vg .vg-logo {
    height: 35px;
    width: auto;
    margin: 0 5px; }

  .header-vg .logo-tagline .ez-logo {
    height: 30px;
    top: 0; }

  .header-vg .tagline {
    top: 14px; }

  .header-vg .logo-tagline {
    top: 1px;
    position: relative;
    width: 350px; }
    .header-vg .logo-tagline .appear-530 {
      position: relative;
      top: 7px; }

  .appear-768 {
    display: inline-block; }

  .disappear-768 {
    display: none !important; }

  .ezr-logo {
    height: 48px;
    padding-top: 2px; }

  header .tagline {
    position: relative;
    top: 4px; }

  header .line {
    margin: 0 15px; }

  .header-vg .line {
    margin: 0 10px; }

  .tablet {
    display: inline-block; }

  .mobile-only-inline {
    display: inline-block !important; }

  .sub-footer p {
    position: relative;
    top: 0px; }

  .contact-footer {
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    text-align: center;
    color: #98A0CE;
    margin: 20px 0 14px;
    display: block; }

  .desktop-large-only {
    display: none; }

  .two-col-layout {
    width: 100%;
    min-width: 100%;
    padding: 0; }
    .two-col-layout .left {
      border-right: none; }
    .two-col-layout .right {
      box-shadow: none; }

  .review .heading {
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 0;
    padding-bottom: 0; }
    .review .heading h1 {
      border-bottom: solid 1px #DDDEE3;
      padding-bottom: 25px;
      margin-bottom: 10px; }
    .review .heading .dot-steps {
      margin-bottom: 0; }
    .review .heading .hide-dot-steps .dot-steps {
      display: none; }
  .review .overlay-dot-steps {
    top: 100px;
    right: 10px;
    left: 10px;
    width: auto;
    display: block;
    max-width: initial; }
    .review .overlay-dot-steps ~ .two-col-layout {
      margin-top: 70px; }
  .review .two-col-layout {
    flex-direction: column; }
    .review .two-col-layout #rack-preview {
      padding-bottom: 10px; }
      .review .two-col-layout #rack-preview #rack_options_inputs {
        min-height: auto; }
  .review .basket-footer {
    margin-top: 80px 0 90px;
    padding-top: 25px;
    border-top: solid 1px #DDDEE3; }

  .leather-name-patch-builder .heading {
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 0;
    padding-bottom: 0; }
    .leather-name-patch-builder .heading h1 {
      border-bottom: solid 1px #DDDEE3;
      padding-bottom: 25px;
      margin-bottom: 10px; }
    .leather-name-patch-builder .heading .dot-steps {
      margin-bottom: 0; }
  .leather-name-patch-builder .two-col-layout .left {
    border-right: 0;
    margin-right: 0; }
  .leather-name-patch-builder .qualification {
    padding-bottom: 20px; }
  .leather-name-patch-builder .clearable .clear-field {
    bottom: 1px;
    top: auto; }
  .leather-name-patch-builder .clearable .typeahead-style .clear-field {
    bottom: auto;
    top: 51px; }
  .leather-name-patch-builder div.scrollable-list {
    top: 25px; }
  .leather-name-patch-builder .btn-group.grade-status > .btn, .leather-name-patch-builder .btn-group.duty-status > .btn {
    width: 100%;
    display: block;
    margin-left: 0;
    border-top: none; }
    .leather-name-patch-builder .btn-group.grade-status > .btn:first-of-type, .leather-name-patch-builder .btn-group.duty-status > .btn:first-of-type {
      border-radius: 4px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-top: solid 1px #DDDEE3; }
    .leather-name-patch-builder .btn-group.grade-status > .btn:last-of-type, .leather-name-patch-builder .btn-group.duty-status > .btn:last-of-type {
      border-radius: 4px;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    .leather-name-patch-builder .btn-group.grade-status > .btn.active, .leather-name-patch-builder .btn-group.duty-status > .btn.active {
      border-color: #1C2A7F; }

  .add-to-basket-btn {
    font-weight: 500;
    line-height: 36px;
    padding-bottom: 0; }
    .add-to-basket-btn span {
      font-size: 13.7px; }

  .desktop-only {
    display: none; }

  .product-heading .split-title {
    padding: 0; }

  #add-award-button, #add-award-button-mobile {
    margin-top: 0; }

  .hidden-desktop {
    display: block; }

  .pagination {
    margin: 10px auto; }

  .preview {
    margin-bottom: 10px; }

  .visible-large {
    display: none; }

  .preview #show-list {
    display: inline-block;
    font-weight: 500; }
  .preview.award-count {
    padding-top: 8px; }
  .preview .preview-item-list {
    display: none; }
    .preview .preview-item-list > li {
      border-top: 2px dotted #DDDEE3; }
      .preview .preview-item-list > li > ul {
        margin: 0;
        padding: 15px 0;
        min-height: 38px;
        box-sizing: content-box; }
      .preview .preview-item-list > li .delete-button {
        top: 15px; }
      .preview .preview-item-list > li:first-of-type {
        border-top: none; }
        .preview .preview-item-list > li:first-of-type .delete-button {
          top: 26px; }
      .preview .preview-item-list > li > ul > li p {
        max-width: 220px;
        margin-left: 10px; }

  .four-col-list li {
    width: 33%; }

  .printer-friendly .shop-logo {
    max-width: 150px; }
  .printer-friendly .printer-friendly-header {
    margin-bottom: 15px;
    padding-bottom: 15px; }
    .printer-friendly .printer-friendly-header h1 {
      margin-bottom: 0; }
  .printer-friendly .two-col-layout {
    flex-direction: column; }
    .printer-friendly .two-col-layout .left,
    .printer-friendly .two-col-layout .right {
      width: 100%;
      margin: 0;
      padding: 0; }
    .printer-friendly .two-col-layout .review-options {
      margin: 0 auto 25px;
      padding-bottom: 0;
      border-bottom: solid 1px #DDDEE3; }
  .printer-friendly .printer-friendly-footer {
    margin-top: 0; }
  .printer-friendly .preview .preview-item-list {
    display: block; }
    .printer-friendly .preview .preview-item-list > li {
      border-bottom: dashed 1px #DDDEE3; }
      .printer-friendly .preview .preview-item-list > li > ul {
        margin: 0;
        padding-bottom: 0; }
      .printer-friendly .preview .preview-item-list > li:last-of-type {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0; }

  .heading .nav-dropdown,
  .heading .progress-navigation,
  .heading .progress-bar {
    display: block; }
  .heading .nav-dropdown {
    position: absolute;
    right: 15px; }
  .heading .progress-navigation {
    width: 100%;
    padding-right: 80px;
    border-radius: 20px;
    margin-bottom: 15px; }
  .heading .ribbon-chart-dropdown {
    display: block;
    margin: 0 auto; }
  .heading .split-div {
    display: inline-block; }

  .cart-echo .items img {
    margin: 10px auto;
    display: block; }

  /*=====================================
   =            Mobile Header            =
   =====================================*/
  .sb-canvas img {
    border-width: 17px; }

  header[class|="header"] {
    height: 60px; }
    header[class|="header"] .nav-content {
      padding: 0; }
    header[class|="header"] .usamm-logo {
      height: 35px;
      width: auto;
      margin: 3px 0 3px 15px;
      position: relative;
      top: -8px; }
    header[class|="header"] ul {
      right: 20px; }
      header[class|="header"] ul .number {
        position: relative;
        text-align: right;
        line-height: 1.3;
        font-weight: 100;
        margin-right: 10px; }
        header[class|="header"] ul .number span {
          font-weight: 700; }
    header[class|="header"]:before {
      height: 3px; }

  header.header-usamm,
  header.header-vg {
    height: 70px; }

  header.header-usamm .line {
    margin: 0 13px; }
  header.header-usamm ul {
    top: 55%; }

  .header-vg .nav-content {
    margin: 0 auto; }
    .header-vg .nav-content .img-div {
      height: 30px;
      margin: 19px 11px 16px 19px; }
    .header-vg .nav-content .logos {
      height: auto;
      width: 280px; }
  .header-vg ul {
    top: 37%; }

  .nav-menu {
    display: none;
    background: #0D196A;
    list-style: none;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 101;
    height: auto;
    border-bottom: 2px solid #cacaca; }
    .nav-menu ul {
      list-style: none;
      padding: 0; }
      .nav-menu ul li {
        display: block;
        float: none;
        width: 100%;
        line-height: 5;
        padding-left: 10px;
        margin-top: 0; }
        .nav-menu ul li a div {
          width: 35px;
          height: 35px;
          float: left;
          margin-right: 10px;
          top: 10px; }
        .nav-menu ul li a p {
          color: white;
          margin: 0;
          font-size: 11px;
          font-weight: 700; }
        .nav-menu ul li a img {
          display: block;
          margin: auto;
          position: relative;
          top: 11px; }
      .nav-menu ul .nav-builder {
        background-image: none;
        background-color: #192884; }
        .nav-menu ul .nav-builder p {
          color: #000; }

  .nav-menu-vg {
    background-image: none;
    background-color: #292929; }
    .nav-menu-vg ul .nav-builder {
      background-color: #333333; }

  .nav-menu-usamm {
    background-image: none;
    background-color: #080047; }
    .nav-menu-usamm .nav-builder {
      font-weight: 900;
      font-family: 'Roboto', sans-serif;
      text-transform: uppercase;
      padding-right: 24px;
      line-height: 50px; }
      .nav-menu-usamm .nav-builder.ez-rack-builder {
        padding-top: 16px; }
      .nav-menu-usamm .nav-builder:last-of-type {
        padding-bottom: 16px; }
      .nav-menu-usamm .nav-builder a p {
        font-size: 16px;
        color: white; }
        .nav-menu-usamm .nav-builder a p span {
          font-weight: 300; }
      .nav-menu-usamm .nav-builder a:hover p {
        color: #FCE149; }

  .heading {
    margin-bottom: 0; }

  .login .left,
  .login .right {
    border: 0;
    display: block;
    width: 100%; }
    .login .left .button,
    .login .right .button {
      display: block;
      float: none;
      margin: 0 auto;
      max-width: 200px;
      width: 100%; }
    .login .left input[type="email"],
    .login .left input[type="password"],
    .login .right input[type="email"],
    .login .right input[type="password"] {
      width: 100%; }
    .login .left a:not(.button),
    .login .right a:not(.button) {
      left: 0;
      text-align: center;
      top: 15; }
  .login .left {
    border-bottom: 1px solid #DDDEE3;
    margin: 0 0 15px;
    padding-bottom: 60px; }

  /*=====================================
  =             Layouts            =
  =====================================*/
  .single-col-half-width {
    text-align: center; }
    .single-col-half-width input {
      width: 100%; }
    .single-col-half-width .button {
      display: block;
      float: none;
      margin: 20px auto;
      max-width: 250px;
      width: 100%; }
    .single-col-half-width a {
      left: 0;
      top: 0; }

  .three-col-select {
    margin-bottom: 15px; }
    .three-col-select > li {
      float: left;
      margin-left: -3px;
      vertical-align: top;
      width: 50%; }
      .three-col-select > li:not(:nth-child(3n+3)) {
        border-right: 0; }

  .two-col-layout {
    display: flex;
    flex-direction: column-reverse; }
    .two-col-layout.leather-patch-wrap {
      flex-direction: column;
      margin-top: 30px; }
    .two-col-layout .left,
    .two-col-layout .right {
      width: 100%;
      margin: 0;
      padding: 0; }
      .two-col-layout .left.right-bottom,
      .two-col-layout .right.right-bottom {
        margin-top: 20px;
        clear: both; }
      .two-col-layout .left #select-dog-tag-information-form,
      .two-col-layout .right #select-dog-tag-information-form {
        margin-top: 15px; }
    .two-col-layout .left .results > ul > li {
      width: 50%; }

  .two-col-layout.login {
    flex-direction: column;
    margin-bottom: 170px; }
    .two-col-layout.login .left {
      margin-bottom: 40px; }

  .overlay-dot-steps {
    position: relative;
    top: 10px;
    max-width: initial;
    right: auto;
    z-index: 1; }
    .overlay-dot-steps ~ .dog-tag-review .basket-footer {
      margin: 30px auto 90px;
      padding-top: 25px;
      border-top: solid 1px #DDDEE3; }

  .hide-steps ~ .nav-footer {
    visibility: hidden;
    height: 20px; }
  .hide-steps .dot-steps {
    display: none !important; }
  .hide-steps .two-col-layout {
    flex-direction: column; }
    .hide-steps .two-col-layout > .right {
      margin: 0 auto 25px !important;
      border-bottom: none !important;
      padding-top: 15px;
      border-top: solid 1px #DDDEE3; }
      .hide-steps .two-col-layout > .right.right-top {
        border-top: none;
        padding-top: 0; }
        .hide-steps .two-col-layout > .right.right-top .dropdown {
          margin-bottom: 8px; }
  .hide-steps #add-award-button-mobile,
  .hide-steps #cancel-award-button-mobile {
    margin-top: 25px; }
  .hide-steps #award-options {
    margin-top: 5px; }
    .hide-steps #award-options .device-cta p {
      text-align: center; }
      .hide-steps #award-options .device-cta p a {
        display: block; }

  #select-awards-view ~ .heading {
    border-bottom: none; }
    #select-awards-view ~ .heading h1 {
      margin-bottom: 15px; }
    #select-awards-view ~ .heading ~ .two-col-layout {
      flex-direction: column; }
      #select-awards-view ~ .heading ~ .two-col-layout .right {
        margin: 0 auto 0;
        padding-bottom: 0; }
      #select-awards-view ~ .heading ~ .two-col-layout .left {
        border-bottom: solid 1px #DDDEE3;
        margin-bottom: 30px;
        padding-bottom: 20px; }

  .actions-bar .mid-size {
    width: 32%;
    margin-right: 2%; }
  .actions-bar .mid-size:last-child {
    margin-right: 0; }
  .actions-bar .felt-color {
    padding: 0;
    margin: 10px auto;
    width: 100%; }
    .actions-bar .felt-color li {
      width: 25%;
      margin: 0; }
      .actions-bar .felt-color li label:last-child {
        margin-left: 5px; }

  /*=====================================
  =             shop basket           =
  =====================================*/
  header li .badge {
    background-color: #00A36C; }

  .shop-basket.content {
    position: relative;
    padding-bottom: 50px; }
    .shop-basket.content .two-col-layout {
      margin-top: -25px; }
      .shop-basket.content .two-col-layout .cart-notice {
        display: none; }
    .shop-basket.content .top-cart {
      border-bottom: solid 1px #DDDEE3;
      margin-bottom: 25px; }
    .shop-basket.content .checkout-button {
      margin-bottom: 20px; }
    .shop-basket.content .cart-notice {
      margin-top: 25px;
      margin-bottom: 25px; }

  /*=====================================
  =         shirt builder custom      =
  =====================================*/
  .shirt-palette > li,
  .shirt-palette > li:first-child {
    border-right: 0;
    display: block;
    margin-bottom: 15px;
    margin-right: 0;
    padding-right: 0;
    width: 100%; }
  .shirt-palette > li:nth-child(2),
  .shirt-palette > li:last-child {
    display: inline-block;
    width: 47%; }

  .one-col-layout .shirt-front,
  .one-col-layout .shirt-back {
    float: none;
    margin: 0 auto;
    max-width: 100%; }
  .one-col-layout .shirt-front {
    display: block; }
  .one-col-layout .shirt-back {
    display: none; }

  .heading .mobile-only,
  .mobile-only {
    display: block !important; }

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

  .heading .no-select-next {
    width: 50px;
    font-size: 14px;
    margin-top: 0;
    height: 35px;
    position: relative;
    top: -3px;
    margin-left: 10px;
    padding-top: 7px; }

  .login-reminder p, .login-modal p {
    text-align: center !important; }
  .login-reminder .close-reminder, .login-modal .close-reminder {
    top: 13%;
    right: 11px; }
  .login-reminder p, .login-modal p {
    font-size: 16px; }

  /*======================================
  =            Search Results            =
  ======================================*/
  .results > ul {
    text-align: left; }
    .results > ul > li {
      margin: 0 4% 40px 0;
      width: 30%; }
    .results > ul > li:nth-child(2n+2) {
      margin-right: 4%; }
    .results > ul > li:nth-child(3n+3) {
      margin-right: 0; }

  .preview {
    padding: 15px 0 0; }

  .results-two-col ul li:nth-child(2n+2) {
    margin-right: 2%; }
  .results-two-col ul li {
    margin: 0 auto 40px;
    width: 32%;
    margin-right: 2%; }
  .results-two-col ul li:nth-child(3n+3) {
    margin-right: 0; }

  .results-two-col ul li .split-column {
    position: absolute;
    bottom: 0; }
    .results-two-col ul li .split-column li {
      margin-right: 4%;
      margin-bottom: 0; }
    .results-two-col ul li .split-column li:nth-child(2n+2) {
      margin-right: 0; }

  .header-vg .logo-tagline {
    width: 70%; }

  .two-col-layout.seo .left {
    width: 100%;
    margin-right: 0; }
  .two-col-layout.seo .right {
    display: none; }

  .leather-patch-wrap.two-col-layout .right {
    width: 100%;
    position: relative;
    margin-bottom: 20px; }
  .leather-patch-wrap.two-col-layout .left {
    padding-right: 0; }

  .color-switch {
    padding: 0; }
    .color-switch p {
      margin-top: 15px; }

  #sticky_rack_type ~ .heading h1 {
    float: none;
    margin: 10px auto;
    text-align: center; }

  .sticky-racks-div {
    text-align: center;
    margin-bottom: 25px !important; }

  /* } //end max-width: 768px
  
  @media only screen and (max-width : 680px) { */
  .content {
    padding: 0 15px 195px; }

  .item-info .product-container .sbb-pair {
    left: 48%;
    transform: translateX(-50%); }

  .item-palette li {
    width: 100%;
    margin: 0; }

  .item-manager .callout {
    margin: 5px 0;
    width: 100%; }
  .item-manager div {
    width: 100%;
    padding: 0; }

  .remove-container {
    position: absolute;
    top: -8px;
    right: 0; }

  .cart-titles {
    display: none; }

  .item-info,
  .item-pricing {
    width: 370px;
    margin: 0 auto;
    display: block;
    margin-bottom: 0;
    float: none; }
    .item-info li,
    .item-pricing li {
      width: 100%; }
      .item-info li p,
      .item-pricing li p {
        text-align: left; }

  .item-info {
    margin-top: 10px; }

  .item-number {
    position: relative;
    border-bottom: solid 1px #DDDEE3; }

  .item-pricing {
    margin: 25px auto 0; }
    .item-pricing input {
      width: 86px;
      margin-bottom: 0;
      text-align: right;
      padding-right: 12px;
      font-size: 16px; }
    .item-pricing .on-right {
      float: right;
      margin: 5px 0; }
    .item-pricing .on-left {
      display: inline-block;
      font-weight: 700;
      float: left;
      position: relative;
      top: 6px;
      font-size: 16px;
      font-style: italic;
      font-weight: 600; }
    .item-pricing .qty {
      position: relative;
      line-height: 56px; }
    .item-pricing .button-gray {
      min-width: 150px;
      margin-top: 10px; }
    .item-pricing .view-price-container {
      width: 100%;
      margin-top: 60px;
      margin-bottom: -30px; }
    .item-pricing .remove-container {
      position: relative;
      top: -100px;
      margin: 0 auto -36px; }
      .item-pricing .remove-container .cart-remove {
        right: auto;
        margin: auto;
        display: block; }

  .expander {
    border-bottom: none; }
    .expander span {
      max-width: 98%; }

  .duplication {
    flex-flow: row wrap; }
    .duplication li {
      width: 50%; }

  .has-sticker-cta.item-number {
    padding-bottom: 150px; }
  .has-sticker-cta .sticker-button {
    width: 50%;
    transform: translateX(25%);
    color: #B00020; }

  .item-info .product-container {
    width: 100%;
    max-width: 100%; }
    .item-info .product-container img {
      max-width: 236px;
      margin-bottom: 10px; }

  .itemized-pricing .item-pricing {
    margin-top: 0; }
  .itemized-pricing .sku {
    width: 100%; }

  .item-info .product-name {
    width: 100%;
    margin-left: 5px; }

  .header-vg .line {
    margin: 0 8px; }
  .header-vg .nav-content .vg-logo {
    height: 30px;
    top: -1px; }

  .appear-680 {
    display: inline-block; }

  .disappear-680 {
    display: none !important; }

  .content-container-large .ribbon-chart-img {
    display: none; }
    .content-container-large .ribbon-chart-img img {
      display: none; }
  .content-container-large .ribbon-text-container {
    width: 100% !important; }

  .heading .split-div {
    width: 100%; }
  .heading .ribbon-chart-dropdown {
    width: 100%; }
  .heading p {
    text-align: center;
    display: block;
    margin: 0 auto 15px;
    float: none; }

  .ribbon-chart li {
    width: 33%; }

  .sb-canvas img.shadowbox-background {
    border-width: 14px; }

  #arrange-parent-container {
    top: 14px;
    bottom: 14px;
    left: 14px;
    right: 14px; }

  #rack-type-row li {
    width: 49%; }
  #rack-type-row li:nth-child(2n+2) {
    border-right: 0; }

  .duplication li {
    padding: 0 10px; }
  .duplication img {
    padding: 0 5px; }

  .results-two-col > ul .img-container {
    min-height: 210px; }
  .results-two-col > ul > li:nth-child(3n+3) {
    margin-right: 4%; }
  .results-two-col > ul > li {
    margin: 0 auto 40px;
    width: 48%;
    margin-right: 4%;
    min-height: 365px; }
  .results-two-col > ul li:nth-child(2n+2) {
    margin-right: 0; }

  .results-two-col ul li .device-two-column li {
    height: 40px !important; }

  .expanded-image {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%); }

  .small-video {
    width: 300px; }

  .footer-acu .left-footer,
  .footer-acu .right-footer,
  .footer-usamm .left-footer,
  .footer-usamm .right-footer,
  .footer-vg .left-footer,
  .footer-vg .right-footer,
  .footer-kiosk .left-footer,
  .footer-kiosk .right-footer {
    width: 100%; }
  .footer-acu .right-footer,
  .footer-usamm .right-footer,
  .footer-vg .right-footer,
  .footer-kiosk .right-footer {
    border-left: 0;
    margin-top: -10px; }
    .footer-acu .right-footer li,
    .footer-usamm .right-footer li,
    .footer-vg .right-footer li,
    .footer-kiosk .right-footer li {
      width: 50%; }
      .footer-acu .right-footer li:last-of-type div iframe,
      .footer-usamm .right-footer li:last-of-type div iframe,
      .footer-vg .right-footer li:last-of-type div iframe,
      .footer-kiosk .right-footer li:last-of-type div iframe {
        position: relative;
        top: 2px; }

  .footer-acu .right-footer {
    border-color: #a4532a; }

  /* } //end max-width: 680px
  @media only screen and (max-width : 530px) { */
  .header-vg .logo-tagline {
    top: 0; }

  .disappear-530 {
    display: none !important; }

  .appear-530 {
    display: inline-block;
    font-size: 10px;
    padding-top: 13px; }
    .appear-530 span {
      font-size: 12px; }

  /* }
  @media only screen and (max-width : 550px) { */
  .results > ul > li {
    width: 46%;
    margin-right: 0; }
  .results > ul > li:nth-child(3n+3) {
    margin-right: 0; }
  .results > ul > li:nth-child(2n+2) {
    margin-right: 0; }

  .header-buttons.two-buttons {
    margin: 10px 0;
    width: 100%; }
    .header-buttons.two-buttons a[class*="button"] {
      margin-left: 2%;
      width: 48%; }

  .header-buttons {
    margin: 10px 0;
    width: 100%; }
    .header-buttons a[class*="button"] {
      margin-left: 0;
      width: 100%; }

  .hidden-550px {
    display: none; }

  .visible-550px {
    display: block; }

  .kiosk-name {
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center; }

  .desktop-tablet-med {
    display: none; }

  .mobile-only-med {
    display: block; }

  .dot-steps {
    width: 100%;
    display: block;
    float: none;
    margin: 15px auto 30px; }

  .heading {
    padding: 0;
    margin-bottom: 10px; }
    .heading h1 {
      float: none;
      text-align: center;
      margin: 25px 0 24px;
      font-size: 22px;
      line-height: 33px; }

  .message div {
    width: 100%; }

  .movement-ui {
    width: 100%; }
    .movement-ui .buttons {
      width: 267px;
      margin: 0 auto;
      float: none; }
    .movement-ui .slider {
      width: 100%;
      position: relative;
      padding-bottom: 20px;
      padding-top: 20px; }
      .movement-ui .slider input {
        width: 100%; }
    .movement-ui .slider-info {
      width: 100%;
      right: 0; }

  .heading .ribbon-chart-dropdown {
    width: 100%;
    margin-top: 15px; }

  .four-col-list li {
    width: 50%; }

  .heading .navigation {
    border-bottom: 1px solid #DDDEE3;
    float: none;
    padding-bottom: 10px;
    text-align: center; }
    .heading .navigation li {
      float: none;
      margin: 8px -2px 0; }

  .content-container .text-container,
  .content-container .image-container,
  .content-container .info-page-text-container {
    width: 100%; }
  .content-container .text-container,
  .content-container .info-page-text-container {
    margin: 20px 0; }
  .content-container .image-container {
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: 0; }
  .content-container img {
    margin: 25px auto; }

  .header-vg .line {
    margin: 0px 13px 0 7px; }

  /* } //end max-width: 550px
  
  @media only screen and (max-width : 520px) { */
  header[class|="header"] .usamm-logo {
    height: 25px; }

  header .logo-tagline {
    width: 100%; }

  .ribbon-chart li {
    width: 50%; }

  .ribbon-chart-dropdown {
    width: 90%;
    margin: 20px 40px; }

  .footer-usamm ul li,
  .footer-kiosk ul li,
  .footer-vg ul li {
    width: 50%; }

  .header-vg .logo-tagline {
    width: 250px; }

  .header-usamm .logo-tagline {
    width: 250px; }

  /* }
  
  @media only screen and (max-width : 480px) { */
  .duplication a {
    font-size: 11px; }

  .footer-usamm .left-footer li,
  .footer-usamm .right-footer li,
  .footer-vg .left-footer li,
  .footer-vg .right-footer li,
  .footer-kiosk .left-footer li,
  .footer-kiosk .right-footer li {
    width: 50%; }

  a.secondary-cta-link {
    left: 0; }

  .results-two-col > ul .text-container form {
    position: relative; }

  .photo-edit-features h3 {
    font-size: 12px; }

  .three-col-select li,
  .results.results-two-col li {
    height: auto;
    margin: 5px 0; }
  .three-col-select a[class|="button"],
  .three-col-select div.dropdown,
  .three-col-select .button-no-select,
  .three-col-select .three-col-select .saved-item .split-column,
  .three-col-select .results.results-two-col a,
  .results.results-two-col a[class|="button"],
  .results.results-two-col div.dropdown,
  .results.results-two-col .button-no-select,
  .results.results-two-col .three-col-select .saved-item .split-column,
  .results.results-two-col .results.results-two-col a {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 20px 0 0; }

  .saved-item {
    margin-top: 25px !important; }

  .saved-item div {
    min-height: 30px; }

  .saved-item > span {
    right: 5px;
    top: -12px; }

  .mobile-only-small-inline {
    display: inline-block; }
    .mobile-only-small-inline span {
      font-size: 13.5px; }

  header .tagline.tablet {
    display: none; }

  .sbb-results > ul > li {
    min-height: 175px; }
  .sbb-results button.full-button {
    clear: both;
    margin-bottom: 7px; }
  .sbb-results label {
    position: relative;
    top: 25px;
    float: right;
    font-size: 14px;
    width: 43%; }
  .sbb-results > ul > li img {
    margin: 0 10px 30px !important; }
  .sbb-results .sbb-pair {
    width: 30%; }

  .duplication li {
    padding: 0 5px; }
  .duplication img {
    padding: 0; }

  .three-col-select > li {
    padding: 6px; }

  .nav-footer {
    width: 100%;
    height: 88px;
    padding: 0 6px;
    margin-bottom: 40px; }

  .dot-steps.mobile-only-small {
    border-top: solid 1px #DDDEE3;
    padding: 25px 0 50px;
    margin: 0;
    width: 100%; }
    .dot-steps.mobile-only-small .fluid-wrap {
      position: relative; }

  .desktop-tablet {
    display: none; }

  .pagination {
    margin: 25px auto; }
    .pagination p {
      font-size: 10px; }
    .pagination div {
      width: 70%; }

  .desktop-only {
    display: none; }

  #rack-type-row li {
    width: 100%;
    border-right: 0;
    padding: 0; }
  #rack-type-row li:nth-child(1n+1) {
    border-right: 0; }

  .product-heading .split-title li {
    width: 50%; }
  .product-heading .split-title li:nth-child(3),
  .product-heading .split-title li:nth-child(4) {
    width: 100%;
    padding: 3px 0; }

  .pagination {
    display: none; }
    .pagination p {
      float: none;
      text-align: center;
      display: block;
      margin: 0 auto; }
    .pagination.mobile-only-small {
      display: block !important; }
      .pagination.mobile-only-small .page-left {
        background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/arrow-down.svg") no-repeat center center; }
      .pagination.mobile-only-small .page-right {
        background: url("https://d2nwi4n562ba8i.cloudfront.net/_img/arrow-down.svg") no-repeat center center; }
    .pagination div {
      width: 60%; }
    .pagination ul {
      width: 232px;
      float: none;
      display: block;
      margin: 10px auto;
      clear: both; }

  ul + .pagination.mobile-only-small {
    margin-top: 0; }

  .product-heading h2 {
    top: 24%; }

  .sb-canvas img.shadowbox-background {
    border-width: 10px; }

  #arrange-parent-container {
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px; }

  .full-screen-button {
    display: block;
    margin: 0 auto 25px; }

  .button-wrapper {
    display: block;
    height: 75px; }

  .results input[type="number"] {
    width: 100%; }
  .results > ul {
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    margin-bottom: 15px; }
    .results > ul > li {
      width: 50%;
      font-size: 12px;
      margin-bottom: 20px; }
    .results > ul > li img {
      margin-bottom: 10px;
      padding: 5px 0;
      max-width: 165px;
      max-height: 100px; }
  .results label {
    margin-bottom: 0;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 19px; }
    .results label:last-of-type {
      padding: 0 10px; }

  .results-two-col label:last-child {
    margin-left: 0;
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .results-two-col ul li img {
    width: auto;
    display: block;
    margin: 15px auto 0;
    max-width: 100%;
    max-height: 120px; }
  .results-two-col ul .img-container {
    min-height: 30px; }

  .no-border ul li {
    border-bottom: 0; }
  .no-border ul li:first-child {
    border-top: 0; }

  .split-column > li {
    margin-bottom: 10px;
    width: 100%; }

  .item-options ul > li {
    width: 100%; }

  .item-options .radio-device li {
    width: 100%; }
  .item-options .radio-device li:last-child {
    margin-top: 0; }

  .three-col-select > li {
    width: 100%; }
    .three-col-select > li:not(:nth-child(2n+2)) {
      border-right: 0; }

  .shirt-palette > li:nth-child(2),
  .shirt-palette > li:last-child {
    display: block;
    margin-right: 0;
    padding-right: 0;
    width: 100%; }

  .mobile-buttons {
    border-bottom: 1px solid #DDDEE3;
    display: block;
    padding-bottom: 15px; }

  .mobile-buttons-bottom {
    border-bottom: 0;
    padding-top: 15px;
    margin-bottom: 10px; }

  .item-options {
    margin-bottom: 5px; }

  .footing a,
  .mobile-buttons a {
    float: right; }
  .footing .sml-button-white,
  .mobile-buttons .sml-button-white {
    display: inline-block;
    margin-left: 4%;
    margin-right: 0;
    width: 48%; }
  .footing a:last-child,
  .mobile-buttons a:last-child {
    margin-left: 0; }

  .numerals ul {
    height: auto; }
    .numerals ul li {
      width: 16.6%;
      display: inline-block; }

  .three-col-select .saved-item {
    height: 370px; }

  .results-two-col ul li .device-two-column li {
    border-bottom: 0; }
  .results-two-col ul li .device-two-column small {
    font-size: 12px; }

  .split-column.split-column-mobile > li {
    width: 48%;
    margin-right: 4%; }
    .split-column.split-column-mobile > li li {
      width: 100%; }
  .split-column.split-column-mobile > li:nth-child(2n+2) {
    margin-right: 0; }

  .content .three-col-select .saved-item .split-column {
    position: relative;
    padding: 0; }

  .actions-bar .fine-tune .buttons,
  .actions-bar .fine-tune .slider-container {
    width: 100%; }
  .actions-bar .fine-tune .buttons .square-button {
    width: 23%; }
  .actions-bar .fine-tune .buttons .square-button:last-child {
    margin-right: 0; }

  .results-two-col ul li img {
    height: auto;
    min-height: 30px;
    max-height: 200px;
    max-width: 100%;
    position: relative;
    margin: 0 auto 20px; }
  .results-two-col .dropdown {
    position: relative; }
  .results-two-col > ul img {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    max-height: 200px; }
  .results-two-col > ul > li {
    margin-right: 0;
    padding-top: 20px;
    height: auto;
    min-height: 50px; }

  .split-column.split-column-mobile > li {
    margin-bottom: 0; }

  .sbb-results .split-column {
    width: 100%;
    bottom: 5px; }
    .sbb-results .split-column > li {
      width: 47.5%; }

  .content {
    /* padding: 0 6px 215px; */
    padding: 0 6px 5px; }

  /* } //end max-width: 480px;
  @media only screen and (max-width : 460px) {  */
  .preview .leather-patch-background {
    width: 370px;
    margin: 30px auto 0; }

  /* }
  @media only screen and (max-width : 420px) {  */
  .reverse-title .heading {
    flex-direction: column-reverse;
    display: flex;
    border-bottom: none;
    margin-bottom: 0; }
    .reverse-title .heading h1 {
      border-bottom: solid 1px #DDDEE3;
      margin-bottom: 10px;
      padding-bottom: 20px; }

  .name-tag #select-name-tag-options-form {
    margin: 30px 0 100px; }
  .name-tag .results {
    margin-top: 25px; }
    .name-tag .results ul {
      display: flex; }
      .name-tag .results ul li {
        width: auto;
        box-sizing: border-box;
        padding: 0; }
        .name-tag .results ul li label.button-outline {
          margin: 0 10px;
          width: auto;
          line-height: 36px; }
  .name-tag .saved-item {
    height: auto;
    margin-bottom: 20px; }
    .name-tag .saved-item:last-of-type {
      margin-bottom: 90px; }

  .name-plate-switcher label {
    display: block;
    margin: 0 auto; }
    .name-plate-switcher label .radio-select {
      display: block;
      margin: 0 auto; }

  .device-title h3.extra-small-text {
    font-size: 9px; }

  .preview p {
    font-size: 11px; }
  .preview#rack-preview a {
    font-weight: 500; }
  .preview#rack-preview #rack_options_inputs {
    flex-direction: column;
    margin-bottom: 0;
    padding-bottom: 0; }
    .preview#rack-preview #rack_options_inputs .rack-actions-dropdown {
      /* margin-bottom: 50px; */ }
    .preview#rack-preview #rack_options_inputs .dropdown-toggle-blue {
      height: 36px;
      line-height: 36px;
      padding: 0; }
    .preview#rack-preview #rack_options_inputs #sticky_rack_btn {
      width: 100%;
      margin: 0 0 15px 0; }
    .preview#rack-preview #rack_options_inputs #add_rack_uswag_btn {
      margin-top: 0px !important;
      margin-bottom: 15px !important;
      line-height: 18px !important; }
    .preview#rack-preview #rack_options_inputs #sticky_rack_img_btn {
      margin: auto;
      position: relative;
      left: 18%; }
    .preview#rack-preview #rack_options_inputs .full-button {
      height: 36px;
      line-height: 36px; }

  #customer-info-form,
  #card-info-form,
  #alt-info,
  #customer-update-address-form,
  #login-form,
  #register-form,
  #forgot-password-form {
    /* input {
    padding: 5px;
    } */
  /* .input-group input {
  padding: 5px;
} */ }

  .device-title h3 {
    margin-top: 0;
    font-size: 13px;
    color: #0D196A; }

  .sb-felt-switcher label span {
    display: block;
    margin: 0 auto; }
  .sb-felt-switcher label {
    text-align: center;
    margin: 0 auto; }
  .sb-felt-switcher label:last-child {
    margin-left: 0; }

  .large-mobile-dropdown {
    height: 55px;
    padding: 8px 24px 8px 8px;
    font-size: 12px; }

  .large-mobile-button {
    height: 55px;
    font-size: 12px;
    padding: 8px; }

  .preview > img {
    max-width: 100%;
    display: block;
    margin: 20px auto; }

  .item-info,
  .item-pricing {
    width: 100%; }

  .disappear-420 {
    display: none !important; }

  header .line {
    margin: 0 15px 0 7px; }

  .actions-bar .felt-color li label:last-child {
    margin-left: 0;
    bottom: 0;
    text-align: center;
    margin-top: 10px; }
  .actions-bar .felt-color li label {
    display: block;
    margin: 0 auto; }

  .leather-patch-wrap {
    /* .clear-field.clear-field-2 {
       top: -29px;
    } */ }
    .leather-patch-wrap p {
      display: block;
      width: 100%;
      min-height: 40px;
      margin-bottom: 5px; }
    .leather-patch-wrap .leather-patch-buttons {
      position: relative;
      margin: 5px 0;
      clear: both; }
    .leather-patch-wrap .left .leather-name {
      margin-bottom: 0; }

  #login-form input {
    padding: 6px 12px; }

  #forgot-password-form,
  #register-form {
    width: 100%; }
    #forgot-password-form .button,
    #register-form .button {
      width: 48%;
      max-width: none;
      display: inline-block; }

  .confirmation-modal .modal-dialog {
    width: 98%;
    margin-top: 70px; }

  .sbb-mobile .three-col-select .saved-item,
  .sbb .three-col-select .saved-item {
    height: 320px; }
  .sbb-mobile.review .heading,
  .sbb.review .heading {
    margin-bottom: 0;
    margin-top: 15px; }
    .sbb-mobile.review .heading h1,
    .sbb.review .heading h1 {
      margin-top: 25px; }
  .sbb-mobile.review .overlay-up,
  .sbb.review .overlay-up {
    position: relative;
    top: -102px;
    z-index: 999; }
  .sbb-mobile.review .prev-dot,
  .sbb.review .prev-dot {
    visibility: hidden; }
  .sbb-mobile.review .preview,
  .sbb.review .preview {
    margin: 0 auto 40px; }
  .sbb-mobile .heading,
  .sbb .heading {
    flex-direction: column; }
    .sbb-mobile .heading h1,
    .sbb .heading h1 {
      margin: 0; }
  .sbb-mobile .header-buttons.two-buttons,
  .sbb .header-buttons.two-buttons {
    width: 100%;
    flex-direction: column;
    max-width: 100%; }
    .sbb-mobile .header-buttons.two-buttons > a,
    .sbb .header-buttons.two-buttons > a {
      width: 100% !important;
      margin: 0 0 20px; }
  .sbb-mobile .header-buttons.dot-steps,
  .sbb .header-buttons.dot-steps {
    width: 100% !important; }
  .sbb-mobile .pb-150,
  .sbb .pb-150 {
    padding-bottom: 150px !important; }
  .sbb-mobile #refresh-photo-add-form,
  .sbb #refresh-photo-add-form {
    margin-bottom: 25px; }
    .sbb-mobile #refresh-photo-add-form .feature-container.split-column,
    .sbb #refresh-photo-add-form .feature-container.split-column {
      padding-bottom: 0; }
      .sbb-mobile #refresh-photo-add-form .feature-container.split-column li,
      .sbb #refresh-photo-add-form .feature-container.split-column li {
        width: 49%; }
        .sbb-mobile #refresh-photo-add-form .feature-container.split-column li:first-of-type,
        .sbb #refresh-photo-add-form .feature-container.split-column li:first-of-type {
          margin-right: 2%;
          margin-bottom: 0; }
  .sbb-mobile .nameplate-panel .panel-input-row,
  .sbb .nameplate-panel .panel-input-row {
    flex-direction: column; }
    .sbb-mobile .nameplate-panel .panel-input-row input[type="text"],
    .sbb .nameplate-panel .panel-input-row input[type="text"] {
      margin-right: 0; }
    .sbb-mobile .nameplate-panel .panel-input-row .text-size,
    .sbb .nameplate-panel .panel-input-row .text-size {
      margin-bottom: 20px; }
  .sbb-mobile .preview-nameplate,
  .sbb .preview-nameplate {
    overflow-x: hidden; }
  .sbb-mobile .dot-steps .next-dot,
  .sbb .dot-steps .next-dot {
    position: relative; }
  .sbb-mobile .need-tips,
  .sbb .need-tips {
    margin-bottom: 36px; }
  .sbb-mobile .actions-bar .buttons,
  .sbb .actions-bar .buttons {
    flex-wrap: wrap; }
    .sbb-mobile .actions-bar .buttons .action-button,
    .sbb .actions-bar .buttons .action-button {
      flex-grow: 1;
      max-width: inherit;
      margin: 0;
      padding: 0; }
      .sbb-mobile .actions-bar .buttons .action-button:first-of-type,
      .sbb .actions-bar .buttons .action-button:first-of-type {
        margin: 0 0 20px; }
      .sbb-mobile .actions-bar .buttons .action-button:nth-of-type(odd),
      .sbb .actions-bar .buttons .action-button:nth-of-type(odd) {
        margin-right: 10px; }
    .sbb-mobile .actions-bar .buttons .mobile-break,
    .sbb .actions-bar .buttons .mobile-break {
      flex-basis: 100%;
      height: 0; }
  .sbb-mobile .photo-container,
  .sbb .photo-container {
    margin-right: 0;
    margin-left: 0; }
    .sbb-mobile .photo-container .upload_button_holder,
    .sbb-mobile .photo-container .photo-type-placeholder,
    .sbb .photo-container .upload_button_holder,
    .sbb .photo-container .photo-type-placeholder {
      width: 100%;
      margin: 0 0 10px; }
  .sbb-mobile .photo-options-container,
  .sbb .photo-options-container {
    /* overflow-x: hidden; */ }
    .sbb-mobile .photo-options-container li.photo-container,
    .sbb .photo-options-container li.photo-container {
      min-width: auto !important; }
    .sbb-mobile .photo-options-container .photo-edit-features > ul > li,
    .sbb .photo-options-container .photo-edit-features > ul > li {
      margin-right: 0; }
  .sbb-mobile .quick-tips .three-col-images,
  .sbb .quick-tips .three-col-images {
    flex-direction: column;
    margin: 0; }
    .sbb-mobile .quick-tips .three-col-images div,
    .sbb .quick-tips .three-col-images div {
      margin: 0 auto 25px;
      width: 90%; }
  .sbb-mobile .two-col-layout .sbb-preview,
  .sbb .two-col-layout .sbb-preview {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #DDDEE3; }
    .sbb-mobile .two-col-layout .sbb-preview h3,
    .sbb .two-col-layout .sbb-preview h3 {
      border-top: 0; }
    .sbb-mobile .two-col-layout .sbb-preview > ul > li > ul > li p,
    .sbb .two-col-layout .sbb-preview > ul > li > ul > li p {
      width: auto;
      min-width: 225px; }
  .sbb-mobile .two-col-layout .left,
  .sbb .two-col-layout .left {
    padding-right: 0; }
    .sbb-mobile .two-col-layout .left .results > ul > li,
    .sbb .two-col-layout .left .results > ul > li {
      display: flex;
      flex-direction: column;
      padding-bottom: 66px;
      box-sizing: border-box;
      width: 49%; }
      .sbb-mobile .two-col-layout .left .results > ul > li label,
      .sbb .two-col-layout .left .results > ul > li label {
        width: 100%;
        top: auto; }
        .sbb-mobile .two-col-layout .left .results > ul > li label:first-of-type,
        .sbb .two-col-layout .left .results > ul > li label:first-of-type {
          height: 165px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .sbb-mobile .two-col-layout .left .results > ul > li label.add-sbb-item-awards-button,
        .sbb .two-col-layout .left .results > ul > li label.add-sbb-item-awards-button {
          padding-bottom: 50px; }
          .sbb-mobile .two-col-layout .left .results > ul > li label.add-sbb-item-awards-button ~ .split-column,
          .sbb .two-col-layout .left .results > ul > li label.add-sbb-item-awards-button ~ .split-column {
            padding-bottom: 80px; }
      .sbb-mobile .two-col-layout .left .results > ul > li:nth-of-type(odd),
      .sbb .two-col-layout .left .results > ul > li:nth-of-type(odd) {
        margin-right: 2%; }
      .sbb-mobile .two-col-layout .left .results > ul > li img,
      .sbb .two-col-layout .left .results > ul > li img {
        margin: 0 !important;
        width: 100%;
        max-width: 165px;
        max-height: 165px;
        height: auto; }
        .sbb-mobile .two-col-layout .left .results > ul > li img.sbb-pair,
        .sbb .two-col-layout .left .results > ul > li img.sbb-pair {
          width: 50%; }
  .sbb-mobile #power-search,
  .sbb #power-search {
    margin-bottom: 0; }
  .sbb-mobile #filter-by-menus,
  .sbb #filter-by-menus {
    display: flex;
    flex-direction: column; }
    .sbb-mobile #filter-by-menus li,
    .sbb #filter-by-menus li {
      width: 100%; }
      .sbb-mobile #filter-by-menus li button,
      .sbb #filter-by-menus li button {
        line-height: 36px;
        height: 36px;
        padding: 0;
        font-size: 13.7px; }
  .sbb-mobile .no-border,
  .sbb .no-border {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
  .sbb-mobile .nav-footer,
  .sbb .nav-footer {
    padding-left: 0;
    padding-right: 0; }
    .sbb-mobile .nav-footer .no-border,
    .sbb .nav-footer .no-border {
      border: 0;
      padding-top: 0; }
  .sbb-mobile #active-box-arrange-summary,
  .sbb #active-box-arrange-summary {
    margin-bottom: 37px; }
  .sbb-mobile .item-palette span[class|="checkbox"],
  .sbb .item-palette span[class|="checkbox"] {
    left: -27px; }
  .sbb-mobile .item-palette label,
  .sbb .item-palette label {
    margin-right: 40px; }
  .sbb-mobile .item-palette span.delete-button ~ label,
  .sbb .item-palette span.delete-button ~ label {
    padding: 8px 0; }
  .sbb-mobile .split-column-mobile,
  .sbb .split-column-mobile {
    padding-bottom: 20px; }
    .sbb-mobile .split-column-mobile > li,
    .sbb .split-column-mobile > li {
      width: 100%;
      margin-right: 0;
      margin-left: 0; }
      .sbb-mobile .split-column-mobile > li:first-of-type,
      .sbb .split-column-mobile > li:first-of-type {
        margin-bottom: 20px; }
  .sbb-mobile #filter-by-menus.split-column-mobile li:first-of-type,
  .sbb #filter-by-menus.split-column-mobile li:first-of-type {
    margin-bottom: 5px; }
  .sbb-mobile.home .split-column-mobile > li,
  .sbb.home .split-column-mobile > li {
    width: 49%; }
    .sbb-mobile.home .split-column-mobile > li:first-of-type,
    .sbb.home .split-column-mobile > li:first-of-type {
      margin-right: 2%; }
  .sbb-mobile.home .heading,
  .sbb.home .heading {
    padding: 25px 0; }
  .sbb-mobile .item-palette label img,
  .sbb .item-palette label img {
    position: relative;
    left: 0;
    margin-right: 10px; }
  .sbb-mobile #photo-example-content,
  .sbb #photo-example-content {
    max-width: 80%;
    margin: auto; }
  .sbb-mobile.add-saved-items .heading,
  .sbb.add-saved-items .heading {
    border-bottom: 0;
    margin-bottom: 0; }
  .sbb-mobile.add-saved-items .left,
  .sbb.add-saved-items .left {
    border-bottom: solid 1px #DDDEE3; }
  .sbb-mobile.add-saved-items .results.results-two-col,
  .sbb.add-saved-items .results.results-two-col {
    margin-top: 0; }
    .sbb-mobile.add-saved-items .results.results-two-col > ul > li,
    .sbb.add-saved-items .results.results-two-col > ul > li {
      width: 100%;
      margin-right: 0 !important;
      padding: 0; }
      .sbb-mobile.add-saved-items .results.results-two-col > ul > li img,
      .sbb.add-saved-items .results.results-two-col > ul > li img {
        margin: auto !important;
        width: auto; }
      .sbb-mobile.add-saved-items .results.results-two-col > ul > li h2,
      .sbb.add-saved-items .results.results-two-col > ul > li h2 {
        margin-top: 20px; }
      .sbb-mobile.add-saved-items .results.results-two-col > ul > li:first-of-type,
      .sbb.add-saved-items .results.results-two-col > ul > li:first-of-type {
        padding-bottom: 30px; }

  .login-reminder.sbb.with-buttons, .sbb.with-buttons.login-modal {
    top: 70px;
    left: 6px;
    right: 6px; }
    .login-reminder.sbb.with-buttons p, .sbb.with-buttons.login-modal p {
      text-align: left !important;
      font-size: 15.8px;
      line-height: 28px;
      letter-spacing: .5px; }

  .flex-column {
    flex-direction: column; }
    .flex-column .left {
      margin-top: 20px;
      padding-right: 0; }
    .flex-column #active-box-summary-wrapper {
      padding-top: 20px;
      margin-top: 0;
      border-top: solid 1px #DDDEE3; }

  .flex-column-reverse {
    flex-direction: column-reverse !important; }

  .kiosk .nav-content li.nav-builder:first-of-type {
    padding-top: 16px; }
  .kiosk .nav-content li.nav-builder a p {
    font-weight: 300; }
  .kiosk .sticker-banner {
    display: none; }
  .kiosk .heading {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    flex-direction: column; }
    .kiosk .heading .header-buttons {
      width: 100%;
      max-width: unset;
      border-top: solid 1px #DDDEE3;
      padding-top: 20px;
      margin-top: 0; }
    .kiosk .heading .dot-steps ~ h1 {
      margin-top: 0;
      padding-bottom: 24px;
      border-bottom: solid 1px #DDDEE3; }
      .kiosk .heading .dot-steps ~ h1.no-border {
        border-bottom: none; }
  .kiosk .cart-notice {
    display: none; }
  .kiosk .shop-basket .top-cart {
    padding-bottom: 25px;
    padding-top: 20px;
    border-top: solid 1px #DDDEE3; }
  .kiosk .shop-basket .remove-container {
    position: relative; }
  .kiosk .shop-basket .item-pricing {
    text-align: center; }
    .kiosk .shop-basket .item-pricing .view-price-container {
      width: 100%;
      position: relative;
      top: 4px; }
  .kiosk .shop-basket .has-sticker-cta .sticker-button {
    color: #0D196A; }
  .kiosk .subtotal ~ .detail em {
    color: #A5A7B5; }
  .kiosk .heading.flex-column {
    flex-direction: column;
    border-bottom: solid 1px #DDDEE3; }
  .kiosk .logged-in {
    text-align: center; }
    .kiosk .logged-in .pull-right {
      float: none !important;
      display: block;
      text-align: center;
      margin-top: 15px; }
  .kiosk .split-form > div {
    width: 100%;
    margin-right: 0 !important; }
  .kiosk .cart-preview {
    border-top: solid 1px #DDDEE3;
    margin-top: -10px; }
    .kiosk .cart-preview .cart-echo {
      padding-top: 36px; }
  .kiosk .nav-footer .dot-steps.two-buttons {
    margin-top: 30px; }
    .kiosk .nav-footer .dot-steps.two-buttons a {
      width: 49%;
      margin: 0 0 20px; }
      .kiosk .nav-footer .dot-steps.two-buttons a:last-of-type {
        margin-right: 2%; }
  .kiosk .shipping-form {
    overflow-x: hidden; }
  .kiosk .accepted-payment {
    float: none;
    position: relative;
    top: 40px; }
  .kiosk h2.relocate {
    position: relative;
    top: -40px; }
  .kiosk #toggle-alt-info .split-column > li {
    width: 100%; }
    .kiosk #toggle-alt-info .split-column > li label {
      margin-left: 0; }
  .kiosk #card-info-form > div:nth-of-type(n+3) {
    margin-top: 0; }
  .kiosk #card-info-form .card-number,
  .kiosk #card-info-form .cvv-container {
    top: auto;
    margin-top: 10px !important;
    margin-bottom: 15px; }
  .kiosk #card-info-form > div:nth-of-type(3) {
    position: relative;
    top: -2px;
    margin-bottom: 8px; }
  .kiosk .content-container {
    display: flex;
    flex-direction: column-reverse;
    margin-top: -20px; }
  .kiosk .cvv-popup.visible {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30%; }
    .kiosk .cvv-popup.visible .modal {
      width: 80%;
      max-height: 420px; }
      .kiosk .cvv-popup.visible .modal .info-1, .kiosk .cvv-popup.visible .modal .info-2 {
        width: 100%;
        height: auto;
        margin: 0; }
      .kiosk .cvv-popup.visible .modal .info-2 {
        margin-top: 10px; }
    .kiosk .cvv-popup.visible #close-cvv-popup {
      position: relative;
      right: -50%;
      transform: translateX(-48px); }
  .kiosk .content {
    overflow-x: hidden; }
  .kiosk .thankyou .heading h1 {
    border-bottom: solid 1px #DDDEE3;
    padding-bottom: 25px; }
  .kiosk .thankyou h2 {
    font-size: 17px; }
  .kiosk .tt-menu {
    min-width: auto !important; }
  .kiosk .review .heading.flex-column-reverse {
    margin-top: 25px; }
  .kiosk .heading .header-buttons.two-buttons.full {
    flex-direction: column-reverse; }
    .kiosk .heading .header-buttons.two-buttons.full a {
      width: 100%;
      margin: 0 0 20px 0; }
      .kiosk .heading .header-buttons.two-buttons.full a:first-of-type {
        margin-bottom: 0; }
  .kiosk .split .left,
  .kiosk .split .right {
    width: 100%;
    margin-top: 30px; }
  .kiosk .narrower .two-col-layout .left {
    border-bottom: 0;
    margin-bottom: 0; }

  .account .heading.flex-column-reverse {
    display: flex;
    border-bottom: 0; }
    .account .heading.flex-column-reverse .header-buttons {
      width: 100%;
      border-top: 1px solid #DDDEE3; }
      .account .heading.flex-column-reverse .header-buttons a {
        width: 100%;
        margin-top: 20px; }
  .account .account-settings {
    width: 100%; }
    .account .account-settings #shipping,
    .account .account-settings #billing {
      max-width: 100%; } }
@media only screen and (max-width: 480px) {
  .pagination {
    margin-top: 100px; }

  .nav-footer.clearfix {
    height: 120px; } }
@media only screen and (max-width: 768px) {
  .content.remove-padding,
  .content.sbb {
    padding-bottom: 90px; } }
@media only screen and (min-width: 336px) and (max-width: 768px) {
  .shop-basket.content {
    padding-bottom: 135px; } }
@media only screen and (max-width: 335px) {
  .nav-footer.clearfix {
    height: 175px; }

  .shop-basket.content {
    padding-bottom: 165px; } }
.yotpo-default-button.yotpo-icon-btn.yotpo-load-more-button.load-btn-white {
  margin-bottom: 60px; }

@media only screen and (max-width: 768px) {
  .yotpo-default-button.yotpo-icon-btn.yotpo-load-more-button.load-btn-white {
    margin-bottom: 150px; } }
@media only screen and (max-width: 335px) {
  .yotpo-default-button.yotpo-icon-btn.yotpo-load-more-button.load-btn-white {
    margin-bottom: 180px; } }

/*# sourceMappingURL=shop.min1.css.map */