@charset "UTF-8";
/* global mixins */
/* global css */
@import url("https://fonts.googleapis.com/css?family=Inconsolata");
@import url("https://fonts.googleapis.com/css?family=Archivo+Narrow");
@import url(./vendor/rc-calendar.css);
* {
  margin: 0;
  padding: 0;
  outline: 0; }

html,
body {
  width: 100%;
  min-width: 480px;
  height: 100%;
  max-height: 100%;
  background: #f7f7f7;
  position: fixed; }

/* load components */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix");
  src: url("../fonts/avenir/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix") format("eot"), url("../fonts/avenir/2e3f5cb9-101f-46cf-a7b3-dfaa58261e03.woff2") format("woff2"), url("../fonts/avenir/fa19948e-5e38-4909-b31e-41acd170d6f2.woff") format("woff"), url("../fonts/avenir/6de0ce4d-9278-467b-b96f-c1f5f0a4c375.ttf") format("truetype"), url("../fonts/avenir/9fd4ea0c-b19a-4b21-9fdf-37045707dd78.svg#9fd4ea0c-b19a-4b21-9fdf-37045707dd78") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next Condensed";
  src: url("../fonts/avenir/164fce79eadeff648f8b1e539b2975db.eot");
  src: url("../fonts/avenir/164fce79eadeff648f8b1e539b2975db.eot?#iefix") format("embedded-opentype"), url("../fonts/avenir/164fce79eadeff648f8b1e539b2975db.woff2") format("woff2"), url("../fonts/avenir/164fce79eadeff648f8b1e539b2975db.woff") format("woff"), url("../fonts/avenir/164fce79eadeff648f8b1e539b2975db.ttf") format("truetype"), url("../fonts/avenir/164fce79eadeff648f8b1e539b2975db.svg#Avenir Next Condensed") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/8b498c39-fabe-4789-bb81-5e37c9ecddd3.eot?#iefix");
  src: url("../fonts/avenir/8b498c39-fabe-4789-bb81-5e37c9ecddd3.eot?#iefix") format("eot"), url("../fonts/avenir/1c6c1881-23c9-4d6a-a018-759d1c9ded15.woff2") format("woff2"), url("../fonts/avenir/f0d655c5-a88a-49ad-bb29-f3b5cca41731.woff") format("woff"), url("../fonts/avenir/3a561c83-40d4-4868-8255-e8455eb009c4.ttf") format("truetype"), url("../fonts/avenir/3966f856-9dcf-48e7-88e7-7400f1b7d619.svg#3966f856-9dcf-48e7-88e7-7400f1b7d619") format("svg");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/ac2d4349-4327-448f-9887-083a6a227a52.eot?#iefix");
  src: url("../fonts/avenir/ac2d4349-4327-448f-9887-083a6a227a52.eot?#iefix") format("eot"), url("../fonts/avenir/eaafcb26-9296-4a57-83e4-4243abc03db7.woff2") format("woff2"), url("../fonts/avenir/25e83bf5-47e3-4da7-98b1-755efffb0089.woff") format("woff"), url("../fonts/avenir/4112ec87-6ded-438b-83cf-aaff98f7e987.ttf") format("truetype"), url("../fonts/avenir/ab1835cb-df6f-4d8d-b8ee-3075f5ba758d.svg#ab1835cb-df6f-4d8d-b8ee-3075f5ba758d") format("svg");
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/8ce12460-588e-4471-af8f-7d6d72435606.eot?#iefix");
  src: url("../fonts/avenir/8ce12460-588e-4471-af8f-7d6d72435606.eot?#iefix") format("eot"), url("../fonts/avenir/4e85b83c-23d4-44fb-9b42-b7d35d7fdbdc.woff2") format("woff2"), url("../fonts/avenir/a09b5aae-fed9-40e0-9990-20eeaece9255.woff") format("woff"), url("../fonts/avenir/0fd9370c-b031-4de3-a183-228b47c8ad56.ttf") format("truetype"), url("../fonts/avenir/a30a07b5-d5bc-4f00-a949-20f62723d116.svg#a30a07b5-d5bc-4f00-a949-20f62723d116") format("svg");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/a67ef414-c5d7-468b-b47e-d184186ab1af.eot?#iefix");
  src: url("../fonts/avenir/a67ef414-c5d7-468b-b47e-d184186ab1af.eot?#iefix") format("eot"), url("../fonts/avenir/0af7c703-9511-413c-b2b0-0028ee78523f.woff2") format("woff2"), url("../fonts/avenir/31e6842e-9840-4bbe-8a92-47e14d532a18.woff") format("woff"), url("../fonts/avenir/e681b22e-866c-4ee6-ab86-10a2ed50dbb3.ttf") format("truetype"), url("../fonts/avenir/025a5227-5321-4f52-9c20-85176659a709.svg#025a5227-5321-4f52-9c20-85176659a709") format("svg");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/f737d53f-f6ed-4f15-8fe7-925fb68a8851.eot?#iefix");
  src: url("../fonts/avenir/f737d53f-f6ed-4f15-8fe7-925fb68a8851.eot?#iefix") format("eot"), url("../fonts/avenir/7fb4cb78-601f-4bb2-995a-442252089573.woff2") format("woff2"), url("../fonts/avenir/19db35b6-b3e8-400b-ae62-a3d37cc9fa56.woff") format("woff"), url("../fonts/avenir/61860563-e9eb-40bd-844e-48e96af9d063.ttf") format("truetype"), url("../fonts/avenir/94f6e6be-004d-4b3a-8b0e-f07609dc1726.svg#94f6e6be-004d-4b3a-8b0e-f07609dc1726") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/8e7f81d1-94dd-47e6-94ce-9c278d5d1ecc.eot?#iefix");
  src: url("../fonts/avenir/8e7f81d1-94dd-47e6-94ce-9c278d5d1ecc.eot?#iefix") format("eot"), url("../fonts/avenir/f31d487c-aab1-4ce0-8fb8-4bdfa26dd539.woff2") format("woff2"), url("../fonts/avenir/6b0725b6-26e5-4bcf-8174-4d4b4d4217b9.woff") format("woff"), url("../fonts/avenir/435f931d-7af1-4f3a-a084-3d7aed6cd568.ttf") format("truetype"), url("../fonts/avenir/962508db-d57e-4eb1-a483-28a105ee2b25.svg#962508db-d57e-4eb1-a483-28a105ee2b25") format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/fe4d96a8-3161-4f0c-ac51-ed6a5df15918.eot?#iefix");
  src: url("../fonts/avenir/fe4d96a8-3161-4f0c-ac51-ed6a5df15918.eot?#iefix") format("eot"), url("../fonts/avenir/d268cd4d-987c-468a-a9bb-685df57a3892.woff2") format("woff2"), url("../fonts/avenir/add96dac-4679-4981-9390-74fd5a5bf61f.woff") format("woff"), url("../fonts/avenir/60f1dfd0-eea9-448c-84a0-e4e8d5ba7516.ttf") format("truetype"), url("../fonts/avenir/f9659813-f8c7-4548-9117-b8e02fa26641.svg#f9659813-f8c7-4548-9117-b8e02fa26641") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/59849657-f79e-4c9c-807e-cf3bdaf6cd8c.eot?#iefix");
  src: url("../fonts/avenir/59849657-f79e-4c9c-807e-cf3bdaf6cd8c.eot?#iefix") format("eot"), url("../fonts/avenir/e56d2786-8357-40f9-910f-27c0b9247d4b.woff2") format("woff2"), url("../fonts/avenir/0053d44b-70fb-4049-bb99-4e049090191f.woff") format("woff"), url("../fonts/avenir/e317c755-2435-4d10-8756-67a0179564a5.ttf") format("truetype"), url("../fonts/avenir/a4ba042b-90d1-4acd-baea-706dee7fa81b.svg#a4ba042b-90d1-4acd-baea-706dee7fa81b") format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/07690b8a-c348-4c53-8de3-59f7cfef9ee8.eot?#iefix");
  src: url("../fonts/avenir/07690b8a-c348-4c53-8de3-59f7cfef9ee8.eot?#iefix") format("eot"), url("../fonts/avenir/9f6106aa-36e0-4cfb-8cda-c3354eab2461.woff2") format("woff2"), url("../fonts/avenir/ff039068-be8b-415c-b1a9-24eedee1c3ab.woff") format("woff"), url("../fonts/avenir/cdd2cecb-bd0e-41e5-9ecd-ef60f52a35be.ttf") format("truetype"), url("../fonts/avenir/390c08bc-8d21-4af3-95a1-a73c21f189cd.svg#390c08bc-8d21-4af3-95a1-a73c21f189cd") format("svg");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/7402f25d-4872-4227-90cf-66f66bc51b3d.eot?#iefix");
  src: url("../fonts/avenir/7402f25d-4872-4227-90cf-66f66bc51b3d.eot?#iefix") format("eot"), url("../fonts/avenir/cc0dbd66-bf64-4956-a5b8-66defe0680d4.woff2") format("woff2"), url("../fonts/avenir/1c842023-250d-448b-91ac-52441c066cb2.woff") format("woff"), url("../fonts/avenir/096bed6d-1686-43c6-894f-04c0f3bbf2f1.ttf") format("truetype"), url("../fonts/avenir/9ebde751-0201-4b52-a97b-03735fe6b845.svg#9ebde751-0201-4b52-a97b-03735fe6b845") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/avenir/a9f5d435-1343-4b1f-bd2f-15749f15e3fb.eot?#iefix");
  src: url("../fonts/avenir/a9f5d435-1343-4b1f-bd2f-15749f15e3fb.eot?#iefix") format("eot"), url("../fonts/avenir/536c7bb0-e31a-4d71-9e7c-3e46483a3465.woff2") format("woff2"), url("../fonts/avenir/fa081579-43f1-4d2c-b044-bf2591b9f90d.woff") format("woff"), url("../fonts/avenir/7a3678f7-0048-425a-821a-a51cfc18c7bb.ttf") format("truetype"), url("../fonts/avenir/4ac2b0ee-8cde-4460-a55a-bc8b93e9486f.svg#4ac2b0ee-8cde-4460-a55a-bc8b93e9486f") format("svg");
  font-weight: 400;
  font-style: italic; }

.overlay-loader {
  position: absolute;
  padding-top: 120px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(247, 247, 247, 0.85);
  z-index: 2147483647;
  opacity: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .overlay-loader.show {
    pointer-events: auto;
    opacity: 1; }

.overlay-loader .loader-container {
  position: absolute;
  left: 50%;
  top: 35%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }
  .overlay-loader.show .loader-container {
    top: 50%; }

.overlay-loader .loader-container .loader {
  float: left;
  margin: 0 20px 0 20px;
  width: 50px;
  height: 50px;
  border: 3px solid #FFDD00;
  border-top-color: #000;
  border-radius: 50%;
  -webkit-animation: 0.75s infinite rotate ease-in-out;
  -moz-animation: 0.75s infinite rotate ease-in-out;
  -o-animation: 0.75s infinite rotate ease-in-out;
  -ms-animation: 0.75s infinite rotate ease-in-out;
  animation: 0.75s infinite rotate ease-in-out; }

.overlay-loader .loader-container .loader-text {
  float: left;
  padding-top: 12px;
  height: 50px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media all and (max-width: 960px) {
    .overlay-loader .loader-container .loader-text {
      display: none !important; } }

@media only print {
  [row-name=header], [row-name=message], [row-name=promo], [row-name=products], [row-name=footer], [row-name=login] {
    display: none !important; }
  .receipt-container {
    height: auto !important;
    width: auto !important; }
  html,
  body {
    position: absolute !important; }
  body > :not(.modal) {
    display: none !important; }
  .modal {
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    -webkit-transform: none !important; }
  .dialog > p {
    display: none !important; }
  .dialog-overlay {
    width: 0 !important;
    height: 0 !important; } }

.hide {
  display: none; }

.template {
  display: none; }

.yellow-text {
  color: #FFDD00; }

.warning-text-color {
  color: #cc3333; }

.green:not(.button) {
  color: #33cc33; }

.red {
  color: #cc3333; }

body.blur-content header,
body.blur-content .content {
  filter: blur(4px); }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

.switch input {
  display: none; }

.switch .slider {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #CCC;
  cursor: pointer; }
  .switch .slider.round {
    border-radius: 34px; }
  .switch .slider.round:before {
    border-radius: 50%; }
  .switch .slider:before {
    position: absolute;
    bottom: 4px;
    left: 4px;
    width: 26px;
    height: 26px;
    content: "";
    background-color: #FFF; }
  input:checked + .slider {
    background-color: #33cc33; }
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3; }
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -moz-transform: translateX(26px);
    -o-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }

/* Contains all keyframe animations */
@keyframes flash {
  from {
    background: #000;
    color: #FFF; }
  to {
    background: #FFDD00;
    color: #000; } }

@-webkit-keyframes flash {
  from {
    background: #000;
    color: #FFF; }
  to {
    background: #FFDD00;
    color: #000; } }

@-moz-keyframes flash {
  from {
    background: #000;
    color: #FFF; }
  to {
    background: #FFDD00;
    color: #000; } }

@keyframes flash-icon {
  from {
    bottom: 15px;
    background: url("../images/chat-unfilled.png?v0.0001") no-repeat; }
  to {
    bottom: 45px;
    background: url("../images/chat-filled.png?v0.0001") no-repeat; } }

@-webkit-keyframes flash-icon {
  from {
    bottom: 15px;
    background: url("../images/chat-unfilled.png?v0.0001") no-repeat; }
  to {
    bottom: 45px;
    background: url("../images/chat-filled.png?v0.0001") no-repeat; } }

@-moz-keyframes flash-icon {
  from {
    bottom: 15px;
    background: url("../images/chat-unfilled.png?v0.0001") no-repeat; }
  to {
    bottom: 45px;
    background: url("../images/chat-filled.png?v0.0001") no-repeat; } }

@keyframes flash-icon2 {
  from {
    top: 0;
    background: url("../images/chat-unfilled.png?v0.0001") no-repeat; }
  to {
    top: -30px;
    background: url("../images/chat-filled.png?v0.0001") no-repeat; } }

@-webkit-keyframes flash-icon2 {
  from {
    top: 0;
    background: url("../images/chat-unfilled.png?v0.0001") no-repeat; }
  to {
    top: -30px;
    background: url("../images/chat-filled.png?v0.0001") no-repeat; } }

@-moz-keyframes flash-icon2 {
  from {
    top: 0;
    background: url("../images/chat-unfilled.png?v0.0001") no-repeat; }
  to {
    top: -30px;
    background: url("../images/chat-filled.png?v0.0001") no-repeat; } }

@keyframes load-msgcenter-alert {
  0% {
    right: 64px;
    opacity: 0; }
  15% {
    right: 84px;
    opacity: 1; }
  85% {
    right: 84px;
    opacity: 1; }
  100% {
    right: 104px;
    opacity: 0; } }

@-webkit-keyframes load-msgcenter-alert {
  0% {
    right: 64px;
    opacity: 0; }
  15% {
    right: 84px;
    opacity: 1; }
  85% {
    right: 84px;
    opacity: 1; }
  100% {
    right: 104px;
    opacity: 0; } }

@-moz-keyframes load-msgcenter-alert {
  0% {
    right: 64px;
    opacity: 0; }
  15% {
    right: 84px;
    opacity: 1; }
  85% {
    right: 84px;
    opacity: 1; }
  100% {
    right: 104px;
    opacity: 0; } }

@keyframes bounce {
  from {
    top: 0; }
  to {
    top: -20px; } }

@-webkit-keyframes bounce {
  from {
    top: 0; }
  to {
    top: -20px; } }

@-moz-keyframes bounce {
  from {
    top: 0; }
  to {
    top: -20px; } }

@keyframes option-show {
  from {
    border-color: #DDD;
    border-width: 1px; }
  to {
    border-color: #FFF; } }

@-webkit-keyframes option-show {
  from {
    border-color: #DDD;
    border-width: 1px; }
  to {
    border-color: #FFF; } }

@-moz-keyframes option-show {
  from {
    border-color: #DDD;
    border-width: 1px; }
  to {
    border-color: #FFF; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@keyframes attract {
  from {
    left: 15px; }
  to {
    left: 30px;
    opacity: 0; } }

@-webkit-keyframes attract {
  from {
    left: 15px; }
  to {
    left: 30px;
    opacity: 0; } }

@-moz-keyframes attract {
  from {
    left: 15px; }
  to {
    left: 30px;
    opacity: 0; } }

@keyframes attract2 {
  from {
    right: 15px; }
  to {
    right: 0;
    opacity: 0; } }

@-webkit-keyframes attract2 {
  from {
    right: 15px; }
  to {
    right: 0;
    opacity: 0; } }

@-moz-keyframes attract2 {
  from {
    right: 15px; }
  to {
    right: 0;
    opacity: 0; } }

@keyframes pulse {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.1); } }

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(1); }
  to {
    -webkit-transform: scale(1.1); } }

@-moz-keyframes pulse {
  from {
    -moz-transform: scale(1); }
  to {
    -moz-transform: scale(1.1); } }

@keyframes pulse2 {
  from {
    transform: scale(1); }
  to {
    transform: scale(1.4);
    opacity: 0.9; } }

@-webkit-keyframes pulse2 {
  from {
    -webkit-transform: scale(1); }
  to {
    -webkit-transform: scale(1.4);
    opacity: 0.9; } }

@-moz-keyframes pulse2 {
  from {
    -moz-transform: scale(1); }
  to {
    -moz-transform: scale(1.4);
    opacity: 0.9; } }

.bounce {
  -webkit-animation: bounce 0.4s infinite alternate;
  -moz-animation: bounce 0.4s infinite alternate;
  -o-animation: bounce 0.4s infinite alternate;
  -ms-animation: bounce 0.4s infinite alternate;
  animation: bounce 0.4s infinite alternate; }

.pulse {
  -webkit-animation: pulse 0.4s infinite alternate;
  -moz-animation: pulse 0.4s infinite alternate;
  -o-animation: pulse 0.4s infinite alternate;
  -ms-animation: pulse 0.4s infinite alternate;
  animation: pulse 0.4s infinite alternate; }

/* general */
.panel {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
  background: #666;
  font-size: 24px;
  color: #FFF;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.panel .section {
  display: flex;
  display: -webkit-flex;
  font-family: 'Avenir Next', sans-serif;
  color: #CCC;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .panel .section.control {
    min-height: 40px;
    max-height: 40px;
    height: 40px;
    background: #444;
    border-bottom: 1px solid #666; }

.panel .section .heading {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 2px;
  width: 100%;
  height: 40px;
  text-align: center;
  background: #444;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.panel .section .list {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .panel .section.compatible-images .list {
    padding-top: 40px; }

.panel .section .list .item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .panel .section.compatible-images .list .item {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #444; }

.panel .section .label {
  padding: 10px 20px 10px 10px;
  font-size: 16px;
  text-align: center; }
  .panel .section.control .label {
    width: 60px;
    color: #FFDD00;
    text-align: right;
    background: none; }

.panel .section .input {
  margin-top: 7px;
  margin-left: 6px;
  padding: 3px;
  max-height: 26px;
  max-width: 32px;
  border: none;
  background: #666;
  color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.panel .section .text {
  padding: 10px;
  font-size: 16px;
  color: #FFF; }

.dialog {
  position: relative;
  padding: 25px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 20px;
  color: #000;
  line-height: 25px;
  z-index: 200;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.dialog p {
  margin-bottom: 20px; }
  .dialog p:last-of-type {
    margin-bottom: 0; }

.dialog .button {
  margin-bottom: 3px;
  padding: 9px 14px 7px 14px;
  border: none;
  background: #f3d40e;
  border-bottom: 3px solid #e0c62e;
  font-size: 16px;
  color: #333;
  cursor: pointer; }
  .dialog .button.red {
    background: #cc3333;
    color: #fff;
    border-bottom: 3px solid #a62929; }
  .dialog .button.disabled, .dialog .button.disable {
    background: #a9a7a8;
    border-color: #99989a;
    opacity: 0.5;
    pointer-events: none; }
  .dialog .button.cancel, .dialog .button.grey {
    background: #a9a7a8;
    border-color: #99989a;
    color: #fff; }

.dialog .text-contain {
  margin: 10px;
  padding: 10px;
  max-width: 480px;
  max-height: 300px;
  overflow-y: scroll;
  font-size: 14px;
  border: 1px solid #ccc; }

header {
  width: 100%;
  height: 85px;
  z-index: 1000;
  position: absolute; }

header .container {
  display: flex;
  display: -webkit-flex;
  width: 25%;
  height: 120px;
  z-index: 3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  header .container.left {
    padding: 0 0 0 32px;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    @media all and (max-width: 1140px) {
      header .container.left {
        padding-left: 15px; } }
  header .container.center {
    width: 50%;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  header .container.right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  @media all and (max-width: 1140px) {
    header .container {
      height: 90px; } }
  @media all and (max-width: 820px) {
    header .container {
      height: 70px; } }

header .container .logo {
  margin-top: -70px;
  width: auto;
  height: 50%;
  opacity: 0;
  z-index: 4;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  header .container .logo.end {
    margin: 0;
    opacity: 1;
    width: auto;
    height: 50%; }

header .container .nav {
  display: flex;
  display: -webkit-flex;
  margin-top: 0;
  width: 118px;
  height: 100%;
  text-align: center;
  cursor: pointer;
  z-index: 4;
  opacity: 1;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-perspective: 180px;
  -moz-perspective: 180px;
  -o-perspective: 180px;
  -ms-perspective: 180px;
  perspective: 180px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  header .container .nav:not(.product-nav).selected {
    background: #fff; }
  body.builder header .container .nav.image-zone.end {
    pointer-events: none;
    opacity: 0; }
  @media all and (max-width: 820px) {
    header .container.right .nav:not(.menu) {
      display: none; } }
  @media all and (max-width: 1366px) {
    header .container .nav {
      width: 100px; } }
  @media all and (max-width: 1140px) {
    header .container .nav {
      margin: 0;
      width: 60px;
      opacity: 1; } }

header .container .nav .selected-bg {
  position: absolute;
  left: 50%;
  top: 11px;
  width: 72px;
  height: 72px;
  border-radius: 100px;
  background: #ffdd00;
  pointer-events: none;
  transition: transform 100ms;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0); }
  header .container .nav.product-nav.selected .selected-bg {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1); }
  @media all and (max-width: 1140px) {
    header .container .nav .selected-bg {
      width: 46px;
      height: 46px; } }

header .container .nav .item {
  position: relative;
  height: 64px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media all and (max-width: 1140px) {
    header .container .nav .item {
      position: relative;
      height: 50px; } }
  @media all and (max-width: 820px) {
    header .container .nav .item {
      height: 32px; } }

header .container .nav .item .cart-info {
  position: absolute;
  padding: 3px 6px 2px 6px;
  top: -9px;
  right: -10px;
  min-width: 24px;
  border-radius: 100px;
  background: #ffdd00;
  font-family: 'Avenir Next', sans-serif;
  color: #000;
  font-weight: bold;
  z-index: 10;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0); }
  header .container .nav .item .cart-info.show {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1); }

header .container .nav .icon {
  width: auto;
  height: 42px;
  opacity: 0.6;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  header .container .nav:hover .icon,
  header .container .nav.selected .icon {
    opacity: 1; }
  body.builder header .container .nav .icon {
    opacity: 0.37; }
  body.builder header .container .nav:hover .icon,
  body.builder header .container .nav.selected .icon {
    opacity: 1; }
  @media all and (max-width: 1140px) {
    header .container .nav .icon {
      height: 30px; } }

header .container .nav .caption {
  margin: 5px 0 0 0;
  font-family: 'Avenir Next', sans-serif;
  font-size: 14px;
  color: #333;
  opacity: 0.6;
  transition: opacity 100ms, margin-topf 100ms; }
  @media all and (max-width: 1140px) {
    header .container .nav:hover .caption {
      margin-top: 8px; } }
  header .container .nav:not(.selected):hover .caption {
    margin: 10px 0 0 0;
    opacity: 1; }
  header .container .nav.selected .caption {
    opacity: 1; }
  header .container .nav.product-nav.selected .caption {
    margin-top: 15px; }
    @media all and (max-width: 1140px) {
      header .container .nav.product-nav.selected .caption {
        margin-top: 8px; } }
  body.builder header .container .nav .caption {
    opacity: 0.37; }
  body.builder header .container .nav.selected .caption {
    opacity: 1; }
  @media all and (max-width: 1140px) {
    header .container .nav .caption {
      font-size: 12px; } }
  @media all and (max-width: 820px) {
    header .container .nav .caption {
      display: none; } }

header .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1; }
  body.builder header .bg {
    background: #f7f7f7;
    opacity: 0.75;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 25;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80px;
  background: rgba(247, 247, 247, 0.85);
  color: #808386;
  font-family: 'Avenir Next', sans-serif;
  font-size: 16px; }
  .footer-desktop {
    padding-left: 15px;
    gap: 1rem; }
    .footer-desktop .customer-feedback {
      margin-left: 7px;
      color: #000;
      background-color: #ffdd00;
      padding: 0.5em 1.8ch;
      position: relative;
      box-shadow: 0 0 3px #888888;
      font-weight: 700; }
      .footer-desktop .customer-feedback:hover {
        cursor: pointer; }
      .footer-desktop .customer-feedback .customer-feedback-render {
        position: absolute;
        left: 340px;
        bottom: -10px; }
        .footer-desktop .customer-feedback .customer-feedback-render:hover {
          cursor: default; }
    .footer-desktop .data {
      display: inline-block;
      color: #000; }
      .footer-desktop .data.link {
        text-decoration: underline;
        cursor: pointer; }
      .footer-desktop .data.cs-hours {
        cursor: pointer;
        text-align: center;
        text-decoration: underline; }
  .footer-mobile {
    justify-content: space-evenly;
    align-items: flex-start;
    align-content: flex-start; }
    .footer-mobile__legalise {
      font-size: smaller;
      position: absolute;
      width: 100%;
      bottom: 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: center;
      flex-wrap: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      min-width: 0; }
    .footer-mobile__legalize > span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%; }
    .footer-mobile__separator {
      padding: 0 1rem; }
    .footer-mobile__terms-and-conditions {
      cursor: pointer;
      text-decoration: underline; }
    .footer-mobile__hours {
      position: absolute;
      bottom: 80px;
      left: 0;
      right: 0;
      padding: 1rem;
      background-color: rgba(0, 0, 0, 0.85);
      color: #ffdd00;
      font-family: 'Avenir Next', sans-serif;
      font-size: 18px;
      text-align: center; }
      .footer-mobile__hours p {
        padding-bottom: 1.0rem; }
        .footer-mobile__hours p:last-of-type {
          padding-bottom: 0; }
  .footer-icon-button {
    cursor: pointer;
    display: inline-block;
    padding: 0.25rem 1.0rem;
    text-align: center; }
    .footer-icon-button__icon {
      padding-bottom: 0.15rem; }

menu {
  position: absolute;
  top: 85px;
  right: 0;
  width: 354px;
  height: 100%;
  opacity: 0;
  z-index: 1002;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: transform 100ms, opacity 100ms; }
  menu.show {
    display: block;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  body.no-transition menu {
    display: none; }
    body.no-transition menu.show {
      display: block; }
  @media all and (max-width: 480px) {
    menu {
      width: 100%; } }

menu ul {
  width: 100%;
  height: 100%;
  max-height: 100%;
  background: #FFF;
  overflow-y: auto; }

menu ul li {
  padding: 22px 42px 22px;
  width: 100%;
  list-style: none outside none;
  text-transform: uppercase;
  text-align: right;
  font-family: 'Avenir Next', sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  color: #000;
  clear: left;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  menu ul li:hover {
    background: #FFDD00;
    letter-spacing: 1px; }

body.builder menu .nav.image-zone.end.mobile-only {
  display: none !important; }

menu .mobile-only {
  display: none; }
  @media all and (max-width: 750px) {
    menu .mobile-only {
      display: block; } }

#image-menu {
  position: absolute;
  top: 85px;
  right: 0;
  width: 354px;
  height: 100%;
  opacity: 0;
  z-index: 5000;
  pointer-events: none;
  background-color: #f7f7f7;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 100ms; }
  #image-menu.show {
    display: block !important;
    /* dev */
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    @media all and (max-width: 960px) {
      #image-menu.show {
        padding-top: 0;
        left: 0;
        top: 85px;
        width: 100%;
        height: 100%;
        border: none;
        opacity: 1;
        z-index: 2000; } }
    @media all and (max-width: 640px) {
      #image-menu.show {
        display: block; } }
    body.catalog #image-menu.show,
    body.subpage #image-menu.show {
      opacity: 1 !important; }
  #image-menu.full {
    width: 100%;
    background: #FFF !important;
    z-index: 1001; }
    body.catalog #image-menu,
    body.subpage #image-menu {
      width: 100%;
      background: #FFF !important;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  @media all and (max-width: 640px) {
    #image-menu {
      display: none; } }

#image-menu:not(.full) .delete-button {
  display: none; }

#image-menu .image-header {
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 32px;
  background: #FFF;
  z-index: 11;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #image-menu.dialog-open .image-header {
    pointer-events: none;
    opacity: 0.5; }

#image-menu .image-header .actions {
  position: relative;
  padding: 10px 0 0 15px;
  display: inline-block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  #image-menu .image-header .actions:first-of-type {
    max-width: 360px; }
  @media all and (max-width: 1380px) {
    #image-menu:not(.full) .image-header .actions:last-of-type {
      display: none; } }
  @media all and (max-width: 1140px) {
    #image-menu.full .image-header .actions:first-of-type, #image-menu.full .image-header .actions:last-of-type {
      max-width: 432px; } }
  @media all and (max-width: 820px) {
    #image-menu.full .image-header .actions:first-of-type {
      max-width: 221px; } }
  @media all and (max-width: 820px) {
    #image-menu.full .image-header .actions:last-of-type {
      max-width: 240px; } }
  @media all and (max-width: 960px) {
    #iamge-menu.show .image-header .actions:first-of-type {
      width: 100%; } }
  @media all and (max-width: 960px) {
    #iamge-menu.show .image-header .actions:last-of-type {
      display: none; } }

#image-menu .image-header .actions .icon {
  float: right;
  margin-top: 6px;
  margin-left: 16px;
  width: 16px;
  height: 16px;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #image-menu .image-header .actions .icon.imagezone-view-list {
    margin-right: 16px; }
  #image-menu .image-header .actions .icon.selected, #image-menu .image-header .actions .icon:hover {
    opacity: 1; }

#image-menu .image-header .actions .imagezone-view {
  float: right;
  margin-top: 5px;
  text-align: right;
  font-family: 'Avenir Next', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

#image-menu .image-header .actions .input-container {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 230px;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  #image-menu:not(.full) .image-header .actions .input-container {
    margin-right: 20px;
    width: 202px; }

#image-menu .image-header .actions .input-container .icon2 {
  display: block;
  position: absolute;
  top: 6px;
  width: 12px;
  height: 12px;
  opacity: 0.5;
  pointer-events: none; }

#image-menu .image-header .actions .input-container .icon3 {
  display: block;
  position: absolute;
  top: 8px;
  right: 1px;
  width: 12px;
  height: 12px;
  pointer-events: none;
  background: #FFF; }

#image-menu .image-header .actions .input {
  padding: 3px 0 3px 18px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 16px;
  border: 1px solid #FFF;
  border-bottom: 1px solid #CCC;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #image-menu .image-header .actions .input-container:hover .input {
    width: 100%;
    border-bottom: 1px solid #CCC; }

#image-menu .image-header .actions select.input {
  width: 270px; }

@media all and (max-width: 640px) {
  #image-menu .image-header .actions .button.upload-button {
    display: none; } }

#image-menu .image-container {
  position: relative;
  padding: 65px 10px 102px 10px;
  width: 100%;
  height: 100%;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  #image-menu.full .image-container {
    padding-top: 70px; }
    @media all and (max-width: 680px) {
      #image-menu.full .image-container {
        padding-left: 0;
        padding-right: 0; } }

#image-menu .image-container .image-items {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

#image-menu .image-container .image-items .item {
  display: inline-block;
  position: relative;
  margin: 0 2px -2px 0;
  min-height: 80px;
  background: #EEE;
  cursor: pointer;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  #image-menu .image-container .image-items .item:not(.grid) {
    padding: 10px;
    width: 19.5%;
    min-height: 134px; }
    @media all and (max-width: 1768px) {
      #image-menu .image-container .image-items .item:not(.grid) {
        width: 24.5%; } }
    @media all and (max-width: 1768px) {
      #image-menu .image-container .image-items .item:not(.grid) {
        width: 24.5%; } }
    @media all and (max-width: 1548px) {
      #image-menu .image-container .image-items .item:not(.grid) {
        width: 33%; } }
    @media all and (max-width: 1000px) {
      #image-menu .image-container .image-items .item:not(.grid) {
        width: 49%; } }
    @media all and (max-width: 680px) {
      #image-menu .image-container .image-items .item:not(.grid) {
        width: 99%; } }

#image-menu .image-container .item img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #image-menu .image-container .item:not(.grid) img {
    max-width: 110px;
    max-height: 110px; }

#image-menu .image-container .item .controls {
  position: absolute;
  top: -21px;
  right: 1px;
  width: 100%;
  height: 19px;
  text-align: right;
  z-index: 5;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #image-menu .image-container .item:hover .controls {
    top: 1px; }
  #image-menu .image-container .item:not(.grid) .controls {
    top: 10px;
    left: auto;
    right: 15px;
    bottom: 15px;
    height: 21px;
    text-align: right; }

#image-menu .image-container .item .controls .image-button {
  display: inline-block;
  padding: 2px 6px 0 6px;
  height: 100%;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  color: #FFF;
  background: #000;
  cursor: pointer;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  #image-menu .image-container .item .controls .image-button:hover {
    background: #FFDD00;
    color: #434343;
    opacity: 1; }
  #image-menu .image-container .item:not(.grid) .controls .image-button {
    font-size: 14px; }
  #image-menu:not(.full) .image-container .item .controls .image-button.delete {
    display: none; }

#image-menu .image-container .item .info {
  display: none;
  position: absolute;
  top: 10px;
  right: 45px;
  width: 44%;
  min-height: 30px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 14px;
  color: #000;
  text-align: right;
  overflow: hidden; }
  #image-menu:not(.full) .image-container .item .info {
    right: 15px; }
  #image-menu .image-container .item:not(.grid) .info {
    display: block; }
  #image-menu .image-container .item.grid .info {
    display: none; }
  #image-menu .image-container .item.grid:hover .info {
    bottom: 1px; }

#image-menu .image-container .item.grid .info .image-size {
  display: none; }

#image-menu .arrow-box {
  position: absolute;
  left: -3px;
  top: 50px;
  background: #FFF;
  border: 3px solid #FFF;
  z-index: 10; }
  #image-menu .arrow-box:after, #image-menu .arrow-box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10; }
  #image-menu .arrow-box:after {
    border: 25px solid rgba(255, 255, 255, 0);
    border-right-color: #FFF;
    margin-top: -25px; }
  #image-menu .arrow-box:before {
    border: 29px solid rgba(255, 255, 255, 0);
    border-right-color: #E1E1E1;
    margin-top: -29px; }

#image-menu .x {
  position: absolute;
  top: 1px;
  right: 15px;
  font-family: 'Arial', sans-serif;
  font-size: 28px;
  color: #000;
  cursor: pointer;
  z-index: 12; }

#image-menu .dialog-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 10;
  background: #FFF;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  #image-menu .dialog-container.show {
    height: 100%;
    opacity: 1; }
  #image-menu.full .dialog-container {
    background: #F7F7F7; }

#image-menu .image-dialog {
  display: none;
  margin-top: 48px;
  padding: 20px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 16px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  #image-menu .image-dialog.show {
    display: block; }

#image-menu .image-dialog .input {
  margin: 13px 0 13px 0;
  padding: 6px;
  min-width: 95%; }

#image-menu .image-footer {
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 100%;
  height: 100px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 16px;
  text-align: center;
  color: #434343;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

#image-menu .image-footer .image-footer-content {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #434343;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

#image-menu .error {
  display: none;
  padding: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  #image-menu .error.show {
    display: block; }
  #image-menu .image-footer .error {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

#image-menu .error .error-content {
  padding: 5px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 16px;
  background: #cc3333;
  color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

#image-menu .button {
  display: inline-block;
  margin-right: 2px;
  padding: 5px 7px 5px 7px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #434343;
  border: 1px solid #b4b4b4;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #image-menu .button:hover {
    border-color: #434343; }
  #image-menu:not(.full) .image-header .actions .button {
    min-width: 158px;
    text-align: center; }
  #image-menu .image-footer .button {
    margin-top: 10px;
    padding: 7px 11px 7px 11px;
    font-size: 16px;
    background: #f3d40e;
    border-color: #f3d40e;
    color: #333;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    #image-menu .image-footer .button:hover {
      background: #f3d40e;
      border-color: #f3d40e; }

#image-menu .fileupload {
  display: none; }

#image-menu .image-loading {
  position: relative;
  width: 110px;
  height: 110px;
  border: 3px dashed #666;
  background: #FFF;
  opacity: 1;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #image-menu .image-loading.flip {
    -webkit-transform: translate3d(0, 0, 0) rotateY(-180deg);
    -moz-transform: translate3d(0, 0, 0) rotateY(-180deg);
    -o-transform: translate3d(0, 0, 0) rotateY(-180deg);
    -ms-transform: translate3d(0, 0, 0) rotateY(-180deg);
    transform: translate3d(0, 0, 0) rotateY(-180deg);
    border: 1px solid #666; }

#image-menu .image-loading .child {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  backface-visibility: hidden; }
  #image-menu .image-loading .child.back {
    -webkit-transform: translate3d(0, 0, 0) rotateY(180deg);
    -moz-transform: translate3d(0, 0, 0) rotateY(180deg);
    -o-transform: translate3d(0, 0, 0) rotateY(180deg);
    -ms-transform: translate3d(0, 0, 0) rotateY(180deg);
    transform: translate3d(0, 0, 0) rotateY(180deg);
    z-index: 1; }

#image-menu .image-loading .image-loading-text {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  font-family: 'Arial', sans-serif;
  text-align: center;
  z-index: 2; }

#image-menu .image-loading .image-loading-bar {
  position: absolute;
  width: 0;
  height: 100%;
  background: #33cc33;
  opacity: 0.5; }
  #image-menu .image-loading .image-loading-bar.loader {
    margin: 5px 5px;
    width: 85px !important;
    height: 85px !important;
    border: 3px solid #FFF;
    border-top-color: #33cc33;
    border-radius: 50%;
    background: #FFF;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: 0.75s infinite rotate ease-in-out;
    -moz-animation: 0.75s infinite rotate ease-in-out;
    -o-animation: 0.75s infinite rotate ease-in-out;
    -ms-animation: 0.75s infinite rotate ease-in-out;
    animation: 0.75s infinite rotate ease-in-out; }

#image-menu .image-loading img {
  display: block;
  width: 100%;
  height: 100%; }

#image-menu .image-overlay-loader {
  position: absolute;
  padding-top: 120px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  z-index: 999999;
  opacity: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  #image-menu .image-overlay-loader.show {
    pointer-events: auto;
    opacity: 1; }

#image-menu .image-overlay-loader .loader-container {
  position: absolute;
  left: 50%;
  top: 35%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }
  #image-menu .image-overlay-loader.show .loader-container {
    top: 50%; }

#image-menu .image-overlay-loader .loader {
  float: left;
  margin: 0 20px 0 20px;
  width: 35px;
  height: 35px;
  border: 3px solid #FFF;
  border-top-color: #000;
  border-radius: 50%;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -o-animation-name: rotate;
  -ms-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  -ms-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

#image-menu .image-overlay-loader .loader-text {
  float: left;
  padding-top: 12px;
  height: 50px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

@media all and (max-width: 820px) {
  #image-menu.full .remove-820 {
    display: none !important; } }

.modal {
  position: absolute;
  min-width: 320px;
  min-height: 120px;
  border-radius: 5px;
  background-color: #fff;
  opacity: 0;
  z-index: 100000;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .modal.show {
    opacity: 1; }
  .modal.top {
    left: 50%;
    top: 0;
    -webkit-transform: translate3d(-50%, -100%, 0);
    -moz-transform: translate3d(-50%, -100%, 0);
    -o-transform: translate3d(-50%, -100%, 0);
    -ms-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0); }
  .modal.top.show {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); }
  .modal.bottom {
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: 240px;
    outline: none;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  .modal.bottom.show {
    opacity: 0.95;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .modal.center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); }
  .modal.left {
    left: 0;
    right: auto;
    top: 0;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .modal.left.show {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .modal.right {
    left: auto;
    right: 0;
    top: 0;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .modal.right.show {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.modal .dialog-overlay {
  position: absolute;
  left: -10000px;
  top: -10000px;
  width: 20000px;
  height: 20000px;
  background: rgba(247, 247, 247, 0.75);
  z-index: 1; }

.tablist {
  margin-inline: auto;
  padding: 0.25rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
  background-color: #EEE;
  width: 10rem;
  margin-bottom: 1rem; }

[role="tab"] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
  cursor: pointer;
  border: none;
  outline: none; }

[role="tab"][aria-selected="true"] {
  background-color: #fff;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); }

[role="tab"][aria-selected="false"]:hover {
  background-color: #ffffff81; }

#shipping-panel {
  margin-bottom: 15px;
  font-size: 16px; }

.shipping-breakdown {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem; }

.shipping-breakdown table thead,
.shipping-breakdown table tbody {
  display: flex;
  flex-direction: column;
  gap: 1rem; }

.shipping-breakdown table thead tr,
.shipping-breakdown table tbody tr {
  width: 100%;
  display: grid;
  gap: 1rem; }

.shipping-breakdown table th,
.shipping-breakdown table td {
  font-size: 16px;
  text-align: left; }

.shipping-breakdown .info {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center; }

/* tiered price breakdown && option price breakdown */
.tiered-price-breakdown,
.option-price-breakdown {
  margin-bottom: 15px; }

.tiered-price-breakdown table,
.option-price-breakdown table {
  width: 100%; }

.tiered-price-breakdown table th,
.tiered-price-breakdown table td,
.option-price-breakdown table th,
.option-price-breakdown table td {
  padding: 2px 6px 1px 6px;
  font-size: 16px;
  text-align: left; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(360deg); } }

#cardImage img {
  -webkit-animation: rotate 10s infinite linear; }

#background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-position: center;
  z-index: -4;
  will-change: transform, opacity, filter, background-image, background-size, background-position;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  body.builder #background {
    display: block;
    opacity: 1; }
    body.builder #background.zoom-out {
      opacity: 0.5;
      -webkit-filter: blur(1px);
      -moz-filter: blur(1px);
      -o-filter: blur(1px);
      -ms-filter: blur(1px);
      filter: blur(1px); }

.products {
  position: absolute;
  left: 0;
  top: 80px;
  width: 100%;
  height: 100%;
  font-family: 'Avenir Next', sans-serif;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  body.catalog .products {
    opacity: 1; }

.products .products-view {
  display: flex;
  display: -webkit-flex;
  height: 60px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.products .products-view .category {
  padding-top: 18px;
  padding-left: 32px;
  font-size: 28px; }

.products .products-view .view {
  position: absolute;
  right: 15px;
  top: 143px;
  min-width: 125px;
  min-height: 24px; }

.products .products-view .view .icon {
  display: inline-block;
  margin-left: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  opacity: 0.6; }
  .products .products-view .view .icon:hover {
    opacity: 1; }

.products .products-grid {
  position: relative;
  padding: 5px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .products .products-grid.template {
    display: none; }
  .products.product-view-list .products-grid {
    margin: 0 auto;
    max-width: 1140px; }

.products .products-grid .item {
  position: relative;
  float: left;
  margin: 5px;
  perspective: 800px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .products.product-view-list .products-grid .item {
    width: 100%;
    height: 120px;
    max-height: 120px; }
  .products.product-view-single .products-grid .item.focus {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 1140px;
    height: 640px;
    z-index: 50;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.products .products-grid .item .logo {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .products.product-view-list .products-grid .item .content .logo {
    max-width: 240px;
    top: 50%;
    left: 40px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }

.products .products-grid .item .content .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 101%;
  height: 101%;
  background: #FFF;
  opacity: 0.85;
  z-index: 3; }
  .products.product-view-list .products-grid .item .content .bg {
    opacity: 1; }
  .products:not(.product-view-list) .item:not(.coming-soon) .panel-product:hover .info .bg,
  .products.product-view-single .item.focus:not(.coming-soon) .panel-product .info .bg {
    opacity: 0.9; }

.products .products-grid .item-large {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  background: #000;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .products .products-grid .item-large.show {
    pointer-events: auto;
    opacity: 1; }

.products.product-view-single .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.75;
  z-index: 25; }

.products .panel-product {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }
  .products .panel-product.out {
    opacity: 0;
    -webkit-transform: translate(0, 0) scale(0.925);
    -moz-transform: translate(0, 0) scale(0.925);
    -o-transform: translate(0, 0) scale(0.925);
    -ms-transform: translate(0, 0) scale(0.925);
    transform: translate(0, 0) scale(0.925); }

.products .panel-product .child {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
  cursor: pointer; }
  .products .panel-product .child.empty {
    background: none;
    pointer-events: none;
    cursor: default; }
  .panel-product.flip-horizontal .child.front {
    pointer-events: none; }
  .panel-product.flip-horizontal .child:not(.empty).back {
    pointer-events: auto; }

.products .panel-product .info {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  overflow: hidden; }
  .products .panel-product .info.right {
    left: auto;
    right: 0; }

.products .panel-product .info .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: 'Avenir Next', sans-serif;
  font-size: 19px;
  opacity: 1;
  z-index: 5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .products .panel-product .info .content.right {
    left: auto;
    right: 0; }
  .products:not(.product-view-list) .item:not(.coming-soon) .panel-product:hover .info .content,
  .products.product-view-single .item.focus:not(.coming-soon) .panel-product .info .content {
    width: 33.33%; }

.products .panel-product .info .content .logo {
  width: 70%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .products .panel-product .info .content .logo.small {
    width: 50%; }
  .products:not(.product-view-list) .item:not(.coming-soon) .panel-product:hover .info .content .logo,
  .products.product-view-single .item.focus:not(coming-soon) .panel-product .info .content .logo {
    top: 15%;
    width: 100%; }

.products .panel-product .info .content .stripe {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 33%;
  background: #FFF;
  opacity: 0.7;
  z-index: 2;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .products:not(.product-view-list) .item:not(.coming-soon) .panel-product:hover .info .stripe,
  .products.product-view-single .item.focus:not(.coming-soon) .panel-product .info .stripe {
    opacity: 0; }

.products .panel-product .info .content .point {
  margin-top: 20px; }

.products .panel-product .info .content .point-isolated {
  position: absolute;
  left: 0;
  top: 69%;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  color: #414143;
  text-align: center;
  z-index: 100;
  opacity: 1;
  white-space: nowrap; }
  .item.focus .point-isolated {
    display: none; }

.products .panel-product .info .content .points {
  position: absolute;
  padding: 0 15px 20px 15px;
  left: -2000px;
  top: 22%;
  opacity: 0;
  width: 100%;
  max-height: 60%;
  font-size: 14px;
  font-weight: 400;
  color: #414143;
  text-align: left;
  z-index: 15;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .panel-product .info .content.right .points {
    left: 2000px; }
  .products.product-view-single .item.focus .panel-product .info .points {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 20px;
    max-height: 55%; }
  .products:not(.product-view-list) .item:not(.coming-soon) .panel-product:hover .info .points,
  .products.product-view-single .item.focus:not(.coming-soon) .panel-product .info .points {
    left: 0;
    opacity: 1; }

.products .panel-product .info .content .points p {
  margin-top: 10px; }

.products .panel-product .info .content .points .large {
  opacity: 0; }
  .products.product-view-single .item.focus .panel-product .info .points .large {
    opacity: 1; }

.products .panel-product .info .point-gradient {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  z-index: 30;
  background: url("../images/point-gradient.png") repeat-x; }
  .products .panel-product .info .point-gradient.extra-top {
    top: 80%; }
  .item:not(.coming-soon) .panel-product:hover .info .content .point-isolated,
  .item.focus:not(.coming-soon) .point-isolated {
    opacity: 0; }

.products .panel-product .info .content .actions {
  position: absolute;
  padding: 10px 15px 17px 15px;
  bottom: 0;
  left: -2000px;
  width: 100%;
  height: 57px;
  font-size: 14px;
  background: #FFF;
  color: #FFF;
  opacity: 0;
  z-index: 20;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .panel-product .info .content.right .actions {
    left: 2000px; }
  .products:not(.product-view-list) .item:not(.coming-soon) .panel-product:hover .info .actions,
  .products.product-view-single .item.focus:not(.coming-soon) .panel-product .info .actions {
    left: 0;
    opacity: 1; }
  .item.focus .info .content .actions {
    padding-top: 0;
    padding-left: 15px;
    width: 100%; }

.products .panel-product .info .content .actions .button {
  display: inline-block;
  margin-right: 2px;
  padding-top: 4px;
  height: 27px;
  width: 45%;
  min-width: 45%;
  text-align: center;
  background: #a9a7a8;
  border-bottom: 3px solid #99989a;
  color: #FFF;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .products .panel-product .info .content .actions .button.green {
    background: #33cc33;
    border-bottom-color: #48a842; }
  .products .panel-product .info .content .actions .button.yellow {
    background: #f3d40e;
    border-bottom-color: #e0c62e;
    color: #FFF; }
  .products-container .panel-product .info .content .actions .button:not(.yellow) {
    display: none; }
  .products-container .panel-product .info .content .actions .button.yellow {
    width: 100%; }
  .item.focus .info .content .actions .button {
    font-size: 22px;
    font-weight: bold; }
    .item.focus .info .content .actions .button.yellow {
      padding-top: 5px;
      width: 100%;
      height: 38px; }
    .item.focus .info .content .actions .button:not(.yellow) {
      display: none; }

.products .panel-product .video {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0, 0) scale(1.025);
  -moz-transform: translate(0, 0) scale(1.025);
  -o-transform: translate(0, 0) scale(1.025);
  -ms-transform: translate(0, 0) scale(1.025);
  transform: translate(0, 0) scale(1.025); }
  .products:not(.product-view-list) .item:not(.coming-soon) .panel-product:hover .info .video,
  .products.product-view-single .item.focus:not(.coming-soon) .panel-product .info .video {
    -webkit-transform: translate(0, 0) scale(1.01);
    -moz-transform: translate(0, 0) scale(1.01);
    -o-transform: translate(0, 0) scale(1.01);
    -ms-transform: translate(0, 0) scale(1.01);
    transform: translate(0, 0) scale(1.01); }

body.no-transition .video source {
  display: none; }

.products .panel-product .coming-soon-icon {
  position: absolute;
  width: 35%;
  top: -1px;
  left: -1px;
  z-index: 5;
  display: none; }
  .products .item.coming-soon .panel-product .coming-soon-icon {
    display: block; }

.products .panel-product .info .icon {
  display: inline-block;
  margin-right: 10px;
  width: 64px;
  height: 64px;
  font-size: 24px; }

.order .product-view {
  display: flex;
  display: -webkit-flex;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-view .mobile-overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99; }
  .order.image-zone .product-view .mobile-overlay.show {
    display: block; }

.order .product-view .mobile-overlay .x {
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: 'Arial', sans-serif;
  font-size: 60px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer; }

.order .product-view .row {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-view .row.view {
    -webkit-flex-grow: 99999;
    -moz-flex-grow: 99999;
    -o-flex-grow: 99999;
    -ms-flex-grow: 99999;
    flex-grow: 99999; }

.order .product-view .container {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  max-width: 1140px;
  height: 100%;
  max-height: 100%;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-view .container.product {
    height: 110px; }
    @media (max-width: 900px) {
      .order .product-view .container.product {
        display: block; } }

.order .product-view .container .info {
  position: relative;
  margin-top: 40px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .order .product-view .container .info.left {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start; }
  .order .product-view .container .info.right {
    text-align: right;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -o-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end; }
    @media (max-width: 900px) {
      .order .product-view .container .info.right {
        text-align: center; } }
  .order .product-view .container .info.center {
    color: #858585; }
  @media (max-width: 900px) {
    .order .product-view .container .info {
      width: 100%;
      margin-top: 0; } }

.order .product-view .container .info.center .price-breakdown {
  margin-top: -10px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  z-index: 10; }
  @media (max-width: 900px) {
    .order .product-view .container .info.center .price-breakdown {
      margin-top: 0; } }

.order .product-view .container .info.center .price-breakdown table {
  margin: 0 auto;
  min-width: 360px;
  width: 360px; }

.order .product-view .container .info.center .price-breakdown table th,
.order .product-view .container .info.center .price-breakdown table td {
  min-width: 120px;
  width: 120px;
  max-width: 120px; }

.order .product-view .container .info.center .price-breakdown .expand-discounts {
  position: absolute;
  left: 0;
  top: -30px;
  bottom: -17px;
  padding-top: 0;
  padding-bottom: 10px;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #696969;
  text-align: center;
  text-decoration: underline;
  opacity: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: color 100ms; }
  .order .product-view .container .info.center .price-breakdown:hover .expand-discounts {
    color: black; }
  @media (max-width: 900px) {
    .order .product-view .container .info.center .price-breakdown .expand-discounts {
      position: static;
      width: 100%;
      padding: 0.25rem 0;
      background-color: #fff;
      border: 2px solid #696969;
      font-size: 16px;
      text-transform: capitalize;
      text-decoration: none; }
      .order .product-view .container .info.center .price-breakdown .expand-discounts:hover {
        color: #696969; } }

.order .product-view .container .info.center .control {
  position: absolute;
  margin-left: 0;
  left: 50%;
  width: 200px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.order .product-view .container .info.center .control .switch {
  width: 200px;
  background: none;
  border-bottom: none; }

.order .product-view .container .info.center .control .switch .option {
  width: 100px;
  background: none;
  color: #666; }
  .order .product-view .container .info.center .control .switch .option:not(.selected) {
    border-bottom: none; }
  .order .product-view .container .info.center .control .switch .option.selected {
    color: #48a842; }
  .order .product-view .container .info.center .control .switch .option:hover {
    background: none;
    color: #000; }

.order .product-view .container .info .description {
  position: relative;
  cursor: pointer;
  z-index: 3; }

.order .product-view .container .info .breakdown {
  position: relative;
  cursor: pointer;
  z-index: 3; }
  .order .product-view .container .info.right.final .breakdown {
    padding-right: 180px; }
  @media (max-width: 900px) {
    .order .product-view .container .info.right.final .breakdown {
      padding-right: 0px; } }

.order .product-view .container .info.right .breakdown .button {
  display: block;
  position: absolute;
  padding-top: 16.5px;
  padding-right: 20px;
  top: 0;
  right: 0;
  width: 160px;
  height: 57px;
  opacity: 0;
  background: #33cc33;
  border: none;
  font-family: 'Avenir Next', sans-serif;
  font-size: 19.5px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-view .container .info.right .breakdown .button:hover {
    background: #36d936; }
  .order .product-view .container .info.right.final .breakdown .button {
    pointer-events: auto;
    opacity: 1; }

.order .product-view .container .info.right.final .breakdown .button .arrow-attract {
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  width: 28px;
  height: 28px;
  background: url("../images/icons/arrow-right.svg") no-repeat;
  background-size: 28px 28px;
  -webkit-animation: attract2 0.8s infinite;
  -moz-animation: attract2 0.8s infinite;
  -o-animation: attract2 0.8s infinite;
  -ms-animation: attract2 0.8s infinite;
  animation: attract2 0.8s infinite;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.order .product-view .container .info .title {
  font-size: 28px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase; }
  .order .product-view .container .info.right .title {
    color: #33CC33; }

.order .product-view .container .info .sub {
  font-size: 16px;
  color: #858585; }

.order .product-view .container .info .expand {
  position: absolute;
  top: 8px;
  width: 16px;
  height: 16px;
  background: url("../images/icons/arrow.svg") no-repeat; }
  .order .product-view .container .info.left .expand {
    display: none;
    /* v3.1 feature */
    left: -28px; }
  .order .product-view .container .info.right .expand {
    right: -28px; }

.order .product-view .container .info .panel {
  position: absolute;
  top: -10px;
  left: -40px;
  width: 0;
  height: 0;
  background: #FFF;
  opacity: 0;
  z-index: 2;
  overflow: hidden; }
  .order .product-view .container .info .panel.show {
    width: 350px;
    min-height: 250px;
    opacity: 0.97; }
  .order .product-view .container .info.left .panel {
    padding-top: 90px;
    text-align: center;
    color: #000;
    font-size: 16px; }
  .order .product-view .container .info.right .panel {
    left: auto;
    right: -40px;
    text-align: right; }
  .order .product-view .container .info.center .panel {
    margin-top: -10px;
    padding: 125px 20px 20px 20px;
    left: 0;
    right: auto;
    width: 100%;
    height: auto;
    min-height: revert;
    max-height: revert;
    display: block;
    z-index: -1;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

.order .product-view .container .info.right .panel table {
  width: 100%; }
  .order .product-view .container .info.right .panel table:first-of-type {
    margin-top: 75px; }

.order .product-view .container .info.right .panel table td {
  padding: 3px;
  z-index: 2;
  color: #000;
  font-size: 16px;
  background: #FFF; }
  .order .product-view .container .info.right .panel table tr td:last-of-type {
    padding-right: 17px; }
  .order .product-view .container .info.right .panel table tr:nth-child(even) td {
    background: #F8F8F8; }

.order .product-view .container .info.right .warnings {
  display: none;
  float: right;
  margin-top: 20px;
  padding: 4px 8px 4px 8px;
  background: #cc3333;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
  z-index: 12;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 900px) {
    .order .product-view .container .info.right .warnings {
      float: none;
      margin-top: 0;
      padding: inherit;
      font-weight: 500; }
      .order .product-view .container .info.right .warnings.pulse {
        animation: none; } }
  .order .product-view .container .info.right .warnings.show {
    display: block; }

.dtf-gang-builder-help {
  display: block;
  overflow: auto;
  max-height: fit-content;
  text-wrap: auto;
  border: 1px solid black;
  background: antiquewhite;
  position: absolute;
  top: 15rem;
  filter: drop-shadow(black 5px 5px 5px); }
  .dtf-gang-builder-help h1 {
    text-align: center;
    margin-top: 0.5rem; }
  .dtf-gang-builder-help p {
    margin: 0.5rem; }

.order .product-preview {
  position: absolute;
  padding: 150px 30px 130px 30px;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order.sheet-view.preview .product-preview {
    opacity: 1;
    pointer-events: auto; }
  .order:not(.sheet-view).preview .product-preview {
    display: none; }
  .order.image-zone .product-preview {
    padding-left: 330px; }
    @media all and (max-width: 960px) {
      .order.image-zone .product-preview {
        padding-left: 30px; } }

.order .product-preview .product-preview-pos {
  position: relative;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%; }

.order .product-preview .product-container {
  position: absolute;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  vertical-align: top;
  white-space: nowrap;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-preview .product-container .sheet {
  position: relative;
  display: inline-block;
  margin: 0 20px 0 20px;
  background: #fff;
  border: 1px solid #666;
  transform-style: preserve-3d;
  opacity: 1;
  z-index: 2;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-preview .product-container .sheet.selected {
    opacity: 1; }
  .order .product-preview .product-container .sheet.template {
    display: none; }
  @media (max-width: 900px) {
    .order .product-preview .product-container .sheet {
      top: 64px; } }
  .order .product-preview .product-container .sheet .score-and-fold-line {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: none;
    width: 1px;
    height: 100%;
    box-sizing: border-box;
    border: 2px dashed darkred;
    animation: colorchange-darkred 5s infinite; }
    .order .product-preview .product-container .sheet .score-and-fold-line.show {
      display: block; }

@keyframes colorchange-darkred {
  0% {
    border: 2px dashed white; }
  25% {
    border: 2px dashed darkred; }
  50% {
    border: 2px dashed white; }
  70% {
    border: 2px dashed darkred; }
  100% {
    border: 2px dashed white; } }

.order .product-preview .product-container .sign-container {
  position: relative;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%; }

.order .product-preview .product-container .sheet .stack {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none; }
  .order .product-preview .product-container .sheet.stack .stack {
    display: block; }

.order .product-preview .product-container .sheet .stack .tier-1 .bottom {
  position: absolute;
  left: 10px;
  bottom: -10px;
  width: 100%;
  height: 9px;
  background: #eee;
  border: 1px solid #999;
  border-top: none;
  opacity: 0.8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-preview .product-container .sheet .stack .tier-1 .right {
  position: absolute;
  right: -11px;
  top: 10px;
  width: 10px;
  height: 100%;
  background: #eee;
  border: 1px solid #999;
  border-left: none;
  opacity: 0.8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-preview .product-container .sheet .stack .tier-2 .bottom {
  position: absolute;
  left: 20px;
  bottom: -20px;
  width: 100%;
  height: 10px;
  background: #e9e9e9;
  border: 1px solid #999;
  border-top: none;
  opacity: 0.65;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-preview .product-container .sheet .stack .tier-2 .right {
  position: absolute;
  right: -21px;
  top: 20px;
  width: 10px;
  height: 100%;
  background: #f1f1f1;
  border: 1px solid #999;
  border-left: none;
  opacity: 0.65;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-preview .product-container .sheet .sign {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  opacity: 1;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-preview .product-container .sheet .sign.selected {
    opacity: 1; }

.order .product-preview .product-container .sheet .sign .image-container {
  transform-style: preserve-3d;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.order .product-preview .product-container .sheet .sign .image {
  backface-visibility: hidden;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none; }

.order .product-preview .product-container .sheet .sign .image-front {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #666;
  background: center center no-repeat;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg); }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order .product-preview .product-container .sheet .sign .image-front {
      /* IE */
      -webkit-backface-visibility: visible;
      -moz-backface-visibility: visible;
      -o-backface-visibility: visible;
      -ms-backface-visibility: visible;
      backface-visibility: visible; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order .product-preview .product-container .sheet.flip-horizontal .image-front,
    .order .product-preview .product-container .sheet.flip-vertical .image-front {
      /* IE */
      display: none; } }

.order .product-preview .product-container .sheet .sign .image-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #666;
  background: center center no-repeat;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg); }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order .product-preview .product-container .sheet .sign .image-back {
      /* IE */
      -webkit-backface-visibility: visible;
      -moz-backface-visibility: visible;
      -o-backface-visibility: visible;
      -ms-backface-visibility: visible;
      backface-visibility: visible; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order .product-preview .product-container .sheet:not(.flip-horizontal):not(.flip-vertical) .image-back {
      /* IE */
      display: none; } }

.order .product-preview .product-container .sheet .controls {
  position: absolute;
  padding-top: 5px;
  left: 0;
  bottom: -25px;
  width: 100%;
  min-width: 200px;
  height: 25px;
  text-align: center;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-preview .product-container .sheet.stack .controls {
    bottom: -45px; }
  .order .product-preview .product-container .sheet.flip-horizontal .controls {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }

.order .product-preview .product-container .sheet .stats {
  position: absolute;
  left: 0;
  top: -30px;
  width: 100%;
  height: 25px;
  text-align: left;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-preview .product-container .sheet.flip-horizontal .stats {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }

.order .product-preview .product-container .sheet .left-marker {
  transform: rotate(-90deg) translateZ(0);
  position: absolute;
  top: 50%;
  left: -40px; }

.order .product-preview .product-container .sheet .right-marker {
  transform: rotate(90deg) translateZ(0);
  position: absolute;
  top: 50%;
  right: -45px; }

.order .product-preview .product-container .sheet.flip-horizontal .right-marker {
  transform: rotate(-90deg) rotateY(-180deg) translateZ(0);
  position: absolute;
  top: 50%;
  left: -45px;
  right: initial; }

.order .product-preview .product-container .sheet.flip-horizontal .left-marker {
  transform: rotate(90deg) rotateY(-180deg) translateZ(0);
  position: absolute;
  top: 50%;
  right: -40px;
  left: initial; }

.order .product-preview .product-container .sheet .stats .sheet-qty {
  opacity: 0;
  padding: 5px 12px 4px 12px;
  min-width: 24px;
  border-radius: 100px;
  background: #ffdd00;
  font-family: 'Avenir Next', sans-serif;
  color: #000;
  font-weight: bold;
  z-index: 10;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-preview .product-container .sheet.stack .stats .sheet-qty {
    opacity: 1; }

.order .product-preview .product-container .sheet .back-side {
  display: none; }
  .order .product-preview .product-container .sheet.flip-horizontal .back-side {
    display: inline; }

.order .product-preview .product-container .sheet.flip-horizontal .front-side {
  display: none; }

.view .container #product.valid .cutFileWrapper, .view .container .valid.flipped .product.flip-horizontal .cutFileWrapper, .sign-container .image-back .cutFileWrapper, .sign-container .selected .image-front .cutFileWrapper, .sign-container .selected .image-back .cutFileWrapper {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  display: flex;
  justify-content: center;
  pointer-events: none; }

.order .container.view #product {
  display: flex;
  display: -webkit-flex;
  position: relative;
  width: auto;
  height: auto;
  transform-style: flat;
  -webkit-align-self: center;
  -moz-align-self: center;
  -o-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: width 200ms, height 200ms; }
  .order .container.view #product:not(.valid) {
    width: 500px;
    height: 330px;
    background: #f7f7f7;
    border: 2px dashed #9d9d9d;
    box-shadow: none; }
  .order .container.view #product.hide {
    display: none; }
  .order .container.view #product.error {
    border: 4px solid #cc3333;
    color: #cc3333 !important; }
  .order .container.view:not(.valid).target #product {
    width: 960px;
    height: 400px; }
  @media (max-width: 900px) {
    .order .container.view #product {
      top: 36px; } }

.order .container.view #product:not(.flipped) .controls .front-side {
  display: block; }

.order .container.view #product.flipped .controls .front-side {
  display: none; }

.order .container.view #product:not(.flipped) .controls .back-side {
  display: none; }

.order .container.view #product.flipped .controls .back-side {
  display: block; }

.order .container.view #product .flip {
  position: absolute;
  padding: 5px;
  left: 20px;
  bottom: -60px;
  cursor: pointer;
  background: none;
  opacity: 0;
  z-index: 6;
  white-space: nowrap;
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -o-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  transform: translateZ(1px); }
  .order.sheet-view.preview #product .flip {
    display: none; }
  .order .container.view #product.valid .flip {
    opacity: 1; }
  .order .container.view #product.narrow .flip {
    left: -50px; }

.order .container.view #product.narrow .flip .label {
  display: none; }

.order .container.view #product .controls {
  position: absolute;
  padding: 5px;
  left: 50%;
  bottom: -70px;
  background: none;
  opacity: 0;
  z-index: 6;
  white-space: nowrap;
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -o-transform: translateZ(1px);
  -ms-transform: translateZ(1px);
  transform: translateZ(1px);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  .order .container.view #product.valid .controls {
    opacity: 1; }

.order .container.view #product.valid .label {
  display: block;
  float: left;
  margin-left: -15px;
  opacity: 0;
  vertical-align: bottom; }
  .order .container.view #product.valid:hover .label {
    margin-left: 10px;
    opacity: 1; }

.order .container.view #product .top-of-image {
  position: absolute;
  left: 50%;
  top: -50px;
  width: 100%;
  font-weight: bold;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  .order #product:not(.valid) .top-of-image {
    display: none; }
  .order.sheet-view #product .top-of-image {
    display: none; }

.order .container.view #product .top-of-image .arrow-down {
  width: 35px;
  height: 12px; }

.order .container.view #product .product-warning {
  position: absolute;
  top: -80px;
  right: 0;
  padding: 1px;
  border: dashed 1px red;
  color: red;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  max-width: 100%; }
  @media screen and (min-width: 641px) {
    .order .container.view #product .product-warning {
      margin-top: 5px; } }
  @media (min-aspect-ratio: 720 / 994) and (min-width: 641px) {
    .order .container.view #product .product-warning {
      -webkit-transform: translate(0, 20%);
      -moz-transform: translate(0, 20%);
      -o-transform: translate(0, 20%);
      -ms-transform: translate(0, 20%);
      transform: translate(0, 20%);
      right: 0;
      max-width: 100%;
      margin: 0;
      padding: 2px;
      border: dashed 2px red; } }
  @media (min-aspect-ratio: 1455 / 950) {
    .order .container.view #product .product-warning {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      top: 0px;
      left: -200px;
      margin: 0;
      max-width: 150px;
      padding: 2px;
      font-weight: 700;
      font-size: inherit;
      border: dashed 2px red; } }

.order .container.view #product .dimensions {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  body:not(.agent-firefox) .order .container.view #product .dimensions.zoom-out {
    opacity: 0.5;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    -webkit-transform: scale(0.92, 0.92);
    -moz-transform: scale(0.92, 0.92);
    -o-transform: scale(0.92, 0.92);
    -ms-transform: scale(0.92, 0.92);
    transform: scale(0.92, 0.92); }
  .order.sheet-view.preview #product .dimensions {
    display: none; }

.order .container.view #product .dimensions .dim {
  display: none;
  position: absolute;
  min-width: 27px;
  min-height: 27px;
  font-family: 'Inconsolata', sans-serif;
  font-size: 16px;
  color: #666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product .dimensions .dim.top {
    top: -33px;
    width: 100%;
    border-left: 1px dashed #666;
    border-right: 1px dashed #666;
    background: url("../images/arrows/dim-left.png") top left no-repeat, url("../images/arrows/dim-right.png") top right no-repeat, url("../images/arrows/dim-width.png") top left repeat-x; }
  .order .container.view #product .dimensions .dim.right {
    right: -33px;
    top: 0;
    height: 100%;
    border-top: 1px dashed #666;
    border-bottom: 1px dashed #666;
    background: url("../images/arrows/dim-top.png") top left no-repeat, url("../images/arrows/dim-bottom.png") bottom left no-repeat, url("../images/arrows/dim-height.png") top left repeat-y; }
  .order .container.view #product .dimensions .dim.bottom {
    left: 0;
    bottom: -33px;
    width: 100%;
    border-left: 1px dashed #666;
    border-right: 1px dashed #666;
    background: url("../images/arrows/dim-left.png") top left no-repeat, url("../images/arrows/dim-right.png") top right no-repeat, url("../images/arrows/dim-width.png") top left repeat-x; }
  .order .container.view #product .dimensions .dim.left {
    left: -33px;
    top: 0;
    height: 100%;
    border-top: 1px dashed #666;
    border-bottom: 1px dashed #666;
    background: url("../images/arrows/dim-top.png") top left no-repeat, url("../images/arrows/dim-bottom.png") bottom left no-repeat, url("../images/arrows/dim-height.png") top left repeat-y; }
  .order .container.view #product.valid .dimensions .dim {
    display: block;
    z-index: 0; }

.noBorder {
  border: none !important; }

.order .container.view #product.valid .dimensions .dim .value {
  display: block;
  position: absolute;
  padding: 0 8px 0 8px;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  text-align: center;
  background: #f7f7f7;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .order .container.view #product.valid .dimensions .dim .value:after {
    content: '"'; }
  .order .container.view #product .dimensions .dim.right .value {
    -webkit-transform: rotate(-90deg) translate(-50%, -50%);
    -moz-transform: rotate(-90deg) translate(-50%, -50%);
    -o-transform: rotate(-90deg) translate(-50%, -50%);
    -ms-transform: rotate(-90deg) translate(-50%, -50%);
    transform: rotate(-90deg) translate(-50%, -50%); }
  .order .container.view #product .dimensions .dim.left .value {
    -webkit-transform: rotate(90deg) translate(-50%, -50%);
    -moz-transform: rotate(90deg) translate(-50%, -50%);
    -o-transform: rotate(90deg) translate(-50%, -50%);
    -ms-transform: rotate(90deg) translate(-50%, -50%);
    transform: rotate(90deg) translate(-50%, -50%); }

.order .container.view #product .grommet-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background: #fff;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product:hover .grommet-cover.show {
    opacity: 0.95; }

.order .container.view #product .grommet-prompt {
  position: absolute;
  padding: 15px;
  left: 50%;
  top: 50%;
  text-align: center;
  pointer-events: none;
  z-index: 10;
  background: rgba(255, 255, 255, 0.75);
  font-size: 20px;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.order .grommet-controls {
  display: block;
  position: absolute;
  padding: 8px 4px 0 0;
  left: 50%;
  bottom: -41px;
  width: 100%;
  min-width: 480px;
  height: 0;
  opacity: 0;
  z-index: 10;
  pointer-events: none;
  text-align: center;
  background: #f7f7f7;
  transform-style: preserve-3d;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product.valid .grommet-controls.show {
    height: 40px;
    opacity: 1;
    pointer-events: auto; }
  .order .grommet-controls.coro {
    bottom: -61px; }
    .order .grommet-controls.coro.show {
      height: 40px;
      opacity: 1;
      pointer-events: auto; }

.order .grommet-controls p {
  margin: 15px 0 15px 0;
  font-size: 20px;
  font-weight: bold; }

.order .grommet-controls select {
  margin-left: 5px;
  padding: 2px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 14px; }
  .order .grommet-controls select:first-of-type {
    margin-left: 10px; }
  .order .grommet-controls select.custom {
    padding: 3px 0 3px 0;
    max-width: 0;
    display: none; }
  .order .grommet-controls select.custom.show {
    padding: 3px;
    max-width: 999px;
    display: inline-block; }

.order .grommet-controls .button {
  display: inline-block;
  padding: 4px 8px 4px 8px;
  border: none;
  font-size: 14px;
  color: #fff;
  background: #33cc33;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .container.view #product.valid .grommets {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  transform-style: preserve-3d;
  -webkit-transform: translate3D(0, 0, 1.5px);
  -moz-transform: translate3D(0, 0, 1.5px);
  -o-transform: translate3D(0, 0, 1.5px);
  -ms-transform: translate3D(0, 0, 1.5px);
  transform: translate3D(0, 0, 1.5px);
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  -o-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible; }
  .order .container.view #product.valid .grommets.show {
    display: block; }

.order .container.view #product.valid .product.flip-horizontal .grommets {
  -webkit-transform: translate3D(0, 0, -1.5px);
  -moz-transform: translate3D(0, 0, -1.5px);
  -o-transform: translate3D(0, 0, -1.5px);
  -ms-transform: translate3D(0, 0, -1.5px);
  transform: translate3D(0, 0, -1.5px); }

.order .container.view #product .grommets.standoffs {
  transform: translateZ(3px); }
  .order .container.view #product .grommets.standoffs .grommet {
    background: #f7f7f7 url("../images/icons/standoff.svg") no-repeat; }

.order .container.view #product .grommets.standoffs.standoffs-black .grommet {
  background: #f7f7f7 url("../images/icons/standoff-black.svg") no-repeat; }

.order .container.view #product.valid .grommet {
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100px;
  background: #f7f7f7 url("../images/icons/grommet.svg") no-repeat;
  background-size: 100% 100%;
  transform-style: preserve-3d;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  -o-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product.valid .grommet.small {
    background: #000 none;
    border: 2px solid #fff; }
  .order .container.view #product.valid .grommet.cursor {
    display: none;
    border-color: #fff;
    background: #33cc33;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .order .container.view #product.valid .grommet:not(.cursor):hover {
    border-color: #cc3333;
    background: #cc3333; }

.order .container.view #product.valid:hover .grommet.cursor.show {
  display: block; }

.order .container.view #product .grommet.cursor .marker {
  display: none; }

.order .container.view #product.valid .grommet.cursor .marker {
  display: block;
  position: absolute;
  padding: 5px;
  z-index: 10;
  right: -10px;
  top: -10px;
  width: auto;
  height: 35px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #666;
  font-family: 'Inconsolata', sans-serif;
  font-size: 12px;
  white-space: nowrap;
  -webkit-transform: translate(100%, -100%);
  -moz-transform: translate(100%, -100%);
  -o-transform: translate(100%, -100%);
  -ms-transform: translate(100%, -100%);
  transform: translate(100%, -100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .container.view #product.valid .product.flip-horizontal .grommet.cursor .marker {
  -webkit-transform: rotateY(180deg) translate(-100%, -100%);
  -moz-transform: rotateY(180deg) translate(-100%, -100%);
  -o-transform: rotateY(180deg) translate(-100%, -100%);
  -ms-transform: rotateY(180deg) translate(-100%, -100%);
  transform: rotateY(180deg) translate(-100%, -100%); }

.order .container.view #product .splits-control {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: -41px;
  width: 100%;
  min-width: 650px;
  height: 0;
  opacity: 0;
  z-index: 10;
  pointer-events: none;
  text-align: center;
  background: #f7f7f7;
  transform-style: preserve-3d;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product .splits-control .splits-direction-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-wrap: wrap; }
  .order .container.view #product .splits-control .splits-cutlines-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-wrap: wrap; }
  .order .container.view #product .splits-control .split-cutline-change-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-wrap: wrap; }
    .order .container.view #product .splits-control .split-cutline-change-container .split-cutline-change-controls {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
      .order .container.view #product .splits-control .split-cutline-change-container .split-cutline-change-controls .split-cutline-change {
        margin: 0 5px;
        padding: 0 5px;
        border: none;
        font-size: 14px;
        color: #fff;
        background: #33cc33;
        cursor: pointer; }
    .order .container.view #product .splits-control .split-cutline-change-container .split-cutline-position {
      min-width: 50px; }
  .order .container.view #product .splits-control .split-message-display {
    display: none; }
    .order .container.view #product .splits-control .split-message-display.show {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      position: absolute;
      padding: 5px;
      bottom: -41px;
      width: 100%;
      min-width: 550px; }
    .order .container.view #product .splits-control .split-message-display.message {
      background-color: white; }
    .order .container.view #product .splits-control .split-message-display.error {
      background-color: red;
      color: white; }
  .order .container.view #product.valid .splits-control.show {
    height: 40px;
    opacity: 1;
    pointer-events: auto; }

.order .container.view #product .welding {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  opacity: 0;
  z-index: 3;
  pointer-events: none;
  -webkit-perspective: 8000;
  -moz-perspective: 8000;
  -o-perspective: 8000;
  -ms-perspective: 8000;
  perspective: 8000;
  -webkit-transform: translate3D(0, 0, -1px);
  -moz-transform: translate3D(0, 0, -1px);
  -o-transform: translate3D(0, 0, -1px);
  -ms-transform: translate3D(0, 0, -1px);
  transform: translate3D(0, 0, -1px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product.valid .welding.show {
    opacity: 1; }

.order .container.view #product.valid .welding .flap {
  position: absolute;
  background: #fff;
  border: 1px solid #666;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order .container.view #product.valid .welding .flap {
      background: none; } }
  .order .container.view #product.valid .welding.show .flap.top {
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 3;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }
  .order .container.view #product.valid .welding.show .flap.right {
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 2;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%; }
  .order .container.view #product.valid .welding.show .flap.bottom {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    z-index: 2;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  .order .container.view #product.valid .welding.show .flap.left {
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 2;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }
  .order .container.view #product.valid .welding.show.animate .flap.top {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg); }
  .order .container.view #product.valid .welding.show.animate .flap.right {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .order .container.view #product.valid .welding.show.animate .flap.bottom {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform: rotateX(-180deg); }
  .order .container.view #product.valid .welding.show.animate .flap.left {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }

.order .container.view #product.valid .welding .flap .image-back {
  position: absolute; }
  .order .container.view #product.valid .welding.show .flap.top .image-back {
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .order .container.view #product.valid .welding.show .flap.right .image-back {
    left: 0;
    top: 0; }
  .order .container.view #product.valid .welding.show .flap.bottom .image-back {
    top: 0;
    left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .order .container.view #product.valid .welding.show .flap.left .image-back {
    right: 0;
    top: 0; }

.order .container.view #product.valid .border-outer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed #c6c6c6;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product.valid .grommet-cover .border-outer {
    border: none; }
  .order .container.view #product.valid .left-right .border-outer {
    border-top: none;
    border-bottom: none; }
  .order .container.view #product.valid .left .border-outer {
    border-top: none;
    border-right: none;
    border-bottom: none; }
  .order .container.view #product.valid .right .border-outer {
    border-top: none;
    border-bottom: none;
    border-left: none; }
  .order .container.view #product.valid .top-bottom .border-outer {
    border-left: none;
    border-right: none; }
  .order .container.view #product.valid .top .border-outer {
    border-left: none;
    border-bottom: none;
    border-right: none; }
  .order .container.view #product.valid .bottom .border-outer {
    border-top: none;
    border-left: none;
    border-right: none; }

.order .container.view #product.valid .border-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed #fff;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product.valid .grommet-cover .border-inner {
    border: none; }
  .order .container.view #product.valid .left-right .border-inner {
    border-top: none;
    border-bottom: none; }
  .order .container.view #product.valid .left .border-inner {
    border-top: none;
    border-right: none;
    border-bottom: none; }
  .order .container.view #product.valid .right .border-inner {
    border-top: none;
    border-bottom: none;
    border-left: none; }
  .order .container.view #product.valid .top-bottom .border-inner {
    border-left: none;
    border-right: none; }
  .order .container.view #product.valid .top .border-inner {
    border-left: none;
    border-bottom: none;
    border-right: none; }
  .order .container.view #product.valid .bottom .border-inner {
    border-top: none;
    border-left: none;
    border-right: none; }

.order .container.view #product .pole-pockets {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 5;
  pointer-events: none;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-perspective: 8000;
  -moz-perspective: 8000;
  -o-perspective: 8000;
  -ms-perspective: 8000;
  perspective: 8000; }
  .order .container.view #product.valid .pole-pockets.show {
    opacity: 1; }

.order .container.view #product .pole-pockets .pocket {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product .pole-pockets .pocket.left {
    top: 0;
    left: 0;
    width: 80px;
    height: 100%; }
  .order .container.view #product .pole-pockets .pocket.right {
    top: 0;
    right: 0;
    width: 80px;
    height: 100%; }
  .order .container.view #product .pole-pockets .pocket.top {
    top: 0;
    left: 0;
    width: 100%;
    height: 80px; }
  .order .container.view #product .pole-pockets .pocket.bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order .container.view #product .pole-pockets .pocket {
      /* IE */ }
      .order .container.view #product .pole-pockets .pocket .order .container.view #product .pole-pockets .pocket {
        background: none; } }
  .order .container.view #product .pole-pockets.left .pocket.left,
  .order .container.view #product .pole-pockets.left-right .pocket.left {
    visibility: visible; }
  .order .container.view #product .pole-pockets.right .pocket.right,
  .order .container.view #product .pole-pockets.left-right .pocket.right {
    visibility: visible; }
  .order .container.view #product .pole-pockets.top .pocket.top,
  .order .container.view #product .pole-pockets.top-bottom .pocket.top {
    visibility: visible; }
  .order .container.view #product .pole-pockets.bottom .pocket.bottom,
  .order .container.view #product .pole-pockets.top-bottom .pocket.bottom {
    visibility: visible; }

.order .container.view #product .pole-pockets .pocket-back {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view #product .pole-pockets .pocket-back.left {
    top: 0;
    left: -80px;
    width: 80px;
    height: 100%;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    border-left: 1px solid #666; }
  .order .container.view #product .pole-pockets .pocket-back.right {
    top: 0;
    width: 80px;
    height: 100%;
    right: -80px;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    border-right: 1px solid #666; }
  .order .container.view #product .pole-pockets .pocket-back.top {
    left: 0;
    width: 100%;
    height: 80px;
    top: -80px;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    border-top: 1px solid #666; }
  .order .container.view #product .pole-pockets .pocket-back.bottom {
    left: 0;
    width: 100%;
    height: 80px;
    bottom: -80px;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    border-bottom: 1px solid #666; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order .container.view #product .pole-pockets .pocket-back {
      /* IE */ }
      .order .container.view #product .pole-pockets .pocket-back .order .container.view #product .pole-pockets .pocket-back {
        background: none; } }
  .order .container.view #product .pole-pockets.left .pocket-back.left,
  .order .container.view #product .pole-pockets.left-right .pocket-back.left {
    visibility: visible; }
  .order .container.view #product .pole-pockets.right .pocket-back.right,
  .order .container.view #product .pole-pockets.left-right .pocket-back.right {
    visibility: visible; }
  .order .container.view #product .pole-pockets.animate .pocket-back.left {
    -webkit-transform: rotateY(-179deg);
    -moz-transform: rotateY(-179deg);
    -o-transform: rotateY(-179deg);
    -ms-transform: rotateY(-179deg);
    transform: rotateY(-179deg); }
  .order .container.view #product .pole-pockets.animate .pocket-back.right {
    -webkit-transform: rotateY(179deg);
    -moz-transform: rotateY(179deg);
    -o-transform: rotateY(179deg);
    -ms-transform: rotateY(179deg);
    transform: rotateY(179deg); }
  .order .container.view #product .pole-pockets.animate .pocket-back.top {
    -webkit-transform: rotateX(179deg);
    -moz-transform: rotateX(179deg);
    -o-transform: rotateX(179deg);
    -ms-transform: rotateX(179deg);
    transform: rotateX(179deg); }
  .order .container.view #product .pole-pockets.animate .pocket-back.bottom {
    -webkit-transform: rotateX(-179deg);
    -moz-transform: rotateX(-179deg);
    -o-transform: rotateX(-179deg);
    -ms-transform: rotateX(-179deg);
    transform: rotateX(-179deg); }
  .order .container.view #product .pole-pockets.top .pocket-back.top,
  .order .container.view #product .pole-pockets.top-bottom .pocket-back.top {
    visibility: visible; }
  .order .container.view #product .pole-pockets.bottom .pocket-back.bottom,
  .order .container.view #product .pole-pockets.top-bottom .pocket-back.bottom {
    visibility: visible; }

.order .container.view #product .pole-pockets .pocket-back .image-back {
  position: absolute; }
  .order .container.view #product .pole-pockets .pocket-back.left .image-back {
    right: 0;
    top: 0; }
  .order .container.view #product .pole-pockets .pocket-back.right .image-back {
    left: 0;
    top: 0; }
  .order .container.view #product .pole-pockets .pocket-back.top .image-back {
    left: 0;
    bottom: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .order .container.view #product .pole-pockets .pocket-back.bottom .image-back {
    left: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.order.sheet-view.preview #product .assistance {
  display: none; }

.order.sheet-view.preview #product .target-zones {
  display: none; }

.order .container.view #product.valid .rope {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none; }

.order .container.view #product.valid .rope .top {
  display: none;
  position: absolute;
  top: 10px;
  width: 60px;
  height: 12px;
  background: url("../images/rope2.png") repeat-x; }
  .order .container.view #product.valid .rope .top.top-left {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  .order .container.view #product.valid .rope .top.top-right {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }

.order .container.view #product.valid .rope.top .top,
.order .container.view #product.valid .rope.top-bottom .top {
  display: block; }

.order .container.view #product.valid .rope .bottom {
  display: none;
  position: absolute;
  bottom: 10px;
  width: 60px;
  height: 12px;
  background: url("../images/rope2.png") repeat-x; }
  .order .container.view #product.valid .rope .bottom.bottom-left {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  .order .container.view #product.valid .rope .bottom.bottom-right {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }

.order .container.view #product.valid .rope.top-bottom .bottom {
  display: block; }

.order .container.view #product.valid .rope.bottom .bottom {
  display: block; }

.order .container.view #product .product {
  padding: 1px;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  pointer-events: none;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: transform 200ms ease-in-out; }
  .order .container.view #product .product.transform-style-flat {
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -o-transform-style: flat;
    -ms-transform-style: flat;
    transform-style: flat; }
  .order .container.view #product.valid .product {
    border: 1px solid #666;
    pointer-events: auto; }
  .order:not(.preview) .container.view #product.valid .product {
    box-shadow: 0 0 8px #ddd; }

.order .container.view #product .image-container {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: #fff center center no-repeat;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  .order .container.view #product .image-container.front {
    z-index: 2;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    -ms-transform: translateZ(1px);
    transform: translateZ(1px); }
  .order .container.view #product .image-container.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .order .container.view #product .image-container {
      /* ie only */ }
      .order .container.view #product .image-container .order .container.view #product.valid .product.flip-horizontal .image-container.front,
      .order .container.view #product .image-container .order .container.view #product.valid .product.flip-vertical .image-container.front {
        display: none; }
      .order .container.view #product .image-container .order .container.view #product.valid .product:not(.flip-horizontal):not(.flip-vertical) .image-container.back {
        display: none; } }
  .order .container.view:not(.valid) #product .image-container {
    opacity: 0; }

#png-background-front, #png-background-back {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url("../images/Png_BG.jpg");
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  border-radius: inherit; }

.order .container.view #product .product:not([class^="flip"]) .image-container.front.png-background {
  background-color: transparent;
  z-index: 2; }
  .order .container.view #product .product:not([class^="flip"]) .image-container.front.png-background + #png-background-front {
    z-index: 1;
    display: block; }

.order .container.view #product .product:not([class^="flip"]) .image-container.back.png-background {
  background-color: #FFF;
  z-index: initial; }
  .order .container.view #product .product:not([class^="flip"]) .image-container.back.png-background + #png-background-back {
    z-index: initial;
    display: none; }

.order .container.view #product .product.flip-horizontal .image-container.front.png-background,
.order .container.view #product .product.flip-vertical .image-container.front.png-background {
  background-color: #FFF;
  z-index: initial; }
  .order .container.view #product .product.flip-horizontal .image-container.front.png-background + #png-background-front,
  .order .container.view #product .product.flip-vertical .image-container.front.png-background + #png-background-front {
    display: none; }

.order .container.view #product .product.flip-horizontal .image-container.back.png-background,
.order .container.view #product .product.flip-vertical .image-container.back.png-background {
  background-color: transparent;
  z-index: 2; }
  .order .container.view #product .product.flip-horizontal .image-container.back.png-background + #png-background-back,
  .order .container.view #product .product.flip-vertical .image-container.back.png-background + #png-background-back {
    z-index: 1;
    display: block; }

.view .container .rounded-product {
  /* overflow: hidden; */
  /* instead of using overflow: hidden, using border-radius on images to strip around round corners
      because of CSS glitch https://stackoverflow.com/questions/32352582/ */
  position: relative; }

.view .container #product.valid .cutFileWrapper {
  transform: translateZ(2px); }

.view .container #product.valid .cutFileWrapper path {
  animation: cutFilePulse 5s infinite; }

.view .container #product.valid .safetyWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  transform: translateZ(2px);
  pointer-events: none;
  z-index: 2; }

.view .container #product.valid .safetyLine {
  height: 90%;
  width: 97%;
  align-self: center;
  animation: colorchange 5s infinite;
  transform: translateZ(1px); }

.view .container #product.valid .binderWrapper {
  width: 30px;
  height: 100%;
  position: absolute;
  transform: translateZ(2px); }
  .view .container #product.valid .binderWrapper .binderPreview {
    width: 100%;
    margin-left: -50%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-direction: column; }
    .view .container #product.valid .binderWrapper .binderPreview span {
      background-color: black;
      height: 3%;
      border: 1px solid white;
      animation: binderColorChange 5s infinite; }

@keyframes binderColorChange {
  0% {
    background-color: white;
    border: 1px solid black; }
  25% {
    background-color: black;
    border: 1px solid white; }
  50% {
    background-color: white;
    border: 1px solid black; }
  70% {
    background-color: black;
    border: 1px solid white; }
  100% {
    background-color: white;
    border: 1px solid black; } }

@keyframes cutFilePulse {
  0% {
    stroke: white; }
  25% {
    stroke: red; }
  50% {
    stroke: white; }
  75% {
    stroke: red; }
  100% {
    stroke: white; } }

@keyframes colorchange {
  0% {
    border: 2px dashed white; }
  25% {
    border: 2px dashed blue; }
  50% {
    border: 2px dashed white; }
  70% {
    border: 2px dashed blue; }
  100% {
    border: 2px dashed white; } }

.view .container .valid.flipped .product.flip-horizontal .cutFileWrapper {
  transform: scale(-1, 1) translateZ(-2px) !important; }

.view .container .valid.flipped .product.flip-horizontal .cutFileWrapper path {
  animation: cutFilePulse 5s infinite; }

.view .container .valid.flipped .product.flip-horizontal .safetyWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  transform: translateZ(-2px) !important; }
  .view .container .valid.flipped .product.flip-horizontal .safetyWrapper .safetyLine {
    height: 90%;
    width: 97%;
    align-self: center;
    animation: colorchange 5s infinite;
    transform: translateZ(-2px) !important; }

.view .container .valid.flipped .product.flip-horizontal .binderWrapper {
  transform: translateZ(-2px) !important; }

@keyframes cutFilePulse {
  0% {
    stroke: white; }
  25% {
    stroke: red; }
  50% {
    stroke: white; }
  75% {
    stroke: red; }
  100% {
    stroke: white; } }

@keyframes colorchange {
  0% {
    border: 2px dashed white; }
  25% {
    border: 2px dashed blue; }
  50% {
    border: 2px dashed white; }
  70% {
    border: 2px dashed blue; }
  100% {
    border: 2px dashed white; } }

.sign-container .image-back .cutFileWrapper {
  transform: scale(-1, 1) translateZ(-2px) !important; }

.sign-container .selected .image-front .cutFileWrapper {
  transform: translateZ(-2px) !important; }

.sign-container .selected .image-front .cutFileWrapper path {
  animation: cutFilePulse 5s infinite; }

.sign-container .selected .image-front .safetyWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  transform: translateZ(2px); }

.sign-container .selected .image-front .safetyLine {
  height: 90%;
  width: 97%;
  align-self: center;
  animation: colorchange 5s infinite;
  transform: translateZ(1px); }

@keyframes cutFilePulse {
  0% {
    stroke: white; }
  25% {
    stroke: red; }
  50% {
    stroke: white; }
  75% {
    stroke: red; }
  100% {
    stroke: white; } }

@keyframes colorchange {
  0% {
    border: 2px dashed white; }
  25% {
    border: 2px dashed blue; }
  50% {
    border: 2px dashed white; }
  70% {
    border: 2px dashed blue; }
  100% {
    border: 2px dashed white; } }

.sign-container .selected .image-back .cutFileWrapper {
  transform: scale(-1, 1) translateZ(-2px) !important; }

.sign-container .selected .image-back .cutFileWrapper path {
  animation: cutFilePulse 5s infinite; }

.sign-container .selected .image-back .safetyWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  transform: translateZ(2px); }

.sign-container .selected .image-back .safetyLine {
  height: 90%;
  width: 97%;
  align-self: center;
  animation: colorchange 5s infinite;
  transform: translateZ(1px); }

@keyframes cutFilePulse {
  0% {
    stroke: white; }
  25% {
    stroke: red; }
  50% {
    stroke: white; }
  75% {
    stroke: red; }
  100% {
    stroke: white; } }

@keyframes colorchange {
  0% {
    border: 2px dashed white; }
  25% {
    border: 2px dashed blue; }
  50% {
    border: 2px dashed white; }
  70% {
    border: 2px dashed blue; }
  100% {
    border: 2px dashed white; } }

.split-adhesive {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }

@keyframes selectedCutLinePulse {
  0% {
    border-color: white; }
  25% {
    border-color: red; }
  50% {
    border-color: white; }
  75% {
    border-color: red; }
  100% {
    border-color: white; } }
  .split-adhesive.hide {
    display: none; }
  .split-adhesive.show {
    display: flex;
    transform: translateZ(5px); }
  .split-adhesive .vertical-cutline {
    margin-top: -2px;
    border-top: red dashed 2px;
    height: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .split-adhesive .vertical-cutline.template {
      display: none; }
    .split-adhesive .vertical-cutline.selected {
      animation: selectedCutLinePulse 5s infinite; }
    .split-adhesive .vertical-cutline:hover {
      cursor: pointer; }
    .split-adhesive .vertical-cutline .cutline-drag-indicator {
      border-radius: 20px;
      width: 20px;
      height: 20px;
      background-color: red;
      position: relative;
      top: -10px;
      object-fit: fill;
      transform: rotate(90deg); }
  .split-adhesive .horizontal-cutline {
    margin-left: -2px;
    border-left: red dashed 2px;
    height: 100%;
    width: 0px;
    position: absolute;
    left: 0px;
    display: flex;
    align-items: center;
    pointer-events: auto; }
    .split-adhesive .horizontal-cutline.template {
      display: none; }
    .split-adhesive .horizontal-cutline.selected {
      animation: selectedCutLinePulse 5s infinite; }
    .split-adhesive .horizontal-cutline:hover {
      cursor: pointer; }
    .split-adhesive .horizontal-cutline .cutline-drag-indicator {
      border-radius: 10px;
      width: 20px;
      height: 20px;
      background-color: red;
      position: relative;
      left: -10px;
      object-fit: fill; }
  .split-adhesive .vertical-cutline-snap {
    margin-top: -2px;
    border-top: #33cc33 dashed 2px;
    height: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    display: none; }
    .split-adhesive .vertical-cutline-snap.show {
      display: flex;
      flex-direction: row;
      align-items: center;
      text-align: center;
      transform: translateZ(5px); }
    .split-adhesive .vertical-cutline-snap .snap-inches {
      background-color: white;
      border: black solid 1px;
      padding: 3px;
      transform: translateZ(6px); }
  .split-adhesive .horizontal-cutline-snap {
    margin-left: -2px;
    border-left: #33cc33 dashed 2px;
    height: 100%;
    width: 0px;
    position: absolute;
    left: 0px;
    display: none; }
    .split-adhesive .horizontal-cutline-snap.show {
      display: flex;
      flex-direction: row;
      align-items: center;
      text-align: center;
      transform: translateZ(5px); }
    .split-adhesive .horizontal-cutline-snap .snap-inches {
      background-color: white;
      border: black solid 1px;
      padding: 3px;
      transform: translateY(-25px); }

.order .product-list {
  display: none;
  position: absolute;
  margin-top: 50px;
  padding-top: 15px;
  padding-bottom: 90px;
  left: 15px;
  width: 300px;
  height: 100%;
  opacity: 0;
  z-index: 12;
  pointer-events: none;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: margin-top 100ms, opacity 100ms; }
  .order .product-list.scroll {
    width: 316px; }
  .order .product-list.show {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto; }
  .order.preview .product-list {
    display: block;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
    @media all and (max-width: 960px) {
      .order.preview .product-list {
        left: 50%;
        z-index: 100;
        padding-bottom: 15px !important;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }

.order .product-list .add-sign-container {
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  border: 3px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-list .sign-config {
  position: relative;
  margin-top: 400px;
  margin-left: 5px;
  opacity: 0;
  padding: 10px;
  width: 284px;
  min-width: 284px;
  max-width: 284px;
  border-bottom: 1px solid #ddd;
  font-family: 'Avenir Next', sans-serif;
  pointer-events: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-list .sign-config.setup {
    background: #f6f6f6; }
  .order .product-list .sign-config.setup.selected.valid {
    background: #d8ffda; }
  .order .product-list .sign-config.setup.selected:not(.valid) {
    background: #ffd8d8; }
  .order .product-list .sign-config:last-of-type {
    border-bottom: none; }
  .order .product-list .sign-config:not(.setup):hover {
    background: #f6f6f6; }
  .order .product-list .sign-config.hover:not(.setup) {
    background: #eee; }
  .order .product-list.show .sign-config {
    margin-top: 5px;
    opacity: 1;
    pointer-events: auto; }

.order .product-list .sign-config.setup:hover div {
  box-shadow: none; }

.order .product-list .sign-config.setup:hover .config .text {
  box-shadow: none; }

.order.preview .product-list .sign-config .config .manual-size-controls {
  margin-top: 6px; }

.order.preview .product-list .sign-config .config .manual-size-controls .preserve-flute-container {
  display: inline-block;
  margin: 10px 0 5px 0; }

.order.preview .product-list .sign-config .config .manual-size-controls .preserve-flute-container label {
  margin-right: 6px; }

.order .product-list .sign-config .config .manual-size-controls .size-container {
  display: inline-block;
  margin-right: 6px; }

.order .product-list .sign-config .config .manual-size-controls .size-container input {
  width: 45px; }
  .order .product-list .sign-config .config .manual-size-controls.disabled .size-container input {
    border: none;
    background: none; }

.order .product-list .sign-config .config .manual-size-controls.disabled .preserve-flute-container {
  display: none; }

.order.preview .product-list .sign-config .config .preset-sizes.text {
  width: 203px; }

.order:not(.sheet-view).preview .product-list .preset-sizes {
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 6px;
  width: 203px;
  font-size: 12px;
  opacity: 0;
  pointer-events: none; }

.order .product-list .sign-config .config {
  padding: 0 0 3px 0;
  font-size: 14px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-list .sign-config .config .text {
  margin-right: 2px;
  padding-left: 2px;
  width: 100px;
  border: 1px solid #ddd;
  font-size: 14px; }
  .order .product-list .sign-config .config .text:hover {
    border-color: #999; }
  .order .product-list .sign-config .config .text:focus {
    border-color: #999; }

.order .product-list .sign-config .config .switch-btn-container.hide {
  display: none; }

.order .product-list .sign-config .config .switch-btn {
  margin-bottom: 6px;
  min-width: 129px; }

.order .product-list .sign-config .sign-desc {
  width: 190px;
  padding: 0 0 10px 0;
  cursor: default;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-list .sign-config .sign-desc .setup-text {
  color: #cc3333;
  font-weight: bold;
  font-size: 20px; }
  .order .product-list .sign-config.valid .sign-desc .setup-text {
    color: #33cc33; }

.order .product-list .sign-config .config .sign-width,
.order .product-list .sign-config .config .sign-height {
  width: 35px; }

.order .product-list .sign-config .config .qty-container {
  display: inline-block;
  margin-right: 6px; }

.order .product-list .sign-config .config .qty-container .sign-qty {
  width: 43px; }

.order .product-list .add-sign-container .sign-config .config .disclaimer {
  margin-bottom: 6px;
  max-height: 0;
  font-size: 12px;
  font-weight: bold;
  color: #cc3333;
  opacity: 0;
  overflow: hidden; }
  .order .product-list .add-sign-container .sign-config.selected .config .disclaimer {
    max-height: 999px;
    opacity: 1;
    white-space: pre-wrap; }

.order .product-list .sign-config .sign-overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.8;
  z-index: 999; }

.order .product-list .sign-config .images {
  position: relative;
  padding: 0 0 10px 0;
  width: 100%;
  height: 110px; }

.order .product-list .sign-config .images .image {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  width: 128px;
  height: 95px;
  border: 1px solid #999;
  background: #f1f1f1;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }
  .order .product-list .sign-config .images .image.front.single {
    margin-left: 68px; }
  .order .product-list .sign-config .images .image.back {
    margin-right: 0; }
  .order .product-list .sign-config .images .image:not(.disabled):hover {
    border-color: #999; }
  .order .product-list .sign-config .images .image.disabled {
    opacity: 0;
    background: #eee;
    overflow: visible;
    pointer-events: none; }

.order .product-list .sign-config .images .image .title {
  position: absolute;
  padding: 4px;
  left: 0;
  top: -24px;
  width: 100%;
  font-size: 12px;
  color: #333;
  background: #fff;
  opacity: 0.9;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-list .sign-config .image:hover .title {
    top: 0; }
  .order .product-list .sign-config.single .image.back:hover .title {
    top: -24px; }
  .order .product-list .sign-config .image.disabled .title {
    display: none; }

.order .product-list .sign-config .images .image .prop {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .order .product-list .image.disabled .prop {
    display: none; }

.order .product-list .sign-config .images .image .prop .prompt {
  display: none; }
  .order .product-list .sign-config .image:not(.valid):not(.disabled) .prop .prompt {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #bbb;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.order .product-list .sign-config .images .image .disabled-msg {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  font-size: 12px;
  text-align: center;
  color: #bbb;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .order .product-list .sign-config .images .image.disabled .disabled-msg {
    display: block; }

.order .product-list .sign-config .images .image .cover {
  position: absolute;
  width: 0;
  height: 0;
  background-color: #fff;
  z-index: 98; }
  .order .product-list .sign-config .images .image .cover.top {
    left: 0;
    top: 0;
    width: 100%;
    height: 0; }
  .order .product-list .sign-config .images .image .cover.right {
    right: 0;
    top: 0;
    width: 0;
    height: 100%; }
  .order .product-list .sign-config .images .image .cover.bottom {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0; }
  .order .product-list .sign-config .images .image .cover.left {
    left: 0;
    top: 0;
    width: 0;
    height: 100%; }
  .order .product-list .image.disabled .cover {
    display: none; }

.order .product-list .sign-config .images .image .cover-center {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border: 1px dashed #fff;
  z-index: 99;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.order .product-list .sign-config .images .image img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 128px;
  max-height: 95px; }

.order .product-list .sign-config .images .image .copy-front {
  display: block;
  position: absolute;
  padding: 3px;
  left: 5px;
  bottom: 5px;
  width: 116px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 11px;
  border: none;
  color: #fff;
  background: #999;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-list .sign-config .images .image .copy-front.hide {
    opacity: 0;
    pointer-events: none; }
  .order .product-list .sign-config .images .image:not(.disabled):hover .copy-front {
    opacity: 1;
    pointer-events: auto; }
    .order .product-list .sign-config .images .image:not(.disabled):hover .copy-front.hide {
      opacity: 0;
      pointer-events: none; }

.order .product-list .sign-config .image-options {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.order .product-list .sign-config .image-option {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  width: 132px;
  text-align: center; }
  .order .product-list .sign-config .image-option.hide {
    display: none; }
  .order .product-list .sign-config .image-option.back {
    margin-right: 0; }
  .order .product-list .sign-config.images-match .image-option.front {
    width: 100%; }
  .order .product-list .sign-config.images-match .image-option.back {
    display: none; }
  .order .product-list .sign-config .image-options.single .image-option.back {
    display: none; }

.order .product-list .sign-config .image-option-both {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 5px;
  max-width: 268px;
  width: 100%;
  text-align: center; }

.order .product-list .sign-config .image-option-btn {
  display: inline-block;
  margin: 0 1px 1px 0;
  border: 1px solid #ddd;
  color: #999;
  width: 63px;
  height: 25px;
  background: #eee;
  cursor: pointer;
  font-family: 'Avenir Next', sans-serif;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .product-list .sign-config .image-option-btn.enabled {
    background: #ddd;
    border-color: #999;
    color: #000; }
  .order .product-list .sign-config .image-option-btn.enabled:hover {
    border-color: #000; }
  .order .product-list .sign-config .image-option-btn.double {
    height: 45px; }
  .order .product-list .sign-config .image-option-btn.selected {
    background: #48a842;
    border: none;
    color: #fff; }
  .order .product-list .sign-config .image-option-btn.delete {
    position: absolute;
    top: 7px;
    right: 10px; }
  .order .product-list .sign-config .image-option-btn.error {
    border-color: #cc3333; }
  .order .product-list .sign-config .image-option-btn.error:hover {
    border-color: #cc3333; }
  .order .product-list .sign-config.images-match .image-options .image-option.front .image-option-btn:first-of-type {
    margin-left: 70px; }
  .order .product-list .sign-config .image-option-both .image-option-btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100px; }
  .order .product-list .sign-config .image-option-both .image-option-btn.show {
    display: flex; }
  .order .product-list .sign-config .image-option-both .image-option-btn.enabled {
    display: flex;
    align-items: center;
    justify-content: center; }

.image-button-help-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: -15px;
  background-color: #9d9d9d;
  color: #ffffff;
  border-radius: 100%; }

.enabled .image-button-help-icon {
  display: none; }

.image-option-aspect {
  display: flex;
  flex-direction: row; }

.order .product-list .sign-config .sameasfront {
  position: absolute;
  padding-top: 0;
  left: 124px;
  top: 38px;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-color: #aaa;
  color: #fff;
  text-align: center;
  font-weight: bold;
  z-index: 1000;
  cursor: pointer; }
  .order .product-list .sign-config .sameasfront:hover {
    box-shadow: 2px 2px 1px #eee;
    background-color: #333; }
  .order .product-list .sign-config .sameasfront.selected {
    background-color: #48a842; }

.order .product-list .sign-config .sameasfront .equal {
  display: none; }
  .order .product-list .sameasfront.selected .equal {
    display: inline; }

.order .product-list .sign-config .sameasfront.selected .greater {
  display: none; }

.order .product-list .sign-config .image-desc {
  position: absolute;
  top: 98px;
  font-size: 12px; }
  .order .product-list .sign-config .image-desc.front {
    left: 0; }
  .order .product-list .sign-config .image-desc.front.single {
    margin-left: 68px; }
  .order .product-list .sign-config .image-desc.back {
    left: 137px; }
  .order .product-list .sign-config .image-desc.disabled {
    opacity: 0;
    pointer-events: none; }

.order .product-list .product-list-actions {
  display: none;
  position: absolute;
  padding: 10px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .product-list .product-list-actions .button {
  float: right;
  padding: 8px 15px 7px 15px;
  border: none;
  background: #f3d40e;
  color: #333;
  font-family: 'Avenir Next', sans-serif;
  font-size: 16px;
  cursor: pointer; }

.order .product-list .add-sign-container .sign-config .create-sign {
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .order .product-list .add-sign-container .sign-config:last-of-type .create-sign {
    display: block;
    position: absolute;
    margin-bottom: 5px;
    padding-top: 38px;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 100px;
    text-align: center;
    border: 2px dashed #ddd;
    cursor: pointer;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .order .product-list .add-sign-container .sign-config:last-of-type .create-sign:hover {
      border-color: #9d9d9d; }

.order .product-list .add-sign-container .sign-config .target-images-list {
  position: absolute;
  left: 0px;
  bottom: -150px;
  width: 100%;
  padding-bottom: 10px; }
  .order .product-list .add-sign-container .sign-config .target-images-list div {
    font-size: 16px;
    display: flex;
    justify-content: center; }
    .order .product-list .add-sign-container .sign-config .target-images-list div:hover {
      cursor: pointer; }
    .order .product-list .add-sign-container .sign-config .target-images-list div span {
      font-size: 20px;
      margin-right: 4px; }

.new-pane:first-child {
  background-color: #F7F7F7;
  height: 25px;
  align-items: center; }

.new-pane {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: space-around;
  width: 100%;
  height: 60px;
  color: #666;
  font-size: 16px;
  font-family: 'Avenir Next', sans-serif; }

.control.presets .new-pane {
  display: none; }

.flex-row {
  display: flex;
  justify-content: space-around;
  width: 100%; }

.width, .height {
  align-content: flex-start;
  width: 25%; }

#width_in, #height_in, #width_ft, #height_ft {
  border: 1px solid #a9a7a8;
  width: 4em;
  text-align: right;
  color: #666;
  font-size: 16px;
  font-family: 'Avenir Next', sans-serif; }

.order .control-container {
  position: absolute;
  padding: 10px;
  bottom: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  width: 100%;
  background: rgba(247, 247, 247, 0.7);
  z-index: 20;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -o-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media all and (max-width: 640px) {
    .order .control-container.show {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      overflow-x: hidden;
      overflow-y: auto; } }
  @media all and (max-width: 640px) {
    .order .control-container {
      position: absolute;
      background: #f7f7f7;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -o-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%); } }

.order .control-container .control {
  display: none;
  position: relative;
  margin: 5px;
  height: 55px;
  min-width: 150px;
  max-width: 300px;
  background: #FFF;
  cursor: pointer;
  font-family: 'Avenir Next', sans-serif;
  font-size: 18px;
  color: #000;
  text-align: left;
  z-index: 2;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -o-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .control-container .control.show {
    display: flex;
    display: -webkit-flex; }
    @media all and (max-width: 640px) {
      .order .control-container .control.show {
        min-width: 100% !important;
        width: 100% !important; } }
  .order .control-container .control.images {
    width: 300px;
    min-width: 300px;
    max-width: 300px; }
    .order .control-container .control.images .target-option-images {
      position: relative;
      width: 100%;
      display: flex;
      justify-content: center; }
      .order .control-container .control.images .target-option-images div {
        position: absolute;
        top: calc(0% - 1em - 15px);
        font-size: 16px;
        display: flex;
        align-items: center; }
        .order .control-container .control.images .target-option-images div span {
          font-size: 20px;
          margin-right: 4px; }
  .order .control-container .control.large {
    min-width: 220px; }
  .order .control-container .control.disabled {
    background: none;
    cursor: default; }
  .order .control-container .control.show.disabled {
    cursor: default; }
  .order .control-container .control.break {
    page-break-after: always; }
  .order .control-container .control:last-of-type {
    margin-right: 0; }
  .order .control-container .control.set {
    animation-name: heartBeat;
    animation-duration: 3s; }

@keyframes heartBeat {
  5% {
    transform: scale(1); }
  10% {
    transform: scale(1.1); }
  15% {
    transform: scale(1); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1); }
  40% {
    transform: scale(1); }
  45% {
    transform: scale(1.1); }
  50% {
    transform: scale(1); }
  55% {
    transform: scale(1.1); }
  60% {
    transform: scale(1); }
  70% {
    transform: scale(1); }
  75% {
    transform: scale(1.1); }
  80% {
    transform: scale(1); }
  85% {
    transform: scale(1.1); }
  90% {
    transform: scale(1); } }

.order .control-container .control .border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #9D9D9D;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .control-container .control.valid .border {
    border-color: #33cc33; }
  .order .control-container .control.error .border {
    border-color: #cc3333; }
  .order .control-container .control.disabled .border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    border: 3px solid #9D9D9D;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

.order .control-container .control .header-caption {
  position: absolute;
  left: 15px;
  top: 18px;
  font-family: 'Avenir Next', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #9D9D9D; }
  .order .control-container .control.valid .header-caption {
    color: #33cc33; }
  .order .control-container .control.error .header-caption {
    color: #cc3333; }
  .order .control-container .control:not(.disabled):hover .header-caption:not(.full) {
    opacity: 0; }
    @media all and (max-width: 640px) {
      .order .control-container .control:not(.disabled):hover .header-caption:not(.full) {
        opacity: 1; } }
  .order .control-container .control.disabled .header-caption {
    opacity: 0.4; }

.order .control-container .control .control-option-container {
  position: absolute;
  padding: 8px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media all and (max-width: 640px) {
    .order .control-container .control .control-option-container {
      right: 0;
      width: 66.66%; } }
  .order .control-container .control.disabled .control-option-container {
    opacity: 0.4; }

.order .control-container .control .control-option-container .control-option {
  position: relative;
  display: inline-block;
  float: right;
  padding: 10px 0 10px 0;
  margin-right: 2px;
  font-family: 'Avenir Next', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  background: #9D9D9D;
  color: #FFF;
  overflow: hidden;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: width 100ms; }
  .order .control-container .control .control-option-container .control-option:hover {
    background: #b8b6b7; }
  .order .control-container .control .control-option-container .control-option.valid {
    background: #33cc33; }
  .order .control-container .control .control-option-container .control-option.valid:hover {
    background: #36d936; }
  .order .control-container .control .control-option-container .control-option.error {
    background: #cc3333; }
  .order .control-container .control .control-option-container .control-option.selected {
    padding: 10px 15px 10px 15px;
    opacity: 1; }
  .order .control-container .control .control-option-container .control-option.full {
    pointer-events: none; }
  @media all and (max-width: 640px) {
    .order .control-container .control .control-option-container .control-option:not(.full) {
      margin-right: auto;
      padding: 10px 15px 10px 15px;
      width: 49%;
      opacity: 1; } }
  .order .control-container .control .control-option-container .control-option:not(.selected) {
    width: 0;
    opacity: 0.6; }
  @media all and (max-width: 640px) {
    .order .control-container .control .control-option-container .control-option:not(.full):not(.selected) {
      width: 49%;
      opacity: 0.6; } }
  .order .control-container .control .control-option-container .control-option:first-of-type {
    margin-right: 0; }
  .order .control-container .control.valid .control-option-container .control-option {
    background: #33cc33; }
    .order .control-container .control.valid .control-option-container .control-option:hover {
      background: #36d936; }
  .order .control-container .control.error .control-option-container .control-option {
    background: #cc3333; }
    .order .control-container .control.error .control-option-container .control-option:hover {
      background: #e53939; }
  .order .control-container .control:not(.disabled):hover .control-option-container .control-option:not(.full) {
    width: 49%; }
  .order .control-container .control:not(.disabled):hover .control-option-container .control-option:not(.selected) {
    padding: 10px 15px 10px 15px; }

.order .control-container .control .panel {
  display: none;
  position: absolute;
  left: 0;
  top: -20px;
  width: 100%;
  background: #FFF;
  border: 3px solid #E1E1E1;
  cursor: default;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .control-container .control .panel.show {
    display: block;
    min-height: 55px; }
  @media all and (max-width: 640px) {
    .order .control-container .control .panel {
      top: 3px !important;
      border-color: #9D9D9D;
      border-bottom-color: #FFF !important; } }
  .order .control-container .control.size.presets .panel {
    height: 268px; }
    @media all and (max-width: 640px) {
      .order .control-container .control.size.presets .panel {
        height: 168px; } }
  .order .control-container .control.material.presets .panel {
    height: auto; }
    @media all and (max-width: 640px) {
      .order .control-container .control.material.presets .panel {
        height: 168px; } }
  .order .control-container .control-size.presets.custom-cut .panel {
    height: 75px;
    overflow: hidden; }
  .controls .control.images .panel {
    padding: 1px;
    min-height: 202px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .controls .control.images .panel.contains-2 {
      height: 464px; }
    .controls .control.images .panel.contains-3 {
      height: 696px; }
  .order .control-container .control.size .panel {
    padding: 1px;
    height: 125px; }
  @media all and (max-width: 640px) {
    .controls .control.valid .panel {
      border: 3px solid #33cc33 !important;
      border-bottom-color: #FFF !important; } }
  @media all and (max-width: 640px) {
    .controls .control.error .panel {
      border: 3px solid #cc3333 !important;
      border-bottom-color: #FFF !important; } }

.order .control-container .control .panel .pane {
  position: relative;
  padding-top: 5px;
  width: 100%;
  height: 50px;
  text-align: right;
  border-bottom: 1px solid #EAEAEA;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .control-container .control .panel .pane.details {
    color: #000;
    font-size: 16px;
    text-align: center; }
  .order .control-container .control.size .panel .pane.presets {
    display: none; }
  .order .control-container .control.size .panel .pane.header {
    text-align: center;
    background: #F7F7F7; }
  .order .control-container .control.size.presets .panel .pane.presets {
    display: block;
    height: 260px;
    overflow-x: hidden;
    overflow-y: auto; }
    @media all and (max-width: 640px) {
      .order .control-container .control.size.presets .panel .pane.presets {
        height: 163px; } }
  .order .control-container .control.size.presets .panel .pane:not(.presets) {
    display: none; }
  .controls .control.size .panel .pane:last-of-type {
    border-bottom: none; }
  .order .control-container .control.material .panel .pane.presets {
    display: none; }
  .order .control-container .control.material .panel .pane.header {
    text-align: center;
    background: #F7F7F7; }
  .order .control-container .control.material.presets .panel .pane.presets {
    display: block;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto; }
    @media all and (max-width: 640px) {
      .order .control-container .control.material.presets .panel .pane.presets {
        height: 163px; } }
  .order .control-container .control.material.presets .panel .pane:not(.presets) {
    display: none; }
  .controls .control.material .panel .pane:last-of-type {
    border-bottom: none; }
  .controls .control.images .panel .pane {
    padding-top: 7px;
    padding-left: 7px;
    width: 100%;
    color: #000;
    text-align: left;
    border: none; }
    .controls .control.images .panel .pane.pane-1 {
      height: 28px;
      font-size: 16px; }
  .controls .control.non-production-item-quantity .panel .pane,
  .controls .control.step-stakes .panel .pane {
    padding-left: 20px;
    text-align: left; }

.order .control-container .control .panel .pane .caption {
  padding: 1px 0 0 0;
  font-size: 16px;
  color: #666; }
  .order .control-container .control .panel .pane .caption.title {
    padding-right: 5px; }

.order .control-container .control.size .panel .pane .special-pane {
  background: #F1F1F1;
  border-bottom-color: #a9a7a8; }

.order .control-container .control.size.presets .panel .pane.presets .size-selection,
.order .control-container .control.step-stakes .panel .pane .step-stakes-selection span {
  padding-bottom: 10px;
  font-size: 16px;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #f4f4f4; }

.order .control-container .control.size.presets.custom-cut .panel .pane.presets .size-selection.custom-cut.template {
  display: block; }

.order .control-container .control.size.presets.standard-sizes .panel .pane.presets .size-selection.standard-sizes.template {
  display: block; }

.order .control-container .control .panel .pane .size-selection.size-search {
  background-color: #f4f4f4;
  padding: 0.4em 0.2em !important; }
  .order .control-container .control .panel .pane .size-selection.size-search input {
    width: 100%;
    padding: 0.4em 0.2em; }

.controls .control.size.presets .panel .pane.presets .size-selection .button,
.controls .control.step-stakes .panel .pane .step-stakes-selection .button {
  margin-top: 5px;
  padding: 7px 10px 7px 10px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 16px;
  color: #FFF;
  border: none;
  background: #33cc33;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.controls .control.size.presets .panel .pane.presets .li-size {
  padding: 8px 10px 10px 10px;
  width: 100%;
  font-size: 16px;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #F4F4F4;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .controls .control.size.presets .panel .pane.presets .li-size:hover {
    background: #F7F7F7; }
  .controls .control.size.presets .panel .pane.presets .li-size.selected {
    background: #33cc33;
    color: #FFF; }

.controls .control.material.presets .panel .pane.presets .li {
  padding: 8px 10px 10px 10px;
  width: 100%;
  font-size: 16px;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #F4F4F4;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .controls .control.material.presets .panel .pane.presets .li:hover:not(.disabled) {
    background: #F7F7F7; }
  .controls .control.material.presets .panel .pane.presets .li.selected:not(.disabled) {
    background: #33cc33;
    color: #FFF; }
  .controls .control.material.presets .panel .pane.presets .li.disabled {
    background: #9D9D9D;
    color: white;
    cursor: not-allowed; }

.order .control-container .control .panel .pane .input {
  margin-top: -1px;
  padding: 2px 17px 2px 4px;
  height: 24px;
  width: 60px;
  border: 1px solid #a9a7a8;
  font-family: 'Avenir Next', sans-serif;
  font-size: 12px;
  color: #666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .control-container .control .panel .pane .input.error {
    border: 1px solid #cc3333; }
  .controls .control.size .panel .pane .input:last-of-type {
    margin-right: 10px; }

.controls .control.size .panel .pane .link {
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 15px;
  height: 15px;
  background: #EAEAEA url("../images/icons/link.svg") no-repeat center center;
  background-size: 9px 9px;
  border: 1px solid #666;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.order .control-container .control .panel .pane .error-msg {
  color: #cc3333; }

.controls .control.images .panel .image {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .controls .control.images .panel .image:last-of-type {
    border-bottom: none; }

.controls .control.images .panel .image .qty {
  width: 30px; }

.controls .control.size .panel .errorMsg {
  display: none;
  position: absolute;
  padding-top: 2px;
  top: -1px;
  left: 0;
  min-height: 24px;
  width: 100%;
  background: #cc3333;
  border: 1px solid #cc3333;
  color: #FFF;
  font-size: 16px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.controls .control.size.error .panel .errorMsg {
  display: block; }

.controls .control.images .panel .nav {
  position: absolute;
  top: 61px;
  width: 30px;
  height: 60px;
  cursor: pointer; }
  .controls .control.images .panel .nav.prev {
    left: -30px;
    background: #a9a7a8 url("../images/icons/arrow-left.svg") center no-repeat;
    background-size: 20px 20px; }
  .controls .control.images .panel .nav.next {
    right: -30px;
    background: #a9a7a8 url("../images/icons/arrow-right.svg") center no-repeat;
    background-size: 20px 20px; }

.controls .control.images .panel .delete {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: #a9a7a8;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.controls .control.images.valid .panel .delete {
  background: #33cc33; }

.controls .control.images.error .panel .delete {
  background: #cc3333; }

.controls .control.images .panel .delete .symbol {
  position: absolute;
  left: 50%;
  top: 0;
  width: 40%;
  height: 50%;
  border-bottom: 1px solid #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.controls .control.images .panel .qty-container {
  position: absolute;
  top: 8px;
  right: 5px; }

.order .control-container .control .panel .qty-container .input {
  margin-left: 5px; }

.controls .control.error .option {
  background: #cc3333;
  border-bottom: 3px solid #a82928; }

.controls .control.valid .option {
  background: #f3d40e !important;
  border-bottom: 3px solid #e0c62e !important;
  color: #333 !important; }

.controls .control:not(.disabled):not(.error) .switch .option:not(.disabled).selected,
.controls .control.printed-sides.disabled .option:first-of-type {
  background: #f3d40e !important;
  border-bottom: 3px solid #e0c62e !important;
  color: #333 !important; }

.order .control-container .control .label {
  margin-top: 10px; }

.order .control-container .control .label .check {
  display: inline-block;
  margin-left: 6px;
  width: 0;
  height: 16px;
  opacity: 0;
  background-image: url("../images/icons/checkmark-green.svg");
  background-size: 16px 16px;
  background-position-y: 2px; }
  .controls .control.valid .check {
    width: 16px;
    opacity: 1; }
  .controls .control.step-stakes.disabled .label .check {
    display: none; }

.order .control-container .control .switch {
  height: 100%;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .control-container .control .switch.small {
    width: 100%; }
  .order .control-container .control .switch.single {
    width: 80px; }
  .order .control-container .control .switch.large {
    width: 162px; }
  .order .control-container .control .switch.xlarge {
    width: 295px; }
  .order .control-container .control .switch.auto {
    min-width: 162px;
    width: auto; }
  .order .control-container .control .switch.select {
    position: relative; }
    @media all and (max-width: 640px) {
      .order .control-container .control .switch.select {
        display: none; } }
  @media all and (max-width: 640px) {
    .order .control-container .control .switch.select.selected {
      display: block; } }
  @media all and (max-width: 640px) {
    .order .control-container .control .switch {
      width: 100% !important; } }
  .controls .control.size .switch.size.large {
    width: 220px; }
  .controls .control.show.disabled .switch {
    cursor: default; }
  .controls .control.printed-sides.disabled .switch {
    cursor: default; }
  .controls .control.show:not(.valid):hover .switch {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none; }

.order .control-container .control .switch .option {
  position: relative;
  float: left;
  padding-top: 8px;
  height: 40px;
  font-size: 19.5px;
  text-align: center;
  color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .order .control-container .control .switch .option.full {
    width: 100%; }
  @media all and (max-width: 640px) {
    .order .control-container .control .switch .option {
      width: 50% !important; } }
  .controls .control.size .switch.size.large .option {
    width: 110px; }
  .controls .control.size .switch .option.full {
    width: 100%;
    display: none; }
  .controls .control.size.presets.custom-cut .switch .option.full {
    display: block; }
  .controls .control.size.presets.custom-cut .switch .option:not(.full):not(.full) {
    display: none; }
  .controls .control .select .switch.large .option.max {
    width: 200px; }
  .controls .control.orientation .switch .option {
    width: 50%; }
  .controls .control.step-stakes .switch .option {
    width: 100%; }
  .controls .control.step-stakes.disabled .switch .option {
    border-bottom-color: #dfdfdf; }
  .controls .control:not(.disabled) .switch .option.disabled {
    background: #dfdfdf;
    color: #EEE;
    cursor: default; }
  .controls .control:not(.disabled) .switch .option:not(.disabled).invalid {
    background: #f02a2a;
    border-bottom: 3px solid #8c8b8d; }
  .controls .control .switch.single .option {
    float: none; }
  .controls .control:not(.disabled):not(.error):not(.valid) .switch .option:not(.disabled):hover {
    background-color: #b8b6b7; }
  .controls .control.show.disabled .option {
    background: #dfdfdf;
    color: #EEE; }
  .controls .control.printed-sides.disabled .option:first-of-type {
    background-color: #33CC33;
    border-bottom: 3px solid #48a842; }
  .controls .control.printed-sides.disabled .option:last-of-type {
    background: #dfdfdf;
    color: #EEE; }
  .controls .control:not(.disabled):not(.error) .switch .option:not(.disabled).selected {
    background-color: #33CC33;
    border-bottom: 3px solid #48a842; }
  .controls .control:not(.disabled):not(.error) .switch .option:not(.disabled).selected:hover {
    background-color: #36d936; }
  .controls .control .switch.small .option {
    width: 61px; }
  .controls .control .switch.large .option {
    width: 81px; }
  .controls .control .switch.auto .option {
    min-width: 81px; }

.order .control-container .control .switch .option .arrow {
  margin: 4px auto 0 auto;
  width: 16px;
  height: 16px;
  background: url("../images/icons/arrow.svg") no-repeat;
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
  -ms-filter: invert(100%);
  filter: invert(100%); }
  .controls .control .switch.selected .option .arrow {
    margin-top: 3px;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-filter: FlipV;
    -moz-filter: FlipV;
    -o-filter: FlipV;
    -ms-filter: FlipV;
    filter: FlipV; }

.order .control-container .control .switch .option .small {
  font-size: 16px; }

.order .control-container .control .switch .option .label {
  margin-right: 5px; }
  .order .control-container .control .switch .option .label:last-of-type {
    margin-right: 0; }
  @media all and (max-width: 640px) {
    .order .control-container .control .switch .option .label {
      margin-top: 0 !important;
      color: #FFF; } }

.controls .control .switch.select ul.select {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 50%;
  height: 0;
  opacity: 0;
  z-index: 1001;
  pointer-events: none;
  border: 3px solid #E1E1E1;
  -webkit-transform: translateY(-78%);
  -moz-transform: translateY(-78%);
  -o-transform: translateY(-78%);
  -ms-transform: translateY(-78%);
  transform: translateY(-78%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.controls .control .switch.select.selected ul.select {
  height: auto;
  opacity: 1;
  pointer-events: auto; }
  .controls .control .switch.select.selected ul.select:not(.sub) {
    transform: translateY(-100%); }
  .controls .control .switch.select.selected ul.select.sub {
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translate(78%, 0%);
    -moz-transform: translate(78%, 0%);
    -o-transform: translate(78%, 0%);
    -ms-transform: translate(78%, 0%);
    transform: translate(78%, 0%); }
  .controls .control .switch.select.selected ul.select.sub.show {
    width: 100%;
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0); }

.controls .control .switch.select ul.select li {
  position: relative;
  padding: 8px 15px 0 15px;
  list-style: none outside none;
  height: 40px;
  min-height: 40px;
  border-bottom: 1px solid #FFF;
  text-align: center;
  white-space: nowrap;
  background: #FFF;
  color: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .controls .control .switch.select ul.select li:hover {
    background-color: #EAEAEA; }
  .controls .control .switch.select ul.select li.selected {
    background: #33cc33;
    color: #FFF; }

.order .control-container .control .input {
  margin-right: 3px;
  padding-left: 1px;
  width: 10px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 18px;
  border: none;
  background: none;
  color: #FFF; }
  .order .control-container .control .input.error {
    border: 1px solid #cc3333; }
  .order .control-container .control .input.length-1 {
    width: 10px; }
  .order .control-container .control .input.length-2 {
    width: 19px; }
  .order .control-container .control .input.length-3 {
    width: 28px; }

.order .control-container .control input:not([type=search])::-webkit-input-placeholder {
  color: #FFF; }

.order .control-container .control input:not([type=search])::-moz-placeholder {
  color: #FFF; }

.order .control-container .control input:not([type=search]):-ms-input-placeholder {
  color: #FFF; }

.order .control-container .control-toggle {
  display: none;
  position: absolute;
  top: -15px;
  left: 5px;
  min-width: 0 !important;
  width: 150px !important;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }
  @media all and (max-width: 640px) {
    .order .control-container .control-toggle:not(.hide) {
      display: flex;
      display: -webkit-flex; } }
  @media all and (max-width: 640px) {
    .order .control-container.show .control-toggle {
      position: relative;
      margin-top: 25px;
      max-width: 136px;
      -webkit-transform: none;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      transform: none; } }

@media all and (max-width: 640px) {
  .order .control-container:not(.show) .control-toggle .caption-show {
    display: inline-block; } }

@media all and (max-width: 640px) {
  .order .control-container.show .control-toggle .caption-show {
    display: none; } }

@media all and (max-width: 640px) {
  .order .control-container:not(.show) .control-toggle .caption-close {
    display: none; } }

@media all and (max-width: 640px) {
  .order .control-container.show .control-toggle .caption-close {
    display: inline-block; } }

.order .control-container .control.step-stakes .panel.show {
  min-height: unset;
  height: unset; }
  .order .control-container .control.step-stakes .panel.show .pane {
    display: block;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 15px; }
    .order .control-container .control.step-stakes .panel.show .pane .step-stakes-selection:not(.show) {
      display: none; }
    .order .control-container .control.step-stakes .panel.show .pane .step-stakes-selection.show {
      border-bottom: 1px solid #f4f4f4;
      padding-bottom: 20px; }
      .order .control-container .control.step-stakes .panel.show .pane .step-stakes-selection.show span {
        border-bottom: unset; }

.order .control-container .control.additional-standoffs .panel.show .pane {
  display: block;
  height: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 15px;
  text-align: left; }

.control.paper-gloss .switch ul.select li {
  min-width: 10ch; }

.scroll-control-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-right: 12px; }

.scroll-arrow-btn {
  border: 3px solid #48a842;
  font-size: large;
  padding: 40px;
  width: 40px;
  outline: none;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  .scroll-arrow-btn:disabled {
    opacity: 0.5; }

.catalog-preview {
  display: none;
  pointer-events: none;
  position: relative;
  height: 100%;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .catalog-preview.show {
    display: block;
    pointer-events: auto; }

.catalog-preview .catalog-page {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  max-height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .catalog-preview .catalog-page.catalog-page-left {
    z-index: 3; }
  .catalog-preview .catalog-page.catalog-page-center {
    z-index: 2; }
  .catalog-preview .catalog-page.catalog-page-right {
    z-index: 1; }
  .catalog-preview .catalog-page.flip {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }

.catalog-preview .catalog-page .catalog-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #fff;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }
  .catalog-preview .catalog-page .catalog-image.catalog-image-back {
    z-index: 1;
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg); }

.catalog-preview .catalog-page .catalog-image.catalog-image-back img {
  z-index: 1;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }

.sample-preview {
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .sample-preview.show {
    display: block;
    margin-top: -50px;
    margin-bottom: -120px; }

.sample-preview .sample-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.sample-preview .sample-page {
  max-height: 100%;
  width: auto;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0; }
  .sample-preview .sample-page.flip {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg); }
  .sample-preview .sample-page.sample-page1 {
    z-index: 13; }
  .sample-preview .sample-page.sample-page2 {
    z-index: 12; }
  .sample-preview .sample-page.sample-page3 {
    z-index: 11; }
  .sample-preview .sample-page.sample-page4 {
    z-index: 10; }
  .sample-preview .sample-page.sample-page5 {
    z-index: 9; }
  .sample-preview .sample-page.sample-page6 {
    z-index: 8; }
  .sample-preview .sample-page.sample-page7 {
    z-index: 7; }
  .sample-preview .sample-page.sample-page8 {
    z-index: 6; }
  .sample-preview .sample-page.sample-page9 {
    z-index: 5; }
  .sample-preview .sample-page.sample-page10 {
    z-index: 4; }
  .sample-preview .sample-page.sample-page11 {
    z-index: 3; }
  .sample-preview .sample-page.sample-page12 {
    z-index: 2; }
  .sample-preview .sample-page.sample-page13 {
    z-index: 1; }
  .sample-preview .sample-page.sample-page1.flip {
    z-index: 14; }
  .sample-preview .sample-page.sample-page2.flip {
    z-index: 15; }
  .sample-preview .sample-page.sample-page3.flip {
    z-index: 16; }
  .sample-preview .sample-page.sample-page4.flip {
    z-index: 17; }
  .sample-preview .sample-page.sample-page5.flip {
    z-index: 18; }
  .sample-preview .sample-page.sample-page6.flip {
    z-index: 19; }
  .sample-preview .sample-page.sample-page7.flip {
    z-index: 20; }
  .sample-preview .sample-page.sample-page8.flip {
    z-index: 21; }
  .sample-preview .sample-page.sample-page9.flip {
    z-index: 22; }
  .sample-preview .sample-page.sample-page10.flip {
    z-index: 23; }
  .sample-preview .sample-page.sample-page11.flip {
    z-index: 24; }
  .sample-preview .sample-page.sample-page12.flip {
    z-index: 25; }
  .sample-preview .sample-page.sample-page13.flip {
    z-index: 26; }
  .sample-preview .sample-page.z-index {
    z-index: 100; }
  @media all and (max-width: 1140px) {
    .sample-preview .sample-page {
      height: auto;
      max-height: 100%; } }

.sample-preview .sample-page .sample-page-front,
.sample-preview .sample-page .sample-page-back {
  height: 100%;
  max-height: 500px;
  width: auto;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }
  @media (min-height: 1000px) {
    .sample-preview .sample-page .sample-page-front,
    .sample-preview .sample-page .sample-page-back {
      max-height: 50vh; } }
  @media all and (max-width: 1140px) {
    .sample-preview .sample-page .sample-page-front,
    .sample-preview .sample-page .sample-page-back {
      height: auto;
      width: 100%; } }

.sample-preview .sample-page .sample-page-back {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg); }

.static-image-preview,
.hd-step-stakes-preview,
.step-stakes-preview {
  display: none;
  margin-top: -50px;
  margin-bottom: -120px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .static-image-preview.show,
  .hd-step-stakes-preview.show,
  .step-stakes-preview.show {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }

.static-image-preview .static-image,
.hd-step-stakes-preview .step-stakes,
.step-stakes-preview .step-stakes {
  display: block;
  max-width: 100%; }

.static-image-preview .static-image {
  max-width: 50% !important; }
  @media (max-width: 1100px) {
    .static-image-preview .static-image {
      max-width: 100% !important; } }

.response-msg {
  position: absolute;
  padding: 10px;
  top: 0;
  left: 50%;
  min-width: 200px;
  max-width: 320px;
  min-height: 30px;
  background-color: #ffffff;
  color: #000;
  border: 2px solid #9D9D9D;
  font-size: 15px;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .response-msg.right-align {
    left: auto;
    right: 0;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  .response-msg.show {
    top: -20px;
    opacity: 1; }
  .response-msg.show.bounce {
    -webkit-animation: bounce 0.4s infinite alternate;
    -moz-animation: bounce 0.4s infinite alternate;
    -o-animation: bounce 0.4s infinite alternate;
    -ms-animation: bounce 0.4s infinite alternate;
    animation: bounce 0.4s infinite alternate; }
  .response-msg.error {
    background: #cc3333;
    color: #FFF;
    border: none; }

.response-msg .arrow-container {
  position: absolute;
  left: 50%;
  bottom: 0; }

.response-msg .arrow {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0 !important;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #9D9D9D transparent transparent transparent;
  -webkit-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%); }
  .response-msg.error .arrow {
    border-color: #cc3333 transparent transparent transparent; }

.order {
  display: flex;
  display: -webkit-flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: 'Avenir Next', sans-serif;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media all and (max-width: 640px) {
    .order {
      min-height: 600px !important; } }
  body.builder .order {
    opacity: 1; }

.order .field-container {
  display: inline-block;
  position: relative;
  padding-right: 10px;
  width: 60px;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .field-container.margin-right2px {
    margin-right: 2px; }
  .order .field-container.margin-right7px {
    margin-right: 7px; }

.order .arrows {
  position: absolute;
  top: 7px;
  right: 3px;
  width: 10px;
  height: 24px; }

.order .arrows .arrow-up {
  position: absolute;
  width: 10px;
  height: 12px;
  cursor: pointer;
  opacity: 0.35;
  left: 0;
  top: 0;
  z-index: 2; }
  .order .arrows .arrow-up:hover {
    opacity: 1; }

.order .arrows .arrow-up .arrow-up-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  background: url("../images/icons/arrow.svg") 1px 0 no-repeat;
  background-size: 8px 8px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .arrows .arrow-down {
  position: absolute;
  width: 10px;
  height: 12px;
  cursor: pointer;
  opacity: 0.35;
  left: 0;
  top: 12px; }
  .order .arrows .arrow-down:hover {
    opacity: 1; }

.order .arrows .arrow-down .arrow-down-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  background: url("../images/icons/arrow.svg") 1px 2px no-repeat;
  background-size: 8px 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.order .arrow {
  display: block;
  float: left;
  margin-top: 1px;
  margin-left: 6px;
  width: 16px;
  height: 16px;
  cursor: pointer; }
  .order .container.controls .arrow {
    float: none; }
  .order .sheet .arrow {
    /* firefox only */
    margin-top: 0; }
  .order .sheet:not(.selected) .arrow {
    display: none; }

@media all and (max-width: 640px) {
  .order .row {
    display: block !important;
    position: relative !important; } }

.order.preview .row.controls {
  padding-left: 0;
  padding-right: 0; }

.order.image-zone .row.controls {
  padding-right: 0; }

.order .row.view {
  position: relative;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  .order.sheet-view.preview .row.view {
    pointer-events: none; }

.order .row.info {
  z-index: 10;
  padding-left: 15px;
  padding-right: 15px;
  transition: padding-left 100ms; }
  .order.image-zone .row.info {
    padding-left: 360px;
    padding-right: 60px; }
    @media all and (max-width: 960px) {
      .order.image-zone .row.info {
        padding-left: 15px;
        padding-right: 15px; } }

@media (max-width: 900px) {
  .order .row.info .info {
    display: block;
    margin-bottom: 0.5rem;
    text-align: center; }
    .order .row.info .info.desktop {
      display: none; }
    .order .row.info .info.mobile {
      display: block; } }

@media (min-width: 900px) {
  .order .row.info .info.desktop {
    display: block; }
  .order .row.info .info.mobile {
    display: none; } }

.order .row.info .info .mobile-action-buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 1rem; }

.order .row.info .info .mobile-action-button {
  cursor: pointer;
  width: 100%;
  padding: 0.25rem 0;
  background-color: #fff;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase; }

.order .row.info .info .action-add-to-cart {
  display: none;
  flex: 2;
  background-color: #33cc33; }

.order .row.info .info .action-warnings {
  flex: 1;
  background-color: #cc3333; }

.order .row.info .info.right.final .action-add-to-cart {
  display: block; }

@media all and (max-width: 1720px) {
  .order .product-view .container .info.center .price-breakdown table {
    min-width: 0;
    width: auto; } }

@media (max-width: 900px) {
  .order .row.info .info .price-breakdown table {
    display: none; } }

@media all and (max-width: 1720px) {
  .order .product-view .container .info.center .price-breakdown table th,
  .order .product-view .container .info.center .price-breakdown table td {
    min-width: 130px;
    width: auto;
    padding: 0 7px 0 7px; } }

@media all and (max-width: 1280px) {
  .order .row.info .info .expand {
    display: none; } }

.order .container.controls {
  position: relative;
  padding: 20px 15px 20px 15px;
  width: 100%;
  max-width: 100%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media all and (max-width: 640px) {
    .order .container.controls {
      position: absolute;
      bottom: 0; } }

.order .container.controls .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #3c3c3d;
  opacity: 0.75;
  z-index: 1; }

.order .container.view {
  padding: 60px 80px 140px 80px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  perspective: 1200px;
  transition: padding-left 100ms;
  -webkit-align-self: center;
  -moz-align-self: center;
  -o-align-self: center;
  -ms-align-self: center;
  align-self: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -o-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media all and (max-width: 640px) {
    .order .container.view {
      padding: 40px; } }
  .order.image-zone .container.view {
    padding-left: 380px; }
    @media all and (max-width: 960px) {
      .order.image-zone .container.view {
        padding-left: 40px;
        padding-right: 40px; } }
  @media all and (max-width: 640px) {
    .order:not(.sheet-view) .container.view {
      min-height: 447px !important; } }

.order .container.view .assistance {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 170px;
  text-align: center;
  font-size: 24px;
  color: #9d9d9d;
  line-height: 40px;
  z-index: 2;
  cursor: pointer;
  pointer-events: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .order .container.view .assistance.error {
    color: #cc3333;
    font-weight: 600; }
  .order .container.view.valid .assistance {
    display: none;
    pointer-events: none; }
  .order .container.view:not(.valid).target .assistance {
    opacity: 0; }

.order .container.view .assistance .image-icon {
  margin-top: 15px;
  width: 64px;
  height: 64px;
  opacity: 0.3; }

/* Unused feature */
.order .container.view .target-zones {
  display: flex;
  display: -webkit-flex;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 75%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .order .container.view:not(.valid).target .target-zones {
    padding: 10px 5px 10px 5px;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

.order .container.view .target-zones .target {
  display: flex;
  display: -webkit-flex;
  position: relative;
  margin: 0 5px 0 5px;
  min-height: 100%;
  border: 3px dashed #ddd;
  vertical-align: middle;
  font-family: 'Avenir Next', sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #ccc;
  cursor: pointer;
  -webkit-flex-grow: 99;
  -moz-flex-grow: 99;
  -o-flex-grow: 99;
  -ms-flex-grow: 99;
  flex-grow: 99;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .order .container.view .target-zones .target:hover {
    border-color: #33cc33;
    color: #33cc33;
    font-size: 24px; }

.order .container.view .target-zones .target .target-caption {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media all and (max-width: 640px) {
  .order .container.product {
    height: auto; } }

.order .flip-horizontal {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.order .flip-vertical:not(.flip-horizontal) {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg); }

.order .image-select {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: #fff;
  opacity: 0; }
  .order .image-select.show {
    height: 220px;
    opacity: 0.95; }

.order .flute {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none; }
  .order .flute.horizontal {
    background: url("../images/flute-horizontal3.png") repeat; }
  .order .flute.vertical {
    background: url("../images/flute-vertical.png") repeat; }
  .order .sheet.flip-horizontal .flute {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg); }

.page .stage .shipping-type {
  position: absolute;
  padding: 16px 15px 0 15px;
  left: 0;
  top: 0;
  width: 100px;
  height: 100%;
  background: #999;
  font-family: 'Avenir Next', sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
  color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .page .stage .shipping-type.shipping-type-overnight {
    background: #33cc33; }
  @media all and (max-width: 820px) {
    .page .stage .shipping-type {
      display: none; } }

.page .stage .shipping-type img {
  margin-top: -5px;
  width: auto;
  height: 60%; }

.page .stage .view-lines {
  margin-left: 10px;
  font-size: 16px;
  text-decoration: underline;
  color: #33cc33;
  cursor: pointer; }

.page .stage .shipping-split-lines {
  display: none; }
  .page .stage .shipping-split-lines.expand {
    display: block; }

.page .stage .shipping-split-lines .cart-review-line {
  float: left;
  margin: 0 5px 5px 0;
  max-width: 500px; }

.page .stage .shipping-split-lines .product-header {
  padding-left: 0; }

.page .stage .shipping-split-lines .product-details {
  padding-left: 0; }

.page .stage .form-standard-eta {
  font-weight: 700;
  font-size: 30px; }

.page .stage .form-standard-eta .shipping-eta-date {
  font-weight: bold; }

.page .stage .form-standard-services {
  margin-top: 20px;
  font-size: 20px; }

.page .stage .form-shipping-services {
  margin-top: 3px;
  font-size: 16px; }

.page .stage .shipping-type.shipping-type-standard,
.page .stage .shipping-type.shipping-type-overnight,
.page .stage .shipping-type.shipping-type-saturday {
  background: #33cc33; }

.page .stage .shipping-type.shipping-type-split {
  background: #cc3333; }

.page .stage .payment-type {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.page .stage .payment-form {
  margin-top: 120px;
  padding-left: 25px;
  padding-bottom: 30px;
  z-index: 3;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.page .stage .payment-form td {
  padding: 5px; }

.page .stage .payment-form input,
.page .stage .payment-form select {
  padding: 3px; }

.page .stage .next.use-credit .caption p {
  font-size: 20px;
  vertical-align: middle; }

.page .stage .next.accept-terms .caption p {
  font-size: 20px;
  vertical-align: middle; }

.page .stage .slide .payment-type img {
  margin-top: 5px;
  margin-left: 20px; }

.page .stage .slide .overnight-anywhere {
  display: block;
  float: left;
  height: 30%;
  max-height: 30%;
  width: auto;
  max-width: 318px;
  opacity: 0.6; }
  .page .stage .slide:hover .overnight-anywhere {
    opacity: 1;
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%); }

.page .cart-total {
  position: absolute;
  top: 60px;
  right: 50px;
  font-size: 30px; }

.page .review-empty {
  font-size: 20px; }

.page .product-image-preview.wide {
  position: absolute;
  height: 70px;
  width: 500px;
  max-width: 500px;
  background: none;
  overflow: hidden; }
  @media all and (max-width: 1140px) {
    .page .product-image-preview.wide {
      width: 400px;
      max-width: 400px; } }
  @media all and (max-width: 960px) {
    .page .product-image-preview.wide {
      width: 250px;
      max-width: 250px; } }
  @media all and (max-width: 820px) {
    .page .product-image-preview.wide {
      width: 150px;
      max-width: 150px; } }
  @media all and (max-width: 640px) {
    .page .product-image-preview.wide {
      width: 70px;
      max-width: 70px; } }

.page .product-image-preview .product-image-container {
  display: inline-block;
  float: right;
  margin: 3px 3px 0 0;
  width: auto;
  height: auto;
  max-height: 70px; }

.page .product-image-preview .product-image-container.template {
  display: none !important; }

.page .product-image-preview.wide .product-image {
  width: auto;
  height: auto;
  max-height: 70px; }

.page .upload-logo-container {
  position: absolute;
  left: 25px;
  top: 100px;
  font-size: 16px; }

.page .upload-logo-container .upload-logo {
  position: relative;
  margin-top: 6px;
  width: 300px;
  height: 150px;
  background: #FFF;
  border: 1px solid #999;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .page .upload-logo-container .upload-logo.none::after {
    position: absolute;
    top: 45%;
    display: block;
    content: 'No Logo Selected';
    width: 100%;
    text-align: center; }

.page .upload-logo-container .upload-logo.none .logo {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.page .upload-logo-container .upload-logo:not(.none) .logo {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.page .upload-logo-container .upload-logo.none .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: #33cc33; }

.page .upload-logo-container .upload-logo:not(.none) .progress {
  display: none; }

.page .upload-logo-container .current-logo-filename {
  font-weight: bold; }

.page .upload-logo-container .button {
  position: absolute;
  padding: 3px;
  top: -3px;
  right: 0; }

.page .stage .cart-savedcc {
  padding: 2px;
  width: 160px;
  min-height: 20px; }

.page .stage .form-shipping-cost {
  font-size: 26px; }

.cart-review-line {
  position: relative;
  padding: 15px;
  width: 100%;
  list-style: none outside none;
  border-top: 1px solid #F7F7F7;
  font-family: 'Avenir Next', sans-serif;
  font-size: 18px;
  background: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  .cart-review-line.end {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.cart-review-line .product-item-number {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: #F7F7F7;
  border: 5px solid #FFF;
  text-align: center;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.cart-review-line .product-item-number .item-number {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.cart-review-line .product-header {
  padding-left: 30px;
  width: 235px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.cart-review-line .product-header .item-number {
  margin-right: 5px; }

.cart-review-line .product-header .product-name {
  margin-right: 5px; }

.cart-review-line .product-header .green {
  color: #33CC33; }

.cart-review-line .product-details {
  margin-top: 10px;
  padding-left: 30px;
  width: 235px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.cart-review-line .product-image-preview {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 85px;
  height: 70px;
  background: #EEE; }

.cart-review-line .line-options {
  position: absolute;
  top: 0;
  left: 255px;
  padding: 15px 0 0 15px;
  z-index: 10; }

.cart-review-line .line-options .product-qty {
  margin-left: 10px;
  max-width: 50px; }

.cart-review-line .line-options .link {
  margin-top: 15px;
  text-decoration: underline;
  cursor: pointer; }

.cart-overlay-loader {
  position: absolute;
  padding-top: 120px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.85);
  z-index: 999999;
  opacity: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.select2-selection {
  height: 30px !important;
  border-color: #cccccc !important;
  border-radius: 0 !important; }

.select2-dropdown {
  border-color: #cccccc !important;
  border-radius: 0 !important; }

.select2-search__field {
  height: 30px !important;
  border-color: #cccccc !important; }

.select2-search, .select2-results__option {
  font-family: 'Avenir Next', sans-serif;
  font-size: 20px; }

.gift-card {
  padding-bottom: 3rem; }
  .gift-card-field-button {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center; }
  .gift-card input {
    flex: 3;
    width: 100%;
    margin: 0.25rem 0;
    padding: 0.5rem;
    border: 2px solid #000;
    border-radius: 0.25rem;
    font-size: 18px;
    font-weight: 400; }
  .gift-card button {
    cursor: pointer;
    flex: 1;
    margin-left: 0.25rem;
    padding: 0.5rem 2rem;
    background-color: #1b92f8;
    border: 0;
    border-radius: .25rem;
    color: #fff;
    font-family: 'Avenir Next', sans-serif;
    font-size: 18px;
    font-weight: 500; }
  .gift-card-message {
    margin-top: 0.25rem;
    font-size: 18px; }
  .gift-card-error {
    color: red; }
    .gift-card-error .fa {
      margin-right: 0.25rem; }
  .gift-card-success {
    color: #33cc33; }

.content:not(.side-option) {
  position: absolute;
  left: 0;
  min-width: 480px;
  top: 85px;
  bottom: 80px;
  width: 100%;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.page-container {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .page-container.no-scroll {
    overflow-y: hidden; }

.page-container .page {
  display: none;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  font-family: 'Avenir Next', sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .page-container .page.no-scroll {
    overflow-y: hidden; }
  body.subpage .page {
    display: block; }

.page-container .page .stage {
  position: absolute;
  margin-left: 300px;
  top: 0;
  left: 50%;
  padding: 50px;
  width: 100%;
  max-width: 1140px;
  min-height: 700px;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }
  .page-container .page .stage.show {
    margin-left: 0;
    opacity: 1;
    pointer-events: auto;
    z-index: 1; }
    @media all and (max-width: 640px) {
      .page-container .page .stage.show {
        padding-left: 0;
        padding-right: 0; } }
  .page-container .page .stage.show.exit {
    margin-left: -300px;
    opacity: 0;
    pointer-events: none; }
  .page-container .page .stage.exit {
    pointer-events: none; }

.page-container .page .stage .header {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .page-container .page .stage .header.margin-left {
    margin-left: 60px; }
    @media all and (max-width: 1140px) {
      .page-container .page .stage .header.margin-left {
        margin-right: 136px; } }
  @media all and (max-width: 640px) {
    .page-container .stage.show .header {
      padding-left: 20px;
      font-size: 22px; } }

.page-container .page .stage .slide {
  position: relative;
  margin: 20px 0 0 300px;
  width: 100%;
  min-height: 100px;
  cursor: default;
  background: #EEE;
  color: #666;
  overflow: hidden;
  opacity: 1;
  pointer-events: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .page-container .page .stage .slide.slide-error {
    display: none;
    padding: 15px 25px 15px 25px;
    height: auto;
    background: #cc3333;
    font-size: 20px;
    font-weight: bold;
    color: #FFF; }
  .page-container .page .stage .slide.slide-error.show {
    display: block; }
  .page-container .page .stage .slide.white {
    background: #FFF; }
  .page-container .page .stage .slide.disabled {
    opacity: 0.25;
    pointer-events: none; }
  .page-container .page .stage .slide.no-bg {
    background: none; }
  .page-container .page .stage .slide.list {
    margin-left: 25px;
    font-size: 22px; }
    @media all and (max-width: 640px) {
      .page-container .page .stage .slide.list {
        padding-left: 25px; } }
  .page-container .page .stage .slide.special-margin-top {
    margin-top: 40px; }
  .page-container .page .stage .slide.special-height {
    height: 300px; }
  .page-container .page .stage .slide.form.form-1 {
    min-height: 460px; }
  .page-container .page .stage .slide.form.form-2 {
    min-height: 160px; }
  .page-container .page .stage .slide.order-line {
    margin-top: 20px;
    width: 100%;
    min-height: 150px;
    background: #FFF;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .page-container .page .stage .slide.order-line-child {
    left: 38px;
    width: calc(100% - 38px); }
  .page-container .page .stage .slide.slide-shipping-option {
    position: relative; }
  .page .stage.show .slide {
    margin-left: 0;
    opacity: 1; }
  .page .stage.show.exit .slide {
    margin-left: -300px;
    opacity: 1; }

.page-container .page .stage .slide .table {
  margin: 85px auto 30px auto;
  width: 96%;
  border-spacing: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.page-container .page .stage .slide .table th {
  text-align: left;
  padding: 10px 20px 10px 20px; }

.page-container .page .stage .slide .table td {
  text-align: left;
  padding: 10px 20px 10px 20px; }
  .subpage .stage .table td {
    background: #FFF;
    border-bottom: 1px solid #EEE; }

.page .stage .slide.form .form {
  display: block;
  position: absolute;
  padding-left: 25px;
  padding-top: 100px;
  width: 100%;
  font-size: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.page-container .page .stage .slide .form .field {
  padding: 3px; }
  .page-container .page .stage .slide .form .field.error {
    border: 2px solid #cc3333; }
  .page .stage .slide.form .form .field {
    padding: 3px;
    min-height: 20px; }
    .page .stage .slide.form .form .field.error {
      border: 3px solid #cc3333; }
  .page .stage .slide .payment-form .field.error {
    border: 3px solid #cc3333; }

.page .stage .slide.form.form-2 .form select {
  min-width: 480px;
  padding: 5px;
  font-size: 22px; }

.page .stage .slide.form .form .input {
  padding: 5px;
  min-width: 480px;
  font-size: 22px; }

.page .stage .slide.form .form td {
  padding: 5px 15px 5px 5px; }

.page-container .page .stage .slide .link {
  text-decoration: underline;
  cursor: pointer; }
  .page .stage .slide.form .link {
    margin-top: 5px;
    font-size: 14px; }

.page-container .page .stage .slide .option {
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px 25px 25px 25px;
  font-size: 32px;
  z-index: 3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .page-container .page .stage .slide .option.shipping-option.special-padding-left {
    padding-left: 125px; }
  .page-container .page .stage .slide .option.shipping-option.split-line {
    padding-top: 19px;
    padding-left: 125px; }
    @media all and (max-width: 820px) {
      .page-container .page .stage .slide .option.shipping-option.split-line {
        padding-left: 20px; } }
  @media all and (max-width: 640px) {
    .page-container .page .stage .slide .option {
      font-size: 26px;
      padding-top: 33px; } }

.page-container .page .stage .next {
  display: inline-block;
  position: relative;
  float: right;
  margin-left: 1px;
  min-width: 260px;
  height: 100%;
  min-height: 100px;
  z-index: 2;
  color: #666;
  background: #E0E0E0;
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .page-container .page .stage .next.valid:not(.red):not(.yellow) {
    background-color: #33CC33 !important;
    color: #FFF; }
  .page-container .page .stage .next:not(.next-input):not(.checked) {
    background: #E7E7E7 url("../images/icons/arrow-right.svg") no-repeat right center;
    background-size: 32px 32px; }
  .page-container .page .stage .next.disabled {
    opacity: 0.25;
    pointer-events: none; }
  .page-container .page .stage .next.full {
    width: 100%; }
  .page-container .page .stage .next:not(.next-input).valid:hover {
    background: #33cc33 url("../images/icons/arrow-right.svg") no-repeat right center;
    background-size: 32px 32px;
    color: #FFF; }
  .page-container .page .stage .next:not(.next-input).valid.red:hover {
    background: #cc3333 url("../images/icons/arrow-right.svg") no-repeat right center;
    background-size: 32px 32px; }
  .page-container .page .stage .next:not(.next-input):not(.checked):hover {
    background: #DDD url("../images/icons/arrow-right.svg") no-repeat right center;
    background-size: 32px 32px; }
  @media all and (max-width: 640px) {
    .page-container .page .stage .next {
      min-width: 49.5%; } }
  .subpage .page .stage .next.hide {
    display: none; }
  .subpage .page .stage .next.small {
    min-height: 70px;
    max-height: 70px;
    height: 70px; }
  .subpage .page .stage .next.yellow {
    background: #FFDD00 url("../images/icons/arrow-right.svg") no-repeat right center;
    background-size: 32px 32px;
    color: #000; }
  .subpage .page .stage .next.yellow:hover {
    background: #FFDD00 url("../images/icons/arrow-right.svg") no-repeat right center;
    background-size: 32px 32px;
    color: #000; }
  .subpage .page .stage .next.special-min-height {
    min-height: 100px; }
  .page .stage .slide.checkbox .next {
    width: 75px;
    max-width: 75px;
    background-image: none; }
    .page .stage .slide.checkbox .next.checked {
      background: #E7E7E7 url("../images/icons/box.svg") no-repeat 95% 43%;
      background-size: 48px 48px;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    .page .stage .slide.checkbox .next.checked:not(.on):hover {
      background-color: #DDD; }
    .page .stage .slide.checkbox .next.on {
      background: #33CC33 url("../images/icons/checkmark-white.svg") no-repeat 95% 52%;
      background-size: 48px 48px;
      color: #FFF; }

.page-container .page .stage .next .caption {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.subpage .stage .button.small {
  float: right;
  padding: 8px 15px 7px 15px;
  border: none;
  background: #f3d40e;
  color: #000;
  font-size: 14px;
  cursor: pointer; }

.subpage .stage .button a {
  color: #000;
  text-decoration: none; }

@media all and (max-width: 820px) {
  .page-container .page .stage .payment-type {
    display: none; } }

.subpage .stage .payment-type img {
  margin-top: 5px;
  margin-left: 20px; }

.page-container .page .pagination {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-filter: invert(100%) !important;
  -moz-filter: invert(100%) !important;
  -o-filter: invert(100%) !important;
  -ms-filter: invert(100%) !important;
  filter: invert(100%) !important; }
  .page-container .page .pagination.show {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer; }
  .page-container .page .pagination.prev {
    top: 50px;
    left: 50px;
    background: url("../images/icons/arrow-left.svg") no-repeat;
    background-size: 50px 50px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    @media all and (max-width: 640px) {
      .page-container .page .pagination.prev {
        left: 15px; } }
  .page-container .page .pagination.next {
    right: -100px;
    background: url("../images/icons/arrow-right.svg") no-repeat;
    background-size: 50px 50px; }
  body.no-transition .page .pagination {
    -webkit-filter: invert(100%) !important;
    -moz-filter: invert(100%) !important;
    -o-filter: invert(100%) !important;
    -ms-filter: invert(100%) !important;
    filter: invert(100%) !important; }

@media all and (max-width: 960px) {
  .page-container .page .remove-960 {
    display: none; } }

@media all and (max-width: 820px) {
  .page-container .page .remove-820 {
    display: none; } }

@media all and (max-width: 640px) {
  .page-container .page .remove-640 {
    display: none; } }

.welcome {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: 'Avenir Next', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.welcome .welcome-grid-container {
  position: relative;
  width: 100%;
  height: 100%; }

.welcome .welcome-grid-container .welcome-tower-side {
  width: 250px;
  vertical-align: top; }
  .welcome .welcome-grid-container .welcome-tower-side.right {
    width: 360px; }

.welcome .welcome-grid-container .welcome-order-history {
  width: 100%; }

.welcome .welcome-grid-container .welcome-order-history th {
  padding: 8px 0 8px 8px;
  font-size: 18px;
  text-align: right;
  padding-bottom: 15px; }

.welcome .welcome-grid-container .welcome-order-history td {
  padding: 8px 0 8px 8px;
  font-size: 18px;
  text-align: right; }

.welcome .products-container {
  position: relative;
  vertical-align: top; }

.welcome .products {
  padding-top: 0; }

.welcome .products .products-view {
  display: none; }

.welcome .wide-graphic {
  padding: 0;
  width: 100%;
  height: 304px;
  max-height: 304px;
  background: url("../images/wide/promo001-bg.jpg") repeat-x;
  text-align: center; }
  @media all and (max-width: 820px) {
    .welcome .wide-graphic {
      height: 240px; } }
  @media all and (max-width: 640px) {
    .welcome .wide-graphic {
      height: 180px; } }

.welcome .wide-graphic .graphic {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }
  @media all and (max-width: 820px) {
    .welcome .wide-graphic .graphic {
      height: 240px; } }
  @media all and (max-width: 640px) {
    .welcome .wide-graphic .graphic {
      height: 180px; } }

.message-center {
  position: fixed;
  right: 15px;
  bottom: -390px;
  width: 400px;
  height: 390px;
  z-index: 100;
  font-family: 'Avenir Next', sans-serif;
  background: #FFF;
  transition: bottom 100ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .message-center.toggle {
    bottom: 0; }

.message-center .header {
  position: relative;
  padding: 12px 18px 0 18px;
  width: 100%;
  height: 55px;
  font-size: 16px;
  font-weight: bold;
  background: #3c3c3d;
  color: #FFF;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .message-center.flash .header {
    -webkit-animation: flash 0.5s infinite alternate;
    -moz-animation: flash 0.5s infinite alternate;
    -o-animation: flash 0.5s infinite alternate;
    -ms-animation: flash 0.5s infinite alternate;
    animation: flash 0.5s infinite alternate; }

.message-center .arrow-icon {
  position: absolute;
  top: 12px;
  right: 18px;
  height: 16px;
  width: 16px;
  background: url("../images/icons/arrow.svg") no-repeat;
  background-size: 16px 16px;
  -webkit-transform: translate3d(0, 0, 0) rotateZ(-180deg);
  -moz-transform: translate3d(0, 0, 0) rotateZ(-180deg);
  -o-transform: translate3d(0, 0, 0) rotateZ(-180deg);
  -ms-transform: translate3d(0, 0, 0) rotateZ(-180deg);
  transform: translate3d(0, 0, 0) rotateZ(-180deg);
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
  -ms-filter: invert(100%);
  filter: invert(100%); }
  .message-center.toggle .arrow-icon {
    top: 13px;
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
    -moz-transform: translate3d(0, 0, 0) rotateZ(0deg);
    -o-transform: translate3d(0, 0, 0) rotateZ(0deg);
    -ms-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg); }

.message-center .body {
  display: block;
  position: absolute;
  padding: 10px 12px 10px 12px;
  left: 0;
  top: 55px;
  width: 100%;
  height: 300px;
  font-size: 16px;
  overflow-x: hidden;
  overflow-y: scroll;
  line-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.message-center .body .msg {
  padding: 3px;
  width: 100%;
  font-size: 16px;
  font-family: 'Arial', sans-serif;
  color: #000; }

.message-center .body .msg .user-name {
  font-weight: bold;
  color: #cc3333; }

.message-center .body .msg .admin-name {
  font-weight: bold; }

.message-center .input {
  display: block;
  position: absolute;
  padding: 5px 12px 5px 12px;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  font-size: 14px;
  border: none;
  border-top: 1px solid #DDD;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

#smsInput {
  width: 85px; }

.message-center-icon {
  position: relative;
  margin-left: auto;
  margin-right: 35px;
  width: 66px;
  height: 75px;
  z-index: 10;
  cursor: pointer;
  background: url("../images/chat-unfilled.png?v0.0001") no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .message-center-icon:not(.builder).flash {
    -webkit-animation: flash-icon 0.4s infinite alternate;
    -moz-animation: flash-icon 0.4s infinite alternate;
    -o-animation: flash-icon 0.4s infinite alternate;
    -ms-animation: flash-icon 0.4s infinite alternate;
    animation: flash-icon 0.4s infinite alternate; }
  .message-center-icon:hover {
    background: url("../images/chat-filled.png?") no-repeat;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none; }
  .message-center-icon.builder {
    display: none;
    position: absolute;
    bottom: auto;
    top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  .message-center-icon.builder.flash {
    -webkit-animation: flash-icon2 0.4s infinite alternate;
    -moz-animation: flash-icon2 0.4s infinite alternate;
    -o-animation: flash-icon2 0.4s infinite alternate;
    -ms-animation: flash-icon2 0.4s infinite alternate;
    animation: flash-icon2 0.4s infinite alternate; }
  body.builder .message-center-icon.builder {
    display: block; }
  @media all and (max-width: 640px) {
    .order .control-container .message-center-icon {
      top: -15px; } }
  @media all and (max-width: 640px) {
    .order .control-container.show .message-center-icon {
      display: none; } }

.message-center-icon .message-center-alert {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 50%;
  right: 64px;
  opacity: 0;
  width: 400px;
  height: 80px;
  background: rgba(247, 247, 247, 0.85);
  font-family: 'Avenir Next', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #808386;
  text-align: right;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s; }
  body.catalog .message-center-icon .message-center-alert {
    -webkit-animation: load-msgcenter-alert 5s 1;
    -moz-animation: load-msgcenter-alert 5s 1;
    -o-animation: load-msgcenter-alert 5s 1;
    -ms-animation: load-msgcenter-alert 5s 1;
    animation: load-msgcenter-alert 5s 1; }
  .message-center-icon:hover .message-center-alert {
    right: 84px;
    opacity: 1;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none; }

.message-center .sms-info {
  font-size: small; }

.order-history {
  width: 100%;
  border: none;
  border-spacing: 0; }

@media all and (max-width: 640px) {
  .order-history th {
    font-size: 12px; } }

@media all and (max-width: 640px) {
  .order-history td {
    font-size: 12px; } }

.order-history .order-history-head th {
  padding: 15px;
  font-size: 16px;
  border-bottom: 1px solid #F7F7F7;
  white-space: nowrap; }

.order-history .order-history-head th .sort-arrow {
  display: none;
  margin-top: 1px;
  margin-left: 6px;
  width: 12px;
  height: 12px;
  background-image: url("../images/icons/arrow.svg");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .order-history-head th.sortable .sort-arrow.sort-asc {
    margin-top: -1px;
    -webkit-transform: rotateZ(-180deg);
    -moz-transform: rotateZ(-180deg);
    -o-transform: rotateZ(-180deg);
    -ms-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg); }
  .order-history-head th.sortable .sort-arrow {
    display: inline-block; }

.order-history .order-history-body td {
  padding: 15px;
  font-size: 16px;
  border-bottom: 1px solid #F7F7F7;
  background: #FFF;
  text-align: center; }

.order-history .order-history-body td .button {
  margin-bottom: 3px;
  padding: 9px 14px 7px 14px;
  border: none;
  background: #f3d40e;
  border-bottom: 3px solid #e0c62e;
  font-size: 16px;
  color: #333;
  cursor: pointer; }

.order-history .order-history-foot td {
  text-align: right; }

.order-history .order-history-foot .pagi {
  display: inline-block;
  margin-top: 20px;
  margin-left: 6px;
  padding: 12px 20px;
  border: 1px solid #eaeaea;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .order-history .order-history-foot .pagi:hover {
    background: #eaeaea; }
  .order-history .order-history-foot .pagi.selected {
    background: #f3d40e;
    border-color: #f3d40e;
    cursor: default; }

.order-history .order-history-foot .order-history-status {
  padding-top: 10px;
  text-align: left; }
  @media all and (max-width: 640px) {
    .order-history .order-history-foot .order-history-status {
      padding-left: 20px;
      padding-top: 32px;
      vertical-align: top; } }

@media all and (max-width: 640px) {
  .order-hsitory .order-history-foot .order-history-navigation {
    padding-right: 20px; } }

.tracking-numbers-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  font-size: 16px; }

.tutorial {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.8); }

.tutorial .video {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 1140px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.indicator {
  position: fixed;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none; }
  .indicator.show {
    opacity: 1; }

.indicator .ind {
  position: absolute;
  left: 0;
  top: 0;
  border: 0 solid rgba(0, 0, 0, 0.5);
  z-index: 9999; }
  .indicator .ind.ind-1 {
    z-index: 9999; }

.indicator .ind .tip {
  position: absolute;
  height: auto;
  font-family: 'Avenir Next', sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #FFF;
  text-align: left;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.indicator .hide-tutorial {
  position: absolute;
  top: 51px;
  right: 30px;
  font-family: 'Avenir Next', sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #FFDD00;
  z-index: 9999;
  cursor: pointer;
  pointer-events: none; }
  .indicator.show .hide-tutorial {
    pointer-events: auto; }

.receipt-container {
  width: 640px;
  height: 900px;
  overflow-y: auto;
  font-size: 16px; }

.ticket-messages {
  width: 100%;
  min-width: 480px;
  height: 180px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #CCC; }

.ticket-response {
  padding: 8px;
  margin: 0 6px;
  width: 254px; }

.callback-modal__wrapper {
  max-width: 300px;
  padding: 1rem;
  font-family: 'Avenir Next';
  box-sizing: border-box; }
  .callback-modal__wrapper .rc-calendar {
    margin: 0 auto; }

.callback-modal__field {
  padding-top: 0.5rem; }
  .callback-modal__field input, .callback-modal__field select {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.25rem;
    border: 2px solid #000; }
  .callback-modal__field--error input, .callback-modal__field--error select {
    border-color: #CC3333;
    border-left-width: 4px; }
  .callback-modal__field-error-message {
    margin: 0.25rem 0 0;
    color: #cc3333;
    font-size: 1.0rem;
    text-align: left; }

.callback-modal__error {
  color: #CC3333; }

.callback-modal__buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 0.5rem; }

.callback-modal__button {
  cursor: pointer;
  flex: 1;
  padding: 0.5rem 1.0rem;
  border: 0; }
  .callback-modal__button--submit, .callback-modal__button--close {
    background-color: #FFDD00;
    color: #000; }
  .callback-modal__button--cancel {
    background-color: #000;
    color: #FFDD00; }
  .callback-modal__button--close {
    margin-top: 1rem; }

.rc-calendar-today .rc-calendar-date {
  border-color: #000; }

.rc-calendar-date:hover,
.rc-calendar-selected-day .rc-calendar-date {
  background-color: #FFFBE0; }

.rc-calendar-selected-date .rc-calendar-date {
  background-color: #ffdd00;
  color: #000; }

.rc-calendar-selected-date .rc-calendar-date:hover {
  background-color: #000;
  color: #ffdd00; }

.rc-calendar-today-btn, .rc-calendar-ok-btn, .rc-calendar-time-picker-btn {
  color: #000;
  text-decoration: underline; }

.rc-calendar-today-btn:hover, .rc-calendar-ok-btn:hover, .rc-calendar-time-picker-btn:hover {
  color: #ffdd00;
  text-decoration-color: #000; }

/** ISSUERS **/
/** Images **/
.rccs {
  margin: 0 auto;
  perspective: 1000px;
  width: 290px; }
  .rccs__card {
    height: 182.873px;
    margin: 0 auto;
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.4s linear;
    width: 290px; }
    .rccs__card--front, .rccs__card--back {
      backface-visibility: hidden;
      background: linear-gradient(25deg, #939393, #717171);
      border-radius: 14.5px;
      color: #fff;
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      transform-style: preserve-3d;
      width: 100%;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
    .rccs__card--front {
      z-index: 20; }
    .rccs__card--back {
      transform: rotateY(180deg); }
      .rccs__card--back .rccs__issuer {
        background-position: bottom center;
        bottom: 5%;
        left: 50%;
        opacity: 0.6;
        right: auto;
        top: auto;
        transform: translateX(-50%); }
    .rccs__card__background {
      height: 200%;
      left: -170%;
      position: absolute;
      top: -60%;
      transform: rotate(25deg);
      transition: all 0.5s ease-out;
      width: 150%;
      left: -170%; }
    .rccs__card--flipped {
      transform: rotateY(180deg); }
      .rccs__card--flipped .rccs__card--front {
        z-index: 10; }
      .rccs__card--flipped .rccs__card--back {
        z-index: 20; }
    .rccs__card--unknown > div {
      background: linear-gradient(25deg, #999, #999);
      box-shadow: none; }
    .rccs__card--unknown .rccs__issuer {
      visibility: hidden; }
    .rccs__card:not(.rccs__card--unknown) .rccs__card__background {
      left: -22%; }
    .rccs__card--amex .rccs__card__background {
      background: linear-gradient(25deg, #308c67, #a3f2cf); }
    .rccs__card--amex .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBjeD0iMTcuNTQxJSIgY3k9IjE3LjQ2NiUiIGZ4PSIxNy41NDElIiBmeT0iMTcuNDY2JSIgcj0iOTEuMjM3JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2NUJDRjEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjNBREUzIiBvZmZzZXQ9IjQ1LjQ2JSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwREE2RTAiIG9mZnNldD0iNTAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1NTFDMyIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGg1MTJ2NTEyaC01MTJ6Ii8+PHBhdGggZD0iTTQ1Ljc5MSAyMjAuOTM1bC05Ljc3My0yMy44MTMtOS43MTcgMjMuODEzaDE5LjQ4OXptMjE1LjI4OS05LjQ4M2MtMS45NjIgMS4xOTEtNC4yODMgMS4yMzEtNy4wNjMgMS4yMzFoLTE3LjM0NXYtMTMuMjY4aDE3LjU4MWMyLjQ4OCAwIDUuMDg0LjExMiA2Ljc3MSAxLjA3NyAxLjg1Mi44NyAyLjk5OCAyLjcyMiAyLjk5OCA1LjI4MSAwIDIuNjExLTEuMDkgNC43MTItMi45NDIgNS42Nzl6bTEyMy43MzkgOS40ODNsLTkuODgxLTIzLjgxMy05LjgyNyAyMy44MTNoMTkuNzA3em0tMjMwLjY1OCAyNS43NzZoLTE0LjYzN2wtLjA1NC00Ni43ODQtMjAuNzA0IDQ2Ljc4NGgtMTIuNTM2bC0yMC43NTgtNDYuODI1djQ2LjgyNWgtMjkuMDRsLTUuNDg2LTEzLjMyNGgtMjkuNzI5bC01LjU0MiAxMy4zMjRoLTE1LjUwN2wyNS41NjgtNTkuNzM1aDIxLjIxNGwyNC4yODQgNTYuNTU2di01Ni41NTZoMjMuMzA0bDE4LjY4NiA0MC41MjMgMTcuMTY1LTQwLjUyM2gyMy43NzJ2NTkuNzM1aC4wMDJ6bTU4LjMzOCAwaC00Ny42OTd2LTU5LjczNWg0Ny42OTd2MTIuNDM5aC0zMy40MTl2MTAuNzY3aDMyLjYxN3YxMi4yNDVoLTMyLjYxN3YxMS45MjloMzMuNDE5djEyLjM1NHptNjcuMjUxLTQzLjY0N2MwIDkuNTI0LTYuMzU3IDE0LjQ0NC0xMC4wNjEgMTUuOTIyIDMuMTI0IDEuMTg5IDUuNzkzIDMuMjkgNy4wNjMgNS4wMyAyLjAxNiAyLjk3MSAyLjM2NCA1LjYyNSAyLjM2NCAxMC45NnYxMS43MzVoLTE0LjQwMWwtLjA1NC03LjUzM2MwLTMuNTk0LjM0NC04Ljc2NC0yLjI1NC0xMS42MzctMi4wODYtMi4xMDEtNS4yNjYtMi41NTctMTAuNDA3LTIuNTU3aC0xNS4zMjd2MjEuNzI3aC0xNC4yNzd2LTU5LjczNWgzMi44NGM3LjI5NyAwIDEyLjY3My4xOTMgMTcuMjg5IDIuODYxIDQuNTE3IDIuNjY4IDcuMjI1IDYuNTY0IDcuMjI1IDEzLjIyN3ptMjIuODUgNDMuNjQ3aC0xNC41Njl2LTU5LjczNWgxNC41Njl2NTkuNzM1em0xNjkuMDE3IDBoLTIwLjIzM2wtMjcuMDY0LTQ0LjgzNHY0NC44MzRoLTI5LjA3OGwtNS41NTctMTMuMzI0aC0yOS42NmwtNS4zOTEgMTMuMzI0aC0xNi43MDdjLTYuOTQgMC0xNS43MjctMS41MzUtMjAuNzA0LTYuNjA3LTUuMDE4LTUuMDcyLTcuNjI5LTExLjk0Mi03LjYyOS0yMi44MDUgMC04Ljg1OSAxLjU2LTE2Ljk1OCA3LjY5Ny0yMy4zNTggNC42MTYtNC43NjcgMTEuODQ1LTYuOTY1IDIxLjY4NC02Ljk2NWgxMy44MjN2MTIuNzk5aC0xMy41MzNjLTUuMjExIDAtOC4xNTMuNzc1LTEwLjk4NyAzLjUzOS0yLjQzNCAyLjUxNS00LjEwNCA3LjI3LTQuMTA0IDEzLjUzMSAwIDYuNCAxLjI3MiAxMS4wMTQgMy45MjYgMTQuMDI4IDIuMTk4IDIuMzY0IDYuMTkzIDMuMDgxIDkuOTUxIDMuMDgxaDYuNDEybDIwLjEyNC00Ni45NzdoMjEuMzk0bDI0LjE3NCA1Ni41di01Ni41aDIxLjc0bDI1LjA5OCA0MS42MDJ2LTQxLjYwMmgxNC42MjV2NTkuNzMzem0tNDcxLjYxNiAxMS43MzNoMjQuMzk1bDUuNTAxLTEzLjI2OGgxMi4zMTVsNS40ODYgMTMuMjY4aDQ4di0xMC4xNDRsNC4yODUgMTAuMTg3aDI0LjkxOGw0LjI4NS0xMC4zMzh2MTAuMjk1aDExOS4yODlsLS4wNTYtMjEuNzc5aDIuMzA4YzEuNjE2LjA1NiAyLjA4OC4yMDUgMi4wODggMi44NzR2MTguOTA2aDYxLjY5N3YtNS4wN2M0Ljk3NiAyLjY2NyAxMi43MTcgNS4wNyAyMi45MDIgNS4wN2gyNS45NTZsNS41NTUtMTMuMjY4aDEyLjMxNWw1LjQzMiAxMy4yNjhoNTAuMDE4di0xMi42MDNsNy41NzQgMTIuNjAzaDQwLjA4MXYtODMuMzEyaC0zOS42Njd2OS44MzlsLTUuNTU1LTkuODM5aC00MC43MDN2OS44MzlsLTUuMTAxLTkuODM5aC01NC45OGMtOS4yMDMgMC0xNy4yOTMgMS4yODUtMjMuODI4IDQuODY1di00Ljg2NWgtMzcuOTQxdjQuODY1Yy00LjE1OC0zLjY5LTkuODI1LTQuODY1LTE2LjEyNS00Ljg2NWgtMTM4LjYxM2wtOS4zMDEgMjEuNTE4LTkuNTUxLTIxLjUxOGgtNDMuNjZ2OS44MzlsLTQuNzk2LTkuODM5aC0zNy4yMzVsLTE3LjI5MSAzOS42MTF2NDMuNzAxaC4wMDJ6TTUxMiAzMDIuMDE0aC0yNi4wMzljLTIuNiAwLTQuMzI3LjA5Ny01Ljc4MiAxLjA4LTEuNTA3Ljk2OC0yLjA4OCAyLjQwNS0yLjA4OCA0LjMwMiAwIDIuMjU1IDEuMjczIDMuNzkgMy4xMjQgNC40NTMgMS41MDcuNTI1IDMuMTI2LjY3OCA1LjUwNi42NzhsNy43NDMuMjA3YzcuODE0LjE5MyAxMy4wMjkgMS41MzYgMTYuMjA5IDQuODEyLjU3OS40NTYuOTI3Ljk2OCAxLjMyNSAxLjQ4di0xNy4wMTJ6bTAgMzkuNDE2Yy0zLjQ3IDUuMDc1LTEwLjIzMyA3LjY0OC0xOS4zODggNy42NDhoLTI3LjU5MXYtMTIuODJoMjcuNDc5YzIuNzI2IDAgNC42MzMtLjM1OSA1Ljc4Mi0xLjQ4Ljk5NS0uOTI1IDEuNjg5LTIuMjY4IDEuNjg5LTMuOSAwLTEuNzQyLS42OTQtMy4xMjQtMS43NDUtMy45NTQtMS4wMzctLjkxMi0yLjU0Ni0xLjMyNy01LjAzNC0xLjMyNy0xMy40MTUtLjQ1Ni0zMC4xNTEuNDE1LTMwLjE1MS0xOC41MDQgMC04LjY3MiA1LjUwNi0xNy44IDIwLjQ5OC0xNy44aDI4LjQ1OHYtMTEuODk1aC0yNi40NDFjLTcuOTc5IDAtMTMuNzc2IDEuOTExLTE3Ljg4MSA0Ljg4MnYtNC44ODJoLTM5LjEwOWMtNi4yNTQgMC0xMy41OTUgMS41NS0xNy4wNjggNC44ODJ2LTQuODgyaC02OS44Mzl2NC44ODJjLTUuNTU4LTQuMDEtMTQuOTM3LTQuODgyLTE5LjI2NS00Ljg4MmgtNDYuMDY2djQuODgyYy00LjM5Ny00LjI1OC0xNC4xNzYtNC44ODItMjAuMTM2LTQuODgyaC01MS41NTZsLTExLjc5OCAxMi43NjgtMTEuMDUtMTIuNzY4aC03Ny4wMTR2ODMuNDIxaDc1LjU2NWwxMi4xNTctMTIuOTcgMTEuNDUyIDEyLjk3IDQ2LjU3OC4wNDF2LTE5LjYyNGg0LjU3OWM2LjE4LjA5NiAxMy40NjktLjE1MyAxOS45LTIuOTMzdjIyLjUxNGgzOC40MTl2LTIxLjc0MmgxLjg1M2MyLjM2NSAwIDIuNTk4LjA5NyAyLjU5OCAyLjQ2MXYxOS4yOGgxMTYuNzA5YzcuNDEgMCAxNS4xNTUtMS44OTcgMTkuNDQ0LTUuMzM4djUuMzM4aDM3LjAyYzcuNzA0IDAgMTUuMjI3LTEuMDggMjAuOTUxLTMuODQ1di0xNS41NDF6bS01Ni45OS0yMy44ODRjMi43ODIgMi44NzkgNC4yNzMgNi41MTQgNC4yNzMgMTIuNjY3IDAgMTIuODYyLTguMDM1IDE4Ljg2NS0yMi40NDQgMTguODY1aC0yNy44Mjd2LTEyLjgyaDI3LjcxNWMyLjcxIDAgNC42MzItLjM1OSA1LjgzNi0xLjQ4Ljk4My0uOTI1IDEuNjg3LTIuMjY4IDEuNjg3LTMuOSAwLTEuNzQyLS43NjMtMy4xMjQtMS43NDMtMy45NTQtMS4wOTMtLjkxMi0yLjYtMS4zMjctNS4wODgtMS4zMjctMTMuMzYxLS40NTYtMzAuMDkzLjQxNS0zMC4wOTMtMTguNTA0IDAtOC42NzIgNS40NDgtMTcuOCAyMC40MjYtMTcuOGgyOC42NDJ2MTIuNzI1aC0yNi4yMDhjLTIuNTk4IDAtNC4yODcuMDk3LTUuNzI0IDEuMDgtMS41NjUuOTY4LTIuMTQ1IDIuNDA1LTIuMTQ1IDQuMzAyIDAgMi4yNTUgMS4zMjkgMy43OSAzLjEyNiA0LjQ1MyAxLjUwNy41MjUgMy4xMjYuNjc4IDUuNTYuNjc4bDcuNjkxLjIwN2M3Ljc1Ni4xODkgMTMuMDggMS41MzEgMTYuMzE2IDQuODA4em0tMTI4LjkxOC0zLjY5MmMtMS45MTEgMS4xMzQtNC4yNzUgMS4yMzEtNy4wNTUgMS4yMzFoLTE3LjM1NnYtMTMuNDI4aDE3LjU5MmMyLjU0NCAwIDUuMDg5LjA1NCA2LjgxOCAxLjA4IDEuODUyLjk2OCAyLjk1OCAyLjgyIDIuOTU4IDUuMzc4IDAgMi41NTgtMS4xMDcgNC42MTktMi45NTggNS43Mzh6bTguNjI4IDcuNDRjMy4xOCAxLjE3NCA1Ljc4IDMuMjc4IDYuOTk5IDUuMDE5IDIuMDE3IDIuOTE5IDIuMzA5IDUuNjQzIDIuMzY3IDEwLjkxM3YxMS44NTJoLTE0LjM0M3YtNy40OGMwLTMuNTk3LjM0Ni04LjkyMi0yLjMwOS0xMS43MDItMi4wODgtMi4xNDItNS4yNy0yLjY1NC0xMC40ODItMi42NTRoLTE1LjI2OHYyMS44MzZoLTE0LjM1NnYtNTkuNzg2aDMyLjk4NWM3LjIzMyAwIDEyLjUwMS4zMTkgMTcuMTkgMi44MjEgNC41MDkgMi43MjQgNy4zNDUgNi40NTYgNy4zNDUgMTMuMjc2LS4wMDIgOS41NDItNi4zNjYgMTQuNDEyLTEwLjEyNyAxNS45MDV6bTE4LjA0OC0zMi4wMDJoNDcuNjg0djEyLjM2NGgtMzMuNDU1djEwLjg2OWgzMi42Mzl2MTIuMTk4aC0zMi42Mzl2MTEuODk1bDMzLjQ1NS4wNTR2MTIuNDA1aC00Ny42ODR2LTU5Ljc4NnptLTk2LjM5MyAyNy41OTFoLTE4LjQ2M3YtMTUuMjI1aDE4LjYyOWM1LjE1OCAwIDguNzM4IDIuMTAyIDguNzM4IDcuMzMgMCA1LjE3MS0zLjQxNSA3Ljg5NS04LjkwNCA3Ljg5NXptLTMyLjY5MyAyNi43NThsLTIxLjkzNS0yNC4zNTMgMjEuOTM1LTIzLjU3OXY0Ny45MzJ6bS01Ni42NDctNy4wMjJoLTM1LjEyN3YtMTEuODk1aDMxLjM2NnYtMTIuMTk4aC0zMS4zNjZ2LTEwLjg2OWgzNS44MTlsMTUuNjI3IDE3LjQyMy0xNi4zMTkgMTcuNTR6bTExMy41ODMtMjcuNjNjMCAxNi42MDgtMTIuMzkxIDIwLjAzNy0yNC44NzkgMjAuMDM3aC0xNy44Mjd2MjAuMDUzaC0yNy43NjlsLTE3LjU5Mi0xOS43OTItMTguMjgzIDE5Ljc5MmgtNTYuNTkxdi01OS43ODZoNTcuNDYybDE3LjU3OCAxOS41OTcgMTguMTczLTE5LjU5N2g0NS42NTJjMTEuMzM4IDAgMjQuMDc3IDMuMTM5IDI0LjA3NyAxOS42OTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); }
    .rccs__card--amex .rccs__cvc__front {
      opacity: 0.5;
      visibility: visible; }
    .rccs__card--dankort .rccs__card__background {
      background: linear-gradient(25deg, #ccc, #999); }
    .rccs__card--dankort .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMwOCIgdmlld0JveD0iMCAwIDUxMiAzMDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iI0Y1MDkxQSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5RTBDMTciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0zNTguNDA3IDBoLTIwNC43OTVjLTg0Ljg0MiAwLTE1My42MTIgNjguNzcxLTE1My42MTIgMTUzLjU5MyAwIDg0Ljg1MSA2OC43NyAxNTMuNjA2IDE1My42MTIgMTUzLjYwNmgyMDQuNzk1Yzg0LjgyMiAwIDE1My41OTMtNjguNzU1IDE1My41OTMtMTUzLjYwNiAwLTg0LjgyMS02OC43Ny0xNTMuNTkzLTE1My41OTMtMTUzLjU5MyIgZmlsbD0iI0ZFRkVGRSIvPjxwYXRoIGQ9Ik0zOTUuNTkxIDE0NC40ODZsNjguMzI4IDgxLjI2MWMxNC4xNTEtMjAuNDUxIDIyLjQ2Mi00NS4yNDIgMjIuNDYyLTcxLjk0NSAwLTI4LjE4My05LjI1OS01NC4yNDgtMjQuODg0LTc1LjMxNWwtNjUuOTA2IDY1Ljk5OXptLTI0MS4zOTctMTE3LjM4NmMtMzguNTQ3IDAtNzMuMTIxIDE3LjI5My05Ni4zODMgNDQuNTI4aDE0NC4xNTljNTEuMDI3IDAgODkuNDc0IDEyLjk4MyA5My40MzEgNTUuOTc0bDUzLjcwMi01NS45ODFoMTA2LjkzMWMtMjMuMjYzLTI3LjIyNy01Ny44MzEtNDQuNTItOTYuMzYxLTQ0LjUyaC0yMDUuNDc5em0yOS4yMzYgMjA1LjQ3OWgtMTI4LjQyOWMyMy4yMzMgMjkuMTkzIDU5LjA2MiA0Ny45NDYgOTkuMTk0IDQ3Ljk0NmgyMDUuNDc5YzQwLjExNyAwIDc1LjkzNy0xOC43NDUgOTkuMTcxLTQ3LjkzOWgtMTA5LjI5NWwtNTYuNzk2LTcxLjc3NmMtMTAuNTA2IDQ4LjkzOS00NC44ODEgNzEuNzY5LTEwOS4zMjMgNzEuNzY5ek0xMTguNDQgMTI1Ljk5N2wtMTguMjIyIDUwLjFoNzMuNTE3YzIxLjczMyAwIDI4LjMxLTguOTk4IDMzLjE3My0yNi4zMTkgNC44MTUtMTcuMTMxLTcuMjc3LTIzLjc4LTIyLjEyOS0yMy43OGgtNjYuMzM5eiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg=="); }
    .rccs__card--dinersclub > div {
      color: #555; }
    .rccs__card--dinersclub .rccs__card__background {
      background: linear-gradient(25deg, #fff, #eee); }
    .rccs__card--dinersclub .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDUxMiAxMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05OS4yODUgMTMzLjg2YzM2LjQ0Ni4xNzcgNjkuNzE1LTI5LjY1OSA2OS43MTUtNjUuOTU1IDAtMzkuNjg5LTMzLjI2OS02Ny4xMjItNjkuNzE1LTY3LjExMWgtMzEuMzY1Yy0zNi44ODItLjAxMS02Ny4yNDEgMjcuNDI5LTY3LjI0MSA2Ny4xMTEgMCAzNi4zMDUgMzAuMzU4IDY2LjEzMyA2Ny4yNDEgNjUuOTU1aDMxLjM2NSIgZmlsbD0iIzAwNjA5NSIvPjxwYXRoIGQ9Ik04MS45MDkgMTAzLjI0N3YtNzIuMDcyYzE0LjUxNyA1LjU1NyAyNC44MjMgMTkuNTgzIDI0Ljg0NyAzNi4wMzMtLjAyNCAxNi40NTQtMTAuMzMgMzAuNDcxLTI0Ljg0NyAzNi4wMzhtLTUyLjUyMi0zNi4wMzhjLjAzMy0xNi40NDEgMTAuMzIyLTMwLjQ1OCAyNC44MzEtMzYuMDMydjcyLjA1NWMtMTQuNTA5LTUuNTY5LTI0Ljc5OC0xOS41NzgtMjQuODMxLTM2LjAyNG0zOC42NzktNjAuOTE1Yy0zMy43MDIuMDExLTYxLjAxMSAyNy4yNzMtNjEuMDIgNjAuOTE1LjAwOCAzMy42MzkgMjcuMzE4IDYwLjg5NSA2MS4wMiA2MC45MDUgMzMuNzEzLS4wMSA2MS4wMjgtMjcuMjY2IDYxLjAzMy02MC45MDUtLjAwNS0zMy42NDItMjcuMzE5LTYwLjkwNC02MS4wMzMtNjAuOTE1IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE5MC4zNzMgMjkuNDIxYzAtNi4yOTQtMy4yOTEtNS44ODEtNi40NDQtNS45NDd2LTEuODE5YzIuNzMzLjEzMyA1LjUzNi4xMzMgOC4yNzUuMTMzIDIuOTQzIDAgNi45NDEtLjEzMyAxMi4xMzMtLjEzMyAxOC4xNTcgMCAyOC4wNDIgMTIuMTAzIDI4LjA0MiAyNC40OTYgMCA2LjkyOS00LjA2MyAyNC4zNTMtMjguODg4IDI0LjM1My0zLjU3MyAwLTYuODc0LS4xMzgtMTAuMTY3LS4xMzgtMy4xNTMgMC02LjI0Mi4wNjctOS4zOTUuMTM4di0xLjgyYzQuMjAzLS40MjEgNi4yNDItLjU2MSA2LjQ0NC01LjMydi0zMy45NDN6bTYuODczIDMyLjgyNWMwIDUuMzg4IDMuODYxIDYuMDE3IDcuMjk0IDYuMDE3IDE1LjE0OSAwIDIwLjEyNC0xMS40MDcgMjAuMTI0LTIxLjgzNiAwLTEzLjA4My04LjQxNS0yMi41My0yMS45NDctMjIuNTMtMi44NzkgMC00LjIwMy4yMDUtNS40NzIuMjh2MzguMDY4em0zNy41OTIgNi40NGgxLjMzMWMxLjk2MSAwIDMuMzY1IDAgMy4zNjUtMi4zMTV2LTE4Ljk2MmMwLTMuMDc3LTEuMDUtMy41MDQtMy42NDgtNC44OTZ2LTEuMTIyYzMuMjk2LS45ODUgNy4yMjYtMi4zMDggNy41MDMtMi41MTguNDkzLS4yOC45MTItLjM1NCAxLjI2NC0uMzU0LjM0NyAwIC40OTIuNDIxLjQ5Mi45ODV2MjYuODY2YzAgMi4zMTUgMS41NDIgMi4zMTUgMy41MDggMi4zMTVoMS4xODl2MS44MmMtMi4zODYgMC00Ljg0Mi0uMTQtNy4zNi0uMTQtMi41MjYgMC01LjA1Mi4wNjgtNy42NDMuMTR2LTEuODJ6bTcuNTAzLTQwLjk0Yy0xLjgyNyAwLTMuNDM2LTEuNjc5LTMuNDM2LTMuNDk5IDAtMS43NTIgMS42ODYtMy4zNjYgMy40MzYtMy4zNjYgMS44MTcgMCAzLjQzNSAxLjQ3NiAzLjQzNSAzLjM2NiAwIDEuODkyLTEuNTQ2IDMuNDk5LTMuNDM1IDMuNDk5em0xNC4xNjIgMjAuMDgyYzAtMi41ODgtLjc3NS0zLjI4NS00LjA2My00LjYxNXYtMS4zM2MzLjAxMS0uOTc4IDUuODg0LTEuODkyIDkuMjU0LTMuMzYzLjIwOCAwIC40MTQuMTQzLjQxNC42OTl2NC41NTFjNC4wMDMtMi44NjYgNy40NDEtNS4yNSAxMi4xNDQtNS4yNSA1Ljk1NiAwIDguMDU4IDQuMzQgOC4wNTggOS44djE4LjA1MmMwIDIuMzE1IDEuNTQxIDIuMzE1IDMuNTA2IDIuMzE1aDEuMjYydjEuODJjLTIuNDU5IDAtNC45MTMtLjE0LTcuNDMxLS4xNC0yLjUyOCAwLTUuMDUzLjA2OC03LjU3Ni4xNHYtMS44MmgxLjI2MWMxLjk2NyAwIDMuMzYzIDAgMy4zNjMtMi4zMTV2LTE4LjEyYzAtMy45OTQtMi40NDMtNS45NDktNi40NDYtNS45NDktMi4yNDMgMC01LjgxOSAxLjgxNy04LjE0MSAzLjM1OHYyMC43MTFjMCAyLjMxNSAxLjU1MiAyLjMxNSAzLjUxNiAyLjMxNWgxLjI2MXYxLjgyYy0yLjQ1NCAwLTQuOTEyLS4xNC03LjQzNi0uMTQtMi41MjEgMC01LjA1LjA2OC03LjU3MS4xNHYtMS44MmgxLjI2NWMxLjk2MiAwIDMuMzYxIDAgMy4zNjEtMi4zMTV2LTE4LjU0NHptMzUuOTA3IDMuMzY1Yy0uMTQ1LjYzMS0uMTQ1IDEuNjc3IDAgNC4wNTkuNDEyIDYuNjQ2IDQuNzAyIDEyLjEwMyAxMC4zMDIgMTIuMTAzIDMuODYzIDAgNi44ODItMi4xIDkuNDctNC42ODZsLjk4Ljk4Yy0zLjIyNiA0LjI3LTcuMjI0IDcuOTA4LTEyLjk2OCA3LjkwOC0xMS4xNTQgMC0xMy4zOTUtMTAuNzgtMTMuMzk1LTE1LjI1NiAwLTEzLjcxOCA5LjI1Mi0xNy43NzkgMTQuMTU3LTE3Ljc3OSA1LjY4NSAwIDExLjc5MSAzLjU2OCAxMS44NTMgMTAuOTg2IDAgLjQyNiAwIC44NC0uMDYyIDEuMjY1bC0uNjM3LjQyMWgtMTkuNzAxem0xMi40MTMtMi4yNDFjMS43NTIgMCAxLjk1Ni0uOTEyIDEuOTU2LTEuNzUxIDAtMy41NjgtMi4xNzEtNi40MzctNi4xMDEtNi40MzctNC4yNzUgMC03LjIxOSAzLjE0Mi04LjA2IDguMTg3aDEyLjIwNXptOS42MDQgMTkuNzM2aDEuODk0YzEuOTU2IDAgMy4zNiAwIDMuMzYtMi4zMTV2LTE5LjY2MWMwLTIuMTY4LTIuNTkxLTIuNTkxLTMuNjQ1LTMuMTV2LTEuMDQ3YzUuMTE5LTIuMTcyIDcuOTI1LTMuOTk0IDguNTY1LTMuOTk0LjQxMiAwIC42Mi4yMS42Mi45MTN2Ni4yOTdoLjE1YzEuNzQ2LTIuNzI5IDQuNjk3LTcuMjEgOC45NzItNy4yMSAxLjc1NCAwIDMuOTk1IDEuMTg4IDMuOTk1IDMuNzA5IDAgMS44OS0xLjMyOSAzLjU3NC0zLjI5MSAzLjU3NC0yLjE4MiAwLTIuMTgyLTEuNjg0LTQuNjMzLTEuNjg0LTEuMTk0IDAtNS4xMTkgMS42MTEtNS4xMTkgNS44MTJ2MTYuNDM5YzAgMi4zMTUgMS4zOTkgMi4zMTUgMy4zNjUgMi4zMTVoMy45MjV2MS44MmMtMy44NTgtLjA3Mi02Ljc5My0uMTQtOS44MTItLjE0LTIuODc0IDAtNS44MjEuMDY4LTguMzQ1LjE0di0xLjgyem0yNi45OTUtNy45MTFjLjkxNCA0LjYxOCAzLjcxNiA4LjU0IDguODM4IDguNTQgNC4xMyAwIDUuNjcyLTIuNTE5IDUuNjcyLTQuOTY3IDAtOC4yNi0xNS4yODEtNS42MDMtMTUuMjgxLTE2Ljg2NyAwLTMuOTIyIDMuMTU5LTguOTYxIDEwLjg2OS04Ljk2MSAyLjI0MSAwIDUuMjU1LjYzMiA3Ljk4OCAyLjAzM2wuNDk1IDcuMTMyaC0xLjYxNGMtLjctNC40MDUtMy4xNTMtNi45MjQtNy42NDMtNi45MjQtMi44MDggMC01LjQ2OSAxLjYwOS01LjQ2OSA0LjYxOCAwIDguMTk0IDE2LjI2OCA1LjY2OSAxNi4yNjggMTYuNjU1IDAgNC42MTgtMy43MTYgOS41MjItMTIuMDYzIDkuNTIyLTIuODA0IDAtNi4xMDEtLjk4Mi04LjU1Mi0yLjM4bC0uNzc0LTguMDQ5IDEuMjY0LS4zNTN6bTgzLjQ0Mi0yNi40NTVoLTEuNzQ5Yy0xLjMzNS04LjE4Mi03LjE1Ni0xMS40NzUtMTUuMDA2LTExLjQ3NS04LjA2OCAwLTE5Ljc4MSA1LjM4Ny0xOS43ODEgMjIuMTgyIDAgMTQuMTQ0IDEwLjEwNSAyNC4yODggMjAuOSAyNC4yODggNi45MzkgMCAxMi42OTUtNC43NTggMTQuMDk5LTEyLjEwOWwxLjYwOS40MTktMS42MDkgMTAuMjE3Yy0yLjk0NiAxLjgyNS0xMC44NzEgMy43MTItMTUuNTAyIDMuNzEyLTE2LjQwMyAwLTI2Ljc3OS0xMC41NjgtMjYuNzc5LTI2LjMxNSAwLTE0LjM0NyAxMi44MjgtMjQuNjM4IDI2LjU3Mi0yNC42MzggNS42NzcgMCAxMS4xNDkgMS44MjUgMTYuNTQ2IDMuNzE2bC43IDEwLjAwM3ptMi41MjkgMzQuMzY2aDEuMzI2YzEuOTY5IDAgMy4zNzMgMCAzLjM3My0yLjMxNXYtMzguOTc0YzAtNC41NTMtMS4wNTItNC42OTMtMy43MTYtNS40NjF2LTEuMTJjMi44MDMtLjkwOSA1Ljc0OS0yLjE2OCA3LjIyMS0zLjAxMi43NjUtLjQxNiAxLjMzMS0uNzcyIDEuNTM3LS43NzIuNDI3IDAgLjU2OC40MjQuNTY4Ljk4NXY0OC4zNTRjMCAyLjMxNSAxLjU0MSAyLjMxNSAzLjUwNiAyLjMxNWgxLjE4NHYxLjgyYy0yLjM3NiAwLTQuODMyLS4xNC03LjM1Ni0uMTQtMi41MjMgMC01LjA0Ny4wNjgtNy42NDMuMTR2LTEuODJ6bTQ1LjAyMi0yLjAzM2MwIDEuMjY1Ljc2OSAxLjMzMSAxLjk1OSAxLjMzMWwyLjgwNi0uMDY3djEuNDczYy0zLjAxOS4yNzgtOC43NjcgMS43NDctMTAuMSAyLjE2N2wtLjM1My0uMjExdi01LjY2NmMtNC4yIDMuNDI4LTcuNDMxIDUuODc3LTEyLjQxNSA1Ljg3Ny0zLjc4MyAwLTcuNzEtMi40NDktNy43MS04LjMyNXYtMTcuOTJjMC0xLjgyLS4yNzgtMy41NzEtNC4yMDItMy45MTl2LTEuMzMxYzIuNTI4LS4wNjggOC4xMjgtLjQ4OCA5LjA0My0uNDg4Ljc3NyAwIC43NzcuNDg4Ljc3NyAyLjAyOHYxOC4wNTJjMCAyLjEwMyAwIDguMTIgNi4wOTYgOC4xMiAyLjM4NCAwIDUuNTM5LTEuODE5IDguNDgtNC4yNjN2LTE4LjgzM2MwLTEuMzk2LTMuMzYzLTIuMTYzLTUuODgyLTIuODY0di0xLjI2YzYuMzA0LS40MjMgMTAuMjM3LS45OCAxMC45MzQtLjk4LjU2NyAwIC41NjcuNDg4LjU2NyAxLjI2MXYyNS44MTh6bTEzLjk1Mi0yMy4wOTJjMi44MDEtMi4zOCA2LjU4OS01LjA0IDEwLjQ0OS01LjA0IDguMTM1IDAgMTMuMDM3IDcuMDc0IDEzLjAzNyAxNC42OTggMCA5LjE2Ny02LjcyOCAxOC4zMzgtMTYuNzYxIDE4LjMzOC01LjE4NCAwLTcuOTE4LTEuNjgyLTkuNzQ0LTIuNDQ5bC0yLjEwMSAxLjYwNi0xLjQ2Ny0uNzY3Yy42Mi00LjEyOS45NzktOC4xODkuOTc5LTEyLjQ1N3YtMzAuMDkxYzAtNC41NTMtMS4wNTctNC42OTMtMy43Mi01LjQ2MXYtMS4xMmMyLjgxMS0uOTA5IDUuNzQ5LTIuMTY4IDcuMjI0LTMuMDEyLjc3LS40MTYgMS4zMjctLjc3MiAxLjU0Ni0uNzcyLjQyIDAgLjU1OS40MjQuNTU5Ljk4NXYyNS41NDN6bTAgMTkuMDMzYzAgMi42NTkgMi41MjMgNy4xNDQgNy4yMjEgNy4xNDQgNy41MDQgMCAxMC42NTctNy4zNTIgMTAuNjU3LTEzLjU4MyAwLTcuNTU2LTUuNzQ0LTEzLjg1Mi0xMS4yMTYtMTMuODUyLTIuNjAxIDAtNC43NyAxLjY4MS02LjY2MyAzLjI5MXYxN3ptLTMwMi41MTggNDguNjAxaC41MzdjMS4zNzEgMCAyLjgyMS0uMTg1IDIuODIxLTIuMTY4di0xOS45NDhjMC0xLjk4Ni0xLjQ0OS0yLjE3NS0yLjgyMS0yLjE3NWgtLjUzN3YtMS4xNDNjMS40ODkgMCAzLjc3OC4xNSA1LjY1My4xNSAxLjkwNSAwIDQuMTkyLS4xNSA1Ljk4NS0uMTV2MS4xNDNoLS41MzZjLTEuMzY4IDAtMi44MjEuMTg5LTIuODIxIDIuMTc1djE5Ljk0OGMwIDEuOTgzIDEuNDUzIDIuMTY4IDIuODIxIDIuMTY4aC41MzZ2MS4xNDhjLTEuODMxIDAtNC4xMjUtLjE1LTYuMDI2LS4xNS0xLjg3MSAwLTQuMTI0LjE1LTUuNjEyLjE1di0xLjE0OHptMzcuODUxLTYuMzU5bC4wNzctLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzctMy41ODEtMy4zMjEtMy41ODFoLS44NHYtMS4xNDNsNS4zNDIuMTUxIDQuNjk0LS4xNTF2MS4xNDNoLS41NjhjLTEuNjA3IDAtMy40LjMwNi0zLjQgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzkgMi42NjIuMjI2IDMuODQyaC0xLjQ0OWwtMTkuNjQ3LTIxLjg2djE1LjY5MmMwIDMuMzEzLjY0MyA0LjQ1MiAzLjU4NSA0LjQ1MmguNjQ3djEuMTQ4bC00LjkyLS4xNS01LjE4Ny4xNXYtMS4xNDhoLjUzNGMyLjYzMiAwIDMuNDMxLTEuNzg2IDMuNDMxLTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1OS0zLjQyMy0zLjQ2OS0zLjQyM2gtLjQ5N3YtMS4xNDNsNC4zODMuMTUxIDMuMzk5LS4xNTEgMTYuOTgzIDE5LjA3NnptMTEuNjY2LTE3LjE3MmMtMi44NjYgMC0yLjk3NC42ODYtMy41NDcgMy40NjJoLTEuMTQzYy4xNDgtMS4wNjUuMzQyLTIuMTI5LjQ1OC0zLjIzNi4xNTUtMS4wNjguMjI4LTIuMTI5LjIyOC0zLjIzM2guOTE1Yy4zMDggMS4xNDQgMS4yNjEgMS4xMDQgMi4yOTYgMS4xMDRoMTkuNjgxYzEuMDMzIDAgMS45ODQtLjAzNyAyLjA2My0xLjE4MmwuOTEuMTUzYy0uMTQ4IDEuMDI5LS4zMDMgMi4wNTUtLjQxOSAzLjA4NS0uMDcgMS4wMjktLjA3IDIuMDU4LS4wNyAzLjA4M2wtMS4xNDcuNDIzYy0uMDc4LTEuNDA4LS4yNy0zLjY1OS0yLjgyNC0zLjY1OWgtNi4yNTd2MjAuMjU5YzAgMi45MzcgMS4zMzcgMy4yNzIgMy4xNjQgMy4yNzJoLjcyNXYxLjE0OGMtMS40ODcgMC00LjE1OS0uMTUtNi4yMTYtLjE1LTIuMjkgMC00Ljk2Mi4xNS02LjQ1Mi4xNXYtMS4xNDhoLjcyNWMyLjEwNiAwIDMuMTY4LS4xODcgMy4xNjgtMy4xOTJ2LTIwLjMzOWgtNi4yNTl6bTIzLjA4MiAyMy41MzFoLjUzNmMxLjM3MyAwIDIuODI0LS4xODUgMi44MjQtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDUxLTIuMTc1LTIuODI0LTIuMTc1aC0uNTM2di0xLjE0M2MyLjMyMiAwIDYuMjk5LjE1IDkuNDk4LjE1IDMuMjEgMCA3LjE3Mi0uMTUgOS43NjUtLjE1LS4wNjUgMS42MzUtLjAyOCA0LjE1My4wODMgNS44MjdsLTEuMTUuMzA2Yy0uMTg0LTIuNDc0LS42NC00LjQ1NC00LjY1LTQuNDU0aC01LjI5OHY5Ljk3M2g0LjUzNGMyLjI4OCAwIDIuNzg4LTEuMjkxIDMuMDE0LTMuMzUyaDEuMTQyYy0uMDc1IDEuNDg5LS4xMTQgMi45NzMtLjExNCA0LjQ1NSAwIDEuNDUxLjAzOSAyLjg5Ni4xMTQgNC4zNDNsLTEuMTQyLjIyNmMtLjIyNi0yLjI4Mi0uMzQyLTMuNzY4LTIuOTc5LTMuNzY4aC00LjU3djguODcxYzAgMi40NzUgMi4yMDMgMi40NzUgNC42NDYgMi40NzUgNC41ODEgMCA2LjYwMS0uMzA3IDcuNzQ3LTQuNjQybDEuMDY3LjI2MmMtLjQ5OCAyLjAyNC0uOTU0IDQuMDM2LTEuMjkzIDYuMDU4LTIuNDQ2IDAtNi44MzQtLjE1LTEwLjI2My0uMTUtMy40MzggMC03Ljk3OC4xNS0xMC4xNTMuMTV2LTEuMTQ4em0yNi44NTktMjEuNGMwLTIuNzc4LTEuNTI2LTIuODkyLTIuNzEyLTIuODkyaC0uNjg3di0xLjE0NGMxLjIyMSAwIDMuNTg2LjE1MyA1LjkxNS4xNTMgMi4yODcgMCA0LjEyLS4xNTMgNi4xNDEtLjE1MyA0LjgwNCAwIDkuMDgzIDEuMjk0IDkuMDgzIDYuNzA2IDAgMy40MjEtMi4yODggNS41MTctNS4zMDMgNi43MDNsNi41MjIgOS43NDFjMS4wNyAxLjYxMSAxLjgyOSAyLjA2MyAzLjcwMiAyLjI4NHYxLjE0OWwtMy43MzktLjE1LTMuNTg0LjE1Yy0yLjkzOC0zLjg0Ni01LjQ2Mi03Ljk1OC03LjkzOS0xMi4zNDNoLTIuNTEzdjguMTUzYzAgMi45MzUgMS4zNyAzLjA0MSAzLjEyMiAzLjA0MWguNjg5djEuMTQ5bC02LjU2Mi0uMTVjLTEuODM0IDAtMy42MjcuMTUtNS41MzQuMTV2LTEuMTQ5aC42ODdjMS40MTcgMCAyLjcxMi0uNjM5IDIuNzEyLTIuMDV2LTE5LjM0OXptNC44ODYgOC44MzJoMS44NjNjMy44MTkgMCA1Ljg3NC0xLjQ0MyA1Ljg3NC01LjkzOSAwLTMuMzg0LTIuMTczLTUuNTU2LTUuNTcxLTUuNTU2LTEuMTQ3IDAtMS42MzUuMTE3LTIuMTY2LjE1MXYxMS4zNDR6bTQzLjY4IDYuMjA5bC4wNjgtLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzEtMy41ODEtMy4zMTQtMy41ODFoLS44Mzd2LTEuMTQzbDUuMzQuMTUxIDQuNy0uMTUxdjEuMTQzaC0uNTc3Yy0xLjYwMSAwLTMuMzk2LjMwNi0zLjM5NiA0LjgzNnYxNy4zM2MwIDEuMzMxLjAzNiAyLjY2Mi4yMjUgMy44NDJoLTEuNDQ2bC0xOS42NDktMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjQ3IDQuNDUyIDMuNTg0IDQuNDUyaC42NDh2MS4xNDhsLTQuOTE4LS4xNS01LjE5Mi4xNXYtMS4xNDhoLjUyOWMyLjYzNyAwIDMuNDM4LTEuNzg2IDMuNDM4LTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1Ni0zLjQyMy0zLjQ3LTMuNDIzaC0uNDk3di0xLjE0M2w0LjM4OS4xNTEgMy4zOTQtLjE1MSAxNi45OCAxOS4wNzZ6bTEyLjA5MiAyLjA2MWMtLjM4OCAxLjI5Mi0uODQ3IDIuMjg5LS44NDcgMi45NjggMCAxLjE0NCAxLjYwNCAxLjMzIDIuODYgMS4zM2guNDI3djEuMTQ4Yy0xLjUyOS0uMDgzLTMuMDg4LS4xNDgtNC42MjUtLjE0OC0xLjM3MSAwLTIuNzM2LjA2NS00LjExNS4xNDh2LTEuMTQ4aC4yMzFjMS40ODcgMCAyLjc0OS0uODc0IDMuMzEzLTIuNDc3bDYuMTEyLTE3LjQ3MWMuNDktMS40MDkgMS4xODQtMy4zMTQgMS40MTQtNC43MjggMS4yMTUtLjQxMyAyLjc0NC0xLjE3NCAzLjQ2OS0xLjYzMi4xMTctLjA0MS4xODQtLjA4LjMwNS0uMDguMTE0IDAgLjE4NCAwIC4yNy4xMTcuMTE0LjMwNC4yMjEuNjQ3LjM0NS45NTFsNy4wMTkgMTkuOTE4Yy40NTYgMS4zMzEuOTEgMi43MzkgMS40MDQgMy44ODYuNDYzIDEuMDY2IDEuMjY0IDEuNTE2IDIuNTI0IDEuNTE2aC4yMjh2MS4xNDhjLTEuNzE3LS4wODMtMy40MzYtLjE0OC01LjI2NC0uMTQ4LTEuODY4IDAtMy43ODIuMDY1LTUuNzI4LjE0OHYtMS4xNDhoLjQyM2MuODczIDAgMi4zNjYtLjE0OCAyLjM2Ni0xLjEwMiAwLS40OTItLjM0NC0xLjUyLS43Ny0yLjc0MmwtMS40ODQtNC40MTZoLTguNjYxbC0xLjIxNyAzLjk2M3ptNS41NjgtMTYuODcyaC0uMDc4bC0zLjU0OSAxMC43NzhoNy4xM2wtMy41MDMtMTAuNzc4em0xNi40NDQtMi4zNjJjLTIuODYzIDAtMi45NzcuNjg2LTMuNTUgMy40NjJoLTEuMTQ3Yy4xNS0xLjA2NS4zNDQtMi4xMjkuNDYzLTMuMjM2LjE1MS0xLjA2OC4yMjMtMi4xMjkuMjIzLTMuMjMzaC45MmMuMzAzIDEuMTQ0IDEuMjYxIDEuMTA0IDIuMjg3IDEuMTA0aDE5LjY5MWMxLjAyNiAwIDEuOTc5LS4wMzcgMi4wNTctMS4xODJsLjkxNC4xNTNjLS4xNDcgMS4wMjktLjMgMi4wNTUtLjQxNCAzLjA4NS0uMDg1IDEuMDI5LS4wODUgMi4wNTgtLjA4NSAzLjA4M2wtMS4xNDIuNDIzYy0uMDctMS40MDgtLjI2Mi0zLjY1OS0yLjgxOS0zLjY1OWgtNi4yNTl2MjAuMjU5YzAgMi45MzcgMS4zMzkgMy4yNzIgMy4xNjYgMy4yNzJoLjcyNnYxLjE0OGMtMS40ODkgMC00LjE1OC0uMTUtNi4yMi0uMTUtMi4yODUgMC00Ljk2Mi4xNS02LjQ0OS4xNXYtMS4xNDhoLjcyNWMyLjEwMiAwIDMuMTY5LS4xODcgMy4xNjktMy4xOTJ2LTIwLjMzOWgtNi4yNTd6bTIzLjI2NCAyMy41MzFoLjUzNGMxLjM3OCAwIDIuODIxLS4xODUgMi44MjEtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDQzLTIuMTc1LTIuODIxLTIuMTc1aC0uNTM0di0xLjE0M2MxLjQ5MiAwIDMuNzc3LjE1IDUuNjQzLjE1IDEuOTE0IDAgNC4yMDItLjE1IDUuOTk4LS4xNXYxLjE0M2gtLjUzNGMtMS4zNzYgMC0yLjgyOS4xODktMi44MjkgMi4xNzV2MTkuOTQ4YzAgMS45ODMgMS40NTMgMi4xNjggMi44MjkgMi4xNjhoLjUzNHYxLjE0OGMtMS44MzQgMC00LjEyNC0uMTUtNi4wMjktLjE1LTEuODczIDAtNC4xMi4xNS01LjYxMi4xNXYtMS4xNDh6bTI2Ljg1Ny0yNi4wMDNjOC4xMzUgMCAxNC42MTYgNS4wMjkgMTQuNjE2IDEzLjE0IDAgOC43NTktNi4yOTYgMTQuNTgxLTE0LjQxOSAxNC41ODEtOC4wOTYgMC0xNC4yNzMtNS40ODItMTQuMjczLTEzLjY3IDAtNy45MTkgNi4xNDEtMTQuMDUyIDE0LjA3Ni0xNC4wNTJ6bS41NzcgMjYuMDQ1YzcuNDA0IDAgOC42OTItNi41MTYgOC42OTItMTIuMDY3IDAtNS41NjktMy4wMDUtMTIuMzA2LTkuMzQyLTEyLjMwNi02LjY3OSAwLTguNjYxIDUuOTQyLTguNjYxIDExLjA0IDAgNi44MTcgMy4xMjggMTMuMzMzIDkuMzExIDEzLjMzM3ptMzkuNzUtNi40MDFsLjA3OC0uMDc1di0xNC4yNzdjMC0zLjEyNC0yLjE4MS0zLjU4MS0zLjMyNi0zLjU4MWgtLjgyN3YtMS4xNDNsNS4zMy4xNTEgNC43MDItLjE1MXYxLjE0M2gtLjU3N2MtMS41OTkgMC0zLjM5Ni4zMDYtMy4zOTYgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzYgMi42NjIuMjMgMy44NDJoLTEuNDQ4bC0xOS42NTQtMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjUgNC40NTIgMy41ODQgNC40NTJoLjY1MXYxLjE0OGwtNC45Mi0uMTUtNS4xOTUuMTV2LTEuMTQ4aC41MzljMi42MzcgMCAzLjQzLTEuNzg2IDMuNDMtNC44Mjl2LTE2LjAzOWMwLTIuMTI5LTEuNzQ2LTMuNDIzLTMuNDctMy40MjNoLS40OTh2LTEuMTQzbDQuMzg5LjE1MSAzLjM5Ni0uMTUxIDE2Ljk4MSAxOS4wNzZ6bTEyLjA4NyAyLjA2MWMtLjM3NSAxLjI5Mi0uODM3IDIuMjg5LS44MzcgMi45NjggMCAxLjE0NCAxLjYwNyAxLjMzIDIuODU4IDEuMzNoLjQyN3YxLjE0OGMtMS41MjgtLjA4My0zLjA5NC0uMTQ4LTQuNjItLjE0OC0xLjM3OCAwLTIuNzQ2LjA2NS00LjExNC4xNDh2LTEuMTQ4aC4yMTdjMS40OTMgMCAyLjc1Ny0uODc0IDMuMzIxLTIuNDc3bDYuMTE0LTE3LjQ3MWMuNDkzLTEuNDA5IDEuMTg0LTMuMzE0IDEuNDA1LTQuNzI4IDEuMjIzLS40MTMgMi43NDctMS4xNzQgMy40NzktMS42MzIuMTA5LS4wNDEuMTg2LS4wOC4zMDEtLjA4LjExNCAwIC4xODcgMCAuMjY0LjExN2wuMzQ5Ljk1MSA3LjAxNiAxOS45MThjLjQ1OCAxLjMzMS45MTQgMi43MzkgMS40MTUgMy44ODYuNDU4IDEuMDY2IDEuMjYyIDEuNTE2IDIuNTE4IDEuNTE2aC4yMzN2MS4xNDhjLTEuNzItLjA4My0zLjQzOC0uMTQ4LTUuMjcyLS4xNDgtMS44NjUgMC0zLjc3Ny4wNjUtNS43MjMuMTQ4di0xLjE0OGguNDIyYy44NzEgMCAyLjM3LS4xNDggMi4zNy0xLjEwMiAwLS40OTItLjM0Ny0xLjUyLS43NzItMi43NDJsLTEuNDgyLTQuNDE2aC04LjY2MmwtMS4yMjUgMy45NjN6bTUuNTc2LTE2Ljg3MmgtLjA3N2wtMy41NTQgMTAuNzc4aDcuMTQxbC0zLjUxMS0xMC43Nzh6bTI0LjM4MSAxOC41ODNjMCAxLjUyNiAxLjA2IDEuOTggMi4yODIgMi4xMzYgMS41NjUuMTE1IDMuMjgyLjExNSA1LjA0Mi0uMDc4IDEuNTk5LS4xOTIgMi45NzItMS4xMDQgMy42NTgtMi4wNTguNjA5LS44MzkuOTUxLTEuOTAzIDEuMTg0LTIuNzQyaDEuMTA2Yy0uNDE5IDIuMTctLjk1NCA0LjMwNy0xLjQxNSA2LjQ3NmwtMTAuMDY2LS4xNDgtMTAuMDc0LjE0OHYtMS4xNDhoLjUyNmMxLjM3OSAwIDIuODcxLS4xODUgMi44NzEtMi41NDl2LTE5LjU3YzAtMS45ODUtMS40OTItMi4xNzMtMi44NzEtMi4xNzNoLS41MjZ2LTEuMTQzbDYuMDI0LjE1MSA1LjgwNC0uMTUxdjEuMTQzaC0uOTU5Yy0xLjQ0NiAwLTIuNTg1LjA0Mi0yLjU4NSAyLjA1NnYxOS42NDl6IiBmaWxsPSIjMUExOTE4Ii8+PC9zdmc+"); }
    .rccs__card--discover > div {
      color: #555; }
    .rccs__card--discover .rccs__card__background {
      background: linear-gradient(25deg, #fff, #eee); }
    .rccs__card--discover .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9Ijg2IiB2aWV3Qm94PSIwIDAgNTEyIDg2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIyMC40NDIlIiB5MT0iMTAuNTk5JSIgeDI9Ijg5LjI0NSUiIHkyPSI4My41MyUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRTI1NDI5IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y5OUQzRSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMjcwLjM1Ni4zNjVjLTIzLjk4MiAwLTQzLjQ0IDE4LjczNS00My40NCA0MS44NTggMCAyNC41ODMgMTguNjEyIDQyLjk2IDQzLjQ0IDQyLjk2IDI0LjIwOCAwIDQzLjMyMS0xOC42MiA0My4zMjEtNDIuNDc4IDAtMjMuNzE2LTE4Ljk4Ni00Mi4zNC00My4zMjEtNDIuMzR6IiBpZD0iYiIvPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYyI+PGZlTW9ycGhvbG9neSByYWRpdXM9IjIiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRJbm5lcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiIGluPSJzaGFkb3dTcHJlYWRJbm5lcjEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSIvPjxmZU9mZnNldCBkeD0iMiIgZHk9IjIiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4zMDE2NTg3NDEgMCIgaW49InNoYWRvd0lubmVySW5uZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjx1c2UgZmlsbD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsdGVyPSJ1cmwoI2MpIiB4bGluazpocmVmPSIjYiIvPjxwYXRoIGQ9Ik0yMy43NDYgMS44OTFoLTIzLjM1M3Y4MS40NTRoMjMuMjMyYzEyLjMyNSAwIDIxLjI0LTIuOTIxIDI5LjA1OS05LjM5OCA5LjI3OC03LjY5NSAxNC43ODEtMTkuMjk4IDE0Ljc4MS0zMS4yODkgMC0yNC4wNDgtMTcuOTY1LTQwLjc2Ni00My43MTktNDAuNzY2em0xOC41NzMgNjEuMTc2Yy01LjAyMiA0LjUzMS0xMS40ODYgNi40ODgtMjEuNzYgNi40ODhoLTQuMjY4di01My44NzNoNC4yNjhjMTAuMjc0IDAgMTYuNDkxIDEuODM0IDIxLjc2IDYuNTkzIDUuNDk1IDQuODg2IDguNzcyIDEyLjQ1MiA4Ljc3MiAyMC4yNjUgMCA3LjgyOS0zLjI3NyAxNS42Ni04Ljc3MiAyMC41Mjd6bTMyLjQ4IDIwLjI3OGgxNS44NzF2LTgxLjQ1NGgtMTUuODcxdjgxLjQ1NHptNTQuNzI3LTUwLjIwOWMtOS41MzktMy41MzQtMTIuMzQ2LTUuODY1LTEyLjM0Ni0xMC4yNDcgMC01LjEzNCA0Ljk5OC05LjAzOSAxMS44NDktOS4wMzkgNC43NjMgMCA4LjY3MSAxLjk1MyAxMi44MzYgNi41OGw4LjI5NC0xMC44NTJjLTYuODM5LTUuOTk4LTE1LjAyMS05LjA0Ny0yMy45NDYtOS4wNDctMTQuMzk4IDAtMjUuMzk5IDEwLjAyLTI1LjM5OSAyMy4zMiAwIDExLjI0NyA1LjEyNiAxNi45ODEgMjAuMDMxIDIyLjM2OSA2LjIzMyAyLjE4OCA5LjQwMSAzLjY0NiAxMC45OTMgNC42NDMgMy4xNzUgMi4wNzcgNC43NjkgNC45OTggNC43NjkgOC40MTYgMCA2LjYwNS01LjI1NyAxMS40ODMtMTIuMzUxIDExLjQ4My03LjU3NCAwLTEzLjY3NC0zLjc4Mi0xNy4zNDEtMTAuODY1bC0xMC4yNDcgOS45MDVjNy4zMTMgMTAuNzMzIDE2LjEwOSAxNS41MTEgMjguMjE0IDE1LjUxMSAxNi40ODggMCAyOC4wODQtMTEuMDA3IDI4LjA4NC0yNi43NTggMC0xMi45NDgtNS4zNjEtMTguODE1LTIzLjQ0My0yNS40MTl6bTI4LjQ0OSA5LjUyMWMwIDIzLjk2NSAxOC44MTUgNDIuNTI1IDQzLjAwNiA0Mi41MjUgNi44MzkgMCAxMi43MDEtMS4zNTIgMTkuOTE1LTQuNzU4di0xOC42OTdjLTYuMzYxIDYuMzU4LTExLjk4IDguOTE2LTE5LjE4OSA4LjkxNi0xNS45OTcgMC0yNy4zNjQtMTEuNjA2LTI3LjM2NC0yOC4xMDIgMC0xNS42MjYgMTEuNzIxLTI3Ljk2NSAyNi42MzgtMjcuOTY1IDcuNTYxIDAgMTMuMzExIDIuNjg2IDE5LjkxNSA5LjE1OXYtMTguNjk2Yy02Ljk2Mi0zLjUzMS0xMi43MTItNC45ODUtMTkuNTUyLTQuOTg1LTI0LjA2NyAwLTQzLjM2OSAxOC45MzUtNDMuMzY5IDQyLjYwNHptMTkxLjY1MSAxMy45NDhsLTIxLjc0My01NC43MTVoLTE3LjM0NmwzNC41NzkgODMuNTM0aDguNTQzbDM1LjE4My04My41MzRoLTE3LjIxOGwtMjIgNTQuNzE1em00Ni40MzkgMjYuNzM5aDQ1LjA2NnYtMTMuNzg5aC0yOS4xODh2LTIyLjAwMWgyOC4wNzJ2LTEzLjc5MmgtMjguMDcydi0xOC4wNzloMjkuMTg4di0xMy43OTJoLTQ1LjA2NnY4MS40NTR6bTEwNy45NTUtNTcuNDE1YzAtMTUuMjU5LTEwLjQ5LTI0LjAzOS0yOC44MjMtMjQuMDM5aC0yMy41Nzd2ODEuNDU0aDE1Ljg5NXYtMzIuNzM3aDIuMDhsMjEuOTc1IDMyLjczN2gxOS41NDRsLTI1LjY2Ny0zNC4zMTFjMTEuOTg4LTIuNDUxIDE4LjU3My0xMC42MzggMTguNTczLTIzLjEwNHptLTMxLjg4MiAxMy40NTJoLTQuNjIzdi0yNC42ODNoNC44NzdjOS45MTYgMCAxNS4yODcgNC4xNjUgMTUuMjg3IDEyLjA5MiAwIDguMTc4LTUuMzcyIDEyLjU5LTE1LjU0MSAxMi41OXoiIGZpbGw9IiMwQjEwMTUiLz48L3N2Zz4="); }
    .rccs__card--elo .rccs__card__background {
      background: linear-gradient(25deg, #211c18, #aaa7a2); }
    .rccs__card--elo .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjU2IDBjMTQxLjM4NSAwIDI1NiAxMTQuNjE1IDI1NiAyNTYgMCAxNDEuMzg2LTExNC42MTUgMjU2LTI1NiAyNTZzLTI1Ni0xMTQuNjE0LTI1Ni0yNTZjMC0xNDEuMzg1IDExNC42MTUtMjU2IDI1Ni0yNTYiIGZpbGw9IiMwRTBFMTEiLz48cGF0aCBkPSJNMTgwLjA0MiAyMzcuNTgzbC03OC41MjQgMzMuODM3Yy0uMTIyLTEuMzUzLS4xODktMi43MjEtLjE4OS00LjEwNiAwLTI0LjgzOSAyMC4xMzUtNDQuOTc0IDQ0Ljk3NC00NC45NzQgMTMuNDM4IDAgMjUuNDk5IDUuODk4IDMzLjczOSAxNS4yNDN6bS0zMy43MzktNDguODc2YzM3LjA1MyAwIDY4LjExMiAyNS42MzggNzYuNDIgNjAuMTQzbC0zMS42ODIgMTMuODUzLS4wMDctLjA2Ni0zMi40MTMgMTQuMjQxLTc3Ljc1NSAzMy45OTdjLTguMzE4LTEyLjQ3LTEzLjE3LTI3LjQ0OC0xMy4xNy00My41NjEgMC00My40MTQgMzUuMTkzLTc4LjYwNyA3OC42MDctNzguNjA3em01NC45MjggMTM0LjgzOGMtMjguMTQ1IDI2LjcxMy02NS4zNzkgMjkuMzM1LTk4LjA5NiA5LjQ3M2wxOC40ODUtMjguMTA0YzE4LjYxNyAxMS4xMjggMzcuMzE5IDkuMzIzIDU2LjEwNy01LjQyOGwyMy41MDQgMjQuMDZ6bTMyLjAwNy0xOS40NTdsLS4xOTgtMTQ4LjY1MmgyOC4xNjN2MTQ0LjYzOGMwIDEuMzg4LjE3MiAyLjYxIDEuOTkyIDMuMzE3bDI0LjUgOS41MjgtMTEuMDM4IDI4LjctMjguNy0xMi4xNDNjLTEwLjg4My00LjYwNS0xNC43LTExLjI3Ny0xNC43MTktMjUuMzg5eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zMzkuMjggMzAxLjU4N2MtMTAuNTU3LTguMjA4LTE3LjM1NC0yMS4wMTgtMTcuMzU0LTM1LjQyNiAwLTEyLjgwOSA1LjM3Ny0yNC4zNTQgMTMuOTg1LTMyLjUyOWwtMTguMTktMjkuNDhjLTE4LjI4NSAxNC40ODctMzAuMDI4IDM2Ljg3LTMwLjAyOCA2Mi4wMDkgMCAyNy4wOTYgMTMuNjMyIDUxLjAwMiAzNC40MDcgNjUuMjU0bDE3LjE3OS0yOS44MjgiIGZpbGw9IiMyMDkxQzMiLz48cGF0aCBkPSJNMzUxLjYxIDIyMy45MzhjNC43NC0xLjcwNSA5Ljg1LTIuNjM5IDE1LjE3OC0yLjYzOSAxOS4yMDggMCAzNS41ODggMTIuMDc3IDQxLjk4NSAyOS4wNDhsMzQuODU2LTIuOTEyYy04LjQxNC0zNC42NC0zOS42MTMtNjAuMzY2LTc2Ljg0MS02MC4zNjYtMTAuNTE5IDAtMjAuNTQ5IDIuMDcxLTI5LjczIDUuNzk5bDE0LjU1MiAzMS4wNzEiIGZpbGw9IiNGQUVDMzIiLz48cGF0aCBkPSJNNDExLjU5NSAyNjguMzM1Yy0xLjEzNSAyMy43NjYtMjAuNzYgNDIuNjg4LTQ0LjgwNyA0Mi42ODgtMy43NyAwLTcuNDI4LS40NzItMTAuOTI1LTEuMzQ3bC0xMy42NzMgMzEuNjU3YzcuNzQ1IDIuNTMxIDE2LjAwNyAzLjkyIDI0LjU5OCAzLjkyIDQyLjU5MSAwIDc3LjMwMi0zMy42NyA3OS4wMDktNzUuODQybC0zNC4yMDMtMS4wNzciIGZpbGw9IiNEMDM1MkEiLz48L2c+PC9zdmc+"); }
    .rccs__card--hipercard .rccs__card__background {
      background: linear-gradient(25deg, #8b181b, #de1f27); }
    .rccs__card--hipercard .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEyMyIgdmlld0JveD0iMCAwIDUxMiAxMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0zNzQuMTE4IDgwLjg0MmMtNi45NDMgNi43OTctMjYuNDM0IDguNzI4LTI0LjQ0LTcuNTIgMS42NTYtMTMuNDk1IDE2LjM0OC0xNi4zNjMgMzIuMjczLTE0LjQxNC0xLjE4NCA3LjM4MS0yLjU0MiAxNi43NTUtNy44MzMgMjEuOTM0em0tMjEuOTM0LTUyLjY0MWMtLjY2MyAzLjcyMy0xLjY4MSA3LjA5Mi0yLjUwNiAxMC42NTMgNy45NTEtMS45OTMgMzIuNzA5LTguMTA1IDM1LjA5NSAyLjUwNi43OTIgMy41MjYtLjU3NCA3LjI3Mi0xLjU2NyAxMC4wMjgtMjIuMzg5LTIuMTIxLTQwLjYzNiAxLjU5OS00NS40MzUgMTcuNTQ3LTMuMjE0IDEwLjY4Mi4zNiAyMS4xOTQgNy4yMDcgMjQuMTI5IDEzLjE4NyA1LjY0OSAyOS4yMjgtLjgyMiAzNC43ODEtOS43MTQtLjU3NyAzLjA3OC0xLjEyMyA2LjE4Ny0uOTQgMTAuMDI2aDExLjU5NGMuMTIzLTExLjEwMyAxLjczOS0yMC4wOTEgMy40NDctMzAuMDgyIDEuNDU2LTguNTA4IDQuMTk1LTE2LjkzMSAzLjc1OS0yNC40NC0uOTk1LTE3LjE5Ny0yOS40ODYtMTEuMTE0LTQ1LjQzNC0xMC42NTN6bTExNi4yNDkgNTcuOTY4Yy05LjA3LjE5NS0xMy41OC01LjQxOS0xMy43ODctMTQuNzI2LS4zNjEtMTYuMzAxIDYuNzg5LTM0LjQxMSAyMS4zMDctMzYuMDM1IDYuNzYtLjc1NiAxMS42NTQuODE2IDE2LjYwNyAyLjUwOC00LjU0NyAxOC4zMS0yLjkwNSA0Ny43OTktMjQuMTI4IDQ4LjI1NHptMzAuMDgxLTg2LjE2OWMtMS4xNTUgMTAuMTI1LTIuNjk5IDE5Ljg2Mi00LjY5OSAyOS4xNC0zMy4wNTEtMTAuNDYxLTUzLjMyIDEzLjg1NS01Mi45NTYgNDMuODY4LjA3MiA1LjgwNSAxLjA3MSAxMS41NjEgNC43MDEgMTUuNjY3IDYuMjU2IDcuMDc2IDI0LjE3IDguNzY4IDMzLjIxNCAyLjgyMSAxLjc1Mi0xLjE1MSAzLjU0LTMuMjQ2IDQuNzAxLTQuNy44NzEtMS4wOTUgMi4yNTYtMy45NTkgMi41MDUtMy4xMzUtLjQ3NCAzLjE4Mi0xLjE4NSA2LjEyNy0xLjI1MiA5LjcxNWgxMi4yMmMyLjM1NC0zMy43ODQgOS42MzctNjIuNjQxIDE1LjA0LTkzLjM3NmgtMTMuNDc1em0tMzQ0Ljk4OSA4MS4xNTZjLTcuMjA5IDcuNjM1LTI0LjkzMSA3LjUxOC0yNi4zMi01LjMyOC0uNjA2LTUuNTg5IDEuNDc3LTExLjQ1IDIuNTA2LTE3LjIzMyAxLjA0MS01Ljg1MyAxLjc5MS0xMS40NjkgMi44MTktMTYuNjA5IDcuMS04LjY3IDI3Ljk2NS05LjcxNiAzMC4wODIgNC43MDEgMS44MzcgMTIuNTE3LTMuMTE3IDI4LjE0NS05LjA4NyAzNC40Njh6bTEwLjY1NC01Mi45NTVjLTExLjQwNC00LjI4NC0yNS4zMDMuODMtMzEuMzI4IDUuNjk0LjAyMS4yMTQtLjE0NC4yNDMtLjMyMS4yNTlsLjMyMS0uMjU5LS4wMDctLjA1NC45NC01LjY0aC0xMS41OTRjLTQuODMxIDMyLjE0My0xMC41NjEgNjMuMzg3LTE2LjYwNyA5NC4zMTZoMTMuNDczYzEuOTUtMTIuMDQ2IDMuMjM5LTI0Ljc1MyA1Ljk1NC0zNi4wMzQgMy4wNzcgMTEuODY1IDIzLjE2OSA5LjU5NyAzMS42NDcgNS4wMTQgMTcuNDk0LTkuNDYgMzAuOTg3LTU0LjQ4MSA3LjUyMS02My4yOTZ6bTYzLjkyMSAyMi41NjFoLTMxLjY0N2MxLjAwMS03LjI3NiA3LjU0Ny0xNS4yNzMgMTcuODU5LTE1LjY2NyA5LjcwNy0uMzcxIDE2LjY1NiAzLjU2NCAxMy43ODcgMTUuNjY3em0tMTIuODQ3LTIzLjgxNGMtOS43MzYuNzQ5LTE3Ljk2NSAzLjU1MS0yMy44MTQgOS43MTMtNy4xNzMgNy41NTgtMTIuOTgzIDI0LjI2Ni0xMS4yODEgMzkuNDgyIDIuNDI4IDIxLjcwOCAyOS40NTcgMjAuOTI5IDUxLjA3NSAxNS42NjcuMzY3LTMuODA5IDEuMjktNy4wNjYgMS44OC0xMC42NTMtOC45MDYgMy4zMzItMjQuMzY4IDcuOTg0LTMzLjUyOCAyLjE5NC02LjkxNS00LjM3My02Ljk1Ni0xNS40NDYtNC43LTI1LjA2OCAxNC41MjktLjQ2MiAyOS42MzEtLjM3NCA0NC4xODEgMCAuOTIzLTYuODIxIDMuNTY1LTE0LjI1NyAxLjI1My0yMC45OTMtMy4wNDktOC44OTQtMTMuOTYxLTExLjE5Ni0yNS4wNjctMTAuMzR6bS0xMTguNDQzIDEuMjUzYy0uMzY1LjA1Mi0uMzQxLjQ5NS0uMzE0LjkzOS0yLjk2OSAyMi4yMDMtNi45ODYgNDMuMzU4LTExLjI4IDY0LjIzNmgxMy40NzNjMy4yMzgtMjIuMzUyIDYuOTQ2LTQ0LjIzMyAxMS41OTQtNjUuMTc1aC0xMy40NzN6bTM1MS41Ny4zMTNjLTExLjkwOS01Ljk1My0yMS44MjIgNC4wMzctMjUuNjkzIDEwLjAyNyAxLjEwMi0zLjA3MyAxLjE2Ni03LjE4OCAyLjE5Mi0xMC4zMzloLTExLjkwN2MtMy4yMSAyMi4zNzktNy4wODEgNDQuMDk4LTExLjU5NCA2NS4xNzVoMTMuNzg3Yy4wODgtOC42MzggMS43ODQtMTUuMDI4IDMuMTMzLTIzLjUwMSAyLjg4Mi0xOC4wODggNy4xMTEtMzcuOTI2IDI4LjIwMi0zMS45Ni43LTMuMDYuOTktNi41MyAxLjg4LTkuNDAxem0tMTUxLjM0NSA0OS41MDhjLTEuMjQxLTMuMjA4LTEuNTYzLTguNTA3LTEuMjUzLTEyLjUzNC42OTctOS4wNTQgMy45OTYtMjAuMDc3IDkuMDg3LTI1LjA2NyA3LjAyNi02Ljg4OCAyMC44OTctNS43NDggMzEuOTYtMS44ODEuMzQzLTMuNzI5IDEuMDkzLTcuMDU0IDEuNTY3LTEwLjY1Mi0xOC4xNDUtMi45NjQtMzUuMzY1LTEuMTIxLTQ0LjQ5NCA4LjQ1OS04LjkzNiA5LjM3OC0xNC43OTYgMzAuOTMyLTEwLjY1NCA0NC40OTQgNC44NDggMTUuODcgMjYuNTgzIDE2LjczMyA0NC4xODMgMTAuNjU0Ljc3Ny0zLjE5IDEuMTktNi43NDYgMS44OC0xMC4wMjgtOS42MTYgNC45OTctMjguMDAxIDcuNTkzLTMyLjI3Ni0zLjQ0N3ptLTcuNTE5LTQ5LjgyMWMtMTEuOTQ4LTQuODI1LTIxLjMzOSAzLjMyOS0yNS42OTMgMTAuOTY3Ljk4Ny0zLjM5OCAxLjM5NC03LjM3OCAyLjE5Mi0xMC45NjdoLTExLjkwN2MtMi45MSAyMi41NzUtNy4yMDEgNDMuNzY5LTExLjI4IDY1LjE3NWgxMy40NzVjMS44ODgtMTIuNzA3IDIuNzAzLTI5LjgzNCA2Ljg5Mi00MS45ODggMy4zNDgtOS43MTMgMTIuMTExLTE3Ljk4NyAyNC43NTQtMTMuNDczLjE3OC0zLjU4MyAxLjIwMy02LjMxOCAxLjU2Ny05LjcxNHptLTIxNy4xNDYtMjYuMzIxYy0xLjkyNSAxMi40ODktNC4wOTMgMjQuNzM1LTYuMjY3IDM2Ljk3NC0xMy45NTkuMTQ3LTI4LjIxMS42OS00MS42NzQtLjMxNCAyLjU0My0xMS45NzMgNC4zNjctMjQuNjY4IDYuODkyLTM2LjY2aC0xNS4wMzljLTUuMzg1IDMwLjU0Ny0xMC4yODIgNjEuNTc5LTE2LjI5NCA5MS40OTdoMTUuMzUzYzIuNDA5LTE1LjM0OCA0LjY2MS0zMC44NTIgNy44MzMtNDUuNDM1IDEzLjA5MS0uMzIyIDI4Ljc4MS0uODg1IDQxLjM2Mi4zMTQtMi41OTQgMTUuMTYyLTUuNzI4IDI5Ljc4My04LjE0NyA0NS4xMjFoMTUuMzU0YzQuOTMyLTMwLjk5NyAxMC4xMzEtNjEuNzI4IDE2LjI5NC05MS40OTdoLTE1LjY2N3ptMzguMjI3IDEzLjc4N2MyLjY4Ni0xLjg0OSA2LjE0NS0xMC4yNzggMi4xOTQtMTMuNzg3LTEuMjUyLTEuMTExLTMuMzQ3LTEuNDMzLTYuMjY3LS45MzktMi43MS40NTctNC4yNjggMS4zNzctNS4zMjcgMi44MTktMS43MDMgMi4zMTktMy4yNjMgOS4zMS0uNjI4IDExLjkwNyAyLjU2NyAyLjUyOSA4LjMxOCAxLjE3NyAxMC4wMjggMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4="); }
    .rccs__card--jcb .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NSIgdmlld0JveD0iMCAwIDUxMiAzOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iLTU3LjUyNyUiIHkxPSI1MC4xMjQlIiB4Mj0iMjMyLjM5MSUiIHkyPSI1MC4xMjQlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNzk0MCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQwQTczNyIgb2Zmc2V0PSI3NC4zMyUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUNCNTMxIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLjE4MyUiIHkxPSI0OS45NiUiIHgyPSIxMDAuMjczJSIgeTI9IjQ5Ljk2JSIgaWQ9ImIiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii02Mi44MDIlIiB5MT0iNDkuODU4JSIgeDI9IjI1My42NzElIiB5Mj0iNDkuODU4JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii4xNzYlIiB5MT0iNTAuMDA2JSIgeDI9IjEwMS44MDglIiB5Mj0iNTAuMDA2JSIgaWQ9ImQiPjxzdG9wIHN0b3AtY29sb3I9IiMxRjI4NkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA0RTk0IiBvZmZzZXQ9IjQ3LjUxJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY2QjEiIG9mZnNldD0iODIuNjElIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNkZCQyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii0uNTc2JSIgeTE9IjQ5LjkxNCUiIHgyPSI5OC4xMzMlIiB5Mj0iNDkuOTE0JSIgaWQ9ImUiPjxzdG9wIHN0b3AtY29sb3I9IiM2QzJDMkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgyNzMwIiBvZmZzZXQ9IjE3LjM1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiNCRTE4MzMiIG9mZnNldD0iNTcuMzElIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RDMDQzNiIgb2Zmc2V0PSI4NS44NSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTYwMDM5IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTEyIDMxNC44MzZjMCA0My44MTQtMzUuNjc3IDc5LjQ5MS03OS40OTEgNzkuNDkxaC00MzIuNTA5di0zMTQuODM2YzAtNDMuODE0IDM1LjY3Ny03OS40OTEgNzkuNDkxLTc5LjQ5MWg0MzIuNTA5djMxNC44MzZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM3MS4xNjkgMjM0LjA5M2gzMi44NjFsNC4wNjgtLjMxM2M2LjI1OS0xLjI1MiAxMS41NzktNi44ODUgMTEuNTc5LTE0LjcwOSAwLTcuNTExLTUuMzItMTMuMTQ0LTExLjU3OS0xNC43MDktLjkzOS0uMzEzLTIuODE3LS4zMTMtNC4wNjgtLjMxM2gtMzIuODYxdjMwLjA0NHoiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJNNDAwLjI3NCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djU5LjE0OWg4MC40M2MxLjg3OCAwIDQuMDY4IDAgNS42MzMuMzEzIDE4LjE1Mi45MzkgMzEuNjA5IDEwLjMyOCAzMS42MDkgMjYuNjAxIDAgMTIuODMxLTkuMDc2IDIzLjc4NS0yNS45NzYgMjUuOTc2di42MjZjMTguNDY1IDEuMjUyIDMyLjU0OCAxMS41NzkgMzIuNTQ4IDI3LjU0IDAgMTcuMjEzLTE1LjY0OCAyOC40NzktMzYuMzAzIDI4LjQ3OWgtODguMjU0djExNS43OTVoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC40NzloLTgzLjI0N3oiIGZpbGw9InVybCgjYikiLz48cGF0aCBkPSJNNDE1LjYwOSAxNzMuMzc5YzAtNy41MTEtNS4zMi0xMi41MTgtMTEuNTc5LTEzLjQ1Ny0uNjI2IDAtMi4xOTEtLjMxMy0zLjEzLS4zMTNoLTI5LjczMXYyNy41NGgyOS43MzFjLjkzOSAwIDIuODE3IDAgMy4xMy0uMzEzIDYuMjU5LS45MzkgMTEuNTc5LTUuOTQ2IDExLjU3OS0xMy40NTd6IiBmaWxsPSJ1cmwoI2MpIi8+PHBhdGggZD0iTTg1LjQzOCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djE0MC41MThjMTUuOTYxIDcuODI0IDMyLjU0OCAxMi44MzEgNDkuMTM0IDEyLjgzMSAxOS43MTYgMCAzMC4zNTctMTEuODkyIDMwLjM1Ny0yOC4xNjZ2LTY2LjM0N2g0OC44MjJ2NjYuMDM0YzAgMjUuNjYzLTE1Ljk2MSA0Ni42MzEtNzAuMTAzIDQ2LjYzMS0zMi44NjEgMC01OC41MjMtNy4xOTgtNTguNTIzLTcuMTk4djExOS44NjNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC4xNjZoLTgzLjI0N3oiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJNMjQyLjg1NiAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djc0LjQ4NGMxNC4zOTYtMTIuMjA1IDM5LjQzMy0yMC4wMjkgNzkuODA0LTE4LjE1MiAyMS41OTQuOTM5IDQ0Ljc1MyA2Ljg4NSA0NC43NTMgNi44ODV2MjQuMDk4Yy0xMS41NzktNS45NDYtMjUuMzUtMTEuMjY3LTQzLjE4OC0xMi41MTgtMzAuNjctMi4xOTEtNDkuMTM0IDEyLjgzMS00OS4xMzQgMzkuMTIgMCAyNi42MDEgMTguNDY1IDQxLjYyMyA0OS4xMzQgMzkuMTIgMTcuODM5LTEuMjUyIDMxLjYwOS02Ljg4NSA0My4xODgtMTIuNTE4djI0LjA5OHMtMjIuODQ2IDUuOTQ2LTQ0Ljc1MyA2Ljg4NWMtNDAuMzcyIDEuODc4LTY1LjQwOC01Ljk0Ni03OS44MDQtMTguMTUydjEzMS40NDNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC43OTJoLTgzLjU2eiIgZmlsbD0idXJsKCNlKSIvPjwvc3ZnPg=="); }
    .rccs__card--laser .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM2OCIgdmlld0JveD0iMCAwIDUxMiAzNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiMyODM0N0QiIGQ9Ik0wIDM2Ny4yMTJoNTEydi0zNjcuMjExaC01MTJ6Ii8+PHBhdGggZD0iTTI1My45MSAyOTEuMDQzaC0yNTMuOTF2Mi4wOTZoMjUyLjY5bC4xMTYgNy42MjIgNC43NjQtNy42MjJoMjU0LjQzdi0yLjA5NmgtMjUzLjI3MWwzLjY2My02LjExMi04LjQ4MiA2LjExMnptMi41NTYtMjAuMDg0aC0yNTYuNDY2djIuMDk2aDI1NS40Mmw5LjE0NyA4LjM5OCA1LjExMi04LjM5OGgyNDIuMzIxdi0yLjA5NmgtMjQxLjA0NWw0LjY3Ny03LjY4NC0xOS4xNjYgNy42ODR6bTIuMTUtMjAuMDgzaC0yNTguNjE2djIuMDk2aDI1NS45OTlsMjAuODgyIDguMjUyIDUuMDIyLTguMjUyaDIzMC4wOTd2LTIuMDk2aC0yMjguODJsNC4xMS02Ljc1Mi0yOC42NzQgNi43NTJ6bS02Ljk3Mi0yMC4wODNoLTI1MS42NDR2Mi4wOTZoMjUwLjAxN2wzOS4zNDIgNy44MzYgNC43Ny03LjgzNmgyMTcuODcxdi0yLjA5NmgtMjE2LjU5NGw0LjEzNC03LjI1Mi00Ny44OTYgNy4yNTJ6bS0yMi43NzUtMTcuMDU3aC0yMjguODY4djIuMDk2aDIzNy43bDYzLjEgNS45OTYgMy43MTEtNS45OTZoMjA3LjQ4OXYtMi4wOTZoLTIwNi4yMTRsNS4xMy04LjMyNC04Mi4wNDggOC4zMjR6bS0zLjMxLTIwLjA4M2gtMjI1LjU1OHYyLjA5NmgyMjYuMDgxbDg2Ljg4OSA2LjExMiAzLjc2Ni02LjExMmgxOTUuMjY0di0yLjA5NmgtMTkzLjk4OGw0LjUzNS03LjQ1MS05Ni45ODkgNy40NTF6bS0zLjEzOC0yMC4wODNoLTIyMi40MnYyLjA5NmgyMjEuOTU1bDEwMy4xMjEgNi4zNDQgMy44ODYtNi4zNDRoMTgzLjAzOHYtMi4wOTZoLTE4MS43NjNsNC40MzQtNy4yMTgtMTEyLjI1MSA3LjIxOHptLTguNzcyLTIwLjA4M2gtMjEzLjY0N3YyLjA5NWgyMTMuMjk4bDEyMy40ODIgNy42NjcgNC42MDUtNy42NjdoMTcwLjYxNXYtMi4wOTVoLTE2OS4zNTZsNC4wNzgtNi43ODgtMTMzLjA3NSA2Ljc4OHptLTE5LjA1Ny0xNy4yODloLTE5NC41OTF2Mi4wOTZoMTk0LjQxNmwxNTMuNjY3IDYuMTM4IDMuNjg5LTYuMTM4aDE2MC4yMjh2LTIuMDk2aC0xNTguOTdsNC42MzEtNy43MDktMTYzLjA3IDcuNzA5em00Ljc2NS0yMC4wODRoLTE5OS4zNTV2Mi4wOTZoMTk4LjMwOGwxNjEuNDQzIDYuODEgNC4wODQtNi44MWgxNDguMTY1di0yLjA5NmgtMTQ2LjkwNmw0LjAxNS02LjY4NC0xNjkuNzU0IDYuNjg0em0tMTEuMzMtMjAuMDgzaC0xODguMDI1djIuMDk2aDE4Ni45NzlsMTg0LjY3NiA3LjEwMiA0LjI0NC03LjEwMmgxMzYuMTAxdi0yLjA5NmgtMTM0Ljg0MmwzLjY3Ny02LjE3MS0xOTIuODEgNi4xNzF6bS04Ljg4OS0yMC4wODNoLTE3OS4xMzZ2Mi4wOTZoMTY0Ljg0NGwyMTkuMDg2IDYuNzEzIDQuMDMzLTYuNzEzaDEyNC4wMzd2LTIuMDk2aC0xMjIuNzc4bDMuNjc4LTYuMTIxLTIxMy43NjQgNi4xMjF6bS0xLjIyLTIwLjA4M2gtMTc3LjkxNnYyLjA5NmgxNzUuNjVsMjE5Ljc0OCA3LjcwNiA0LjYzLTcuNzA2aDExMS45NzJ2LTIuMDk2aC0xMTAuNzE0bDMuOTIyLTYuNTItMjI3LjI5MiA2LjUyem0tMTIuMzc1LTIwLjA4M2gtMTY1LjU0MXYyLjA5NWgxMzIuNTQybDI3NS4yOTkgNy4wNzggNC4yNTEtNy4wNzhoOTkuOTA4di0yLjA5NWgtOTguNjQ5bDMuODE3LTYuMzU2LTI1MS42MjcgNi4zNTZ6bS04Mi4yMjctMTYuNjQ5aC04My4zMTR2Mi4wOTZoMjAwLjA1MmwyMTkuNTU0IDQuMTM4IDIuNDg3LTQuMTM4aDg5LjkwN3YtMi4wOTZoLTg4LjY0OGw1LjU4OC05LjMwMy0zNDUuNjI1IDkuMzAzeiIgZmlsbD0iI0VCMEQ3RiIvPjxwYXRoIGQ9Ik0xMzQuNzEgMzQ5LjE0MXYtMzcuNjE4aDcuNjQzdjMxLjIyN2gxOS4wMDV2Ni4zOTFoLTI2LjY0OHptODMuMTU1IDBoLTguMzE0bC0zLjMwNi04LjYxNWgtMTUuMTMybC0zLjEyNCA4LjYxNWgtOC4xMDhsMTQuNzQ0LTM3LjkyOWg4LjA4MmwxNS4xNTcgMzcuOTI5em0tMTQuMDczLTE1LjAwNmwtNS4yMTYtMTQuMDc1LTUuMTEzIDE0LjA3NWgxMC4zMjl6bTMzLjExMiAyLjY2NWw3LjQzNi0uNzI1Yy40NDcgMi41MDIgMS4zNTYgNC4zMzkgMi43MjUgNS41MTEgMS4zNjggMS4xNzQgMy4yMTUgMS43NTkgNS41MzkgMS43NTkgMi40NiAwIDQuMzE3LS41MjEgNS41NjQtMS41NjYgMS4yNDgtMS4wNDIgMS44NzItMi4yNjMgMS44NzItMy42NiAwLS44OTYtLjI2My0xLjY2LS43ODctMi4yOS0uNTI1LS42MjktMS40NDQtMS4xNzYtMi43NTItMS42NDItLjg5NC0uMzExLTIuOTM1LS44NjItNi4xMTktMS42NTYtNC4wOTctMS4wMTctNi45NzEtMi4yNjctOC42MjQtMy43NTItMi4zMjMtMi4wODYtMy40ODUtNC42MzEtMy40ODUtNy42MzIgMC0xLjkzMS41NDYtMy43MzkgMS42MzktNS40MTkgMS4wOTMtMS42ODMgMi42NjgtMi45NjQgNC43MjYtMy44NDMgMi4wNTctLjg4IDQuNTM5LTEuMzE5IDcuNDUtMS4zMTkgNC43NTEgMCA4LjMyOCAxLjA0NCAxMC43MjggMy4xMyAyLjQwMyAyLjA4NyAzLjY2MSA0Ljg3NCAzLjc4NCA4LjM1NmwtNy42NDMuMzM3Yy0uMzI5LTEuOTQ4LTEuMDMxLTMuMzUtMi4xMDQtNC4yMDUtMS4wNzctLjg1Mi0yLjY5MS0xLjI4LTQuODQ0LTEuMjgtMi4yMjEgMC0zLjk1OS40NTgtNS4yMTYgMS4zNzEtLjgwOS41ODctMS4yMTQgMS4zNzItMS4yMTQgMi4zNTUgMCAuODk3LjM3OCAxLjY2NSAxLjEzNyAyLjMwMi45NjMuODEyIDMuMzA1IDEuNjU2IDcuMDI0IDIuNTM2IDMuNzE4Ljg3OSA2LjQ2OCAxLjc4OSA4LjI0OSAyLjczIDEuNzgzLjkzOSAzLjE3OCAyLjIyNSA0LjE4MyAzLjg1MyAxLjAwOCAxLjYzMiAxLjUxMSAzLjY0NiAxLjUxMSA2LjA0MiAwIDIuMTc0LS42MDMgNC4yMDktMS44MDcgNi4xMDYtMS4yMDcgMS44OTgtMi45MSAzLjMwOC01LjExMiA0LjIzMS0yLjIwNS45MjItNC45NSAxLjM4NC04LjIzOSAxLjM4NC00Ljc4NiAwLTguNDYtMS4xMDktMTEuMDI1LTMuMzI2LTIuNTY1LTIuMjE1LTQuMDk3LTUuNDQ1LTQuNTk2LTkuNjg4em01NC4xMzIgMTIuMzQxdi0zNy45MjloMjguMDY5djYuNDE3aC0yMC40MjZ2OC40MDhoMTkuMDA1djYuMzkxaC0xOS4wMDV2MTAuMzIyaDIxLjE0OXY2LjM5MWgtMjguNzkyem01Mi4yMiAwdi0zNy45MjloMTYuMDg3YzQuMDQ1IDAgNi45ODQuMzQgOC44MTkgMS4wMjEgMS44MzIuNjgzIDMuMzAxIDEuODk1IDQuNDAyIDMuNjM2IDEuMTAxIDEuNzQzIDEuNjUzIDMuNzM1IDEuNjUzIDUuOTc3IDAgMi44NDUtLjgzNiA1LjE5Ni0yLjUwNSA3LjA0OS0xLjY3IDEuODU1LTQuMTY3IDMuMDI1LTcuNDg4IDMuNTA2IDEuNjUzLjk2NyAzLjAxNyAyLjAyOCA0LjA5NCAzLjE4MyAxLjA3NSAxLjE1NiAyLjUyNCAzLjIwOCA0LjM1MSA2LjE1N2w0LjYyMSA3LjRoLTkuMTRsLTUuNTI2LTguMjU0Yy0xLjk2Mi0yLjk0OS0zLjMwNS00LjgwOC00LjAyOC01LjU3Ni0uNzIzLS43NjYtMS40ODktMS4yOTMtMi4yOTktMS41NzctLjgwOS0uMjg2LTIuMDkxLS40MjctMy44NDYtLjQyN2gtMS41NXYxNS44MzRoLTcuNjQzem03LjY0My0yMS44ODhoNS42NTVjMy42NjcgMCA1Ljk1NS0uMTU1IDYuODY5LS40NjYuOTEyLS4zMSAxLjYyNy0uODQ0IDIuMTQ0LTEuNjA0LjUxNi0uNzU5Ljc3NC0xLjcwNy43NzQtMi44NDYgMC0xLjI3Ni0uMzQtMi4zMDctMS4wMTktMy4wOTEtLjY4Mi0uNzg1LTEuNjQxLTEuMjgxLTIuODgtMS40ODgtLjYyLS4wODYtMi40NzgtLjEzLTUuNTc3LS4xM2gtNS45NjV2OS42MjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); }
    .rccs__card--maestro .rccs__card__background, .rccs__card--mastercard .rccs__card__background {
      background: linear-gradient(25deg, #f37b26, #fdb731); }
    .rccs__card--maestro .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5OCIgdmlld0JveD0iMCAwIDUxMiAzOTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiM2QzZCQkQiIGQ9Ik0zMjUuMjIzIDI4Mi42MjloLTEzOC40NDV2LTI0OC44MDNoMTM4LjQ0NXoiLz48cGF0aCBkPSJNMTk1LjU2NSAxNTguMjMzYzAtNTAuNDcxIDIzLjYzMS05NS40MjkgNjAuNDMtMTI0LjQwMS0yNi45MS0yMS4xODYtNjAuODczLTMzLjgzMi05Ny43ODMtMzMuODMyLTg3LjM4MSAwLTE1OC4yMTMgNzAuODQyLTE1OC4yMTMgMTU4LjIzM3M3MC44MzIgMTU4LjIzMyAxNTguMjEzIDE1OC4yMzNjMzYuOTEgMCA3MC44NzItMTIuNjQ1IDk3Ljc4My0zMy44MzItMzYuNzk5LTI4Ljk3My02MC40My03My45MzEtNjAuNDMtMTI0LjQwMSIgZmlsbD0iI0QzMjAxMSIvPjxwYXRoIGQ9Ik01MTIgMTU4LjIzM2MwIDg3LjM5MS03MC44MzIgMTU4LjIzMy0xNTguMjEzIDE1OC4yMzMtMzYuOTEgMC03MC44NzItMTIuNjQ1LTk3Ljc5My0zMy44MzIgMzYuODA5LTI4Ljk3MyA2MC40NC03My45MzEgNjAuNDQtMTI0LjQwMSAwLTUwLjQ3MS0yMy42MzEtOTUuNDI5LTYwLjQ0LTEyNC40MDEgMjYuOTItMjEuMTg2IDYwLjg4My0zMy44MzIgOTcuNzkzLTMzLjgzMiA4Ny4zODEgMCAxNTguMjEzIDcwLjg0MiAxNTguMjEzIDE1OC4yMzMiIGZpbGw9IiMwMDk5REYiLz48cGF0aCBkPSJNMzcyLjA2NSAzNTIuOTM0YzEuODQxIDAgNC40ODcuMzUyIDYuNTA5IDEuMTQ3bC0yLjgxNyA4LjYxMWMtMS45MzItLjc5NS0zLjg2My0xLjA1Ni01LjcxNC0xLjA1Ni01Ljk3NiAwLTguOTYzIDMuODYzLTguOTYzIDEwLjgwNHYyMy41NmgtOS4xNDR2LTQyLjAxaDkuMDU0djUuMWMyLjM3NC0zLjY5MiA1LjgwNS02LjE1NyAxMS4wNzYtNi4xNTd6bS0zMy43ODEgOS40MDZoLTE0LjkzOXYxOC45ODNjMCA0LjIxNSAxLjQ4OSA3LjAzMiA2LjA2NiA3LjAzMiAyLjM3NCAwIDUuMzYyLS43OTUgOC4wNzgtMi4zNzRsMi42MzYgNy44MTdjLTIuODk3IDIuMDIyLTcuNDY0IDMuMjU5LTExLjQxOCAzLjI1OS0xMC44MTQgMC0xNC41ODctNS44MDUtMTQuNTg3LTE1LjU2M3YtMTkuMTU0aC04LjUzMXYtOC4zNWg4LjUzMXYtMTIuNzQ2aDkuMjI1djEyLjc0NmgxNC45Mzl2OC4zNXptLTExNi45ODcgOC45NjNjLjk3Ni02LjA2NiA0LjY1OC0xMC4yMDEgMTEuMTY3LTEwLjIwMSA1Ljg4NSAwIDkuNjY4IDMuNjkyIDEwLjYzMyAxMC4yMDFoLTIxLjh6bTMxLjI5NyAzLjY5MmMtLjA5MS0xMy4wOTgtOC4xNzktMjIuMDYxLTE5Ljk1OS0yMi4wNjEtMTIuMzAzIDAtMjAuOTE1IDguOTYzLTIwLjkxNSAyMi4wNjEgMCAxMy4zNSA4Ljk2MyAyMi4wNTEgMjEuNTM4IDIyLjA1MSA2LjMyOCAwIDEyLjEyMi0xLjU3OSAxNy4yMjMtNS44ODVsLTQuNDg3LTYuNzdjLTMuNTExIDIuODE3LTcuOTk4IDQuMzk2LTEyLjIxMyA0LjM5Ni01Ljg4NSAwLTExLjI0Ny0yLjcyNi0xMi41NjUtMTAuMjgxaDMxLjE5NmMuMDkxLTEuMTQ3LjE4MS0yLjI4NC4xODEtMy41MTF6bTQwLjE1OS0xMC4yODFjLTIuNTQ1LTEuNTg5LTcuNzI2LTMuNjEyLTEzLjA4OC0zLjYxMi01LjAxIDAtNy45OTggMS44NTEtNy45OTggNC45MjkgMCAyLjgwNyAzLjE1OSAzLjYwMSA3LjExMiA0LjEyNWw0LjMwNi42MTRjOS4xNDQgMS4zMjggMTQuNjc3IDUuMTkxIDE0LjY3NyAxMi41NzUgMCA3Ljk5OC03LjAzMiAxMy43MTItMTkuMTU0IDEzLjcxMi02Ljg2MSAwLTEzLjE4OS0xLjc2LTE4LjE5OC01LjQ1Mmw0LjMwNi03LjEyMmMzLjA3OCAyLjM3NCA3LjY1NiA0LjM5NiAxMy45ODMgNC4zOTYgNi4yMzcgMCA5LjU3Ny0xLjg0MSA5LjU3Ny01LjEgMC0yLjM2NC0yLjM3NC0zLjY5Mi03LjM4NC00LjM4NmwtNC4zMDYtLjYxNGMtOS40MDYtMS4zMjgtMTQuNTA2LTUuNTQzLTE0LjUwNi0xMi4zOTQgMC04LjM1IDYuODYxLTEzLjQ1IDE3LjQ5NC0xMy40NSA2LjY4IDAgMTIuNzQ2IDEuNDk5IDE3LjEzMiA0LjM5NmwtMy45NTQgNy4zODR6bTExMi43MjItMy4wOThjLTEuODgxIDAtMy42MjIuMzMyLTUuMjQxLjk4Ni0xLjYxLjY2NC0zLjAwOCAxLjU4OS00LjE4NSAyLjc3Ny0xLjE3NyAxLjE4Ny0yLjEwMyAyLjYxNi0yLjc3NyA0LjI3NS0uNjc0IDEuNjYtMS4wMDYgMy40OTEtMS4wMDYgNS40ODMgMCAyLjAwMi4zMzIgMy44MjMgMS4wMDYgNS40ODMuNjc0IDEuNjYgMS42IDMuMDg4IDIuNzc3IDQuMjc1IDEuMTc3IDEuMTg3IDIuNTc1IDIuMTEzIDQuMTg1IDIuNzc3IDEuNjIuNjY0IDMuMzYuOTg2IDUuMjQxLjk4NiAxLjg4MSAwIDMuNjMyLS4zMjIgNS4yNDEtLjk4NiAxLjYyLS42NjQgMy4wMjgtMS41ODkgNC4yMDUtMi43NzcgMS4xOTctMS4xODcgMi4xMjMtMi42MTYgMi44MDctNC4yNzUuNjc0LTEuNjYgMS4wMDYtMy40ODEgMS4wMDYtNS40ODMgMC0xLjk5Mi0uMzMyLTMuODIzLTEuMDA2LTUuNDgzLS42ODQtMS42Ni0xLjYxLTMuMDg4LTIuODA3LTQuMjc1LTEuMTc3LTEuMTg3LTIuNTg1LTIuMTEzLTQuMjA1LTIuNzc3LTEuNjEtLjY1NC0zLjM2LS45ODYtNS4yNDEtLjk4NnptMC04LjY4MmMzLjI1OSAwIDYuMjc3LjU2MyA5LjA1NCAxLjcgMi43NzcgMS4xMjcgNS4xODEgMi42ODYgNy4yMDMgNC42NjggMi4wMzIgMS45ODIgMy42MTIgNC4zMjYgNC43NTggNy4wMjIgMS4xNDcgMi43MDYgMS43MiA1LjY0NCAxLjcyIDguODEzIDAgMy4xNjktLjU3MyA2LjEwNi0xLjcyIDguODEzLTEuMTQ3IDIuNjk2LTIuNzI2IDUuMDUtNC43NTggNy4wMzItMi4wMjIgMS45ODItNC40MjYgMy41MzEtNy4yMDMgNC42NjgtMi43NzcgMS4xMjctNS43OTUgMS42OS05LjA1NCAxLjY5LTMuMjU5IDAtNi4yNzctLjU2My05LjA1NC0xLjY5LTIuNzc3LTEuMTM3LTUuMTYxLTIuNjg2LTcuMTczLTQuNjY4LTIuMDEyLTEuOTgyLTMuNTkxLTQuMzM2LTQuNzM4LTcuMDMyLTEuMTQ3LTIuNzA2LTEuNzItNS42NDQtMS43Mi04LjgxMyAwLTMuMTY5LjU3My02LjEwNiAxLjcyLTguODEzIDEuMTQ3LTIuNjk2IDIuNzI2LTUuMDQgNC43MzgtNy4wMjIgMi4wMTItMS45ODIgNC4zOTYtMy41NDEgNy4xNzMtNC42NjggMi43NzctMS4xMzcgNS43OTUtMS43IDkuMDU0LTEuN3ptLTIzNy41NzYgMjIuMDYxYzAtNy4zODQgNC44MzktMTMuNDUgMTIuNzQ2LTEzLjQ1IDcuNTU1IDAgMTIuNjU1IDUuODA1IDEyLjY1NSAxMy40NSAwIDcuNjQ2LTUuMSAxMy40NC0xMi42NTUgMTMuNDQtNy45MDcgMC0xMi43NDYtNi4wNTYtMTIuNzQ2LTEzLjQ0em0zNC4wMTMgMHYtMjEuMDA1aC05LjEzNHY1LjFjLTIuOTA3LTMuNzgzLTcuMjkzLTYuMTU3LTEzLjI2OS02LjE1Ny0xMS43OCAwLTIxLjAwNSA5LjIyNS0yMS4wMDUgMjIuMDYxIDAgMTIuODI2IDkuMjI1IDIyLjA2MSAyMS4wMDUgMjIuMDYxIDUuOTc2IDAgMTAuMzYyLTIuMzc0IDEzLjI2OS02LjE1N3Y1LjFoOS4xMzR2LTIxLjAwNXptLTUxLjQ5NyAyMS4wMDV2LTI2LjM2N2MwLTkuOTI5LTYuMzI4LTE2LjYwOS0xNi41MTgtMTYuNy01LjM2Mi0uMDkxLTEwLjkwNSAxLjU3OS0xNC43NjggNy40NzUtMi44OTctNC42NTgtNy40NzUtNy40NzUtMTMuODkzLTcuNDc1LTQuNDc3IDAtOC44NzMgMS4zMTgtMTIuMzAzIDYuMjM3di01LjE4MWgtOS4xMzR2NDIuMDFoOS4yMjV2LTIzLjI4OWMwLTcuMjkzIDQuMDQ0LTExLjE2NyAxMC4yODEtMTEuMTY3IDYuMDY2IDAgOS4xNDQgMy45NTQgOS4xNDQgMTEuMDc2djIzLjM3OWg5LjIyNXYtMjMuMjg5YzAtNy4yOTMgNC4yMjUtMTEuMTY3IDEwLjI4MS0xMS4xNjcgNi4yNDcgMCA5LjIzNSAzLjk1NCA5LjIzNSAxMS4wNzZ2MjMuMzc5aDkuMjI1eiIgZmlsbD0iIzExMEYwRCIvPjwvc3ZnPg=="); }
    .rccs__card--mastercard .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgdmlld0JveD0iMCAwIDUxMiAzOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05My4wNzkgMzk2LjAyM3YtMjYuMzQzYzAtMTAuMDk4LTYuMTQ3LTE2LjY4NC0xNi42ODQtMTYuNjg0LTUuMjY5IDAtMTAuOTc2IDEuNzU2LTE0LjkyOCA3LjQ2NC0zLjA3My00LjgzLTcuNDY0LTcuNDY0LTE0LjA1LTcuNDY0LTQuMzkgMC04Ljc4MSAxLjMxNy0xMi4yOTMgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy4yN2MwLTcuNDY0IDMuOTUxLTEwLjk3NiAxMC4wOTgtMTAuOTc2czkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoOS4yMnYtMjMuMjdjMC03LjQ2NCA0LjM5LTEwLjk3NiAxMC4wOTgtMTAuOTc2IDYuMTQ3IDAgOS4yMiAzLjk1MSA5LjIyIDEwLjk3NnYyMy4yN2gxMC4wOTh6bTEzNi41NDQtNDIuMTQ5aC0xNC45Mjh2LTEyLjczMmgtOS4yMnYxMi43MzJoLTguMzQydjguMzQyaDguMzQydjE5LjMxOGMwIDkuNjU5IDMuOTUxIDE1LjM2NyAxNC40ODkgMTUuMzY3IDMuOTUxIDAgOC4zNDItMS4zMTcgMTEuNDE1LTMuMDczbC0yLjYzNC03LjkwM2MtMi42MzQgMS43NTYtNS43MDggMi4xOTUtNy45MDMgMi4xOTUtNC4zOSAwLTYuMTQ3LTIuNjM0LTYuMTQ3LTcuMDI1di0xOC44NzloMTQuOTI4di04LjM0MnptNzguMTUxLS44NzhjLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTguMTA0IDQuMzljLTQuMzktMy4wNzMtMTAuNTM3LTQuMzktMTcuMTIzLTQuMzktMTAuNTM3IDAtMTcuNTYyIDUuMjY5LTE3LjU2MiAxMy42MTEgMCA3LjAyNSA1LjI2OSAxMC45NzYgMTQuNDg5IDEyLjI5M2w0LjM5LjQzOWM0LjgzLjg3OCA3LjQ2NCAyLjE5NSA3LjQ2NCA0LjM5IDAgMy4wNzMtMy41MTIgNS4yNjktOS42NTkgNS4yNjlzLTEwLjk3Ni0yLjE5NS0xNC4wNS00LjM5bC00LjM5IDcuMDI1YzQuODMgMy41MTIgMTEuNDE1IDUuMjY5IDE4LjAwMSA1LjI2OSAxMi4yOTMgMCAxOS4zMTgtNS43MDggMTkuMzE4LTEzLjYxMSAwLTcuNDY0LTUuNzA4LTExLjQxNS0xNC40ODktMTIuNzMybC00LjM5LS40MzljLTMuOTUxLS40MzktNy4wMjUtMS4zMTctNy4wMjUtMy45NTEgMC0zLjA3MyAzLjA3My00LjgzIDcuOTAzLTQuODMgNS4yNjkgMCAxMC41MzcgMi4xOTUgMTMuMTcxIDMuNTEybDMuOTUxLTcuNDY0em0yNDQuOTktNC4zOWMtNS4yNjkgMC04Ljc4MSAyLjYzNC0xMC45NzYgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy43MDljMC03LjAyNSAzLjA3My0xMC45NzYgOC43ODEtMTAuOTc2IDEuNzU2IDAgMy45NTEuNDM5IDUuNzA4Ljg3OGwyLjYzNC04Ljc4MWMtMS43NTYtLjQzOS00LjM5LS40MzktNi4xNDctLjQzOXptLTExNy42NjUgMjEuOTUyYzAgMTIuNzMyIDguNzgxIDIxLjk1MiAyMi4zOTIgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTEuMzE3IDE0LjkyOC00LjgzbC00LjM5LTcuNDY0Yy0zLjUxMiAyLjYzNC03LjAyNSAzLjk1MS0xMC45NzYgMy45NTEtNy40NjQgMC0xMi43MzItNS4yNjktMTIuNzMyLTEzLjYxMSAwLTcuOTAzIDUuMjY5LTEzLjE3MSAxMi43MzItMTMuNjExIDMuOTUxIDAgNy40NjQgMS4zMTcgMTAuOTc2IDMuOTUxbDQuMzktNy40NjRjLTQuMzktMy41MTItOC43ODEtNC44My0xNC45MjgtNC44My0xMy42MTEgMC0yMi4zOTIgOS4yMi0yMi4zOTIgMjEuOTUyem04NS4xNzYgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0xMTAuMjAxLTIxLjk1MmMtMTIuMjkzIDAtMjEuMDc0IDguNzgxLTIxLjA3NCAyMS45NTIgMCAxMy4xNzEgOC43ODEgMjEuOTUyIDIxLjUxMyAyMS45NTIgNi4xNDcgMCAxMi4yOTMtMS43NTYgMTcuMTIzLTUuNzA4bC00LjM5LTYuNTg2Yy0zLjUxMiAyLjYzNC03LjkwMyA0LjM5LTEyLjI5MyA0LjM5LTUuNzA4IDAtMTEuNDE1LTIuNjM0LTEyLjczMi0xMC4wOThoMzEuMTczdi0zLjUxMmMuNDM5LTEzLjYxMS03LjQ2NC0yMi4zOTItMTkuMzE4LTIyLjM5MnptMCA3LjkwM2M1LjcwOCAwIDkuNjU5IDMuNTEyIDEwLjUzNyAxMC4wOThoLTIxLjk1MmMuODc4LTUuNzA4IDQuODMtMTAuMDk4IDExLjQxNS0xMC4wOTh6bTIyOC43NDUgMTQuMDV2LTM3Ljc1OGgtOS4yMnYyMS45NTJjLTMuMDczLTMuOTUxLTcuNDY0LTYuMTQ3LTEzLjE3MS02LjE0Ny0xMS44NTQgMC0yMS4wNzQgOS4yMi0yMS4wNzQgMjEuOTUyIDAgMTIuNzMyIDkuMjIgMjEuOTUyIDIxLjA3NCAyMS45NTIgNi4xNDcgMCAxMC41MzctMi4xOTUgMTMuMTcxLTYuMTQ3djUuMjY5aDkuMjJ2LTIxLjA3NHptLTMzLjgwNyAwYzAtNy40NjQgNC44My0xMy42MTEgMTIuNzMyLTEzLjYxMSA3LjQ2NCAwIDEyLjczMiA1LjcwOCAxMi43MzIgMTMuNjExIDAgNy40NjQtNS4yNjkgMTMuNjExLTEyLjczMiAxMy42MTEtNy45MDMtLjQzOS0xMi43MzItNi4xNDctMTIuNzMyLTEzLjYxMXptLTMwOC4yMTMgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zNC4yNDYgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6Ii8+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTE4Ni41OTYgMzMuODA3aDEzOC4zMDF2MjQ4LjUwMmgtMTM4LjMwMXoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MS0yNi43ODItMjEuMDc0LTYwLjU4OS0zMy44MDctOTcuNDY5LTMzLjgwNy04Ny4zNzEgMC0xNTguMDU4IDcwLjY4Ny0xNTguMDU4IDE1OC4wNThzNzAuNjg3IDE1OC4wNTggMTU4LjA1OCAxNTguMDU4YzM2Ljg4IDAgNzAuNjg3LTEyLjczMiA5Ny40NjktMzMuODA3LTM2LjQ0MS0yOC41MzgtNjAuMTUtNzMuNzYtNjAuMTUtMTI0LjI1MXoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTExLjQ5MyAxNTguMDU4YzAgODcuMzcxLTcwLjY4NyAxNTguMDU4LTE1OC4wNTggMTU4LjA1OC0zNi44OCAwLTcwLjY4Ny0xMi43MzItOTcuNDY5LTMzLjgwNyAzNi44OC0yOC45NzcgNjAuMTUtNzMuNzYgNjAuMTUtMTI0LjI1MXMtMjMuNzA5LTk1LjI3NC02MC4xNS0xMjQuMjUxYzI2Ljc4Mi0yMS4wNzQgNjAuNTg5LTMzLjgwNyA5Ny40NjktMzMuODA3IDg3LjM3MSAwIDE1OC4wNTggNzEuMTI2IDE1OC4wNTggMTU4LjA1OHoiIGZpbGw9IiNGNzlFMUIiLz48L3N2Zz4="); }
    .rccs__card--unionpay .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMyMCIgdmlld0JveD0iMCAwIDUxMiAzMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xMDAuMDgzLjAwMWgxMjcuNTU3YzE3LjgwNiAwIDI4Ljg4IDE0LjUxMyAyNC43MjcgMzIuMzc4bC01OS4zODcgMjU0Ljk3MWMtNC4xOTEgMTcuODAzLTIyLjAxOSAzMi4zMjgtMzkuODM3IDMyLjMyOGgtMTI3LjU0NWMtMTcuNzgxIDAtMjguODgtMTQuNTI2LTI0LjcyNy0zMi4zMjhsNTkuNDEyLTI1NC45NzFjNC4xNTQtMTcuODY1IDIxLjk3Mi0zMi4zNzggMzkuOC0zMi4zNzgiIGZpbGw9IiNFMjE4MzYiLz48cGF0aCBkPSJNMjE3LjAyNy4wMDFoMTQ2LjY4N2MxNy44MDMgMCA5Ljc3NSAxNC41MTMgNS41ODcgMzIuMzc4bC01OS4zNzggMjU0Ljk3MWMtNC4xNjYgMTcuODAzLTIuODY3IDMyLjMyOC0yMC43MDcgMzIuMzI4aC0xNDYuNjg3Yy0xNy44NCAwLTI4Ljg4LTE0LjUyNi0yNC42ODktMzIuMzI4bDU5LjM3NS0yNTQuOTcxYzQuMjE2LTE3Ljg2NSAyMS45OTctMzIuMzc4IDM5LjgxMi0zMi4zNzgiIGZpbGw9IiMwMDQ0N0MiLz48cGF0aCBkPSJNMzU3Ljg5Ni4wMDFoMTI3LjU1N2MxNy44MzEgMCAyOC45MDUgMTQuNTEzIDI0LjcxNyAzMi4zNzhsLTU5LjM3OCAyNTQuOTcxYy00LjE5MSAxNy44MDMtMjIuMDMxIDMyLjMyOC0zOS44NTkgMzIuMzI4aC0xMjcuNDk4Yy0xNy44NCAwLTI4LjkwNS0xNC41MjYtMjQuNzI3LTMyLjMyOGw1OS4zODctMjU0Ljk3MWM0LjE1NC0xNy44NjUgMjEuOTYtMzIuMzc4IDM5LjgtMzIuMzc4IiBmaWxsPSIjMDA3Qjg0Ii8+PHBhdGggZD0iTTEzMy4zOTcgODEuNzEyYy0xMy4xMTcuMTM0LTE2Ljk5MSAwLTE4LjIyOS0uMjkyLS40NzYgMi4yNi05LjMyNyA0My4wOTItOS4zNTIgNDMuMTI2LTEuOTA2IDguMjYxLTMuMjkzIDE0LjE1LTguMDAzIDE3Ljk1Mi0yLjY3NCAyLjIxMS01Ljc5NSAzLjI3Ny05LjQxNCAzLjI3Ny01LjgxNyAwLTkuMjA2LTIuODg4LTkuNzc1LTguMzY3bC0uMTA5LTEuODgxczEuNzcyLTExLjA2NSAxLjc3Mi0xMS4xMjdjMCAwIDkuMjktMzcuMjEgMTAuOTUzLTQyLjEyOC4wODctLjI4LjExMi0uNDI2LjEzNC0uNTYtMTguMDgzLjE1OS0yMS4yODggMC0yMS41MDktLjI5Mi0uMTIxLjQwMS0uNTY5IDIuNzA4LS41NjkgMi43MDhsLTkuNDg2IDQxLjkzOS0uODE1IDMuNTU3LTEuNTc2IDExLjYzNGMwIDMuNDUxLjY3OCA2LjI2OCAyLjAyNyA4LjY1IDQuMzIyIDcuNTUyIDE2LjY0OSA4LjY4NCAyMy42MjMgOC42ODQgOC45ODUgMCAxNy40MTQtMS45MDkgMjMuMTEtNS4zOTQgOS44ODctNS44NDIgMTIuNDc0LTE0Ljk3MyAxNC43ODEtMjMuMDg4bDEuMDctNC4xNjNzOS41Ny0zOC42NDYgMTEuMTk2LTQzLjY3NGMuMDYyLS4yOC4wODctLjQyNi4xNzEtLjU2em0zMi41NjEgMzEuMTc2Yy0yLjMwNyAwLTYuNTIzLjU2LTEwLjMxIDIuNDE2LTEuMzc0LjcwNi0yLjY3NCAxLjUyLTQuMDQ1IDIuMzMybDEuMjM3LTQuNDY4LS42NzgtLjc1MmMtOC4wMzEgMS42MjYtOS44MjggMS44NDQtMTcuMjQ2IDIuODg4bC0uNjIyLjQxNGMtLjg2MSA3LjE0Mi0xLjYyNiAxMi41MTEtNC44MTkgMjYuNTQ5LTEuMjE2IDUuMTc0LTIuNDc4IDEwLjM5Ny0zLjc0MyAxNS41NThsLjM0Mi42NTZjNy42MDItLjQwMSA5LjkwOS0uNDAxIDE2LjUxNi0uMjkybC41MzUtLjU4MWMuODM5LTQuMy45NDgtNS4zMDcgMi44MDgtMTQuMDE2Ljg3NC00LjEyOSAyLjY5Ni0xMy4yMDEgMy41OTQtMTYuNDMyIDEuNjUxLS43NjUgMy4yOC0xLjUxNyA0LjgzNS0xLjUxNyAzLjcwMyAwIDMuMjUyIDMuMjMgMy4xMDkgNC41MTgtLjE1OSAyLjE2MS0xLjUwOCA5LjIxOC0yLjg5MSAxNS4yNzhsLS45MjMgMy45MTFjLS42NDQgMi44ODgtMS4zNDkgNS42OTYtMS45OTMgOC41NTlsLjI4LjU3MmM3LjQ5My0uNDAxIDkuNzc4LS40MDEgMTYuMTc3LS4yOTJsLjc1Mi0uNTgxYzEuMTU3LTYuNzE2IDEuNDk1LTguNTEzIDMuNTQ3LTE4LjI5MWwxLjAzMi00LjQ5M2MyLjAwNS04Ljc5MyAzLjAxMy0xMy4yNTEgMS40OTUtMTYuODgyLTEuNjA0LTQuMDctNS40NTMtNS4wNTItOC45ODgtNS4wNTJ6bTM2LjM3NCA5LjIwNmMtMy45ODMuNzY1LTYuNTIzIDEuMjc1LTkuMDQ3IDEuNjA0LTIuNTAzLjQwMS00Ljk0My43NjUtOC43OTMgMS4zbC0uMzA1LjI3Ny0uMjguMjIxYy0uNDAxIDIuODY3LS42ODEgNS4zNDUtMS4yMTMgOC4yNTgtLjQ1MSAzLjAxMy0xLjE0NCA2LjQzNi0yLjI3MyAxMS4zNTQtLjg3NCAzLjc2NS0xLjMyNCA1LjA3Ny0xLjgyMiA2LjQwMi0uNDg1IDEuMzI0LTEuMDIgMi42MTItMi4wMDIgNi4zMTVsLjIzLjM0Mi4xOTMuMzE0YzMuNTk3LS4xNzEgNS45NTEtLjI5MiA4LjM3LS4zMTQgMi40MTYtLjA4NyA0LjkxOSAwIDguNzkzLjAyMmwuMzM5LS4yNzcuMzY0LS4zMDVjLjU2LTMuMzM5LjY0NC00LjIzOC45ODYtNS44NjcuMzM5LTEuNzQ3LjkyMy00LjE2NiAyLjM1Ny0xMC42MjcuNjc4LTMuMDM0IDEuNDMzLTYuMDYgMi4xMzYtOS4xNTYuNzMxLTMuMDg0IDEuNDk1LTYuMTIyIDIuMjIzLTkuMTU2bC0uMTA5LS4zNjctLjE0Ni0uMzM5em0uMDg1LTEyLjQxMmMtMy42MTktMi4xMzYtOS45NzEtMS40NTgtMTQuMjQ2IDEuNDkyLTQuMjYzIDIuODkxLTQuNzQ4IDYuOTk1LTEuMTQxIDkuMTU5IDMuNTU3IDIuMDc3IDkuOTM0IDEuNDU4IDE0LjE3MS0xLjUxNyA0LjI1My0yLjk1NCA0Ljc4NS03LjAyIDEuMjE2LTkuMTM1em0yMS44ODcgNDkuNDY3YzcuMzIyIDAgMTQuODI3LTIuMDE4IDIwLjQ3Ny04LjAwNiA0LjM0Ny00Ljg1NiA2LjMzOS0xMi4wODIgNy4wMy0xNS4wNTcgMi4yNDgtOS44NjIuNDk3LTE0LjQ2Ny0xLjcwMS0xNy4yNzEtMy4zMzktNC4yNzUtOS4yNC01LjY0Ni0xNS4zNjItNS42NDYtMy42ODEgMC0xMi40NDkuMzY0LTE5LjI5OCA2LjY3OC00LjkxOSA0LjU1NS03LjE5MSAxMC43MzYtOC41NjIgMTYuNjYyLTEuMzg0IDYuMDM4LTIuOTc1IDE2LjkwNyA3LjAyIDIwLjk1MiAzLjA4NCAxLjMyNCA3LjUzIDEuNjg4IDEwLjM5NyAxLjY4OHptLS41NzItMjIuMTljMS42ODgtNy40NjggMy42ODEtMTMuNzM2IDguNzY4LTEzLjczNiAzLjk4NiAwIDQuMjc1IDQuNjY0IDIuNTAzIDEyLjE1Ny0uMzE3IDEuNjYzLTEuNzcyIDcuODQ3LTMuNzQgMTAuNDgxLTEuMzc0IDEuOTQzLTMgMy4xMjItNC43OTcgMy4xMjItLjUzNSAwLTMuNzE1IDAtMy43NjUtNC43MjMtLjAyNS0yLjMzMi40NTEtNC43MTMgMS4wMzItNy4zem00Ni4zODIgMjEuMjI5bC41NzItLjU4MWMuODExLTQuMy45NDUtNS4zMSAyLjc0Mi0xNC4wMTYuODk5LTQuMTI5IDIuNzU4LTEzLjIwMSAzLjYzMS0xNi40MzIgMS42NTQtLjc2OCAzLjI1NS0xLjUyIDQuODYtMS41MiAzLjY3OCAwIDMuMjMgMy4yMyAzLjA4NCA0LjUxOC0uMTM0IDIuMTY0LTEuNDgzIDkuMjE4LTIuODkxIDE1LjI3OGwtLjg3NCAzLjkxMWMtLjY2OCAyLjg5MS0xLjM5NiA1LjY5Ni0yLjA0IDguNTYybC4yOC41NzJjNy41MTgtLjQwMSA5LjcxNi0uNDAxIDE2LjE1Mi0uMjkybC43NzctLjU4MWMxLjEyOS02LjcxOSAxLjQzMy04LjUxNiAzLjU0Ny0xOC4yOTFsMS4wMDctNC40OTZjMi4wMTUtOC43OTMgMy4wMzQtMTMuMjQ4IDEuNTQyLTE2Ljg3OS0xLjY1MS00LjA3LTUuNTI1LTUuMDUyLTkuMDEtNS4wNTItMi4zMSAwLTYuNTQ4LjU1Ny0xMC4zMTMgMi40MTYtMS4zNDYuNzA2LTIuNjk2IDEuNTE3LTQuMDIgMi4zMzJsMS4xNTMtNC40NjgtLjYxOS0uNzU2Yy04LjAyOCAxLjYyOS05Ljg2MiAxLjg0Ny0xNy4yNzEgMi44OTFsLS41NjkuNDE0Yy0uODk5IDcuMTQyLTEuNjI5IDEyLjUwOC00LjgyMiAyNi41NDktMS4yMTYgNS4xNzQtMi40NzggMTAuMzk3LTMuNzQgMTUuNTU4bC4zMzkuNjU2YzcuNjE0LS40MDEgOS44ODctLjQwMSAxNi40ODEtLjI5MnptNTUuMjM1LjI5MWMuNDczLTIuMzA3IDMuMjgtMTUuOTgxIDMuMzA1LTE1Ljk4MSAwIDAgMi4zOTEtMTAuMDMzIDIuNTM3LTEwLjM5NyAwIDAgLjc1Mi0xLjA0NSAxLjUwNS0xLjQ1OGgxLjEwN2MxMC40NDMgMCAyMi4yMzYgMCAzMS40OC02LjggNi4yOS00LjY2NCAxMC41OS0xMS41NSAxMi41MDgtMTkuOTIuNDk3LTIuMDUyLjg2NC00LjQ5My44NjQtNi45MzMgMC0zLjIwNS0uNjQ0LTYuMzc3LTIuNTAzLTguODU1LTQuNzEzLTYuNTk0LTE0LjEtNi43MTYtMjQuOTM1LTYuNzY1bC01LjM0MS4wNWMtMTMuODcuMTcxLTE5LjQzMi4xMjEtMjEuNzE3LS4xNTktLjE5MyAxLjAxLS41NTcgMi44MDgtLjU1NyAyLjgwOHMtNC45NjggMjMuMDI2LTQuOTY4IDIzLjA2M2MwIDAtMTEuODg5IDQ4Ljk1Ni0xMi40NDkgNTEuMjYzIDEyLjExLS4xNDYgMTcuMDc1LS4xNDYgMTkuMTY1LjA4NHptOS4yMDYtNDAuOTAzczUuMjgyLTIyLjk3OSA1LjI1Ny0yMi44OTJsLjE3MS0xLjE3OC4wNzUtLjg5OSAyLjExMS4yMThzMTAuODk0LjkzNiAxMS4xNDkuOTYxYzQuMyAxLjY2MyA2LjA3MiA1Ljk1MSA0LjgzNSAxMS41NDctMS4xMjkgNS4xMTQtNC40NDYgOS40MTQtOC43MDkgMTEuNDkxLTMuNTEgMS43Ni03LjgxIDEuOTA2LTEyLjI0MSAxLjkwNmgtMi44NjdsLjIxOC0xLjE1M3ptMzIuODg5IDE5LjgwOWMtMS4zOTYgNS45NTEtMyAxNi44MiA2Ljk0NiAyMC42OTQgMy4xNzEgMS4zNDkgNi4wMTMgMS43NSA4LjkwMSAxLjYwNCAzLjA1LS4xNjUgNS44NzYtMS42OTQgOC40OTQtMy44OTZsLS43MDkgMi43MTcuNDUxLjU4MWM3LjE1NC0uMzAyIDkuMzc0LS4zMDIgMTcuMTI1LS4yNDNsLjcwMy0uNTM1YzEuMTMyLTYuNjUzIDIuMTk4LTEzLjExNCA1LjEzOS0yNS44NDMgMS40MzMtNi4wOTcgMi44NjMtMTIuMTM1IDQuMzM0LTE4LjIwN2wtLjIzLS42NjhjLTguMDAzIDEuNDgzLTEwLjE0MiAxLjgtMTcuODQgMi44OTFsLS41ODUuNDc2LS4yMzMgMS44MDZjLTEuMTk3LTEuOTM0LTIuOTMyLTMuNTg1LTUuNjA5LTQuNjE0LTMuNDIzLTEuMzQ2LTExLjQ2My4zODktMTguMzc1IDYuNjgxLTQuODU2IDQuNDkzLTcuMTg4IDEwLjY0OS04LjUxMyAxNi41NTN6bTE2LjgwOC4zNjRjMS43MTMtNy4zMzQgMy42ODEtMTMuNTQgOC43OC0xMy41NCAzLjIyNCAwIDQuOTIyIDIuOTc1IDQuNTc3IDguMDQ5LS4yNzQgMS4yNjUtLjU2OSAyLjU5OS0uOTIgNC4xMDctLjUxIDIuMTc5LTEuMDYzIDQuMzQtMS42MDEgNi41MDQtLjU0NyAxLjQ4LTEuMTg1IDIuODc2LTEuODg0IDMuODA2LTEuMzEyIDEuODU5LTQuNDM0IDMuMDEzLTYuMjMxIDMuMDEzLS41MSAwLTMuNjU2IDAtMy43NjUtNC42MzktLjAyNS0yLjMxLjQ1MS00LjY4OSAxLjA0NS03LjN6bTg3Ljc3Mi0yNC4yMTdsLS42MTktLjcwNmMtNy45MTkgMS42MDQtOS4zNTIgMS44NTktMTYuNjI3IDIuODQybC0uNTM1LjUzNS0uMDg0LjM0Mi0uMDI1LS4xMjFjLTUuNDE2IDEyLjQ5NS01LjI1NyA5LjgtOS42NjYgMTkuNjM3bC0uMDUtMS4yMDMtMS4xMDQtMjEuMzI1LS42OTMtLjcwNmMtOC4yOTUgMS42MDQtOC40OTEgMS44NTktMTYuMTUyIDIuODQybC0uNTk3LjUzNWMtLjA4NC4yNTUtLjA4NC41MzUtLjEzNC44MzlsLjA1LjEwOWMuOTU4IDQuODk0LjcyOCAzLjgwMiAxLjY4OCAxMS41MjUuNDQ4IDMuNzkgMS4wNDUgNy42MDIgMS40OTIgMTEuMzQ1Ljc1NiA2LjI2NSAxLjE3OCA5LjM0OSAyLjEwMiAxOC45MS01LjE3NCA4LjUzOC02LjM5OSAxMS43NjgtMTEuMzc5IDE5LjI2MWwuMDM0LjA3NS0zLjUwNyA1LjU0N2MtLjQwMS41ODUtLjc2NS45ODYtMS4yNzUgMS4xNTctLjU2LjI3Ny0xLjI4Ny4zMjYtMi4yOTguMzI2aC0xLjk0M2wtMi44ODggOS42MDcgOS45MDkuMTcxYzUuODE3LS4wMjUgOS40NzMtMi43NDUgMTEuNDQxLTYuNDAybDYuMjMxLTEwLjY3N2gtLjA5OWwuNjU2LS43NTJjNC4xOTEtOS4wMjMgMzYuMDcyLTYzLjcxMiAzNi4wNzItNjMuNzEyem0tMTA0LjU4IDEyNi4xNzVoLTQuMjA0bDE1LjU1OC01MS40NTloNS4xNjFsMS42MzgtNS4zMDEuMTU5IDUuODk1Yy0uMTkzIDMuNjQ0IDIuNjc0IDYuODc0IDEwLjIwNCA2LjMzOWg4LjcwOWwyLjk5Ny05LjkwOWgtMy4yNzdjLTEuODg0IDAtMi43NTgtLjQ3Ni0yLjY0OS0xLjQ5NWwtLjE1OS01Ljk5N2gtMTYuMTI3di4wMzFjLTUuMjE0LjEwOS0yMC43ODQuNTAxLTIzLjkzNyAxLjM0LTMuODE1Ljk4Mi03LjgzNSAzLjg3NC03LjgzNSAzLjg3NGwxLjU3OS01LjMwN2gtMTUuMDg1bC0zLjE0MyAxMC41MzEtMTUuNzY2IDUyLjI0NWgtMy4wNTlsLTMgOS44MzdoMzAuMDQ2bC0xLjAwNyAzLjI4aDE0LjgwNmwuOTgyLTMuMjhoNC4xNTRsMy4yNTUtMTAuNjI0em0tMTIuMzI4LTQxLjAwM2MtMi40MTYuNjY4LTYuOTEyIDIuNjk2LTYuOTEyIDIuNjk2bDMuOTk4LTEzLjE1MmgxMS45ODZsLTIuODkxIDkuNTgycy0zLjcwMy4yMTgtNi4xODEuODc0em0uMjMgMTguNzg4cy0zLjc2NS40NzMtNi4yNDMgMS4wMzJjLTIuNDQxLjc0LTcuMDE3IDMuMDcyLTcuMDE3IDMuMDcybDQuMTI5LTEzLjY4NmgxMi4wNDhsLTIuOTE2IDkuNTgyem0tNi43MTYgMjIuMzM2aC0xMi4wMjNsMy40ODUtMTEuNTVoMTEuOTg2bC0zLjQ0OCAxMS41NXptMjguOTU0LTMxLjkxOGgxNy4zM2wtMi40OSA4LjA2NWgtMTcuNTZsLTIuNjM3IDguODE3aDE1LjM2NWwtMTEuNjM0IDE2LjM4MmMtLjgxNSAxLjIwMy0xLjU0NSAxLjYyOS0yLjM1NyAxLjk2OC0uODE1LjQxNC0xLjg4NC44OTktMy4xMjIuODk5aC00LjI2M2wtMi45MjkgOS42NTdoMTEuMTQ5YzUuNzk1IDAgOS4yMTgtMi42MzcgMTEuNzQ2LTYuMDk3bDcuOTc4LTEwLjkxOSAxLjcxMyAxMS4wODdjLjM2NCAyLjA3NyAxLjg1NiAzLjI5MyAyLjg2NyAzLjc2NSAxLjExNi41NiAyLjI3IDEuNTIgMy44OTkgMS42NjMgMS43NDcuMDc1IDMuMDEuMTM0IDMuODQ5LjEzNGg1LjQ3OGwzLjI4OS0xMC44MDdoLTIuMTYxYy0xLjI0MSAwLTMuMzc2LS4yMDgtMy43NC0uNTk3LS4zNjQtLjQ3My0uMzY0LTEuMi0uNTYtMi4zMDdsLTEuNzM4LTExLjExMmgtNy4xMTdsMy4xMjItMy43MTVoMTcuNTI2bDIuNjk2LTguODE3aC0xNi4yMjZsMi41MjgtOC4wNjVoMTYuMTc3bDMtOS45NDZoLTQ4LjIyOGwtMi45NTEgOS45NDZ6bS0xNDYuMzcxIDM0LjE2NGw0LjA0NS0xMy40NTZoMTYuNjI0bDMuMDM4LTEwLjAwOGgtMTYuNjRsMi41NC04LjI4M2gxNi4yNjFsMy4wMTMtOS42OTFoLTQwLjY4NmwtMi45NTEgOS42OTFoOS4yNDNsLTIuNDY2IDguMjgzaC05LjI2OGwtMy4wNzIgMTAuMTc5aDkuMjRsLTUuMzkxIDE3LjgwM2MtLjcyOCAyLjM1Ny4zNDIgMy4yNTUgMS4wMiA0LjM1LjY5MyAxLjA2NiAxLjM5NiAxLjc3MiAyLjk3NSAyLjE3MyAxLjYyOS4zNjQgMi43NDUuNTgxIDQuMjYzLjU4MWgxOC43NDJsMy4zMzktMTEuMDg3LTguMzA4IDEuMTQxYy0xLjYwNCAwLTYuMDQ3LS4xOTMtNS41NjItMS42NzZ6bTEuOTA3LTY0LjQxN2wtNC4yMTMgNy42MTRjLS45MDIgMS42NjMtMS43MTMgMi42OTYtMi40NDQgMy4xNzEtLjY0NC40MDEtMS45MTguNTY5LTMuNzY1LjU2OWgtMi4xOThsLTIuOTM4IDkuNzQxaDcuM2MzLjUxIDAgNi4yMDYtMS4yODcgNy40OTMtMS45MzEgMS4zODQtLjc0IDEuNzQ3LS4zMTcgMi44MTctMS4zNDlsMi40NjYtMi4xMzZoMjIuNzk2bDMuMDI1LTEwLjE0MmgtMTYuNjg3bDIuOTEzLTUuNTM3aC0xNi41NjV6bTMzLjY1NCA2NC42MTJjLS4zODktLjU2LS4xMDktMS41NDUuNDg1LTMuNTk3bDYuMjMxLTIwLjYyM2gyMi4xNjVjMy4yMy0uMDQ3IDUuNTYyLS4wODQgNy4wNzktLjE5MyAxLjYyOS0uMTcxIDMuNDAxLS43NTIgNS4zMzItMS43OTcgMS45OTMtMS4wOTQgMy4wMTMtMi4yNDggMy44NzQtMy41NzIuOTYxLTEuMzIxIDIuNTAzLTQuMjEzIDMuODI3LTguNjcxbDcuODMyLTI2LjA5OC0yMy4wMDEuMTM0cy03LjA4MyAxLjA0NS0xMC4yMDEgMi4xOThjLTMuMTQ2IDEuMjg3LTcuNjQyIDQuODgxLTcuNjQyIDQuODgxbDIuMDc3LTcuMTU0aC0xNC4yMDlsLTE5Ljg5MiA2NS45NzJjLS43MDYgMi41NjItMS4xNzggNC40MjEtMS4yODcgNS41MzctLjAzNyAxLjIwMyAxLjUxNyAyLjM5NCAyLjUyNSAzLjI5MyAxLjE5MS44OTkgMi45NTEuNzUyIDQuNjM5Ljg5OSAxLjc3NS4xMzQgNC4zLjIxOCA3Ljc4NS4yMThoMTAuOTE5bDMuMzUyLTExLjMxNy05Ljc3NS45MjNjLTEuMDQ1IDAtMS44LS41Ni0yLjExNC0xLjAzMnptMTAuNzM2LTM4LjE0OWgyMy4yODFsLTEuNDggNC42MzljLS4yMDguMTA5LS43MDYtLjIzLTMuMDc1LjA1aC0yMC4xNTlsMS40MzMtNC42ODl6bTQuNjY0LTE1LjU1OGgyMy40NzdsLTEuNjg4IDUuNTg3cy0xMS4wNjUtLjEwOS0xMi44MzcuMjE4Yy03Ljc5OCAxLjM0OS0xMi4zNTIgNS41MTYtMTIuMzUyIDUuNTE2bDMuNDAxLTExLjMyem0xNy42NTggMzUuNzMxYy0uMTkzLjY5My0uNDk3IDEuMTE2LS45MjMgMS40MzMtLjQ3My4zMDUtMS4yMzcuNDE0LTIuMzc4LjQxNGgtMy4zMTdsLjE5Ni01LjY0OWgtMTMuNzk4bC0uNTYgMjcuNjE4Yy0uMDIyIDEuOTkzLjE3MSAzLjE0NiAxLjYyOSA0LjA3IDEuNDU4IDEuMTUzIDUuOTUxIDEuMyAxMS45OTggMS4zaDguNjQ2bDMuMTIyLTEwLjMzOC03LjUyNy40MTQtMi41MDMuMTQ2Yy0uMzQyLS4xNDYtLjY2OC0uMjgtMS4wMzItLjY0NC0uMzE3LS4zMTQtLjg1Mi0uMTIxLS43NjUtMi4xMTRsLjA1OS03LjA3OSA3Ljg5NC0uMzI2YzQuMjYzIDAgNi4wODUtMS4zODcgNy42MzktMi43MDggMS40ODMtMS4yNjUgMS45NjgtMi43MiAyLjUyOC00LjY4OWwxLjMyNC02LjI2OGgtMTAuODQ4bC0xLjM4NCA0LjQyMXoiIGZpbGw9IiNGRUZFRkUiLz48L3N2Zz4="); }
    .rccs__card--visa .rccs__card__background, .rccs__card--visaelectron .rccs__card__background {
      background: linear-gradient(25deg, #0f509e, #1399cd); }
    .rccs__card--visa .rccs__issuer, .rccs__card--visaelectron .rccs__issuer {
      background-size: 75%; }
    .rccs__card--visa .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIxNjZweCIgdmlld0JveD0iMCAwIDUxMiAxNjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0yNjQuNzk0MTg3LDExMi40Nzk0OTEgQzI2NC41MDIwNzIsODkuNDQ4NTYxNiAyODUuMzE5MDgsNzYuNTk1NTE5OCAzMDEuMDAxMDIxLDY4Ljk1NDQxNzIgQzMxNy4xMTM0NDcsNjEuMTEzNDQ2NiAzMjIuNTI1MjU0LDU2LjA4NjAwMDggMzIyLjQ2Mzc1Niw0OS4wNzUyNTA3IEMzMjIuMzQwNzYsMzguMzQzODgzMyAzMDkuNjEwNzE0LDMzLjYwODU1MiAyOTcuNjk1NTE0LDMzLjQyNDA1ODYgQzI3Ni45MDkyNTUsMzMuMTAxMTk1MSAyNjQuODI0OTM1LDM5LjAzNTczMzYgMjU1LjIxNTkwMyw0My41MjUwNzM2IEwyNDcuNzI4NTQ1LDguNDg2Njk3NSBDMjU3LjM2ODMyNiw0LjA0MzQ4MDg3IDI3NS4yMTgwNjUsMC4xNjkxMTg5NzIgMjkzLjcyODkwNSwtMS40MjEwODU0N2UtMTQgQzMzNy4xNzcxMDYsLTEuNDIxMDg1NDdlLTE0IDM2NS42MDQ0NjgsMjEuNDQ3MzYwNSAzNjUuNzU4MjEzLDU0LjcwMjMwMDIgQzM2NS45MjczMzIsOTYuOTA1MTcwOSAzMDcuMzgxNDE5LDk5LjI0MjA4NzYgMzA3Ljc4MTE1NCwxMTguMTA2NTQgQzMwNy45MTk1MjQsMTIzLjgyNTgzNiAzMTMuMzc3NDU1LDEyOS45Mjk0OTQgMzI1LjMzODc3OCwxMzEuNDgyMzEzIEMzMzEuMjU3OTQyLDEzMi4yNjY0MSAzNDcuNjAwOTg1LDEzMi44NjYwMTQgMzY2LjEyNzIsMTI0LjMzMzE5MyBMMzczLjM5OTMxNSwxNTguMjMzODYgQzM2My40MzY2NywxNjEuODYyMjMgMzUwLjYyOTc1MiwxNjUuMzM2ODU3IDMzNC42ODY0NDUsMTY1LjMzNjg1NyBDMjkzLjc5MDQwMywxNjUuMzM2ODU3IDI2NS4wMjQ4MDMsMTQzLjU5NzM4MiAyNjQuNzk0MTg3LDExMi40Nzk0OTEgTTQ0My4yNzYyLDE2Mi40MTU3MTEgQzQzNS4zNDI5ODIsMTYyLjQxNTcxMSA0MjguNjU1MDk2LDE1Ny43ODgwMDEgNDI1LjY3MjQ1MiwxNTAuNjg1MDA0IEwzNjMuNjA1Nzg5LDIuNDkwNjYxMjIgTDQwNy4wMjMyNDIsMi40OTA2NjEyMiBMNDE1LjY2MzY4NCwyNi4zNjcxODUyIEw0NjguNzIwOTE4LDI2LjM2NzE4NTIgTDQ3My43MzI5ODksMi40OTA2NjEyMiBMNTEyLDIuNDkwNjYxMjIgTDQ3OC42MDY2OSwxNjIuNDE1NzExIEw0NDMuMjc2MiwxNjIuNDE1NzExIE00NDkuMzQ5MTA4LDExOS4yMTM1MDEgTDQ2MS44NzkyODcsNTkuMTYwODkxMiBMNDI3LjU2MzUxLDU5LjE2MDg5MTIgTDQ0OS4zNDkxMDgsMTE5LjIxMzUwMSBNMjEyLjE1MjA2MywxNjIuNDE1NzExIEwxNzcuOTI4NTMzLDIuNDkwNjYxMjIgTDIxOS4zMDExODMsMi40OTA2NjEyMiBMMjUzLjUwOTMzOSwxNjIuNDE1NzExIEwyMTIuMTUyMDYzLDE2Mi40MTU3MTEgTTE1MC45NDYzNywxNjIuNDE1NzExIEwxMDcuODgyNTMsNTMuNTY0NTkwNyBMOTAuNDYzMjc1NSwxNDYuMTE4NzkyIEM4OC40MTg0NzM0LDE1Ni40NTA0MjMgODAuMzQ2ODg2MSwxNjIuNDE1NzExIDcxLjM4MzU4MDYsMTYyLjQxNTcxMSBMMC45ODM5NjQ5MjcsMTYyLjQxNTcxMSBMMCwxNTcuNzcyNjI2IEMxNC40NTE5ODQ5LDE1NC42MzYyMzggMzAuODcxODk5NiwxNDkuNTc4MDQzIDQwLjgxOTE3LDE0NC4xNjYyMzYgQzQ2LjkwNzQ1MywxNDAuODYwNzI5IDQ4LjY0NDc2NjEsMTM3Ljk3MDMzMiA1MC42NDM0NDQ4LDEzMC4xMTM5ODcgTDgzLjYzNzAxODgsMi40OTA2NjEyMiBMMTI3LjM2MTk2LDIuNDkwNjYxMjIgTDE5NC4zOTQ1NzEsMTYyLjQxNTcxMSBMMTUwLjk0NjM3LDE2Mi40MTU3MTEiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ni4wMDAwMDAsIDgyLjY2ODQyOCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTgyLjY2ODQyOCkgIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4="); }
    .rccs__card--visaelectron .rccs__issuer {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIyMjhweCIgdmlld0JveD0iMCAwIDUxMiAyMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0xOTQuMzkzMDEyLDIuOTE5MzQ0MTMgTDEyNy4zNjI1MTcsMTYyLjgzNTk4MSBMODMuNjI3OTMwNywxNjIuODM1OTgxIEw1MC42MzkwMTUyLDM1LjIwODY2MzIgQzQ4LjY0MTU2OTIsMjcuMzY1OTkwNyA0Ni45MDIzODU1LDI0LjQ3OTMzOCA0MC44MTUyNDI0LDIxLjE2NDQyNzYgQzMwLjg2NzI0MjIsMTUuNzYwNTM1MyAxNC40Mzk4MDE4LDEwLjcwNjQ0MTIgMCw3LjU2MTUyNjI4IEwwLjk3NDIwNDQyNCwyLjkxOTM0NDEzIEw3MS4zODE3MjM1LDIuOTE5MzQ0MTMgQzgwLjM0MjQ0MjcsMi45MTkzNDQxMyA4OC40MTA2ODYsOC44ODU1Mjg5NCA5MC40NjA0MzgzLDE5LjIxNjAxODggTDEwNy44OTE1MDUsMTExLjc2MjE3IEwxNTAuOTIzMjI2LDIuOTE5MzQ0MTMgTDE5NC4zOTMwMTIsMi45MTkzNDQxMyBaIE0yNTMuNTE1NDUyLDIuOTE5MzQ0MTMgTDIxOS4zMDcxNDYsMTYyLjgzNTk4MSBMMTc3LjkzMjg4LDE2Mi44MzU5ODEgTDIxMi4xNDExODYsMi45MTkzNDQxMyBMMjUzLjUxNTQ1MiwyLjkxOTM0NDEzIFogTTMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBDMzA3LjkyMDUxOSw0MS40OTg0OTMxIDMxMy4zNzk5ODcsMzUuMzk1MDA0MyAzMjUuMzMxOTcxLDMzLjgzNTYyMzQgQzMzMS4yNTIzODgsMzMuMDcwNjQ0MSAzNDcuNjA3OTA3LDMyLjQ1OTMxNDUgMzY2LjEzNDEzNyw0MC45OTUwNDUyIEwzNzMuMzgxODI2LDcuMDY0NjE2NjQgQzM2My40MjcyODcsMy40NjUyOTA5IDM1MC42MTg3ODcsMCAzMzQuNjg0OTg3LDAgQzI5My43ODQ3NDcsMCAyNjUuMDEzMDI1LDIxLjcyMzQ1MSAyNjQuNzg0MTg2LDUyLjg1NTQ5MzcgQzI2NC41MTYxMTYsNzUuODgzMzMyNSAyODUuMzM0MDE0LDg4LjcxNzk4NTQgMzAwLjk4OTkzNyw5Ni4zODczOTM0IEMzMTcuMTE2NjE2LDEwNC4yMjAyNTggMzIyLjUyMzc3OCwxMDkuMjU0NzM4IDMyMi40NDg1ODgsMTE2LjI1Mzk3MSBDMzIyLjMzNDE2OCwxMjYuOTgzMjk3IDMwOS41NzE0MzYsMTMxLjczMzM2MSAyOTcuNzA0NDQ5LDEzMS45MDk4OTQgQzI3Ni44OTYzNTgsMTMyLjI0MDA3OCAyNjQuODMzMjIzLDEyNi4yODY5NjkgMjU1LjIxMjEzNywxMjEuODA0OTc1IEwyNDcuNzAyOTE3LDE1Ni44NTk5ODkgQzI1Ny4zODI4NDcsMTYxLjI5NjIxNSAyNzUuMjIyNTU3LDE2NS4xNTA1MzQgMjkzLjY5OTc1LDE2NS4zNDY2ODIgQzMzNy4xNzkzNDMsMTY1LjM0NjY4MiAzNjUuNjE3NjEzLDE0My44NzE2ODYgMzY1Ljc0NTEwOSwxMTAuNjI0NTA4IEMzNjUuOTE4Mzc0LDY4LjQyNjQxODggMzA3LjM5NzQ1Niw2Ni4wODU3MTI4IDMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBaIE00NzMuNzQ3NzY1LDE2Mi44MzU5ODEgTDUxMiwxNjIuODM1OTgxIEw0NzguNTc5NTU4LDIuOTE5MzQ0MTMgTDQ0My4yODU4OTcsMi45MTkzNDQxMyBDNDM1LjMyNTUzNSwyLjkxOTM0NDEzIDQyOC42MzY4Nyw3LjUzODY0MjI4IDQyNS42Njg0ODksMTQuNjQyNDg4NiBMMzYzLjU4NzQ3NSwxNjIuODM1OTgxIEw0MDcuMDM0Mzc3LDE2Mi44MzU5ODEgTDQxNS42NTE4MzYsMTM4Ljk0ODM1OCBMNDY4LjczMjkwMSwxMzguOTQ4MzU4IEw0NzMuNzQ3NzY1LDE2Mi44MzU5ODEgWiBNNDI3LjU2NDU5MSwxMDYuMTc4NDc1IEw0NDkuMzUwMTU2LDQ2LjEyNDMyOTYgTDQ2MS44NjQ0MzMsMTA2LjE3ODQ3NSBMNDI3LjU2NDU5MSwxMDYuMTc4NDc1IFogTTMwNi40NjQ3NywyMDYuODU0MzI5IEwyODkuNjU0ODQsMjA2Ljg1NDMyOSBMMjg5LjY1NDg0LDIyMi41MDA0NDQgTDMwOC40NTg5NDcsMjIyLjUwMDQ0NCBMMzA4LjQ1ODk0NywyMjcuMjA0NzQgTDI4My45ODk0MTYsMjI3LjIwNDc0IEwyODMuOTg5NDE2LDE4My43OTcwNjggTDMwNy40OTQ1NSwxODMuNzk3MDY4IEwzMDcuNDk0NTUsMTg4LjUwMTM2NCBMMjg5LjY1NDg0LDE4OC41MDEzNjQgTDI4OS42NTQ4NCwyMDIuMjE1NDE2IEwzMDYuNDY0NzcsMjAyLjIxNTQxNiBMMzA2LjQ2NDc3LDIwNi44NTQzMjkgWiBNMzE3LjE0MzQyMywxODEuNDgxMjA4IEwzMjIuODA4ODQ3LDE4MS40ODEyMDggTDMyMi44MDg4NDcsMjI3LjIwMzQzMyBMMzE3LjE0MzQyMywyMjcuMjAzNDMzIEwzMTcuMTQzNDIzLDE4MS40ODEyMDggWiBNMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIEMzNTEuODQ3NjU4LDIyMy40NjkwOTEgMzU0LjM1ODM1OSwyMjIuNzU5Njg3IDM1Ni40MjExODgsMjIxLjg2MDY3MyBMMzU3LjQ1MDk2OCwyMjUuOTE3Njc5IEMzNTUuNDUzNTIyLDIyNi44MTY2OTMgMzUxLjk3ODQyNCwyMjcuOTExODU2IDM0Ny4wMTU4NjYsMjI3LjkxMTg1NiBDMzM3LjQyNDIwMiwyMjcuOTExODU2IDMzMS42OTMzOTUsMjIxLjUzNzAyOCAzMzEuNjkzMzk1LDIxMi4xMzQ5NzUgQzMzMS42OTMzOTUsMjAyLjczMjkyMSAzMzcuMjI4MDUzLDE5NS4zOTA0MjggMzQ2LjMwOTczMSwxOTUuMzkwNDI4IEMzNTYuNTQ4Njg1LDE5NS4zOTA0MjggMzU5LjE5MDE1MiwyMDQuMjc5MjI2IDM1OS4xOTAxNTIsMjEwLjAxMDAzMiBDMzU5LjE5MDE1MiwyMTEuMTY3MzA5IDM1OS4xMjQ3NjksMjEyLjAwNDIwOSAzNTguOTk0MDAzLDIxMi42NDgyMyBMMzM3LjEwMDU1NywyMTIuNjQ4MjMgQzMzNy4yMjgwNTMsMjIwLjMxNDM2OSAzNDIuMDU5ODQ2LDIyMy40NjkwOTEgMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIFogTTM1My43MTQzMzgsMjA4LjU5MTIyNCBDMzUzLjc3OTcyMSwyMDUuMDUwNzQzIDM1Mi4yMzM0MTcsMTk5LjQ0NzQzMyAzNDUuODU4NTg5LDE5OS40NDc0MzMgQzM0MC4wNjI0LDE5OS40NDc0MzMgMzM3LjYxMzgxMiwyMDQuNjY0OTg0IDMzNy4xNjI2NywyMDguNTkxMjI0IEwzNTMuNzE0MzM4LDIwOC41OTEyMjQgWiBNMzkwLjAyMjc0MSwyMjYuMTA4NTk3IEMzODguNTQxODE5LDIyNi44MTgwMDEgMzg1LjI1NjMzMSwyMjcuOTEzMTYzIDM4MS4wNzE4MjksMjI3LjkxMzE2MyBDMzcxLjY2OTc3NiwyMjcuOTEzMTYzIDM2NS41NTMyMSwyMjEuNTM4MzM2IDM2NS41NTMyMSwyMTIuMDA1NTE3IEMzNjUuNTUzMjEsMjAyLjQxMDU4NCAzNzIuMTE3NjQ4LDE5NS4zOTE3MzUgMzgyLjI5NDQ4OCwxOTUuMzkxNzM1IEMzODUuNjQyMDksMTk1LjM5MTczNSAzODguNjAzOTMzLDE5Ni4yMjUzNjcgMzkwLjE1MDIzOCwxOTcuMDY1NTM2IEwzODguODY1NDY1LDIwMS4zODA4MDQgQzM4Ny41MDg3NywyMDAuNjcxNCAzODUuMzgzODI4LDE5OS44OTY2MTMgMzgyLjI5NDQ4OCwxOTkuODk2NjEzIEMzNzUuMTQ0ODc0LDE5OS44OTY2MTMgMzcxLjI4NDAxNywyMDUuMjQxNjYxIDM3MS4yODQwMTcsMjExLjY4NTE0MSBDMzcxLjI4NDAxNywyMTguODk2ODY5IDM3NS45MTk2NjEsMjIzLjMzOTYzMyAzODIuMTAxNjA5LDIyMy4zMzk2MzMgQzM4NS4zMjE3MTQsMjIzLjMzOTYzMyAzODcuNDQ2NjU3LDIyMi41NjgxMTYgMzg5LjA1NTA3NSwyMjEuODU4NzEyIEwzOTAuMDIyNzQxLDIyNi4xMDg1OTcgWiBNNDA1LjkxODI5MiwxODguNTY0NDU4IEw0MDUuOTE4MjkyLDE5Ni4wMzQ0NDkgTDQxNC4wMjkwMzQsMTk2LjAzNDQ0OSBMNDE0LjAyOTAzNCwyMDAuMzQ2NDQ3IEw0MDUuOTE4MjkyLDIwMC4zNDY0NDcgTDQwNS45MTgyOTIsMjE3LjE1NjM3NyBDNDA1LjkxODI5MiwyMjEuMDIzNzczIDQwNy4wMTM0NTUsMjIzLjIxMDgyOSA0MTAuMTY4MTc3LDIyMy4yMTA4MjkgQzQxMS43MTEyMTIsMjIzLjIxMDgyOSA0MTIuNjE2NzY1LDIyMy4wODMzMzIgNDEzLjQ1MzY2NSwyMjIuODIxODAxIEw0MTMuNzExOTI3LDIyNy4xNDAzMzggQzQxMi42MTY3NjUsMjI3LjUyNjA5NyA0MTAuODc3NTgxLDIyNy45MTE4NTYgNDA4LjY4NzI1NSwyMjcuOTExODU2IEM0MDYuMDQ1Nzg4LDIyNy45MTE4NTYgNDAzLjkyMDg0NiwyMjcuMDA5NTcyIDQwMi41NzA2OSwyMjUuNTMxOTIgQzQwMS4wMjQzODYsMjIzLjc4OTQ2NyA0MDAuMzgwMzY1LDIyMS4wMjM3NzMgNDAwLjM4MDM2NSwyMTcuMzUyNTI2IEw0MDAuMzgwMzY1LDIwMC4zNDY0NDcgTDM5NS41NDg1NzIsMjAwLjM0NjQ0NyBMMzk1LjU0ODU3MiwxOTYuMDM0NDQ5IEw0MDAuMzgwMzY1LDE5Ni4wMzQ0NDkgTDQwMC4zODAzNjUsMTkwLjIzODI1OSBMNDA1LjkxODI5MiwxODguNTY0NDU4IFogTTQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBDNDIxLjk0NDkzNSwyMDIuMDg4MjQ2IDQyMS44NzYyODMsMTk4LjkzMzUyNCA0MjEuNjg2NjczLDE5Ni4wMzM3OTUgTDQyNi42NDU5NjIsMTk2LjAzMzc5NSBMNDI2LjkwNDIyNCwyMDIuMjE1NzQzIEw0MjcuMDkzODM1LDIwMi4yMTU3NDMgQzQyOC41MTI2NDIsMTk4LjAzMTI0MSA0MzEuOTg3NzQxLDE5NS4zODk3NzQgNDM1Ljc4NjQ4NCwxOTUuMzg5Nzc0IEM0MzYuMzY4MzkxLDE5NS4zODk3NzQgNDM2LjgxOTUzMywxOTUuNDU1MTU3IDQzNy4zMzYwNTgsMTk1LjUxNzI3IEw0MzcuMzM2MDU4LDIwMC44NjU1ODcgQzQzNi43NTQxNSwyMDAuNzM0ODIxIDQzNi4xNzg3ODEsMjAwLjczNDgyMSA0MzUuNDAwNzI1LDIwMC43MzQ4MjEgQzQzMS40MTIzNzIsMjAwLjczNDgyMSA0MjguNTc0NzU2LDIwMy42OTY2NjQgNDI3LjgwMzIzOCwyMDcuOTQ5ODE5IEM0MjcuNjc1NzQyLDIwOC43MjEzMzYgNDI3LjYxMDM1OSwyMDkuNjg1NzMzIDQyNy42MTAzNTksMjEwLjU5MTI4NiBMNDI3LjYxMDM1OSwyMjcuMjA1MDY3IEw0MjEuOTQ0OTM1LDIyNy4yMDUwNjcgTDQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBaIE00NzIuMTY2NDgxLDIxMS4zNjExNjkgQzQ3Mi4xNjY0ODEsMjIyLjg4ODE2NSA0NjQuMTE0NTgzLDIyNy45MTI4MzYgNDU2LjY0NDU5MywyMjcuOTEyODM2IEM0NDguMjcyMzIsMjI3LjkxMjgzNiA0NDEuNzA3ODgyLDIyMS43Mjc2MTkgNDQxLjcwNzg4MiwyMTEuODc3NjkzIEM0NDEuNzA3ODgyLDIwMS41MDc5NzQgNDQ4LjU5NTk2NSwxOTUuMzkxNDA4IDQ1Ny4xNjExMTgsMTk1LjM5MTQwOCBDNDY2LjExMjAyOSwxOTUuMzkxNDA4IDQ3Mi4xNjY0ODEsMjAxLjg5MzczMiA0NzIuMTY2NDgxLDIxMS4zNjExNjkgWiBNNDQ3LjUwMDgwMiwyMTEuNjg0ODE0IEM0NDcuNTAwODAyLDIxOC41MTA3ODMgNDUxLjM2NDkyOCwyMjMuNjYyOTUxIDQ1Ni45MDI4NTUsMjIzLjY2Mjk1MSBDNDYyLjMxMzI4NiwyMjMuNjYyOTUxIDQ2Ni4zNjcwMjMsMjE4LjU3Mjg5NyA0NjYuMzY3MDIzLDIxMS41NTQwNDggQzQ2Ni4zNjcwMjMsMjA2LjI3NDM4MyA0NjMuNzI4ODI1LDE5OS42MzgwMjQgNDU3LjAzMDM1MiwxOTkuNjM4MDI0IEM0NTAuNDAwNTMxLDE5OS42MzgwMjQgNDQ3LjUwMDgwMiwyMDUuODIzMjQyIDQ0Ny41MDA4MDIsMjExLjY4NDgxNCBaIE00ODAuODQ5OTc3LDIwNC40Njk0OSBDNDgwLjg0OTk3NywyMDEuMTg3MjcxIDQ4MC43ODEzMjUsMTk4LjYxMTE4NyA0ODAuNTkxNzE1LDE5Ni4wMzUxMDIgTDQ4NS42MTMxMTcsMTk2LjAzNTEwMiBMNDg1LjkzNjc2MywyMDEuMTg3MjcxIEw0ODYuMDY0MjU5LDIwMS4xODcyNzEgQzQ4Ny42MTA1NjMsMTk4LjI4NzU0MiA0OTEuMjE2NDI3LDE5NS4zOTEwODEgNDk2LjM2ODU5NiwxOTUuMzkxMDgxIEM1MDAuNjgwNTk1LDE5NS4zOTEwODEgNTA3LjM3OTA2NywxOTcuOTY3MTY2IDUwNy4zNzkwNjcsMjA4LjY1Mzk5MiBMNTA3LjM3OTA2NywyMjcuMjAzMTA2IEw1MDEuNzEzNjQ0LDIyNy4yMDMxMDYgTDUwMS43MTM2NDQsMjA5LjIzNTg5OSBDNTAxLjcxMzY0NCwyMDQuMjE0NDk3IDQ5OS44NDY5NjMsMjAwLjAyNjcyNSA0OTQuNTAxOTE2LDIwMC4wMjY3MjUgQzQ5MC44MzA2NjksMjAwLjAyNjcyNSA0ODcuOTMwOTM5LDIwMi42NjgxOTIgNDg2LjkwNDQyOSwyMDUuODIyOTE1IEM0ODYuNjQyODk3LDIwNi41MzIzMTkgNDg2LjUxNTQwMSwyMDcuNDk2NzE2IDQ4Ni41MTU0MDEsMjA4LjQ2NDM4MiBMNDg2LjUxNTQwMSwyMjcuMjAzMTA2IEw0ODAuODQ5OTc3LDIyNy4yMDMxMDYgTDQ4MC44NDk5NzcsMjA0LjQ2OTQ5IFoiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg=="); }
  .rccs__number {
    clear: both;
    font-family: Consolas, Courier, monospace;
    font-size: 20px;
    left: 10%;
    position: absolute;
    top: 45%; }
    .rccs__number.rccs__number--large {
      font-size: 17px; }
  .rccs__name {
    bottom: 15%;
    font-family: Consolas, Courier, monospace;
    font-size: 17px;
    left: 10%;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 60%; }
  .rccs__expiry {
    bottom: 15%;
    font-size: 0;
    line-height: 1;
    position: absolute;
    right: 10%; }
    .rccs__expiry > * {
      vertical-align: middle; }
    .rccs__expiry__valid {
      font-size: 10px;
      margin-bottom: 5px; }
    .rccs__expiry__value {
      font-family: Consolas, Courier, monospace;
      font-size: 16px; }
  .rccs__number, .rccs__name, .rccs__expiry, .rccs__cvc {
    opacity: 0.5;
    transition: opacity 0.3s; }
  .rccs__chip {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc2IiB2aWV3Qm94PSIwIDAgMTAwIDc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGM0QwOEYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFENzY2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNOTIuNzI3IDc1LjQ1NWgtODUuNDU1Yy00IDAtNy4yNzMtMy4yNzMtNy4yNzMtNy4yNzN2LTYwLjkwOWMwLTQgMy4yNzMtNy4yNzMgNy4yNzMtNy4yNzNoODUuNDU1YzQgMCA3LjI3MyAzLjI3MyA3LjI3MyA3LjI3M3Y2MC45MDljMCA0LTMuMjczIDcuMjczLTcuMjczIDcuMjczIiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTcyLjEyMyAyOC40ODVoMjcuODc4di0xLjgxOGgtMjkuNjQ4Yy0uOTY1IDAtMS44MzIuNjAxLTIuMTcyIDEuNTA0LTIuMjg3IDYuMDcyLTIuNDMzIDEyLjU5NC0uNDM4IDE5Ljg0Mi40NTUgMS42NTQuNDM1IDMuNC0uMSA1LjAzLTIuMDM2IDYuMTk1LTcuNzc5IDE5Ljk4OC0xOC41NTEgMTkuOTg4LTExLjAwOCAwLTE2LjA5Ni0xNS42OTktMTcuMzM0LTIxLjk1Mi0uMTU1LS43ODQtLjEyMi0xLjU5Mi4xMDctMi4zNTcgMS42OTUtNS42NDggMi4wOTQtMTAuNjQtLjAxNi0xOS41OS0uMjA1LS44Ny0uMTgyLTEuNzgzLjA0OC0yLjY0NiA0LjQ4LTE2Ljc1NSAxMi44ODItMjAuMTQ3IDEyLjk2NS0yMC4xNzkuMzU2LS4xMzIuNTkzLS40NzIuNTkzLS44NTJ2LTUuNDU1aC0xLjgxOHYzLjc3NmMwIC42NS0uMzMyIDEuMjUyLS44ODQgMS41OTYtMi44MDMgMS43NDItOC45MDQgNi45MzYtMTIuNTU3IDIwLjQ1Ni0uMTguNjY4LS43ODEgMS4xMzYtMS40NzMgMS4xMzNsLTI4LjcyMi0uMTM5djEuODE4bDI3LjQxNi4xMzNjMS40NjguMDA3IDIuNzM1IDEuMDQxIDMuMDM3IDIuNDc4IDEuNDE2IDYuNzQxIDEuMjE5IDExLjAzOS4wODIgMTUuNDU4LS4zMTYgMS4yMy0xLjQyIDIuMDk2LTIuNjkgMi4xMDlsLTI3Ljg0NC4yN3YxLjgxOWwyOC42MDUtLjI3OGMuNjkzLS4wMDcgMS4yOTYuNDczIDEuNDM1IDEuMTUyIDEuNDQyIDcuMDQxIDYuODg3IDIzLjA3IDE5LjA1IDIzLjA3IDYuMzY4IDAgMTIuMDYyLTQuMjUgMTYuNDY3LTEyLjI5IDIuNjQ0LTQuODI4IDQuMDY3LTkuNTkxIDQuNTQxLTExLjM0NmgyOS45MDF2LTEuODE4aC0yOC4wMTZjLTEuMTU4IDAtMi4xODMtLjc3Mi0yLjQ4OS0xLjg4OS0xLjY5Mi02LjE2NC0xLjc2MS0xMS43NTUtLjItMTYuOTU5LjM3MS0xLjIzNSAxLjUzOC0yLjA2MSAyLjgyNy0yLjA2MXptLTE3LjE1LTIxLjkxNGMuMDQ1LjAyMiA0LjUxOSAyLjMyMiA5LjI1MyAxMC4wNDEuMTcyLjI4LjQ3LjQzNC43NzYuNDM0LjE5OCAwIC4zOTktLjA2NC41NzEtLjIwMi4zNjUtLjI5Mi40MTYtLjgzNy4xNzItMS4yMzUtMy41Ny01LjgwNS03LjAyNC04LjcxLTguNzc1LTkuOTMxLS40My0uMjk5LS42OC0uNzkyLS42OC0xLjMxNXYtNC4zNjNoLTEuODE4djUuNzU4YzAgLjM0NS4xOTUuNjU5LjUwMi44MTN6IiBmaWxsPSIjMEMwMjAwIi8+PC9zdmc+");
    background-repeat: no-repeat;
    background-size: contain;
    height: 26.36364px;
    left: 10%;
    position: absolute;
    top: 10%;
    width: 41.42857px; }
  .rccs__issuer {
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    height: 23%;
    position: absolute;
    right: 10%;
    top: 10%;
    width: 40%; }
  .rccs__stripe {
    background-color: #2a1d16;
    height: 22%;
    left: 0;
    position: absolute;
    top: 9%;
    width: 100%; }
  .rccs__signature {
    background: repeating-linear-gradient(0.1deg, #fff 20%, #fff 40%, #fea 40%, #fea 44%, #fff 44%);
    height: 18%;
    left: 5%;
    position: absolute;
    top: 35%;
    width: 75%; }
  .rccs__cvc {
    color: #222;
    font-family: Consolas, Courier, monospace;
    font-size: 14px;
    left: 67%;
    line-height: 1;
    position: absolute;
    top: 42%; }
  .rccs__cvc__front {
    font-family: Consolas, Courier, monospace;
    font-size: 11.9px;
    opacity: 0;
    position: absolute;
    right: 10%;
    top: 38%;
    visibility: hidden; }
  .rccs--filled {
    opacity: 0.8 !important; }
  .rccs--focused {
    font-weight: 700;
    opacity: 1 !important; }

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0; }

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0; }

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae; }

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%; }

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker-popper {
  z-index: 1; }

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px; }

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px; }

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px; }

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px; }

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px; }

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px; }

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative; }

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px; }

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0; }

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden; }

.react-datepicker__navigation--previous {
  left: 2px; }

.react-datepicker__navigation--next {
  right: 2px; }

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px; }

.react-datepicker__navigation--years-upcoming {
  top: -4px; }

.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6; }

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0; }

.react-datepicker__navigation-icon--next {
  left: -2px; }

.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px; }

.react-datepicker__navigation-icon--previous {
  right: -2px; }

.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px; }

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px; }

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left; }

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield; }

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block; }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px; }

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0; }

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-names {
  margin-bottom: -8px; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none; }

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer; }

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold; }

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff; }

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f; }

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta; }

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green; }

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2579ba;
  color: #fff; }

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90; }

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(
.react-datepicker__month-text--in-range):not(
.react-datepicker__quarter-text--in-range):not(
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(
.react-datepicker__month-text--in-range):not(
.react-datepicker__quarter-text--in-range):not(
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(
.react-datepicker__month-text--in-range):not(
.react-datepicker__quarter-text--in-range):not(
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(
.react-datepicker__month-text--in-range):not(
.react-datepicker__quarter-text--in-range):not(
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(
.react-datepicker__month-text--in-selecting-range):not(
.react-datepicker__quarter-text--in-selecting-range):not(
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(
.react-datepicker__month-text--in-selecting-range):not(
.react-datepicker__quarter-text--in-selecting-range):not(
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(
.react-datepicker__month-text--in-selecting-range):not(
.react-datepicker__quarter-text--in-selecting-range):not(
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(
.react-datepicker__month-text--in-selecting-range):not(
.react-datepicker__quarter-text--in-selecting-range):not(
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000; }

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent; }

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5; }

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative; }

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px; }

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle; }

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×"; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem; }

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem; } }

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem; }

img.image-front[src=''],
img.image-back[src=''] {
  opacity: 0; }

@-webkit-keyframes rotatoChip {
  0% {
    -webkit-transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(360deg); } }

#cardImage img {
  animation: rotatoChip 9s infinite linear; }

#cardImage {
  height: 200px;
  width: 300px;
  margin: 0 15px 0; }
  #cardImage #cardImageFront {
    position: absolute;
    z-index: 2; }
    #cardImage #cardImageFront #frontFace {
      backface-visibility: hidden; }
  #cardImage #cardImageBack {
    position: absolute;
    backface-visibility: hidden;
    transform: rotateY(180deg); }

.customer-message {
  position: absolute;
  z-index: 1000;
  text-align: center;
  left: 0;
  right: 0;
  font-weight: bold;
  color: red;
  font-family: "Avenir Next", sans-serif;
  font-size: 24px;
  top: 85px;
  background: rgba(255, 255, 255, 0.8);
  pointer-events: none; }

/*# sourceMappingURL=style-a02e6ffa.css.map */