@charset "UTF-8";
/*==============================
=            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;
}

.button-no-select, .dropdown-toggle-light-gray, .dropdown-toggle-gray, .dropdown-toggle-blue, .dropdown-toggle-white, .button-red-text, .button-green-text, .button-orange-text, .button-outline, .button-stroke, .button-light-gray, .button-white, .button-gray, button.button-green,
.button-green, button.button-red,
.button-red, button.button-yellow,
.button-yellow, button.button-text,
.button-text, button.button-blue,
.button-blue, .button-main, .button-clear, .deny-button, .confirm-button {
  -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;
}

.button-no-select, .dropdown-toggle-light-gray, .dropdown-toggle-gray, .dropdown-toggle-blue, .dropdown-toggle-white {
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 13.7px;
}
.button-no-select:focus, .dropdown-toggle-light-gray:focus, .dropdown-toggle-gray:focus, .dropdown-toggle-blue:focus, .dropdown-toggle-white:focus, .button-no-select:active, .dropdown-toggle-light-gray:active, .dropdown-toggle-gray:active, .dropdown-toggle-blue:active, .dropdown-toggle-white:active {
  border-bottom: 0;
  outline: none;
}
.button-no-select ~ .dropdown-menu, .dropdown-toggle-light-gray ~ .dropdown-menu, .dropdown-toggle-gray ~ .dropdown-menu, .dropdown-toggle-blue ~ .dropdown-menu, .dropdown-toggle-white ~ .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: -0.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:first-of-type {
  margin-bottom: 0;
}
.printer-friendly .two-col-layout .review-options li {
  padding-bottom: 15px;
}
.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 iframe {
  position: relative;
  top: 1px;
}
header {
  color: #fff;
  height: 100px;
  position: relative;
  width: 100%;
}
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: rgb(165, 165, 165);
  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;
}
.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-position: center center;
    background-image: url('https://d2nwi4n562ba8i.cloudfront.net/_img/mobile-menu.svg');
    background-repeat: no-repeat;
    top: 10px;
  } */
}
.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;
}
.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%;
}
.leather-builder__content {
  /* a {
      text-align: center;
      display: block;
      margin: 70px auto;
  } */
}

@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: rgb(109, 109, 123);
  background-image: -webkit-linear-gradient(top left, rgb(102, 102, 115) 25%, transparent 25%, transparent 50%, rgb(102, 102, 115) 50%, rgb(102, 102, 115) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(top left left, rgb(102, 102, 115) 25%, transparent 25%, transparent 50%, rgb(102, 102, 115) 50%, rgb(102, 102, 115) 75%, transparent 75%, transparent);
  background-image: linear-gradient(to bottom right, rgb(102, 102, 115) 25%, transparent 25%, transparent 50%, rgb(102, 102, 115) 50%, rgb(102, 102, 115) 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: "•••";
  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: 0.4s;
  transition: 0.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: 0.4s;
  transition: 0.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 0.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 0.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 0.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 rgb(81, 122, 179);
}
.rule-creation .radio-toggles-white {
  position: relative;
}
.rule-creation .radio-toggles-white label {
  color: rgb(81, 122, 179);
  background-color: white;
}
.rule-creation .radio-toggles-white label span {
  border: 2px solid rgb(255, 255, 255);
}
.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 0.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 #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%;
}
#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: 0.5em;
  padding-right: 0.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,
.navy-content #navycap-search > .inner-container .search-box {
  /* Magic to make the icons animate */
}
#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,
.navy-content {
  /** Specific styles for non-lander pages */
}
#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,
.navy-content {
  /** Specific styles for the landing page */
}
#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 > 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,
.navy-content #navycap-suggest-modal > div #navycap-suggest-form {
  /** modal buttons */
}
#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 rgb(19, 44, 90);
}
.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: rgb(213, 213, 220);
  color: rgb(30, 19, 83);
  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: rgb(197, 12, 19);
  color: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  background-color: rgb(197, 12, 19);
  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: rgb(30, 19, 83);
  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, #E8EAF6 0%, #DCE0F9 100%);
  border: none;
  border-left: 4px solid #1C2A7F;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  box-shadow: 0 2px 8px rgba(28, 42, 127, 0.1);
}

.dd214-beta-banner-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  background: linear-gradient(135deg, #1C2A7F, #2d3a8c);
  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: #1C2A7F;
  margin: 0 0 4px 0;
}

.dd214-beta-banner-text {
  font-size: 13px;
  line-height: 1.5;
  color: #2d3a8c;
  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-report-form {
  background: linear-gradient(135deg, #FFF8E6 0%, #FFF3D6 100%);
  border-bottom: 1px solid rgba(236, 133, 9, 0.2);
  padding: 16px 24px;
}
#dd214-report-form .dd214-report-form-content {
  max-width: 100%;
}
#dd214-report-form .dd214-report-form-label {
  font-size: 14px;
  font-weight: 600;
  color: #92400e;
  margin: 0 0 10px 0;
}
#dd214-report-form textarea.form-control {
  resize: vertical;
  min-height: 80px;
  border: 1px solid rgba(236, 133, 9, 0.4);
  border-radius: 8px;
  font-size: 14px;
}
#dd214-report-form textarea.form-control:focus {
  border-color: #EC8509;
  box-shadow: 0 0 0 3px rgba(236, 133, 9, 0.15);
  outline: none;
}
#dd214-report-form textarea.form-control::placeholder {
  color: #a1845e;
}
#dd214-report-form .dd214-report-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
}
#dd214-report-form .dd214-report-actions .button-green {
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}
#dd214-report-form .dd214-report-actions #dd214-cancel-report {
  color: #78350f;
  font-size: 14px;
  text-decoration: underline;
}
#dd214-report-form .dd214-report-actions #dd214-cancel-report:hover {
  color: #92400e;
}

#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 #dd214-report-form {
    padding: 12px 16px;
  }
  #dd214-awards-modal #dd214-report-form .dd214-report-actions {
    flex-direction: column;
    gap: 10px;
  }
  #dd214-awards-modal #dd214-report-form .dd214-report-actions .button-green {
    width: 100%;
  }
  #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 label {
  margin-left: 30px;
  margin-bottom: 20px;
}
#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;
      }*/
}

.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: rgb(255, 255, 255);
}
.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: "✕";
}
#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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  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: rgb(213, 213, 220);
  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: rgb(255, 255, 255);
}
.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 rgb(255, 255, 255);
}
.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: 0.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: -0.25px;
}
.sbb.review textarea {
  background: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
}
.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: rgb(255, 255, 255);
  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: 0.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: rgb(255, 255, 255);
  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: rgb(213, 213, 220);
}

.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: rgb(255, 255, 255);
  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: rgb(0, 0, 0); /* 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;
}
#shop_pay_modal .shop-pay-modal-content #shop_pay_modal_close_svg {
  border-top-right-radius: 9px;
}
#shop_pay_modal .shop-pay-modal-content {
  /* The Close Button */
}
#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: rgb(23, 23, 23);
  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: rgb(255, 255, 255);
  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 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,
#card-info-form,
#alt-info,
#customer-update-address-form,
#login-form,
#register-form,
#forgot-password-form {
  /* input {
      padding: 5px 5px 5px 180px;
  } */
}
#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,
#card-info-form,
#alt-info,
#customer-update-address-form,
#login-form,
#register-form,
#forgot-password-form {
  /* 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 .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 .show-mobile {
  display: none !important;
}
.uswag {
  /* For full bleed items add a shadow for contrast against bg. */
}
.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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
}
.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: rgb(255, 255, 255);
  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 .garment-placement {
  display: flex;
}
.uswag #main #product #preview {
  /* &.show-garment-placement section .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: rgb(255, 255, 255) !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 rgb(255, 255, 255);
}
.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: rgb(255, 255, 255);
  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: rgb(255, 255, 255) !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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  }
  .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: rgb(255, 255, 255);
  }
  .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: rgb(255, 255, 255);
  }
  .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: rgb(255, 255, 255);
  }
  .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: rgb(255, 255, 255);
  }
  .uswag #main #tray > section.active#products:before {
    content: "";
    display: block;
    background: rgb(255, 255, 255);
    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: rgb(255, 255, 255);
    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: rgb(255, 255, 255);
    font-weight: 400;
  }
  .uswag #main #tray > section #tray-products > a .show-mobile > button:last-child {
    background: rgb(255, 255, 255);
    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: rgb(255, 255, 255);
  }
  .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: rgb(255, 255, 255);
  }
  .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: rgb(255, 255, 255);
  }
  .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: rgb(255, 255, 255);
    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: rgb(255, 255, 255);
    font-weight: 400;
  }
  #info section .info_modal_close {
    background-color: #000A50;
    color: rgb(255, 255, 255);
  }
}

.uniform-builder {
  padding-bottom: 80px;
}
.uniform-builder .heading h1 {
  float: none;
  display: block;
  text-align: left;
  width: 100%;
  clear: both;
}
.uniform-builder__subtitle {
  color: #0D196A;
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
  clear: both;
  display: block;
  width: 100%;
}
.uniform-builder__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 15px;
  padding: 15px 0;
}
.uniform-builder__card {
  background: rgb(255, 255, 255);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
}
.uniform-builder__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  text-decoration: none;
}
.uniform-builder__card-image {
  width: 100%;
  height: 180px;
  overflow: hidden;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.uniform-builder__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.uniform-builder__card-content {
  padding: 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.uniform-builder__card-content h3 {
  color: #000A50;
  font-size: 16px;
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.3;
}
.uniform-builder__card-branch {
  display: inline-block;
  background: #1C2A7F;
  color: rgb(255, 255, 255);
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  align-self: flex-start;
}
.uniform-builder--detail .heading h1 {
  margin-bottom: 5px;
  font-size: 22px;
}
.uniform-builder__layout {
  display: flex;
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
  align-items: flex-start;
}
.uniform-builder__hero {
  flex: 0 0 45%;
  max-width: 45%;
  position: sticky;
  top: 20px;
}
.uniform-builder__hero-image-wrap {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.uniform-builder__hero-image {
  max-width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: contain;
  border-radius: 8px;
}
.uniform-builder__hero-badge {
  margin-top: 15px;
  text-align: center;
}
.uniform-builder__hero-tagline {
  text-align: center;
  color: #0D196A;
  font-size: 14px;
  margin-top: 10px;
  font-style: italic;
}
.uniform-builder__branch-tag {
  display: inline-block;
  background: #000A50;
  color: rgb(255, 255, 255);
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.uniform-builder__panel {
  flex: 1;
  min-width: 0;
}
.uniform-builder__form {
  background: rgb(255, 255, 255);
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.uniform-builder__options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.uniform-builder__option {
  padding-bottom: 16px;
  border-bottom: 1px solid #DDDEE3;
}
.uniform-builder__option:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.uniform-builder__option-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  color: #000A50;
  margin-bottom: 8px;
}
.uniform-builder__option-price {
  color: #00915E;
  font-weight: 700;
  font-size: 13px;
}
.uniform-builder__option-preview {
  margin-top: 10px;
  display: none;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: #f8f9fa;
  border-radius: 6px;
}
.uniform-builder__option-preview:not(:empty) {
  display: flex;
}
.uniform-builder__option-preview img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border-radius: 4px;
  border: 1px solid #DDDEE3;
  background: rgb(255, 255, 255);
}
.uniform-builder__option-preview .preview-title {
  font-size: 13px;
  color: #0D196A;
  flex: 1;
  font-weight: 500;
}
.uniform-builder__dropdown {
  position: relative;
  width: 100%;
}
.uniform-builder__dropdown.dropdown button.dropdown-toggle-blue.muted {
  width: 100%;
  height: 48px;
  padding: 0 40px 0 14px;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  color: #3c3c3c;
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 2px solid #DDDEE3;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 44px;
}
.uniform-builder__dropdown.dropdown button.dropdown-toggle-blue.muted .caret {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 6px solid #000A50;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin: 0;
}
.uniform-builder__dropdown.dropdown button.dropdown-toggle-blue.muted:focus {
  outline: none;
  border-color: #1C2A7F;
  box-shadow: 0 0 0 3px rgba(28, 42, 127, 0.15);
}
.uniform-builder__dropdown.dropdown button.dropdown-toggle-blue.muted:hover:not(:focus) {
  border-color: #000A50;
  background-color: rgb(255, 255, 255);
}
.uniform-builder__dropdown.dropdown button.dropdown-toggle-blue.muted.dropdown-item-selected {
  color: #000A50;
  font-weight: 600;
}
.uniform-builder__dropdown .dropdown-menu.uniform-builder__dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
  max-height: 250px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  background: rgb(255, 255, 255);
  border: 2px solid #DDDEE3;
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  margin: 0;
  padding: 0;
  list-style: none;
  float: none;
  min-width: 100%;
}
.uniform-builder__dropdown .dropdown-menu.uniform-builder__dropdown-menu li {
  margin: 0;
  padding: 0;
  float: none;
  display: block;
}
.uniform-builder__dropdown .dropdown-menu.uniform-builder__dropdown-menu li a {
  display: block;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #3c3c3c;
  background: rgb(255, 255, 255);
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.15s ease;
  text-align: left;
  line-height: 1.4;
}
.uniform-builder__dropdown .dropdown-menu.uniform-builder__dropdown-menu li a:hover {
  background-color: #f5f7fa;
  text-decoration: none;
  color: #3c3c3c;
}
.uniform-builder__dropdown .dropdown-menu.uniform-builder__dropdown-menu li a:active {
  background-color: #e8ecf2;
}
.uniform-builder__dropdown .dropdown-menu.uniform-builder__dropdown-menu li:last-child a {
  border-bottom: none;
}
.uniform-builder__dropdown.open .dropdown-menu.uniform-builder__dropdown-menu {
  display: block;
}
.uniform-builder__text-input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.uniform-builder__text-input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 14px;
  font-size: 16px;
  font-family: inherit;
  font-weight: 600;
  line-height: 48px;
  color: #3c3c3c;
  background-color: rgb(255, 255, 255);
  border: 2px solid #DDDEE3;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.uniform-builder__text-input:focus {
  outline: none;
  border-color: #1C2A7F;
  box-shadow: 0 0 0 3px rgba(28, 42, 127, 0.15);
}
.uniform-builder__text-input::placeholder {
  text-transform: none;
  font-weight: 400;
  letter-spacing: normal;
  color: #999;
  font-size: 14px;
}
.uniform-builder__text-hint {
  color: #888;
  font-size: 12px;
  margin-left: 4px;
}
.uniform-builder__summary {
  margin-top: 20px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 8px;
}
.uniform-builder__summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  font-size: 15px;
  color: #0D196A;
}
.uniform-builder__summary-row:last-child {
  padding-top: 12px;
  margin-top: 8px;
  border-top: 2px solid #DDDEE3;
}
.uniform-builder__summary-total {
  font-size: 18px;
  font-weight: 700;
  color: #000A50;
}
.uniform-builder__summary-total span:last-child {
  color: #00915E;
  font-size: 20px;
}
.uniform-builder__actions {
  margin-top: 20px;
}
.uniform-builder__actions button {
  display: block;
  width: 100%;
  height: 56px;
  font-size: 18px;
  font-weight: 700;
  padding: 0 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.1s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.uniform-builder__actions button:active:not(:disabled) {
  transform: scale(0.98);
}
.uniform-builder__actions button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.uniform-builder__loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
.uniform-builder__loading p {
  color: rgb(255, 255, 255);
  font-size: 18px;
  margin-top: 20px;
  font-weight: 500;
}
.uniform-builder__loading-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top-color: rgb(255, 255, 255);
  border-radius: 50%;
  animation: uniformBuilderSpin 0.8s linear infinite;
}
.uniform-builder__modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  transform: none;
}
.uniform-builder__modal-content {
  background: rgb(255, 255, 255);
  padding: 40px;
  border-radius: 12px;
  text-align: center;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
.uniform-builder__modal-content h3 {
  color: #00915E;
  font-size: 24px;
  margin-bottom: 12px;
}
.uniform-builder__modal-content p {
  color: #0D196A;
  font-size: 16px;
  margin-bottom: 25px;
}
.uniform-builder__modal-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.uniform-builder__modal-actions a {
  padding: 12px 24px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.uniform-builder__modal-actions a:hover {
  opacity: 0.9;
}

@keyframes uniformBuilderSpin {
  to {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 900px) {
  .uniform-builder__layout {
    flex-direction: column;
    gap: 20px;
  }
  .uniform-builder__hero {
    flex: none;
    max-width: 100%;
    width: 100%;
    position: relative;
    top: 0;
  }
  .uniform-builder__hero-image-wrap {
    padding: 15px;
  }
  .uniform-builder__hero-image {
    max-height: 280px;
  }
  .uniform-builder__panel {
    width: 100%;
  }
  .uniform-builder__form {
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  .uniform-builder__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .uniform-builder__card-image {
    height: 140px;
  }
  .uniform-builder__card-content {
    padding: 12px;
  }
  .uniform-builder__card-content h3 {
    font-size: 14px;
  }
  .uniform-builder__hero-image {
    max-height: 220px;
  }
  .uniform-builder__dropdown .dropdown-toggle-blue, .uniform-builder__text-input {
    height: 44px;
    font-size: 14px;
  }
  .uniform-builder__dropdown-menu {
    max-height: 250px;
  }
  .uniform-builder__dropdown-menu li a {
    padding: 10px 12px;
    font-size: 13px;
  }
  .uniform-builder__summary {
    padding: 14px 16px;
  }
  .uniform-builder__actions button {
    height: 50px;
    font-size: 16px;
  }
  .uniform-builder__modal-actions {
    flex-direction: column;
  }
  .uniform-builder__modal-actions a {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .uniform-builder__grid {
    grid-template-columns: 1fr;
  }
  .uniform-builder__card-image {
    height: 180px;
  }
  .uniform-builder__hero-image {
    max-height: 200px;
  }
}
.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: rgb(255, 255, 255);
}
.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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  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: -0.2em;
  padding-left: 2px;
}
.hero.seo .hero-content .main-cta p {
  color: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
}
.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:not(:has(.yotpo-load-more-button.load-btn-white)) {
    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:not(:has(.yotpo-load-more-button.load-btn-white)) {
    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: -0.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: rgb(255, 255, 255);
  text-align: center;
}
#navy-cap-lp section#why h2 {
  font-size: 28px;
  font-weight: bold;
  margin: 0 auto 0.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: rgb(255, 255, 255);
  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: rgb(255, 255, 255);
  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 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 {
  /* added by Matias on 16th Aug */
}
#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: rgb(7.4285714286, 14.2857142857, 60.5714285714);
}
#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 0.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: rgb(255, 255, 255);
}
.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: 0.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 0.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;
}

.usamm-retail-shop .heading {
  display: flex;
  flex-direction: row-reverse;
  border-bottom: solid 1px #DDDEE3;
  padding-bottom: 27px;
  margin-bottom: 32px;
}
.usamm-retail-shop .heading h1 {
  flex-grow: 1;
  font-size: 24px;
  line-height: 33px;
  color: #0D196A;
  font-style: italic;
  font-weight: normal;
  margin: 0;
}
.usamm-retail-shop .heading .header-buttons {
  display: flex;
  gap: 12px;
}
.usamm-retail-shop .heading .header-buttons a {
  height: 36px;
  line-height: 36px;
}
.usamm-retail-shop .two-col-layout {
  display: flex;
  padding-top: 0;
}
.usamm-retail-shop .two-col-layout .left {
  flex: 1;
  margin-right: 32px;
  padding-right: 20px;
  overflow: hidden;
}
.usamm-retail-shop .two-col-layout .right {
  width: 280px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.usamm-retail-shop .search-bar-container {
  margin-bottom: 20px;
}
.usamm-retail-shop .search-bar-container #power-search {
  width: 100%;
  height: 48px;
  padding: 12px 16px 12px 48px;
  font-size: 14px;
  border: 1px solid #DDDEE3;
  border-radius: 4px;
  background: rgb(255, 255, 255) url("https://d2nwi4n562ba8i.cloudfront.net/_img/icon-search.svg") no-repeat 16px center;
  background-size: 20px;
}
.usamm-retail-shop .search-bar-container #power-search:focus {
  outline: none;
  border-color: #0D196A;
}
.usamm-retail-shop .filter-container {
  margin-bottom: 20px;
}
.usamm-retail-shop .filter-container .dropdown {
  margin-bottom: 0;
}
.usamm-retail-shop #es-results .loading {
  text-align: center;
  padding: 40px;
  color: #A5A7B5;
  font-style: italic;
}
.usamm-retail-shop .product-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  font-size: 14px;
  align-items: stretch;
}
.usamm-retail-shop .product-list::before, .usamm-retail-shop .product-list::after {
  display: none !important;
  content: none !important;
}
.usamm-retail-shop .product-list > li {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  vertical-align: baseline;
}
.usamm-retail-shop .product-item {
  width: 100%;
  background: rgb(255, 255, 255);
  border: 1px solid #DDDEE3;
  border-radius: 4px;
  padding: 24px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.usamm-retail-shop .product-item .product-image {
  position: relative;
  min-height: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.usamm-retail-shop .product-item .product-image img {
  max-width: 100%;
  max-height: 165px;
  object-fit: contain;
}
.usamm-retail-shop .product-item .in-store-badge {
  position: absolute;
  top: 0;
  left: 0;
  background: #00915E;
  color: rgb(255, 255, 255);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 3px;
  letter-spacing: 0.5px;
}
.usamm-retail-shop .product-item .product-info {
  margin-bottom: 16px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0 8px;
}
.usamm-retail-shop .product-item .product-title {
  font-size: 14px;
  line-height: 1.4;
  color: #0D196A;
  font-weight: 600;
  margin: 0 0 8px;
  word-wrap: break-word;
  min-height: 40px;
}
.usamm-retail-shop .product-item .product-title em {
  font-style: italic;
  font-weight: 700;
}
.usamm-retail-shop .product-item .product-options {
  font-size: 12px;
  color: #666;
  margin: 0 0 8px;
  font-weight: 400;
}
.usamm-retail-shop .product-item .product-price {
  font-size: 18px;
  font-weight: 700;
  color: #0D196A;
  margin: 0;
  margin-top: auto;
  padding-top: 8px;
}
.usamm-retail-shop .product-item .variant-selector {
  margin-top: auto;
  margin-bottom: 12px;
}
.usamm-retail-shop .product-item .variant-dropdown,
.usamm-retail-shop .product-item .qty-select {
  width: 100%;
  height: 36px;
  padding: 0 32px 0 12px;
  font-size: 13px;
  color: #0D196A;
  background: rgb(255, 255, 255) url("https://d2nwi4n562ba8i.cloudfront.net/_img/arrow-down.svg") no-repeat right 12px center;
  background-size: 12px;
  border: 1px solid #DDDEE3;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.usamm-retail-shop .product-item .variant-dropdown:focus,
.usamm-retail-shop .product-item .qty-select:focus {
  outline: none;
  border-color: #0D196A;
}
.usamm-retail-shop .product-item .product-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.usamm-retail-shop .product-item .quantity-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.usamm-retail-shop .product-item .quantity-selector .qty-label {
  font-size: 13px;
  color: #0D196A;
  font-weight: 500;
  margin: 0;
  text-decoration: none;
}
.usamm-retail-shop .product-item .quantity-selector .qty-select {
  width: 70px;
}
.usamm-retail-shop .product-item .add-to-cart-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  transition: background-color 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.usamm-retail-shop .product-item .add-to-cart-btn.added {
  background-color: #255C40;
}
.usamm-retail-shop .product-item .add-to-cart-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.usamm-retail-shop .pagination-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #DDDEE3;
}
.usamm-retail-shop .pagination-container.mobile-only {
  display: none;
}
.usamm-retail-shop .pagination-container .pagination-info .search-query {
  font-size: 14px;
  color: #0D196A;
  margin: 0 0 4px;
  font-style: italic;
}
.usamm-retail-shop .pagination-container .pagination-info .pagination-stats {
  font-size: 12px;
  color: #A5A7B5;
  margin: 0;
}
.usamm-retail-shop .pagination-container .pagination-buttons {
  display: flex;
  gap: 8px;
}
.usamm-retail-shop .pagination-container .pagination-buttons button {
  height: 36px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid #DDDEE3;
  border-radius: 4px;
  background: rgb(255, 255, 255);
  color: #0D196A;
  cursor: pointer;
  transition: all 0.2s ease;
}
.usamm-retail-shop .pagination-container .pagination-buttons button.active {
  border-color: #1C2A7F;
  color: #1C2A7F;
}
.usamm-retail-shop .pagination-container .pagination-buttons button.active:hover {
  background: #1C2A7F;
  color: rgb(255, 255, 255);
}
.usamm-retail-shop .pagination-container .pagination-buttons button:not(.active) {
  opacity: 0.5;
  cursor: not-allowed;
}
.usamm-retail-shop .pagination-container .pagination-buttons button .arrow {
  font-size: 14px;
}
.usamm-retail-shop .cart-summary {
  background: rgb(255, 255, 255);
  border: 1px solid #DDDEE3;
  border-radius: 4px;
  padding: 20px;
}
.usamm-retail-shop .cart-summary h2 {
  font-size: 18px;
  line-height: 24px;
  color: #0D196A;
  font-style: italic;
  font-weight: 600;
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DDDEE3;
}
.usamm-retail-shop .cart-summary .empty-cart {
  color: #A5A7B5;
  font-style: italic;
  font-size: 14px;
  text-align: center;
  padding: 20px 0;
}
.usamm-retail-shop .cart-summary .cart-items-list {
  max-height: 300px;
  overflow-y: auto;
  margin-bottom: 16px;
}
.usamm-retail-shop .cart-summary .cart-summary-item {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #DDDEE3;
}
.usamm-retail-shop .cart-summary .cart-summary-item:last-child {
  border-bottom: none;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-image {
  width: 50px;
  height: 50px;
  object-fit: contain;
  flex-shrink: 0;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-image.no-image {
  background: #DDDEE3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  color: #A5A7B5;
  text-transform: uppercase;
  text-align: center;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details {
  flex: 1;
  min-width: 0;
  position: relative;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .cart-item-name {
  font-size: 12px;
  line-height: 1.3;
  color: #0D196A;
  margin: 0 0 4px;
  font-weight: 500;
  padding-right: 24px;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .cart-item-qty,
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .cart-item-price {
  font-size: 11px;
  color: #A5A7B5;
  margin: 0;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .cart-item-price {
  font-weight: 600;
  color: #0D196A;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .cart-item-qty-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .cart-item-qty-controls .qty-btn {
  width: 24px;
  height: 24px;
  border: 1px solid #DDDEE3;
  background: rgb(255, 255, 255);
  border-radius: 4px;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0D196A;
  transition: all 0.15s ease;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .cart-item-qty-controls .qty-btn:hover {
  background: #98A0CE;
  border-color: #0D196A;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .cart-item-qty-controls .qty-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .cart-item-qty-controls .cart-item-qty-value {
  font-size: 13px;
  font-weight: 600;
  min-width: 20px;
  text-align: center;
  color: #0D196A;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .remove-item-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  font-size: 18px;
  line-height: 1;
  color: #A5A7B5;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.usamm-retail-shop .cart-summary .cart-summary-item .cart-item-details .remove-item-btn:hover {
  color: #B00020;
}
.usamm-retail-shop .cart-summary .cart-summary-totals {
  padding-top: 16px;
  border-top: 1px solid #DDDEE3;
  margin-bottom: 16px;
}
.usamm-retail-shop .cart-summary .cart-summary-totals .cart-summary-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #0D196A;
  margin-bottom: 8px;
}
.usamm-retail-shop .cart-summary .cart-summary-totals .cart-summary-row.subtotal {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 0;
}
.usamm-retail-shop .cart-summary .button-green.full-width {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
}
.usamm-retail-shop .es-results-error {
  text-align: center;
  padding: 40px;
  color: #B00020;
}
.usamm-retail-shop .es-results-error h3 {
  margin: 0;
  font-weight: normal;
}

.kiosk-retail-landing {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: #1a2634;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kiosk-retail-landing__container {
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.kiosk-retail-landing__bg {
  display: block;
  max-width: 100vw;
  max-height: 100vh;
  width: auto;
  height: auto;
  pointer-events: none;
}
.kiosk-retail-landing__link {
  position: absolute;
  display: block;
  cursor: pointer;
  text-decoration: none;
  touch-action: manipulation;
  z-index: 1;
}
.kiosk-retail-landing__link:hover {
  text-decoration: none;
  border-bottom: none;
}
.kiosk-retail-landing__link img {
  width: 100%;
  height: auto;
  display: block;
}
.kiosk-retail-landing__link--usamm {
  top: 27%;
  left: 25%;
  transform: translateX(-50%);
  width: 18%;
}
.kiosk-retail-landing__link--ezr {
  top: 27%;
  left: 75%;
  transform: translateX(-50%);
  width: 18%;
}
.kiosk-retail-landing__link--army {
  top: 74%;
  left: 50%;
  transform: translateX(-50%);
  width: 18%;
}

.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 .right {
    width: 400px;
  }
  .leather-patch-wrap.two-col-layout {
    /* .left {
      padding-right: 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: rgb(255, 255, 255);
  }
  .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 h1 {
    margin-bottom: 0;
  }
  .printer-friendly .printer-friendly-header {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .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: rgb(255, 255, 255);
    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: rgb(255, 255, 255);
  }
  .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 > li {
    float: left;
    margin-left: -3px;
    vertical-align: top;
    width: 50%;
  }
  .three-col-select > li:not(:nth-child(3n+3)) {
    border-right: 0;
  }
  .three-col-select {
    margin-bottom: 15px;
  }
  .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 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;
  }
  .leather-patch-wrap {
    /* .clear-field.clear-field-2 {
       top: -29px;
    } */
  }
  #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: 0.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 */