/* VARIABLES */
/* CSS VARIABLES */
:root {
  --space: 16px;
}

@media (min-width: 768px) {
  :root {
    --space: 20px;
  }
}
/* CORE */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  height: -webkit-fill-available;
}

body {
  margin: 0;
  font-family: Anuphan, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.625;
  color: #0b2760;
  background-color: #f5f5f7;
  text-rendering: geometricPrecision;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  width: 100%;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
  margin-top: 0;
}

p,
ul {
  margin-top: 0;
}

[contenteditable]:focus {
  outline: 0px solid transparent;
}

a {
  text-decoration: none;
  transition: 0.3s ease;
  color: #0b2760;
}
a:hover {
  color: #d4af37;
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
  height: auto;
}

table {
  border-collapse: collapse;
  margin-bottom: 1rem;
}

th,
td {
  text-align: left;
}

hr {
  margin: var(--space) 0;
  border: 0;
  border-bottom: 2px solid #eee;
}

/* Utility CSS */
._hidden,
._hide {
  display: none;
}

._space {
  margin-bottom: var(--space);
}

._space_0 {
  margin-bottom: 0;
}

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

@media screen and (min-width: 992px) {
  ._mobile {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  ._desktop {
    display: none !important;
  }
}

/* Button CSS */
.small-button {
  font-size: 0.8em;
  padding: 2px 5px;
}

.big-button {
  font-size: 1.5em;
  padding: 15px 50px;
}

/* Form CSS */
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

input,
textarea {
  font-size: 16px;
  -webkit-appearance: none;
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  outline: none;
  box-shadow: 0 0 0 transparent;
  padding: 6px 8px;
  border: 2px solid #fff;
  background-color: #000;
  background: linear-gradient(#fff, #fff);
  transition: 0.2s border-color ease-in-out;
  min-height: 36px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border-radius: 3px;
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
  border-color: #d4af37;
}
input[type=color]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=datetime]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
select:disabled,
textarea:disabled {
  background: #dddddd;
  border-color: #dddddd;
  opacity: 0.6;
}

textarea {
  width: 100%;
}

select {
  max-width: 100%;
}

input[type=file] {
  outline: none;
  padding: 8px;
  border: 2px solid #fff;
  background-color: #000;
  color: #071737;
  background: linear-gradient(#fff, #fff);
  transition: 0.2s border-color ease-in-out;
  min-height: 36px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border-radius: 3px;
  line-height: 1;
  font-size: 14px;
  margin-bottom: 10px;
}
input[type=file]:focus {
  border-color: #d4af37;
}

button {
  outline: none;
  border-radius: 0;
  border-style: none;
  transition: 0.3s;
  padding: 6px 12px;
  font-size: 16px;
  background: linear-gradient(180deg, #fbe599 0%, #d5ab61 100%);
  color: #473707;
  min-height: 42px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border-radius: 3px;
  cursor: pointer;
}
button:hover {
  background-position: 0 -42px;
}
button:focus, button:active {
  opacity: 0.6;
}
button:disabled {
  opacity: 0.6;
  cursor: default;
}
button:disabled:hover {
  background-position: 0 0px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

@font-face {
  font-family: "Anuphan";
  src: url("../font/anuphan.woff2") format("woff2"), url("../font/anuphan.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Anuphan";
  src: url("../font/anuphan-medium.woff2") format("woff2"), url("../font/anuphan-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Anuphan";
  src: url("../font/anuphan-semibold.woff2") format("woff2"), url("../font/anuphan-semibold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.i-home {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjk3NTYgMkMxMS44MTU3IDIuMDA1NDYgMTEuNjYxNyAyLjA2MTkyIDExLjUzNjEgMi4xNjExM0w0LjQyOTY5IDcuNzU5NzZDMy41Mjc3NCA4LjQ3MDU4IDMgOS41NTY3NSAzIDEwLjcwNTFWMjAuMjVDMyAyMC45MzE4IDMuNTY4MiAyMS41IDQuMjUgMjEuNUg5LjI1QzkuOTMxOCAyMS41IDEwLjUgMjAuOTMxOCAxMC41IDIwLjI1VjE1LjI1QzEwLjUgMTUuMTAyNSAxMC42MDI1IDE1IDEwLjc1IDE1SDEzLjI1QzEzLjM5NzUgMTUgMTMuNSAxNS4xMDI1IDEzLjUgMTUuMjVWMjAuMjVDMTMuNSAyMC45MzE4IDE0LjA2ODIgMjEuNSAxNC43NSAyMS41SDE5Ljc1QzIwLjQzMTggMjEuNSAyMSAyMC45MzE4IDIxIDIwLjI1VjEwLjcwNTFDMjEgOS41NTY3NSAyMC40NzIzIDguNDcwNTggMTkuNTcwMyA3Ljc1OTc2TDEyLjQ2MzkgMi4xNjExM0MxMi4zMjUyIDIuMDUxNTcgMTIuMTUyMiAxLjk5NDUgMTEuOTc1NiAyWk0xMiAzLjcwNTA3TDE4LjY0MjYgOC45Mzg0N0MxOS4xODQ2IDkuMzY1NjYgMTkuNSAxMC4wMTU0IDE5LjUgMTAuNzA1MVYyMEgxNVYxNS4yNUMxNSAxNC4yOTI1IDE0LjIwNzUgMTMuNSAxMy4yNSAxMy41SDEwLjc1QzkuNzkyNTIgMTMuNSA5IDE0LjI5MjUgOSAxNS4yNVYyMEg0LjVWMTAuNzA1MUM0LjUgMTAuMDE1NCA0LjgxNTM3IDkuMzY1NjYgNS4zNTc0MiA4LjkzODQ3TDEyIDMuNzA1MDdaIiBmaWxsPSIjMTkyNTNBIi8+Cjwvc3ZnPgo=");
}
.active .i-home {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5Ljc1IDIxLjVIMTUuMjVDMTQuNTU5NSAyMS41IDE0IDIwLjk0MDUgMTQgMjAuMjVWMTUuNzVDMTQgMTUuMTk3NSAxMy41NTI1IDE0Ljc1IDEzIDE0Ljc1SDExQzEwLjQ0NzUgMTQuNzUgMTAgMTUuMTk3NSAxMCAxNS43NVYyMC4yNUMxMCAyMC45NDA1IDkuNDQwNSAyMS41IDguNzUgMjEuNUg0LjI1QzMuNTU5NSAyMS41IDMgMjAuOTQwNSAzIDIwLjI1VjEwLjcwNjVDMyA5LjU1NyAzLjUyNyA4LjQ3MSA0LjQyOTUgNy43NkwxMS41MzU1IDIuMTYwNUMxMS44MDggMS45NDY1IDEyLjE5MiAxLjk0NjUgMTIuNDY0IDIuMTYwNUwxOS41NzEgNy43NkMyMC40NzM1IDguNDcxIDIxIDkuNTU2NSAyMSAxMC43MDU1VjIwLjI1QzIxIDIwLjk0MDUgMjAuNDQwNSAyMS41IDE5Ljc1IDIxLjVaIiBmaWxsPSIjRDRBRjM3Ii8+Cjwvc3ZnPgo=");
}

.i-vendor {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im00Ljc1IDIuNWMtMC4xMzIyNS0yZS01IC0wLjI2MjE2IDAuMDM0OTItMC4zNzY1NSAwLjEwMTMtMC4xMTQzOSAwLjA2NjM3LTAuMjA5MiAwLjE2MTgtMC4yNzQ4MiAwLjI3NjYzbC0yIDMuNWMtMC4wNjQxNyAwLjExMjc2LTAuMDk3OTkgMC4yNDAyNC0wLjA5ODE2IDAuMzY5OTktMS43ZS00IDAuMTI5NzQgMC4wMzMzMSAwLjI1NzMxIDAuMDk3MTkgMC4zNzAyNCAwLjExMzc4IDAuNzk4OTQgMC40MzM1OCAxLjUzMjIgMC45MDIzNCAyLjE0MjZ2MTEuOTg5YzJlLTUgMC4xOTg5IDAuMDc5MDQgMC4zODk3IDAuMjE5NjkgMC41MzAzIDAuMTQwNjUgMC4xNDA3IDAuMzMxNCAwLjIxOTcgMC41MzAzMSAwLjIxOTdoMTYuNWMwLjE5ODkgMCAwLjM4OTctMC4wNzkgMC41MzAzLTAuMjE5NyAwLjE0MDctMC4xNDA2IDAuMjE5Ny0wLjMzMTQgMC4yMTk3LTAuNTMwM3YtMTEuOTg3YzAuNDY5OC0wLjYxMTEgMC43ODk4LTEuMzQ2MiAwLjkwMzMtMi4xNDY1IDAuMDYzNC0wLjExMjc4IDAuMDk2NS0wLjI0MDAzIDAuMDk2Mi0wLjM2OTQtNGUtNCAtMC4xMjkzNi0wLjAzNDItMC4yNTY0NC0wLjA5ODEtMC4zNjg4OGwtMi0zLjVjLTAuMDY1Ni0wLjExNDgzLTAuMTYwNC0wLjIxMDI2LTAuMjc0OC0wLjI3NjYzLTAuMTE0NC0wLjA2NjM4LTAuMjQ0My0wLjEwMTMyLTAuMzc2Ni0wLjEwMTNoLTE0LjV6bTAuNDM1NTUgMS41aDEzLjYyOWwxLjYzMzggMi44NTg0Yy0wLjE4MTMgMS40ODctMS40MDg0IDIuNjQxNi0yLjk0ODMgMi42NDE2LTAuODMzNCAwLTEuNTc5NC0wLjMzNjQ1LTIuMTIzLTAuODgwODYtMC4xMzYtMC4xMzYwNC0wLjMxOTEtMC4yMTQ2My0wLjUxMTQtMC4yMTk1NC0wLjE5MjMtMC4wMDQ5LTAuMzc5MSAwLjA2NDI1LTAuNTIxOCAwLjE5MzE3LTAuNjIzNyAwLjU2MzczLTEuNDM4MyAwLjkwNzIzLTIuMzQzOCAwLjkwNzIzLTAuOTA1NCAwLTEuNzItMC4zNDM1LTIuMzQzNy0wLjkwNzIzLTAuMTQyNzUtMC4xMjg5Mi0wLjMyOTU4LTAuMTk4MDctMC41MjE4Ny0wLjE5MzE3LTAuMTkyMjkgMC4wMDQ5MS0wLjM3NTM0IDAuMDgzNS0wLjUxMTMzIDAuMjE5NTQtMC41NDM2MSAwLjU0NDQxLTEuMjg5NiAwLjg4MDg2LTIuMTIzIDAuODgwODYtMS41Mzk5IDAtMi43NjctMS4xNTQ2LTIuOTQ4Mi0yLjY0MTZsMS42MzM4LTIuODU4NHptMy45ODI0IDYuMDI3M2MwLjgxMjQxIDAuNTczMiAxLjc2MzEgMC45NzI3IDIuODMyIDAuOTcyN3MyLjAxOTYtMC4zOTk1IDIuODMyMS0wLjk3MjdjMC43NTUxIDAuNTcxNCAxLjY1MTcgMC45NzI3IDIuNjY3OSAwLjk3MjcgMC43MjI2IDAgMS40MDA3LTAuMTc1NSAyLTAuNDgzNHY5Ljk4MzRoLTJ2LTcuMjVjMC0wLjE5ODktMC4wNzktMC4zODk3LTAuMjE5Ny0wLjUzMDMtMC4xNDA2LTAuMTQwNy0wLjMzMTQtMC4yMTk3LTAuNTMwMy0wLjIxOTdoLTkuNWMtMC4xOTg5MSAwLTAuMzg5NjYgMC4wNzktMC41MzAzMSAwLjIxOTctMC4xNDA2NSAwLjE0MDYtMC4yMTk2NyAwLjMzMTQtMC4yMTk2OSAwLjUzMDN2Ny4yNWgtMnYtOS45ODM0YzAuNTk5MzkgMC4zMDgxIDEuMjc3MSAwLjQ4MzQgMiAwLjQ4MzQgMS4wMTYyIDAgMS45MTI4LTAuNDAxMyAyLjY2OC0wLjk3Mjd6bS0xLjE2OCAzLjk3MjdoMy4yNXY2LjVoLTMuMjV2LTYuNXptNC43NSAwaDMuMjV2Ni41aC0zLjI1di02LjV6IiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPg==");
}
.active .i-vendor {
  background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im00Ljc1IDIuNWMtMC4yNTA1IDAtMC40ODUwMyAwLjEyNDk4LTAuNjI0MDMgMC4zMzM5OGwtMiAzYy0wLjExNSAwLjE3Mi0wLjE0NzUzIDAuMzgxNjMtMC4xMDI1MyAwLjU3ODEzIDAuMjEwNSAyLjMwMTUgMi4xNTUxIDQuMDg3OSA0LjQ3NjYgNC4wODc5IDAuOTc2NSAwIDEuOTA1My0wLjMwODQgMi42NzQ4LTAuODc5ODggMC44Mjk1IDAuNTcwOTggMS44MTEyIDAuODc5ODggMi44MjUyIDAuODc5ODhzMS45OTU3LTAuMzA4OSAyLjgyNTItMC44Nzk4OGMwLjc2OTUgMC41NzE0OCAxLjY5ODMgMC44Nzk4OCAyLjY3NDggMC44Nzk4OCAyLjMxIDAgNC4yNDcxLTEuNzY4MiA0LjQ3MzYtNC4wNTI3IDAuMDU2NS0wLjIwNjUgMC4wMjE5LTAuNDMwNzktMC4wOTk2LTAuNjEzMjlsLTItM2MtMC4xMzktMC4yMDktMC4zNzM1LTAuMzMzOTgtMC42MjQtMC4zMzM5OGgtMTQuNXptLTEuNzUgNy43MTU4djExLjAzNGMwIDAuNDE0NSAwLjMzNTUgMC43NSAwLjc1IDAuNzVoMTYuNWMwLjQxNDUgMCAwLjc1LTAuMzM1NSAwLjc1LTAuNzV2LTExLjAwOGMtMC45NTI1IDAuNzg3LTIuMTcxNSAxLjI1NzgtMy41IDEuMjU3OC0wLjk1NyAwLTEuODc0OS0wLjI0MDctMi42OTE0LTAuNzAxMi0wLjg2MyAwLjQ2MDUtMS44MjIxIDAuNzAxMi0yLjgwODYgMC43MDEycy0xLjk0NTYtMC4yNDA3LTIuODA4Ni0wLjcwMTJjLTAuODE2NSAwLjQ2MDUtMS43MzQ0IDAuNzAxMi0yLjY5MTQgMC43MDEyLTEuMzE3IDAtMi41NDEtMC40ODUyLTMuNS0xLjI4NDJ6bTQuNzUgMi43ODQyaDMuNXY3LjVoLTQuMjV2LTYuNzVjMC0wLjQxNDUgMC4zMzU1LTAuNzUgMC43NS0wLjc1em01IDBoMy41YzAuNDE0NSAwIDAuNzUgMC4zMzU1IDAuNzUgMC43NXY2Ljc1aC00LjI1di03LjV6IiBmaWxsPSIjRDRBRjM3Ii8+Cjwvc3ZnPg==");
}

/*
.i-timeline {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi40ODYwMyAyIDIgNi40ODYwNCAyIDEyQzIgMTcuNTE0IDYuNDg2MDMgMjIgMTIgMjJDMTcuNTE0IDIyIDIyIDE3LjUxNCAyMiAxMkMyMiA2LjQ4NjA0IDE3LjUxNCAyIDEyIDJaTTEyIDMuNUMxNi43MDMzIDMuNSAyMC41IDcuMjk2NyAyMC41IDEyQzIwLjUgMTYuNzAzMyAxNi43MDMzIDIwLjUgMTIgMjAuNUM3LjI5NjY5IDIwLjUgMy41IDE2LjcwMzMgMy41IDEyQzMuNSA3LjI5NjcgNy4yOTY2OSAzLjUgMTIgMy41Wk0xMS43MzgzIDUuOTg5MjZDMTEuNTM5NSA1Ljk5MjM2IDExLjM1MDIgNi4wNzQyMyAxMS4yMTE3IDYuMjE2ODZDMTEuMDczMyA2LjM1OTUgMTAuOTk3MSA2LjU1MTI1IDExIDYuNzVWMTIuNzVDMTEgMTIuOTQ4OSAxMS4wNzkgMTMuMTM5NyAxMS4yMTk3IDEzLjI4MDNDMTEuMzYwMyAxMy40MjEgMTEuNTUxMSAxMy41IDExLjc1IDEzLjVIMTUuNzVDMTUuODQ5NCAxMy41MDE0IDE1Ljk0ODEgMTMuNDgzIDE2LjA0MDMgMTMuNDQ2QzE2LjEzMjUgMTMuNDA4OSAxNi4yMTY0IDEzLjM1MzkgMTYuMjg3MiAxMy4yODQxQzE2LjM1OCAxMy4yMTQzIDE2LjQxNDIgMTMuMTMxMiAxNi40NTI2IDEzLjAzOTVDMTYuNDkwOSAxMi45NDc4IDE2LjUxMDcgMTIuODQ5NCAxNi41MTA3IDEyLjc1QzE2LjUxMDcgMTIuNjUwNiAxNi40OTA5IDEyLjU1MjIgMTYuNDUyNiAxMi40NjA1QzE2LjQxNDIgMTIuMzY4OCAxNi4zNTggMTIuMjg1NyAxNi4yODcyIDEyLjIxNTlDMTYuMjE2NCAxMi4xNDYxIDE2LjEzMjUgMTIuMDkxMSAxNi4wNDAzIDEyLjA1NEMxNS45NDgxIDEyLjAxNyAxNS44NDk0IDExLjk5ODYgMTUuNzUgMTJIMTIuNVY2Ljc1QzEyLjUwMTQgNi42NDk2MiAxMi40ODI3IDYuNTQ5OTcgMTIuNDQ0OSA2LjQ1Njk1QzEyLjQwNzEgNi4zNjM5NCAxMi4zNTExIDYuMjc5NDYgMTIuMjggNi4yMDg1MkMxMi4yMDkgNi4xMzc1NyAxMi4xMjQ1IDYuMDgxNjEgMTIuMDMxNCA2LjA0Mzk1QzExLjkzODMgNi4wMDYyOSAxMS44Mzg3IDUuOTg3NjkgMTEuNzM4MyA1Ljk4OTI2VjUuOTg5MjZaIiBmaWxsPSIjMTkyNTNBIi8+Cjwvc3ZnPgo=");
  .active & {
    background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi41IDIgMiA2LjUgMiAxMkMyIDE3LjUgNi41IDIyIDEyIDIyQzE3LjUgMjIgMjIgMTcuNSAyMiAxMkMyMiA2LjUgMTcuNSAyIDEyIDJaTTE1Ljc1IDEzLjVIMTEuNzVDMTEuMzUgMTMuNSAxMSAxMy4xNSAxMSAxMi43NVY2Ljc1QzExIDYuMzUgMTEuMzUgNiAxMS43NSA2QzEyLjE1IDYgMTIuNSA2LjM1IDEyLjUgNi43NVYxMkgxNS43NUMxNi4xNSAxMiAxNi41IDEyLjM1IDE2LjUgMTIuNzVDMTYuNSAxMy4xNSAxNi4xNSAxMy41IDE1Ljc1IDEzLjVaIiBmaWxsPSIjRDQ5OTAwIi8+Cjwvc3ZnPgo=");
  }
}
.i-search {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI1IDNDNi4yNTQ4MiAzIDMgNi4yNTQ4MiAzIDEwLjI1QzMgMTQuMjQ1MiA2LjI1NDgyIDE3LjUgMTAuMjUgMTcuNUMxMS45NzgyIDE3LjUgMTMuNTY2OSAxNi44ODk1IDE0LjgxNDUgMTUuODc1TDE5LjcxOTcgMjAuNzgwM0MxOS43ODg4IDIwLjg1MjMgMTkuODcxNiAyMC45MDk3IDE5Ljk2MzIgMjAuOTQ5M0MyMC4wNTQ4IDIwLjk4ODkgMjAuMTUzNCAyMS4wMDk4IDIwLjI1MzIgMjEuMDEwOEMyMC4zNTI5IDIxLjAxMTggMjAuNDUxOSAyMC45OTI5IDIwLjU0NDMgMjAuOTU1MkMyMC42MzY3IDIwLjkxNzUgMjAuNzIwNiAyMC44NjE3IDIwLjc5MTIgMjAuNzkxMkMyMC44NjE3IDIwLjcyMDYgMjAuOTE3NSAyMC42MzY3IDIwLjk1NTIgMjAuNTQ0M0MyMC45OTI5IDIwLjQ1MTkgMjEuMDExOCAyMC4zNTI5IDIxLjAxMDggMjAuMjUzMkMyMS4wMDk4IDIwLjE1MzQgMjAuOTg4OSAyMC4wNTQ4IDIwLjk0OTMgMTkuOTYzMkMyMC45MDk3IDE5Ljg3MTYgMjAuODUyMyAxOS43ODg4IDIwLjc4MDMgMTkuNzE5N0wxNS44NzUgMTQuODE0NUMxNi44ODk1IDEzLjU2NjkgMTcuNSAxMS45NzgyIDE3LjUgMTAuMjVDMTcuNSA2LjI1NDgyIDE0LjI0NTIgMyAxMC4yNSAzWk0xMC4yNSA0LjVDMTMuNDM0NSA0LjUgMTYgNy4wNjU0OCAxNiAxMC4yNUMxNiAxMS44MDEzIDE1LjM4ODEgMTMuMjAyOSAxNC4zOTU1IDE0LjIzNTRDMTQuMzM0MyAxNC4yODAzIDE0LjI4MDMgMTQuMzM0MyAxNC4yMzU0IDE0LjM5NTVDMTMuMjAyOSAxNS4zODgxIDExLjgwMTMgMTYgMTAuMjUgMTZDNy4wNjU0OCAxNiA0LjUgMTMuNDM0NSA0LjUgMTAuMjVDNC41IDcuMDY1NDggNy4wNjU0OCA0LjUgMTAuMjUgNC41WiIgZmlsbD0iIzE5MjUzQSIvPgo8L3N2Zz4K");
  .active & {
    background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgM0M2LjM2OTcxIDMgMyA2LjM2OTcxIDMgMTAuNUMzIDE0LjYzMDMgNi4zNjk3MSAxOCAxMC41IDE4QzEyLjIwNSAxOCAxMy43NjIyIDE3LjQwMzQgMTUuMDI0NCAxNi40Mzg1TDE5LjI5MyAyMC43MDdDMTkuMzg1MSAyMC44MDMgMTkuNDk1NSAyMC44Nzk2IDE5LjYxNzYgMjAuOTMyNEMxOS43Mzk3IDIwLjk4NTIgMTkuODcxMiAyMS4wMTMxIDIwLjAwNDIgMjEuMDE0NEMyMC4xMzczIDIxLjAxNTggMjAuMjY5MiAyMC45OTA2IDIwLjM5MjQgMjAuOTQwM0MyMC41MTU2IDIwLjg5IDIwLjYyNzUgMjAuODE1NyAyMC43MjE2IDIwLjcyMTZDMjAuODE1NyAyMC42Mjc1IDIwLjg5IDIwLjUxNTYgMjAuOTQwMyAyMC4zOTI0QzIwLjk5MDYgMjAuMjY5MiAyMS4wMTU4IDIwLjEzNzMgMjEuMDE0NCAyMC4wMDQyQzIxLjAxMzEgMTkuODcxMiAyMC45ODUyIDE5LjczOTcgMjAuOTMyNCAxOS42MTc2QzIwLjg3OTYgMTkuNDk1NSAyMC44MDMgMTkuMzg1MSAyMC43MDcgMTkuMjkzTDE2LjQzODUgMTUuMDI0NEMxNy40MDM0IDEzLjc2MjIgMTggMTIuMjA1IDE4IDEwLjVDMTggNi4zNjk3MSAxNC42MzAzIDMgMTAuNSAzWk0xMC41IDVDMTMuNTQ5NCA1IDE2IDcuNDUwNTkgMTYgMTAuNUMxNiAxMy41NDk0IDEzLjU0OTQgMTYgMTAuNSAxNkM3LjQ1MDU5IDE2IDUgMTMuNTQ5NCA1IDEwLjVDNSA3LjQ1MDU5IDcuNDUwNTkgNSAxMC41IDVaTTEwLjQ4NTQgNi45ODYzM0MxMC4yMjAzIDYuOTkwMjEgOS45Njc2NCA3LjA5OTE2IDkuNzgyODggNy4yODkyM0M5LjU5ODEyIDcuNDc5MyA5LjQ5NjM3IDcuNzM0OTUgOS41IDhWOS41SDhDNy44Njc0OSA5LjQ5ODEzIDcuNzM1OTMgOS41MjI2MSA3LjYxMjk2IDkuNTcyMDJDNy40ODk5OSA5LjYyMTQzIDcuMzc4MDcgOS42OTQ4IDcuMjgzNyA5Ljc4Nzg0QzcuMTg5MzMgOS44ODA4OCA3LjExNDM5IDkuOTkxNzYgNy4wNjMyNCAxMC4xMTRDNy4wMTIxIDEwLjIzNjMgNi45ODU3NiAxMC4zNjc1IDYuOTg1NzYgMTAuNUM2Ljk4NTc2IDEwLjYzMjUgNy4wMTIxIDEwLjc2MzcgNy4wNjMyNCAxMC44ODZDNy4xMTQzOSAxMS4wMDgyIDcuMTg5MzMgMTEuMTE5MSA3LjI4MzcgMTEuMjEyMkM3LjM3ODA3IDExLjMwNTIgNy40ODk5OSAxMS4zNzg2IDcuNjEyOTYgMTEuNDI4QzcuNzM1OTMgMTEuNDc3NCA3Ljg2NzQ5IDExLjUwMTkgOCAxMS41SDkuNVYxM0M5LjQ5ODEzIDEzLjEzMjUgOS41MjI2MSAxMy4yNjQxIDkuNTcyMDIgMTMuMzg3QzkuNjIxNDMgMTMuNTEgOS42OTQ4IDEzLjYyMTkgOS43ODc4NCAxMy43MTYzQzkuODgwODggMTMuODEwNyA5Ljk5MTc2IDEzLjg4NTYgMTAuMTE0IDEzLjkzNjhDMTAuMjM2MyAxMy45ODc5IDEwLjM2NzUgMTQuMDE0MiAxMC41IDE0LjAxNDJDMTAuNjMyNSAxNC4wMTQyIDEwLjc2MzcgMTMuOTg3OSAxMC44ODYgMTMuOTM2OEMxMS4wMDgyIDEzLjg4NTYgMTEuMTE5MSAxMy44MTA3IDExLjIxMjIgMTMuNzE2M0MxMS4zMDUyIDEzLjYyMTkgMTEuMzc4NiAxMy41MSAxMS40MjggMTMuMzg3QzExLjQ3NzQgMTMuMjY0MSAxMS41MDE5IDEzLjEzMjUgMTEuNSAxM1YxMS41SDEzQzEzLjEzMjUgMTEuNTAxOSAxMy4yNjQxIDExLjQ3NzQgMTMuMzg3IDExLjQyOEMxMy41MSAxMS4zNzg2IDEzLjYyMTkgMTEuMzA1MiAxMy43MTYzIDExLjIxMjJDMTMuODEwNyAxMS4xMTkxIDEzLjg4NTYgMTEuMDA4MiAxMy45MzY4IDEwLjg4NkMxMy45ODc5IDEwLjc2MzcgMTQuMDE0MiAxMC42MzI1IDE0LjAxNDIgMTAuNUMxNC4wMTQyIDEwLjM2NzUgMTMuOTg3OSAxMC4yMzYzIDEzLjkzNjggMTAuMTE0QzEzLjg4NTYgOS45OTE3NiAxMy44MTA3IDkuODgwODggMTMuNzE2MyA5Ljc4Nzg0QzEzLjYyMTkgOS42OTQ4IDEzLjUxIDkuNjIxNDMgMTMuMzg3IDkuNTcyMDJDMTMuMjY0MSA5LjUyMjYxIDEzLjEzMjUgOS40OTgxMyAxMyA5LjVIMTEuNVY4QzExLjUwMTggNy44NjYyOSAxMS40NzY4IDcuNzMzNTggMTEuNDI2NSA3LjYwOTdDMTEuMzc2MSA3LjQ4NTgzIDExLjMwMTQgNy4zNzMzMSAxMS4yMDY4IDcuMjc4OEMxMS4xMTIyIDcuMTg0MyAxMC45OTk2IDcuMTA5NzIgMTAuODc1NyA3LjA1OTQ4QzEwLjc1MTggNy4wMDkyNSAxMC42MTkxIDYuOTg0MzcgMTAuNDg1NCA2Ljk4NjMzWiIgZmlsbD0iI0Q0OTkwMCIvPgo8L3N2Zz4K");
  }
}
*/
.i-cart {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuODE5MzQgM0M2LjI2MzU3IDMgNC45MTY5NyA0LjExMzQxIDQuNjI1OTggNS42NDE2TDMuOTg2MzMgOUgzLjI1QzMuMTM5NjMgOS4wMDAwNyAzLjAzMDYzIDkuMDI0NDkgMi45MzA3OCA5LjA3MTUzQzIuODMwOTMgOS4xMTg1NyAyLjc0MjcgOS4xODcwNyAyLjY3MjM3IDkuMjcyMTRDMi42MDIwNCA5LjM1NzIgMi41NTEzNSA5LjQ1Njc0IDIuNTIzOTIgOS41NjM2NUMyLjQ5NjQ5IDkuNjcwNTYgMi40OTI5OSA5Ljc4MjIxIDIuNTEzNjcgOS44OTA2Mkw0LjEyNTk4IDE4LjM1ODRDNC40MTc1MyAxOS44ODYyIDUuNzYzNTcgMjEgNy4zMTkzNCAyMUgxNi42ODA3QzE4LjIzNjQgMjEgMTkuNTgzIDE5Ljg4NjYgMTkuODc0IDE4LjM1ODRMMjEuNDg2MyA5Ljg5MDYyQzIxLjUwNyA5Ljc4MjIxIDIxLjUwMzUgOS42NzA1NiAyMS40NzYxIDkuNTYzNjVDMjEuNDQ4NiA5LjQ1Njc0IDIxLjM5OCA5LjM1NzIgMjEuMzI3NiA5LjI3MjE0QzIxLjI1NzMgOS4xODcwNyAyMS4xNjkxIDkuMTE4NTcgMjEuMDY5MiA5LjA3MTUzQzIwLjk2OTQgOS4wMjQ0OSAyMC44NjA0IDkuMDAwMDcgMjAuNzUgOUgyMC4wMTM3TDE5LjM3NCA1LjY0MTZDMTkuMDgzIDQuMTEzNDEgMTcuNzM2NCAzIDE2LjE4MDcgM0g3LjgxOTM0Wk03LjgxOTM0IDQuNUgxNi4xODA3QzE3LjAyNTkgNC41IDE3Ljc0MjQgNS4wOTIwNiAxNy45MDA0IDUuOTIxODhDMTcuOTAwNCA1LjkyMjIgMTcuOTAwNCA1LjkyMjUzIDE3LjkwMDQgNS45MjI4NUwxOC40ODYzIDlINS41MTM2N0w2LjA5OTYxIDUuOTIyODVDNi4wOTk2MSA1LjkyMjUzIDYuMDk5NjEgNS45MjIyIDYuMDk5NjEgNS45MjE4OEM2LjI1NzYyIDUuMDkyMDkgNi45NzQxIDQuNSA3LjgxOTM0IDQuNVpNNC4xNTYyNSAxMC41SDQuNDgzNEM0LjU2MzkxIDEwLjUxMzIgNC42NDYwNSAxMC41MTMyIDQuNzI2NTYgMTAuNUgxOS4yNzU0QzE5LjM1NDkgMTAuNTEyOSAxOS40MzYxIDEwLjUxMjkgMTkuNTE1NiAxMC41SDE5Ljg0MzhMMTguNDAwNCAxOC4wNzgxQzE4LjI0MjQgMTguOTA3OSAxNy41MjU5IDE5LjUgMTYuNjgwNyAxOS41SDcuMzE5MzRDNi40NzQ0IDE5LjUgNS43NTgzOSAxOC45MDc5IDUuNTk5NjEgMTguMDc4MVYxOC4wNzcxTDQuMTU2MjUgMTAuNVpNNy43Mjk0OSAxMS45ODkzQzcuNjI0NzQgMTEuOTkyIDcuNTIxNzMgMTIuMDE2NiA3LjQyNzA5IDEyLjA2MTZDNy4zMzI0NSAxMi4xMDY2IDcuMjQ4MjkgMTIuMTcwOSA3LjE4MDAyIDEyLjI1MDRDNy4xMTE3NSAxMi4zMjk5IDcuMDYwOSAxMi40MjI4IDcuMDMwNzMgMTIuNTIzMUM3LjAwMDU3IDEyLjYyMzUgNi45OTE3NiAxMi43MjkgNy4wMDQ4OCAxMi44MzNMNy41MDQ4OCAxNy4zMzNDNy41MTI5NSAxNy40MzMxIDcuNTQxMDQgMTcuNTMwNiA3LjU4NzQ5IDE3LjYxOTZDNy42MzM5MyAxNy43MDg3IDcuNjk3NzggMTcuNzg3NSA3Ljc3NTI2IDE3Ljg1MTRDNy44NTI3MyAxNy45MTUzIDcuOTQyMjQgMTcuOTYzIDguMDM4NDkgMTcuOTkxNkM4LjEzNDc0IDE4LjAyMDMgOC4yMzU3NyAxOC4wMjkzIDguMzM1NTggMTguMDE4MkM4LjQzNTM5IDE4LjAwNzEgOC41MzE5NSAxNy45NzYgOC42MTk1MyAxNy45MjY5QzguNzA3MTEgMTcuODc3NyA4Ljc4Mzk0IDE3LjgxMTUgOC44NDU0NSAxNy43MzIxQzguOTA2OTYgMTcuNjUyOCA4Ljk1MTkgMTcuNTYxOCA4Ljk3NzYxIDE3LjQ2NDdDOS4wMDMzMiAxNy4zNjc3IDkuMDA5MjcgMTcuMjY2NCA4Ljk5NTEyIDE3LjE2N0w4LjQ5NTEyIDEyLjY2N0M4LjQ3Njg4IDEyLjQ3ODEgOC4zODc3NSAxMi4zMDMyIDguMjQ1NjggMTIuMTc3NUM4LjEwMzYxIDEyLjA1MTcgNy45MTkxNiAxMS45ODQ0IDcuNzI5NDkgMTEuOTg5M1YxMS45ODkzWk0xMC43MzgzIDExLjk4OTNDMTAuNTM5NSAxMS45OTI0IDEwLjM1MDIgMTIuMDc0MiAxMC4yMTE3IDEyLjIxNjlDMTAuMDczMyAxMi4zNTk1IDkuOTk3MTUgMTIuNTUxMyAxMCAxMi43NVYxNy4yNUM5Ljk5ODU5IDE3LjM0OTQgMTAuMDE3IDE3LjQ0ODEgMTAuMDU0IDE3LjU0MDNDMTAuMDkxMSAxNy42MzI1IDEwLjE0NjEgMTcuNzE2NCAxMC4yMTU5IDE3Ljc4NzJDMTAuMjg1NyAxNy44NTggMTAuMzY4OCAxNy45MTQyIDEwLjQ2MDUgMTcuOTUyNkMxMC41NTIyIDE3Ljk5MDkgMTAuNjUwNiAxOC4wMTA3IDEwLjc1IDE4LjAxMDdDMTAuODQ5NCAxOC4wMTA3IDEwLjk0NzggMTcuOTkwOSAxMS4wMzk1IDE3Ljk1MjZDMTEuMTMxMiAxNy45MTQyIDExLjIxNDMgMTcuODU4IDExLjI4NDEgMTcuNzg3MkMxMS4zNTM5IDE3LjcxNjQgMTEuNDA4OSAxNy42MzI1IDExLjQ0NiAxNy41NDAzQzExLjQ4MyAxNy40NDgxIDExLjUwMTQgMTcuMzQ5NCAxMS41IDE3LjI1VjEyLjc1QzExLjUwMTQgMTIuNjQ5NiAxMS40ODI3IDEyLjU1IDExLjQ0NDkgMTIuNDU3QzExLjQwNzEgMTIuMzYzOSAxMS4zNTExIDEyLjI3OTUgMTEuMjggMTIuMjA4NUMxMS4yMDkgMTIuMTM3NiAxMS4xMjQ1IDEyLjA4MTYgMTEuMDMxNCAxMi4wNDRDMTAuOTM4MyAxMi4wMDYzIDEwLjgzODcgMTEuOTg3NyAxMC43MzgzIDExLjk4OTNWMTEuOTg5M1pNMTMuMjM4MyAxMS45ODkzQzEzLjAzOTUgMTEuOTkyNCAxMi44NTAyIDEyLjA3NDIgMTIuNzExNyAxMi4yMTY5QzEyLjU3MzMgMTIuMzU5NSAxMi40OTcxIDEyLjU1MTMgMTIuNSAxMi43NVYxNy4yNUMxMi40OTg2IDE3LjM0OTQgMTIuNTE3IDE3LjQ0ODEgMTIuNTU0IDE3LjU0MDNDMTIuNTkxMSAxNy42MzI1IDEyLjY0NjEgMTcuNzE2NCAxMi43MTU5IDE3Ljc4NzJDMTIuNzg1NyAxNy44NTggMTIuODY4OCAxNy45MTQyIDEyLjk2MDUgMTcuOTUyNkMxMy4wNTIyIDE3Ljk5MDkgMTMuMTUwNiAxOC4wMTA3IDEzLjI1IDE4LjAxMDdDMTMuMzQ5NCAxOC4wMTA3IDEzLjQ0NzggMTcuOTkwOSAxMy41Mzk1IDE3Ljk1MjZDMTMuNjMxMiAxNy45MTQyIDEzLjcxNDMgMTcuODU4IDEzLjc4NDEgMTcuNzg3MkMxMy44NTM5IDE3LjcxNjQgMTMuOTA4OSAxNy42MzI1IDEzLjk0NiAxNy41NDAzQzEzLjk4MyAxNy40NDgxIDE0LjAwMTQgMTcuMzQ5NCAxNCAxNy4yNVYxMi43NUMxNC4wMDE0IDEyLjY0OTYgMTMuOTgyNyAxMi41NSAxMy45NDQ5IDEyLjQ1N0MxMy45MDcxIDEyLjM2MzkgMTMuODUxMSAxMi4yNzk1IDEzLjc4IDEyLjIwODVDMTMuNzA5IDEyLjEzNzYgMTMuNjI0NSAxMi4wODE2IDEzLjUzMTQgMTIuMDQ0QzEzLjQzODMgMTIuMDA2MyAxMy4zMzg3IDExLjk4NzcgMTMuMjM4MyAxMS45ODkzVjExLjk4OTNaTTE2LjI0OCAxMS45ODkzQzE2LjA2MjIgMTEuOTkwMSAxNS44ODMzIDEyLjA1OTkgMTUuNzQ2IDEyLjE4NTFDMTUuNjA4NyAxMi4zMTAzIDE1LjUyMjggMTIuNDgyIDE1LjUwNDkgMTIuNjY3TDE1LjAwNDkgMTcuMTY3QzE0Ljk5MDcgMTcuMjY2NCAxNC45OTY3IDE3LjM2NzcgMTUuMDIyNCAxNy40NjQ3QzE1LjA0ODEgMTcuNTYxOCAxNS4wOTMgMTcuNjUyOCAxNS4xNTQ2IDE3LjczMjFDMTUuMjE2MSAxNy44MTE1IDE1LjI5MjkgMTcuODc3NyAxNS4zODA1IDE3LjkyNjlDMTUuNDY4MSAxNy45NzYgMTUuNTY0NiAxOC4wMDcxIDE1LjY2NDQgMTguMDE4MkMxNS43NjQyIDE4LjAyOTMgMTUuODY1MyAxOC4wMjAzIDE1Ljk2MTUgMTcuOTkxNkMxNi4wNTc4IDE3Ljk2MyAxNi4xNDczIDE3LjkxNTMgMTYuMjI0NyAxNy44NTE0QzE2LjMwMjIgMTcuNzg3NSAxNi4zNjYxIDE3LjcwODcgMTYuNDEyNSAxNy42MTk2QzE2LjQ1OSAxNy41MzA2IDE2LjQ4NyAxNy40MzMxIDE2LjQ5NTEgMTcuMzMzTDE2Ljk5NTEgMTIuODMzQzE3LjAwODQgMTIuNzI3MiAxNi45OTkgMTIuNjE5NyAxNi45Njc1IDEyLjUxNzlDMTYuOTM2MSAxMi40MTYgMTYuODgzMiAxMi4zMjE5IDE2LjgxMjUgMTIuMjQyMUMxNi43NDE4IDEyLjE2MjIgMTYuNjU0OSAxMi4wOTg0IDE2LjU1NzUgMTIuMDU0OEMxNi40NjAyIDEyLjAxMTIgMTYuMzU0NyAxMS45ODg5IDE2LjI0OCAxMS45ODkzVjExLjk4OTNaIiBmaWxsPSIjMTkyNTNBIi8+Cjwvc3ZnPgo=");
}
.active .i-cart {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuODE5MzQgM0M2LjI2MzU3IDMgNC45MTY5NyA0LjExMzQxIDQuNjI1OTggNS42NDE2TDMuOTg2MzMgOUgzLjI1QzMuMDI2NSA5IDIuODE0ODUgOS4wOTk5NiAyLjY3Mjg1IDkuMjcyNDZDMi41MzAzNSA5LjQ0NDQ2IDIuNDcxNjcgOS42NzA2NSAyLjUxMzY3IDkuODg5NjVMNC4xMjY5NSAxOC4zNTg0QzQuNDE3OTUgMTkuODg5NCA1Ljc2MDg0IDIxIDcuMzE5MzQgMjFIMTYuNjgxNkMxOC4yNDAxIDIxIDE5LjU4MjUgMTkuODg5NCAxOS44NzQgMTguMzU4NEwyMS40ODczIDkuODg5NjVDMjEuNTI4OCA5LjY3MDY1IDIxLjQ2OTYgOS40NDQ0NiAyMS4zMjcxIDkuMjcyNDZDMjEuMTg1MSA5LjA5OTk2IDIwLjk3MzUgOSAyMC43NSA5SDIwLjAxMzdMMTkuMzc0IDUuNjQxNkMxOS4wODMgNC4xMTM0MSAxNy43MzY0IDMgMTYuMTgwNyAzSDcuODE5MzRaTTcuODE5MzQgNC41SDE2LjE4MDdDMTcuMDI1OSA0LjUgMTcuNzQyNCA1LjA5MjA2IDE3LjkwMDQgNS45MjE4OEMxNy45MDA0IDUuOTIyMiAxNy45MDA0IDUuOTIyNTMgMTcuOTAwNCA1LjkyMjg1TDE4LjQ4NjMgOUg1LjUxMzY3TDYuMDk5NjEgNS45MjI4NUM2LjA5OTYxIDUuOTIyNTMgNi4wOTk2MSA1LjkyMjIgNi4wOTk2MSA1LjkyMTg4QzYuMjU3NjIgNS4wOTIwOSA2Ljk3NDEgNC41IDcuODE5MzQgNC41Wk0xMC43NSAxMkMxMS4xNjQgMTIgMTEuNSAxMi4zMzYgMTEuNSAxMi43NVYxNy4yNUMxMS41IDE3LjY2NCAxMS4xNjQgMTggMTAuNzUgMThDMTAuMzM2IDE4IDEwIDE3LjY2NCAxMCAxNy4yNVYxMi43NUMxMCAxMi4zMzYgMTAuMzM2IDEyIDEwLjc1IDEyWk0xMy4yNSAxMkMxMy42NjQgMTIgMTQgMTIuMzM2IDE0IDEyLjc1VjE3LjI1QzE0IDE3LjY2NCAxMy42NjQgMTggMTMuMjUgMThDMTIuODM2IDE4IDEyLjUgMTcuNjY0IDEyLjUgMTcuMjVWMTIuNzVDMTIuNSAxMi4zMzYgMTIuODM2IDEyIDEzLjI1IDEyWk03LjgxOTM0IDEyLjAwMzlDOC4xNjcyOCAxMi4wMzY4IDguNDU0NDMgMTIuMzA2OSA4LjQ5NTEyIDEyLjY2N0w4Ljk5NTEyIDE3LjE2N0M5LjA0MDYyIDE3LjU3ODUgOC43NDQ1MSAxNy45NDkxIDguMzMzMDEgMTcuOTk1MUM4LjMwNDUxIDE3Ljk5ODEgOC4yNzcwMiAxOCA4LjI0OTAyIDE4QzcuODcyMDIgMTggNy41NDc4OCAxNy43MTY1IDcuNTA0ODggMTcuMzMzTDcuMDA0ODggMTIuODMzQzYuOTU5MzggMTIuNDIxNSA3LjI1NTQ5IDEyLjA1MDkgNy42NjY5OSAxMi4wMDQ5QzcuNzE4NjIgMTEuOTk5NCA3Ljc2OTYzIDExLjk5OTIgNy44MTkzNCAxMi4wMDM5Wk0xNi4xODA3IDEyLjAwMzlDMTYuMjMwMyAxMS45OTkyIDE2LjI4MTQgMTEuOTk5NSAxNi4zMzMgMTIuMDA0OUMxNi43NDQ1IDEyLjA1MDkgMTcuMDQwNiAxMi40MjE1IDE2Ljk5NTEgMTIuODMzTDE2LjQ5NTEgMTcuMzMzQzE2LjQ1MjEgMTcuNzE2NSAxNi4xMjggMTggMTUuNzUxIDE4QzE1LjcyMyAxOCAxNS42OTU1IDE3Ljk5ODEgMTUuNjY3IDE3Ljk5NTFDMTUuMjU1NSAxNy45NDkxIDE0Ljk1OTQgMTcuNTc4NSAxNS4wMDQ5IDE3LjE2N0wxNS41MDQ5IDEyLjY2N0MxNS41NDUxIDEyLjMwNjkgMTUuODMyOSAxMi4wMzcgMTYuMTgwNyAxMi4wMDM5WiIgZmlsbD0iI0Q0OTkwMCIvPgo8L3N2Zz4K");
}

.i-member {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi40ODYwMyAyIDIgNi40ODYwNCAyIDEyQzIgMTcuNTE0IDYuNDg2MDMgMjIgMTIgMjJDMTcuNTE0IDIyIDIyIDE3LjUxNCAyMiAxMkMyMiA2LjQ4NjA0IDE3LjUxNCAyIDEyIDJaTTEyIDMuNUMxNi43MDMzIDMuNSAyMC41IDcuMjk2NyAyMC41IDEyQzIwLjUgMTYuNzAzMyAxNi43MDMzIDIwLjUgMTIgMjAuNUM3LjI5NjY5IDIwLjUgMy41IDE2LjcwMzMgMy41IDEyQzMuNSA3LjI5NjcgNy4yOTY2OSAzLjUgMTIgMy41Wk0xMiA2QzExLjA2MjUgNiAxMC4yNjQ0IDYuMzc4NTcgOS43NTE5NSA2Ljk1NTA4QzkuMjM5NSA3LjUzMTU5IDkgOC4yNzA4MyA5IDlDOSA5LjcyOTE3IDkuMjM5NSAxMC40Njg0IDkuNzUxOTUgMTEuMDQ0OUMxMC4yNjQ0IDExLjYyMTQgMTEuMDYyNSAxMiAxMiAxMkMxMi45Mzc1IDEyIDEzLjczNTYgMTEuNjIxNCAxNC4yNDggMTEuMDQ0OUMxNC43NjA1IDEwLjQ2ODQgMTUgOS43MjkxNyAxNSA5QzE1IDguMjcwODMgMTQuNzYwNSA3LjUzMTU5IDE0LjI0OCA2Ljk1NTA4QzEzLjczNTYgNi4zNzg1NyAxMi45Mzc1IDYgMTIgNlpNMTIgNy41QzEyLjU2MjUgNy41IDEyLjg4OTQgNy42ODM5MyAxMy4xMjcgNy45NTExN0MxMy4zNjQ1IDguMjE4NDEgMTMuNSA4LjYwNDE3IDEzLjUgOUMxMy41IDkuMzk1ODMgMTMuMzY0NSA5Ljc4MTU5IDEzLjEyNyAxMC4wNDg4QzEyLjg4OTQgMTAuMzE2MSAxMi41NjI1IDEwLjUgMTIgMTAuNUMxMS40Mzc1IDEwLjUgMTEuMTEwNiAxMC4zMTYxIDEwLjg3MyAxMC4wNDg4QzEwLjYzNTUgOS43ODE1OSAxMC41IDkuMzk1ODMgMTAuNSA5QzEwLjUgOC42MDQxNyAxMC42MzU1IDguMjE4NDEgMTAuODczIDcuOTUxMTdDMTEuMTEwNiA3LjY4MzkzIDExLjQzNzUgNy41IDEyIDcuNVpNOC42Mjk4OCAxM0M3LjczOTEzIDEzIDcgMTMuNzM4NSA3IDE0LjYyOTlWMTUuMTcwOUM3IDE2LjE2NDkgNy42MjgyNiAxNy4wMjg3IDguNTIzNDQgMTcuNTk5NkM5LjQxODYyIDE4LjE3MDUgMTAuNjE0NiAxOC41MDEgMTIgMTguNTAxQzEzLjM4NTQgMTguNTAxIDE0LjU4MTQgMTguMTcwNSAxNS40NzY2IDE3LjU5OTZDMTYuMzcxNyAxNy4wMjg3IDE3IDE2LjE2NDkgMTcgMTUuMTcwOVYxNC42Mjk5QzE3IDEzLjczOTEgMTYuMjYxNSAxMyAxNS4zNzAxIDEzSDguNjI5ODhaTTguNjI5ODggMTQuNUgxNS4zNzAxQzE1LjQ1MDggMTQuNSAxNS41IDE0LjU0OTYgMTUuNSAxNC42Mjk5VjE1LjE3MDlDMTUuNSAxNS41MjY5IDE1LjI2NzkgMTUuOTUzNiAxNC42Njk5IDE2LjMzNUMxNC4wNzIgMTYuNzE2MyAxMy4xNDIxIDE3LjAwMSAxMiAxNy4wMDFDMTAuODU3OSAxNy4wMDEgOS45MjgwMiAxNi43MTYzIDkuMzMwMDggMTYuMzM1QzguNzMyMTMgMTUuOTUzNiA4LjUgMTUuNTI2OSA4LjUgMTUuMTcwOVYxNC42Mjk5QzguNSAxNC41NDkyIDguNTQ5NjMgMTQuNSA4LjYyOTg4IDE0LjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=");
}
.active .i-member {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi40ODYgMiAyIDYuNDg2IDIgMTJDMiAxNy41MTQgNi40ODYgMjIgMTIgMjJDMTcuNTE0IDIyIDIyIDE3LjUxNCAyMiAxMkMyMiA2LjQ4NiAxNy41MTQgMiAxMiAyWk0xMiA2LjVDMTMuMzgwNSA2LjUgMTQuNSA3LjYxOTUgMTQuNSA5QzE0LjUgMTAuMzgwNSAxMy4zODA1IDExLjUgMTIgMTEuNUMxMC42MTk1IDExLjUgOS41IDEwLjM4MDUgOS41IDlDOS41IDcuNjE5NSAxMC42MTk1IDYuNSAxMiA2LjVaTTE2LjUgMTQuNzY5QzE2LjUgMTYuMTk4NSAxNC42NzY1IDE3LjUgMTIgMTcuNUM5LjMyMzUgMTcuNSA3LjUgMTYuMTk4NSA3LjUgMTQuNzY5VjE0LjQzMUM3LjUgMTMuOTE3IDcuOTE3IDEzLjUgOC40MzEgMTMuNUgxNS41NjlDMTYuMDgzIDEzLjUgMTYuNSAxMy45MTcgMTYuNSAxNC40MzFWMTQuNzY5WiIgZmlsbD0iI0Q0QUYzNyIvPgo8L3N2Zz4=");
}

.i-safe {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC43NSA0QzMuMjQwMTEgNCAyIDUuMjQwMTEgMiA2Ljc1VjE3LjI1QzIgMTguNjc1OCAzLjEwNjQ2IDE5Ljg1OTYgNC41MDA5OCAxOS45ODczQzQuNDk5MyAyMC4xMTk2IDQuNTIzODkgMjAuMjUwOSA0LjU3MzMzIDIwLjM3MzdDNC42MjI3NyAyMC40OTY0IDQuNjk2MDggMjAuNjA4MSA0Ljc4OSAyMC43MDIzQzQuODgxOTIgMjAuNzk2NSA0Ljk5MjYxIDIwLjg3MTMgNS4xMTQ2NiAyMC45MjI0QzUuMjM2NzEgMjAuOTczNSA1LjM2NzY5IDIwLjk5OTkgNS41IDIxQzUuNzY1MDUgMjAuOTk5NyA2LjAxOTE1IDIwLjg5NDMgNi4yMDY0OCAyMC43MDY4QzYuMzkzOCAyMC41MTkzIDYuNDk5MDIgMjAuMjY1IDYuNDk5MDIgMjBIMTcuNTAxQzE3LjUwMSAyMC4yNjUgMTcuNjA2MiAyMC41MTkzIDE3Ljc5MzUgMjAuNzA2OEMxNy45ODA4IDIwLjg5NDMgMTguMjM1IDIwLjk5OTcgMTguNSAyMUMxOC42MzI0IDIxIDE4Ljc2MzUgMjAuOTczNyAxOC44ODU2IDIwLjkyMjdDMTkuMDA3OCAyMC44NzE2IDE5LjExODYgMjAuNzk2OCAxOS4yMTE2IDIwLjcwMjZDMTkuMzA0NyAyMC42MDg0IDE5LjM3ODEgMjAuNDk2NyAxOS40Mjc2IDIwLjM3MzlDMTkuNDc3MSAyMC4yNTExIDE5LjUwMTcgMjAuMTE5NyAxOS41IDE5Ljk4NzNDMjAuODk0MSAxOS44NTkyIDIyIDE4LjY3NTQgMjIgMTcuMjVWNi43NUMyMiA1LjI0MDExIDIwLjc1OTkgNCAxOS4yNSA0SDQuNzVaTTQuNzUgNS41SDE5LjI1QzE5Ljk0OTEgNS41IDIwLjUgNi4wNTA4OSAyMC41IDYuNzVWMTcuMjVDMjAuNSAxNy45NDkxIDE5Ljk0OTEgMTguNSAxOS4yNSAxOC41SDQuNzVDNC4wNTA4OSAxOC41IDMuNSAxNy45NDkxIDMuNSAxNy4yNVY2Ljc1QzMuNSA2LjA1MDg5IDQuMDUwODkgNS41IDQuNzUgNS41Wk0xNCA3LjVDMTEuNTIzNiA3LjUgOS41IDkuNTIzNiA5LjUgMTJDOS41IDE0LjQ3NjQgMTEuNTIzNiAxNi41IDE0IDE2LjVDMTYuNDc2NCAxNi41IDE4LjUgMTQuNDc2NCAxOC41IDEyQzE4LjUgOS41MjM2IDE2LjQ3NjQgNy41IDE0IDcuNVpNMTQgOUMxNS42NjU3IDkgMTcgMTAuMzM0MyAxNyAxMkMxNyAxMy42NjU3IDE1LjY2NTcgMTUgMTQgMTVDMTIuMzM0MyAxNSAxMSAxMy42NjU3IDExIDEyQzExIDEwLjMzNDMgMTIuMzM0MyA5IDE0IDlaTTUuNzM4MjggOS40ODkyNkM1LjUzOTU0IDkuNDkyMzYgNS4zNTAxNiA5LjU3NDIzIDUuMjExNzMgOS43MTY4NkM1LjA3MzMgOS44NTk1IDQuOTk3MTUgMTAuMDUxMyA1IDEwLjI1VjEzLjc1QzQuOTk4NTkgMTMuODQ5NCA1LjAxNjk2IDEzLjk0ODEgNS4wNTQwMiAxNC4wNDAzQzUuMDkxMDggMTQuMTMyNSA1LjE0NjEgMTQuMjE2NCA1LjIxNTg4IDE0LjI4NzJDNS4yODU2NiAxNC4zNTggNS4zNjg4MiAxNC40MTQyIDUuNDYwNTEgMTQuNDUyNkM1LjU1MjIgMTQuNDkwOSA1LjY1MDYxIDE0LjUxMDcgNS43NSAxNC41MTA3QzUuODQ5MzkgMTQuNTEwNyA1Ljk0NzggMTQuNDkwOSA2LjAzOTQ5IDE0LjQ1MjZDNi4xMzExOCAxNC40MTQyIDYuMjE0MzQgMTQuMzU4IDYuMjg0MTIgMTQuMjg3MkM2LjM1MzkgMTQuMjE2NCA2LjQwODkyIDE0LjEzMjUgNi40NDU5OCAxNC4wNDAzQzYuNDgzMDQgMTMuOTQ4MSA2LjUwMTQxIDEzLjg0OTQgNi41IDEzLjc1VjEwLjI1QzYuNTAxNDQgMTAuMTQ5NiA2LjQ4MjcxIDEwLjA1IDYuNDQ0OTMgOS45NTY5NUM2LjQwNzE1IDkuODYzOTQgNi4zNTEwOCA5Ljc3OTQ2IDYuMjgwMDUgOS43MDg1MkM2LjIwOTAxIDkuNjM3NTggNi4xMjQ0NiA5LjU4MTYxIDYuMDMxNCA5LjU0Mzk1QzUuOTM4MzQgOS41MDYyOSA1LjgzODY2IDkuNDg3NjkgNS43MzgyOCA5LjQ4OTI2WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=");
}
.active .i-safe {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNzUgNEMzLjIzMzUgNCAyIDUuMjMzNSAyIDYuNzVWMTcuMjVDMiAxOC42ODI2IDMuMTAwNzMgMTkuODYxMSA0LjUwMDk4IDE5Ljk4NzNDNC40OTkzIDIwLjExOTYgNC41MjM4OSAyMC4yNTA5IDQuNTczMzMgMjAuMzczN0M0LjYyMjc3IDIwLjQ5NjQgNC42OTYwOCAyMC42MDgxIDQuNzg5IDIwLjcwMjNDNC44ODE5MiAyMC43OTY1IDQuOTkyNjEgMjAuODcxMyA1LjExNDY2IDIwLjkyMjRDNS4yMzY3MSAyMC45NzM1IDUuMzY3NjkgMjAuOTk5OSA1LjUgMjFDNS43NjUwNSAyMC45OTk3IDYuMDE5MTUgMjAuODk0MyA2LjIwNjQ4IDIwLjcwNjhDNi4zOTM4IDIwLjUxOTMgNi40OTkwMiAyMC4yNjUgNi40OTkwMiAyMEgxNy41MDFDMTcuNTAxIDIwLjI2NSAxNy42MDYyIDIwLjUxOTMgMTcuNzkzNSAyMC43MDY4QzE3Ljk4MDggMjAuODk0MyAxOC4yMzUgMjAuOTk5NyAxOC41IDIxQzE4LjYzMjQgMjEgMTguNzYzNSAyMC45NzM3IDE4Ljg4NTYgMjAuOTIyN0MxOS4wMDc4IDIwLjg3MTYgMTkuMTE4NiAyMC43OTY4IDE5LjIxMTYgMjAuNzAyNkMxOS4zMDQ3IDIwLjYwODQgMTkuMzc4MSAyMC40OTY3IDE5LjQyNzYgMjAuMzczOUMxOS40NzcxIDIwLjI1MTEgMTkuNTAxNyAyMC4xMTk3IDE5LjUgMTkuOTg3M0MyMC44OTk4IDE5Ljg2MDYgMjIgMTguNjgyMyAyMiAxNy4yNVY2Ljc1QzIyIDUuMjMzNSAyMC43NjY1IDQgMTkuMjUgNEg0Ljc1Wk0xNC41IDcuNUMxNi45ODEgNy41IDE5IDkuNTE5IDE5IDEyQzE5IDE0LjQ4MSAxNi45ODEgMTYuNSAxNC41IDE2LjVDMTIuMDE5IDE2LjUgMTAgMTQuNDgxIDEwIDEyQzEwIDkuNTE5IDEyLjAxOSA3LjUgMTQuNSA3LjVaTTE0LjUgOUMxMy43MDQ0IDkgMTIuOTQxMyA5LjMxNjA3IDEyLjM3ODcgOS44Nzg2OEMxMS44MTYxIDEwLjQ0MTMgMTEuNSAxMS4yMDQ0IDExLjUgMTJDMTEuNSAxMi43OTU2IDExLjgxNjEgMTMuNTU4NyAxMi4zNzg3IDE0LjEyMTNDMTIuOTQxMyAxNC42ODM5IDEzLjcwNDQgMTUgMTQuNSAxNUMxNS4yOTU2IDE1IDE2LjA1ODcgMTQuNjgzOSAxNi42MjEzIDE0LjEyMTNDMTcuMTgzOSAxMy41NTg3IDE3LjUgMTIuNzk1NiAxNy41IDEyQzE3LjUgMTEuMjA0NCAxNy4xODM5IDEwLjQ0MTMgMTYuNjIxMyA5Ljg3ODY4QzE2LjA1ODcgOS4zMTYwNyAxNS4yOTU2IDkgMTQuNSA5Wk01Ljc1IDkuNUM2LjE2NDUgOS41IDYuNSA5LjgzNTUgNi41IDEwLjI1VjEzLjc1QzYuNSAxNC4xNjQ1IDYuMTY0NSAxNC41IDUuNzUgMTQuNUM1LjMzNTUgMTQuNSA1IDE0LjE2NDUgNSAxMy43NVYxMC4yNUM1IDkuODM1NSA1LjMzNTUgOS41IDUuNzUgOS41WiIgZmlsbD0iI0Q0QUYzNyIvPgo8L3N2Zz4=");
}

.i-contact {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDEuOTk5MDJDNi40ODYxNSAxLjk5OTAyIDIgNi40ODUxNyAyIDExLjk5OUMyIDEzLjYzNjcgMi40MzEzNSAxNS4xNjc0IDMuMTMwODYgMTYuNTMyMkwyLjA0Njg4IDIwLjQxMzFDMS43OTQ0IDIxLjMxNDggMi42ODU5NiAyMi4yMDYzIDMuNTg3ODkgMjEuOTU0MUw3LjQ3MTY4IDIwLjg3MDFDOC44MzUzNyAyMS41NjgyIDEwLjM2MzkgMjEuOTk5IDEyIDIxLjk5OUMxNy41MTM5IDIxLjk5OSAyMiAxNy41MTI5IDIyIDExLjk5OUMyMiA2LjQ4NTE3IDE3LjUxMzkgMS45OTkwMiAxMiAxLjk5OTAyWk0xMiAzLjQ5OTAyQzE2LjcwMzEgMy40OTkwMiAyMC41IDcuMjk1ODggMjAuNSAxMS45OTlDMjAuNSAxNi43MDIyIDE2LjcwMzEgMjAuNDk5IDEyIDIwLjQ5OUMxMC40OTkyIDIwLjQ5OSA5LjA5NTMgMjAuMTA4OCA3Ljg3MTA5IDE5LjQyNjhDNy42OTg1MyAxOS4zMzA2IDcuNDk1IDE5LjMwNjQgNy4zMDQ2OSAxOS4zNTk0TDMuNjExMzMgMjAuMzg5Nkw0LjY0MjU4IDE2LjY5ODJDNC42OTU4NSAxNi41MDc2IDQuNjcxNjMgMTYuMzAzNyA0LjU3NTIgMTYuMTMwOUMzLjg5MTgzIDE0LjkwNTggMy41IDEzLjUwMTMgMy41IDExLjk5OUMzLjUgNy4yOTU4OCA3LjI5Njg1IDMuNDk5MDIgMTIgMy40OTkwMlpNMTIgNi41QzEwLjM1MjEgNi41IDkgNy44NTIwNyA5IDkuNUM4Ljk5ODU5IDkuNTk5MzggOS4wMTY5NiA5LjY5ODA2IDkuMDU0MDIgOS43OTAyOEM5LjA5MTA4IDkuODgyNTEgOS4xNDYxIDkuOTY2NDUgOS4yMTU4OCAxMC4wMzcyQzkuMjg1NjYgMTAuMTA4IDkuMzY4ODIgMTAuMTY0MiA5LjQ2MDUxIDEwLjIwMjZDOS41NTIyIDEwLjI0MDkgOS42NTA2MSAxMC4yNjA3IDkuNzUgMTAuMjYwN0M5Ljg0OTM5IDEwLjI2MDcgOS45NDc4IDEwLjI0MDkgMTAuMDM5NSAxMC4yMDI2QzEwLjEzMTIgMTAuMTY0MiAxMC4yMTQzIDEwLjEwOCAxMC4yODQxIDEwLjAzNzJDMTAuMzUzOSA5Ljk2NjQ1IDEwLjQwODkgOS44ODI1MSAxMC40NDYgOS43OTAyOEMxMC40ODMgOS42OTgwNiAxMC41MDE0IDkuNTk5MzggMTAuNSA5LjVDMTAuNSA4LjY2MjkzIDExLjE2MjkgOCAxMiA4QzEyLjgzNzEgOCAxMy41IDguNjYyOTMgMTMuNSA5LjVDMTMuNSAxMC4yOTMxIDEzLjE3ODMgMTAuNTI2NSAxMi42MTMzIDExLjA1NDdDMTIuMDQ4MiAxMS41ODI4IDExLjI1IDEyLjQwMzMgMTEuMjUgMTMuNzVDMTEuMjQ4NiAxMy44NDk0IDExLjI2NyAxMy45NDgxIDExLjMwNCAxNC4wNDAzQzExLjM0MTEgMTQuMTMyNSAxMS4zOTYxIDE0LjIxNjQgMTEuNDY1OSAxNC4yODcyQzExLjUzNTcgMTQuMzU4IDExLjYxODggMTQuNDE0MiAxMS43MTA1IDE0LjQ1MjZDMTEuODAyMiAxNC40OTA5IDExLjkwMDYgMTQuNTEwNyAxMiAxNC41MTA3QzEyLjA5OTQgMTQuNTEwNyAxMi4xOTc4IDE0LjQ5MDkgMTIuMjg5NSAxNC40NTI2QzEyLjM4MTIgMTQuNDE0MiAxMi40NjQzIDE0LjM1OCAxMi41MzQxIDE0LjI4NzJDMTIuNjAzOSAxNC4yMTY0IDEyLjY1ODkgMTQuMTMyNSAxMi42OTYgMTQuMDQwM0MxMi43MzMgMTMuOTQ4MSAxMi43NTE0IDEzLjg0OTQgMTIuNzUgMTMuNzVDMTIuNzUgMTIuOTIwMiAxMy4wNzY4IDEyLjY3MzggMTMuNjM2NyAxMi4xNTA0QzE0LjE5NjcgMTEuNjI3IDE1IDEwLjgyNDQgMTUgOS41QzE1IDcuODUyMDcgMTMuNjQ3OSA2LjUgMTIgNi41Wk0xMiAxNS41QzExLjczNDggMTUuNSAxMS40ODA0IDE1LjYwNTQgMTEuMjkyOSAxNS43OTI5QzExLjEwNTQgMTUuOTgwNCAxMSAxNi4yMzQ4IDExIDE2LjVDMTEgMTYuNzY1MiAxMS4xMDU0IDE3LjAxOTYgMTEuMjkyOSAxNy4yMDcxQzExLjQ4MDQgMTcuMzk0NiAxMS43MzQ4IDE3LjUgMTIgMTcuNUMxMi4yNjUyIDE3LjUgMTIuNTE5NiAxNy4zOTQ2IDEyLjcwNzEgMTcuMjA3MUMxMi44OTQ2IDE3LjAxOTYgMTMgMTYuNzY1MiAxMyAxNi41QzEzIDE2LjIzNDggMTIuODk0NiAxNS45ODA0IDEyLjcwNzEgMTUuNzkyOUMxMi41MTk2IDE1LjYwNTQgMTIuMjY1MiAxNS41IDEyIDE1LjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
}
.active .i-contact {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDEyQzIyIDE3LjUxNCAxNy41MTQgMjIgMTIgMjJDMTAuNDA4NSAyMiA4LjgzMSAyMS42MTUgNy40MTc1IDIwLjg4NTVMMy41ODcgMjEuOTU1QzMuNDc2NSAyMS45ODUgMy4zNjQgMjIgMy4yNTIgMjJDMi45MjQ1IDIyIDIuNjA0IDIxLjg3MSAyLjM2NjUgMjEuNjM0QzIuMDQ4IDIxLjMxNSAxLjkyNTUgMjAuODQ4IDIuMDQ2NSAyMC40MTQ1TDMuMTE2IDE2LjU4NkMyLjM4NSAxNS4xNzEgMiAxMy41OTI1IDIgMTJDMiA2LjQ4NTUgNi40ODYgMiAxMiAyQzE3LjUxNCAyIDIyIDYuNDg1NSAyMiAxMlpNMTIuNzUgMTMuNzVDMTIuNzUgMTIuOTggMTMuMTI3IDEyLjYyOCAxMy42NDg1IDEyLjE0QzE0LjI1MDUgMTEuNTc3NSAxNSAxMC44Nzc1IDE1IDkuNUMxNSA3Ljg0NTUgMTMuNjU0NSA2LjUgMTIgNi41QzEwLjM0NTUgNi41IDkgNy44NDU1IDkgOS41QzkgOS45MTQgOS4zMzU1IDEwLjI1IDkuNzUgMTAuMjVDMTAuMTY0NSAxMC4yNSAxMC41IDkuOTE0IDEwLjUgOS41QzEwLjUgOC42NzMgMTEuMTczIDggMTIgOEMxMi44MjcgOCAxMy41IDguNjczIDEzLjUgOS41QzEzLjUgMTAuMTk0IDEzLjE5OTUgMTAuNTA3IDEyLjYyNDUgMTEuMDQ0NUMxMi4wMTIgMTEuNjE2NSAxMS4yNSAxMi4zMjg1IDExLjI1IDEzLjc1QzExLjI1IDE0LjE2NCAxMS41ODU1IDE0LjUgMTIgMTQuNUMxMi40MTQ1IDE0LjUgMTIuNzUgMTQuMTY0IDEyLjc1IDEzLjc1Wk0xMiAxNS41QzExLjQ0NzUgMTUuNSAxMSAxNS45NDc1IDExIDE2LjVDMTEgMTcuMDUyNSAxMS40NDc1IDE3LjUgMTIgMTcuNUMxMi41NTI1IDE3LjUgMTMgMTcuMDUyNSAxMyAxNi41QzEzIDE1Ljk0NzUgMTIuNTUyNSAxNS41IDEyIDE1LjVaIiBmaWxsPSIjRDRBRjM3Ii8+Cjwvc3ZnPgo=");
}

.i-bin {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuNjY2NjZDOC41MzgyMyAxLjY2NjY2IDcuMzIxMDMgMi43NTg5MiA3LjExNjczIDQuMTY2NjZINC4yNjU5OEM0LjIzMDUgNC4xNjA1OCA0LjE5NDU2IDQuMTU3NTkgNC4xNTg1NiA0LjE1NzdDNC4xMjc0NiA0LjE1ODM4IDQuMDk2NDQgNC4xNjEzNyA0LjA2NTc5IDQuMTY2NjZIMi43MDgzNkMyLjYyNTU0IDQuMTY1NDkgMi41NDMzMiA0LjE4MDc5IDIuNDY2NDYgNC4yMTE2N0MyLjM4OTYxIDQuMjQyNTUgMi4zMTk2NiA0LjI4ODQgMi4yNjA2OCA0LjM0NjU2QzIuMjAxNjkgNC40MDQ3MSAyLjE1NDg2IDQuNDc0IDIuMTIyODkgNC41NTA0MkMyLjA5MDkyIDQuNjI2ODMgMi4wNzQ0NiA0LjcwODgzIDIuMDc0NDYgNC43OTE2NkMyLjA3NDQ2IDQuODc0NDggMi4wOTA5MiA0Ljk1NjQ5IDIuMTIyODkgNS4wMzI5QzIuMTU0ODYgNS4xMDkzMSAyLjIwMTY5IDUuMTc4NiAyLjI2MDY4IDUuMjM2NzZDMi4zMTk2NiA1LjI5NDkxIDIuMzg5NjEgNS4zNDA3NiAyLjQ2NjQ2IDUuMzcxNjRDMi41NDMzMiA1LjQwMjUzIDIuNjI1NTQgNS40MTc4MyAyLjcwODM2IDUuNDE2NjZIMy41OTk0OEw0LjY0ODQ3IDE2LjI2MjJDNC43NjE0MiAxNy40MzE2IDUuNzU0OTQgMTguMzMzMyA2LjkyOTU2IDE4LjMzMzNIMTMuMDY5N0MxNC4yNDQ0IDE4LjMzMzMgMTUuMjM3OSAxNy40MzE3IDE1LjM1MDggMTYuMjYyMkwxNi40MDA2IDUuNDE2NjZIMTcuMjkxN0MxNy4zNzQ1IDUuNDE3ODMgMTcuNDU2NyA1LjQwMjUzIDE3LjUzMzYgNS4zNzE2NEMxNy42MTA1IDUuMzQwNzYgMTcuNjgwNCA1LjI5NDkxIDE3LjczOTQgNS4yMzY3NkMxNy43OTg0IDUuMTc4NiAxNy44NDUyIDUuMTA5MzEgMTcuODc3MiA1LjAzMjlDMTcuOTA5MSA0Ljk1NjQ5IDE3LjkyNTYgNC44NzQ0OCAxNy45MjU2IDQuNzkxNjZDMTcuOTI1NiA0LjcwODgzIDE3LjkwOTEgNC42MjY4MyAxNy44NzcyIDQuNTUwNDJDMTcuODQ1MiA0LjQ3NCAxNy43OTg0IDQuNDA0NzEgMTcuNzM5NCA0LjM0NjU2QzE3LjY4MDQgNC4yODg0IDE3LjYxMDUgNC4yNDI1NSAxNy41MzM2IDQuMjExNjdDMTcuNDU2NyA0LjE4MDc5IDE3LjM3NDUgNC4xNjU0OSAxNy4yOTE3IDQuMTY2NjZIMTUuOTM1MUMxNS44Njg4IDQuMTU1OSAxNS44MDEyIDQuMTU1OSAxNS43MzQ5IDQuMTY2NjZIMTIuODgzM0MxMi42NzkgMi43NTg5MiAxMS40NjE4IDEuNjY2NjYgMTAgMS42NjY2NlpNMTAgMi45MTY2NkMxMC43ODMgMi45MTY2NiAxMS40MjU0IDMuNDQ1MDYgMTEuNjA4OSA0LjE2NjY2SDguMzkxMTRDOC41NzQ3MSAzLjQ0NTA2IDkuMjE3MDUgMi45MTY2NiAxMCAyLjkxNjY2Wk00Ljg1NDM2IDUuNDE2NjZIMTUuMTQ0OUwxNC4xMDY1IDE2LjE0MThDMTQuMDU0NCAxNi42ODE0IDEzLjYxMTcgMTcuMDgzMyAxMy4wNjk3IDE3LjA4MzNINi45Mjk1NkM2LjM4ODM0IDE3LjA4MzMgNS45NDQ4MiAxNi42ODA3IDUuODkyNzcgMTYuMTQxOEw0Ljg1NDM2IDUuNDE2NjZaTTguNTMxOTMgNy40OTEwNEM4LjM2NjMxIDcuNDkzNjMgOC4yMDg0OSA3LjU2MTg0IDguMDkzMTQgNy42ODA3MUM3Ljk3Nzc4IDcuNzk5NTggNy45MTQzMiA3Ljk1OTM3IDcuOTE2NyA4LjEyNDk5VjE0LjM3NUM3LjkxNTUzIDE0LjQ1NzggNy45MzA4MyAxNC41NCA3Ljk2MTcxIDE0LjYxNjlDNy45OTI1OSAxNC42OTM3IDguMDM4NDQgMTQuNzYzNyA4LjA5NjYgMTQuODIyN0M4LjE1NDc1IDE0Ljg4MTcgOC4yMjQwNSAxNC45Mjg1IDguMzAwNDYgMTQuOTYwNUM4LjM3Njg3IDE0Ljk5MjQgOC40NTg4NyAxNS4wMDg5IDguNTQxNyAxNS4wMDg5QzguNjI0NTMgMTUuMDA4OSA4LjcwNjUzIDE0Ljk5MjQgOC43ODI5NCAxNC45NjA1QzguODU5MzUgMTQuOTI4NSA4LjkyODY0IDE0Ljg4MTcgOC45ODY4IDE0LjgyMjdDOS4wNDQ5NSAxNC43NjM3IDkuMDkwOCAxNC42OTM3IDkuMTIxNjggMTQuNjE2OUM5LjE1MjU3IDE0LjU0IDkuMTY3ODcgMTQuNDU3OCA5LjE2NjcgMTQuMzc1VjguMTI0OTlDOS4xNjc5IDguMDQxMzQgOS4xNTIyOSA3Ljk1ODMgOS4xMjA4MSA3Ljg4MDc5QzkuMDg5MzIgNy44MDMyNyA5LjA0MjYgNy43MzI4NyA4Ljk4MzQgNy42NzM3NkM4LjkyNDIxIDcuNjE0NjQgOC44NTM3NSA3LjU2OCA4Ljc3NjE5IDcuNTM2NjJDOC42OTg2NCA3LjUwNTIzIDguNjE1NTggNy40ODk3MyA4LjUzMTkzIDcuNDkxMDRWNy40OTEwNFpNMTEuNDQ4NiA3LjQ5MTA0QzExLjI4MyA3LjQ5MzYzIDExLjEyNTIgNy41NjE4NCAxMS4wMDk4IDcuNjgwNzFDMTAuODk0NCA3Ljc5OTU4IDEwLjgzMSA3Ljk1OTM3IDEwLjgzMzQgOC4xMjQ5OVYxNC4zNzVDMTAuODMyMiAxNC40NTc4IDEwLjg0NzUgMTQuNTQgMTAuODc4NCAxNC42MTY5QzEwLjkwOTMgMTQuNjkzNyAxMC45NTUxIDE0Ljc2MzcgMTEuMDEzMyAxNC44MjI3QzExLjA3MTQgMTQuODgxNyAxMS4xNDA3IDE0LjkyODUgMTEuMjE3MSAxNC45NjA1QzExLjI5MzUgMTQuOTkyNCAxMS4zNzU1IDE1LjAwODkgMTEuNDU4NCAxNS4wMDg5QzExLjU0MTIgMTUuMDA4OSAxMS42MjMyIDE0Ljk5MjQgMTEuNjk5NiAxNC45NjA1QzExLjc3NiAxNC45Mjg1IDExLjg0NTMgMTQuODgxNyAxMS45MDM1IDE0LjgyMjdDMTEuOTYxNiAxNC43NjM3IDEyLjAwNzUgMTQuNjkzNyAxMi4wMzg0IDE0LjYxNjlDMTIuMDY5MiAxNC41NCAxMi4wODQ1IDE0LjQ1NzggMTIuMDgzNCAxNC4zNzVWOC4xMjQ5OUMxMi4wODQ2IDguMDQxMzQgMTIuMDY5IDcuOTU4MyAxMi4wMzc1IDcuODgwNzlDMTIuMDA2IDcuODAzMjcgMTEuOTU5MyA3LjczMjg3IDExLjkwMDEgNy42NzM3NkMxMS44NDA5IDcuNjE0NjQgMTEuNzcwNCA3LjU2OCAxMS42OTI5IDcuNTM2NjJDMTEuNjE1MyA3LjUwNTIzIDExLjUzMjIgNy40ODk3MyAxMS40NDg2IDcuNDkxMDRWNy40OTEwNFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
}

.i-box {
  background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMi43IDEyLjciPgo8cGF0aCBkPSJNIDQuNDk4Njk0NSwwLjUyOTE2MDY3IEEgMC4yNjQ1NzY1NiwwLjI2NDYyMzQyIDAgMCAwIDQuMzk1MzU0NiwwLjU1MDg2NTc5IEwgLTAuNjMxNjE0MDQsMi42NjYwOTEyIEEgMC4yNjQ1NzY1NiwwLjI2NDYyMzQyIDAgMCAwIC0wLjc5MTI3NDE3LDIuOTQ2MTkyIHYgNS43ODQ0NDA5IGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMTU5NjYwMTMsMC4yNDQ0NDIgTCA0LjM5NTM1NDYsMTEuMDkyMzY3IGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDAyNTksMC4wMDEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDE3NTY5LDAuMDA2MiAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDY3MiwwLjAwMjEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDEyMzk5LDAuMDAzMSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMTgwODUsMC4wMDQxIDAuMjY0NTc2NTgsMC4yNjQ2MjM0NCAwIDAgMCAwLjAyMzc2NywwLjAwMzEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDAyNTksNS4yOWUtNCAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMTE4ODQsMCAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDkzLDUuMjllLTQgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDI0ODAxLC0wLjAwMTYgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDE3MDUsLTAuMDAyNiAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMTI5MTgsLTAuMDAyMSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDI1OSwtNS4yOWUtNCAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMjIyMTcsLTAuMDA2MiAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDMxLC0wLjAwMSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMTc1NjksLTAuMDA2NyAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDEwMywtNS4yOWUtNCBMIDcuOTExNDk0Miw5LjY5OTA5ODkgQyA4LjE2MTg3MzQsOS44ODE2NzU2IDguNDU4MjY5LDEwLjAwMzM2OSA4Ljc4MDU4MjYsMTAuMDQxMjE1IGwgMC41MjAzMTYzLDEuNTg0NDggYyAwLjEzNTY4OTEsMC40MTMwNDEgMC41ODg3MDIzLDAuNjQxNzI1IDEuMDAxODgwMSwwLjUwNTkzOCAwLjQxMzQzNSwtMC4xMzU4NjYgMC42NDE3NjUsLTAuNTg4MzQgMC41MDU4NDksLTEuMDAyMDU3IEwgMTAuMjgyMTExLDkuNTMxMTQxOCBjIDAuMzQ3ODgyLC0wLjMzNzQ4MzEgMC41NjUyNywtMC44MDkwNzI0IDAuNTY1MjcsLTEuMzI5NzAyOSAwLC0wLjczNTg5MTggLTAuNDMzOTQxLC0xLjM3MTUzOCAtMS4wNTgyMDEyLC0xLjY2OTc1MTUgViAyLjkxMDUzMzMgQSAwLjI2NDU3NjU2LDAuMjY0NjIzNDIgMCAwIDAgOS42MjY5MzYzLDIuNjY2MDkxMiBMIDcuMjIzMjUwNSwxLjY1NDczMTQgQSAwLjI2NDU3NjU2LDAuMjY0NjIzNDIgMCAwIDAgNy4xNDIxMjg4LDEuNjIwNjIzMSBMIDQuNjAwNDg0NCwwLjU1MDg2NTg4IEEgMC4yNjQ1NzY1NiwwLjI2NDYyMzQyIDAgMCAwIDQuNDk4Njk0NSwwLjUyOTE2MDY3IFogbSAwLDAuNTUwODk5MTMgTCA2LjM5NzA0ODEsMS44ODAwNTIyIDIuMDUxNjA2MSwzLjcwOTQ5MiAwLjE1NTgzNTg3LDIuOTEwNTMzMyBaIE0gNy4wNzcwMjQ2LDIuMTY2MzU0NCA4Ljg0MTU1MzIsMi45MTA1MzMzIDQuNDk4MTc3OCw0LjczOTk3MyAyLjczMzY0OTMsMy45OTY4Mjc5IFogTSAtMC4yNjQyNDA3NSwzLjMwODk3OTEgNC4yMzMxMTExLDUuMjAzNTM0NyBWIDEwLjQ0OTQ4IEwgLTAuMjY0MjQwNzUsOC41NTQ5MjM4IFogbSA5LjUyNDMyMDM1LDAgdiAzLjA2MTk4NjIgYyAtMC4wODY0MDIsLTAuMDEyNDUyIC0wLjE3Mzc2MzQsLTAuMDIxMTg5IC0wLjI2MzUxNjcsLTAuMDIxMTg5IC0xLjAxOTYxNTUsMCAtMS44NTEzMzQxLDAuODMxODY1OSAtMS44NTEzMzQxLDEuODUxNjYyIGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAsMC4wMDQxNCBjIDMuNzA0ZS00LDAuMDQxNzQzIDAuMDAyNDksMC4wODM0NDYgMC4wMDU2OCwwLjEyNTA2MzQgdiAwLjAwMzYyIDAuMDAyMDYgMC4wMDQxNCBjIC0wLjAwMzQyLDAuMDQyMDYxIC0wLjAwNTYyLDAuMDg0NDA0IC0wLjAwNTY4LDAuMTI2NjEzOCAzLjE3NWUtNCwwLjIyNDg4MSAwLjA5OTk1NywwLjQxOTQwNTggMC4yMTg1NjM5LDAuNjA2MTk1OSAwLjA0MTU3NSwwLjA3NzU5NSAwLjA4OTc4NSwwLjE1MDYyNzQgMC4xNDE1NzU2LDAuMjIxMTg2MyBMIDQuNzYyMjExMywxMC40NDk0NzggViA1LjIwMzUzNDcgWiBNIDAuNTYwNDExNDksNi42Njc2MDM0IGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIC0wLjAyNTgzNDksNS4yOTJlLTQgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIC0wLjA3NjQ3MTUsMC41MTAwNzI2IEwgMS40NTYzNjgzLDcuNTk3ODI3MSBBIDAuMjY0ODA5NjIsMC4yNjQ4NTY1MiAwIDEgMCAxLjY2MTQ5ODEsNy4xMDk0NTk3IEwgMC42NjMyMzQ2OCw2LjY4OTgyNTQgQSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC41NjA0MTE0OSw2LjY2NzYwMzQgWiBNIDguOTk0NDk2Miw2Ljg3OTQ4NzYgYyAwLDAgNS4yOTFlLTQsMCA1LjI5MWUtNCwwIDAuMTM3Mjg5OSw2LjA4N2UtNCAwLjI3MzA4OSwwLjAyNTY0NCAwLjQwMzU0MjEsMC4wNjgyMTcgMC41MzM2NzMyLDAuMTY5OTA4MyAwLjkxOTcyNTYsMC42NjE0NDExIDAuOTE5NzI1NiwxLjI1MzczNSAwLDAuNDM1MDkzNyAtMC4yMDk4MDUsMC44MTYyNDUzIC0wLjUzMTE2NzcsMS4wNTczNTQ0IC0wLjAzODcyMiwwLjAyODk2NSAtMC4wNzkwMDUsMC4wNTUyMTEgLTAuMTIwMzkwOSwwLjA3OTU4NiAtMC4wMjU0MzYsMC4wMTUwMjcgLTAuMDUxNTEzLDAuMDI5MDQ1IC0wLjA3ODAyMiwwLjA0MjM3NyAtMC4wNDQzNDMsMC4wMjIyMjYgLTAuMDg5NDIsMC4wNDI4NjggLTAuMTM1ODkyLDAuMDU5OTQ4IC0wLjAyNjExMSwwLjAwOTYgLTAuMDUzMjE3LDAuMDE2ODM2IC0wLjA4MDA4OCwwLjAyNDgwNiAtMC4xMjExMjU5LDAuMDM1OTkgLTAuMjQ2NjI3MSwwLjA1ODEgLTAuMzc0NjA3MiwwLjA1ODM5NyAtMC4wMDI0NiwtMS4yNzhlLTQgLTAuMDA1MywxLjQxM2UtNCAtMC4wMDc3NSwwIGEgMC4yNjQ1NzY1NiwwLjI2NDYyMzQyIDAgMCAwIC0wLjAyOTQ1Miw1LjI5MmUtNCBDIDguMjkwOTk1Myw5LjUwNjc1MzEgNy43NDc3NTEyLDguOTk3Mjg4NiA3LjY3OTUwNzYsOC4zNDE1MDE3IGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDUuMjkxZS00LC0wLjAwNTE3IHYgLTAuMDAyMDYgYSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgLTAuMDAyMDYsLTAuMDIzMjU1IGMgLTAuMDAzMzQsLTAuMDM1OTc5IC0wLjAwNTI5LC0wLjA3MzM5IC0wLjAwNTY4LC0wLjEwOTU1OTUgMCwtMy40MzllLTQgLTNlLTcsLTYuODc5ZS00IDAsLTAuMDAxMDMgLTMuNWUtNiwtMy40NGUtNCAyLjllLTYsLTYuODhlLTQgMCwtMC4wMDEwMyA2LjQ1ZS01LC0wLjA0NTA2NyAwLjAwMjMsLTAuMDg5NDY3IDAuMDA2NzIsLTAuMTMzMzMyMSAwLjAxMzUxMSwtMC4xMzM4NTggMC4wNDcwMzEsLTAuMjYyNjE3NSAwLjA5NzE0LC0wLjM4MTM5MTYgMC4wMTgwOTMsLTAuMDQyOCAwLjA0MzgxMiwtMC4wODExMjQgMC4wNjYxMzcsLTAuMTIxNDQ2IDAuMDE4ODI1LC0wLjAzNDAwNyAwLjAzNDE0OCwtMC4wNzA3NzcgMC4wNTU4MDMsLTAuMTAyODQxNSAwLjA0NzQyOSwtMC4wNzAxNzMgMC4xMDE0OTAxLC0wLjEzNTczNzkgMC4xNjEyMTAyLC0wLjE5NTM0NjggMC4wNTk3MzIsLTAuMDU5NjIgMC4xMjUwMjI0LC0wLjExMzM5MjYgMC4xOTUzMTI1LC0wLjE2MDcyMjEgMCwwIDUuMjkxZS00LDAgNS4yOTFlLTQsMCAwLjA3MDQxNiwtMC4wNDczODMgMC4xNDU1MDM5LC0wLjA4ODEyNSAwLjIyNDc2NDIsLTAuMTIxNDQ1NyAwLjA3MDQxNywtMC4wMjk2IDAuMTQ1MDUyLC0wLjA1MTAwOCAwLjIyMTE0NzUsLTAuMDY4MjE3IDAuMDA5MDcsLTAuMDAyMDYgMC4wMTcyMDYsLTAuMDA2NCAwLjAyNjM1MiwtMC4wMDgyNyA1LjI5MWUtNCwtMS4wNjFlLTQgMC4wMDEwMywtNC4yMzRlLTQgMC4wMDE1NiwtNS4yOTJlLTQgMC4wMjMzNzgsLTAuMDA0NzQgMC4wNDc0ODgsLTAuMDA3MzQgMC4wNzEzMDUsLTAuMDEwODU0IDAuMDYzNTMxLC0wLjAwOTM1IDAuMTI4MDc4MiwtMC4wMTU0MSAwLjE5NDI3OSwtMC4wMTU1MDMgeiBNIDAuNTYwNDExNDksNy43MjU5OTEyIGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIC0wLjAyNTgzNDksMC4wMDEwMyAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgLTAuMDc2NDcxNSwwLjUwOTU1NTggTCAxLjQ1NjM2ODMsOC42NTY3MzE3IEEgMC4yNjQ4MDk2LDAuMjY0ODU2NSAwIDEgMCAxLjY2MTQ5ODEsOC4xNjgzNjQzIEwgMC42NjMyMzQ2OCw3Ljc0ODIxMzIgQSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC41NjA0MTE0OSw3LjcyNTk5MjMgWiBNIDkuODMyNTgyNSw5Ljg1MjU4NTggMTAuMzA2OTEzLDExLjI5NTQ2NiBjIDAuMDQ3MDgsMC4xNDMzMyAtMC4wMjY0OCwwLjI4NjY4NSAtMC4xNjk5OTQsMC4zMzM4NDcgLTAuMTQzNzcxLDAuMDQ3MjUgLTAuMjg2OTk3MSwtMC4wMjM5NSAtMC4zMzQzMDUsLTAuMTY3OTU3IEwgOS4zMzEzODQxLDEwLjAyMzEyNyBDIDkuNTA4NTcxNSw5Ljk5MDM3OSA5LjY3NjcxOTEsOS45MzIyMzkgOS44MzI1ODI1LDkuODUyNTg1OCBaIiBjb2xvcj0iI2Q0YWYzNyIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI0MDAiIG92ZXJmbG93PSJ2aXNpYmxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjMyMykiIHN0eWxlPSJsaW5lLWhlaWdodDpub3JtYWw7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVzOm5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6I2Q0YWYzNzt0ZXh0LXRyYW5zZm9ybTpub25lO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7c2hhcGUtcGFkZGluZzowO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIvPgo8L3N2Zz4=");
}
.active .i-box {
  background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxMi43IDEyLjciIGZpbGw9IiNkNGFmMzciPgo8cGF0aCBkPSJNIDQuNDk4Njk0NSwwLjUyOTE2MDY3IEEgMC4yNjQ1NzY1NiwwLjI2NDYyMzQyIDAgMCAwIDQuMzk1MzU0NiwwLjU1MDg2NTc5IEwgLTAuNjMxNjE0MDQsMi42NjYwOTEyIEEgMC4yNjQ1NzY1NiwwLjI2NDYyMzQyIDAgMCAwIC0wLjc5MTI3NDE3LDIuOTQ2MTkyIHYgNS43ODQ0NDA5IGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMTU5NjYwMTMsMC4yNDQ0NDIgTCA0LjM5NTM1NDYsMTEuMDkyMzY3IGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDAyNTksMC4wMDEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDE3NTY5LDAuMDA2MiAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDY3MiwwLjAwMjEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDEyMzk5LDAuMDAzMSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMTgwODUsMC4wMDQxIDAuMjY0NTc2NTgsMC4yNjQ2MjM0NCAwIDAgMCAwLjAyMzc2NywwLjAwMzEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDAyNTksNS4yOWUtNCAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMTE4ODQsMCAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDkzLDUuMjllLTQgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDI0ODAxLC0wLjAwMTYgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAuMDE3MDUsLTAuMDAyNiAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMTI5MTgsLTAuMDAyMSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDI1OSwtNS4yOWUtNCAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMjIyMTcsLTAuMDA2MiAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDMxLC0wLjAwMSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMTc1NjksLTAuMDA2NyAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC4wMDEwMywtNS4yOWUtNCBMIDcuOTExNDk0Miw5LjY5OTA5ODkgQyA4LjE2MTg3MzQsOS44ODE2NzU2IDguNDU4MjY5LDEwLjAwMzM2OSA4Ljc4MDU4MjYsMTAuMDQxMjE1IGwgMC41MjAzMTYzLDEuNTg0NDggYyAwLjEzNTY4OTEsMC40MTMwNDEgMC41ODg3MDIzLDAuNjQxNzI1IDEuMDAxODgwMSwwLjUwNTkzOCAwLjQxMzQzNSwtMC4xMzU4NjYgMC42NDE3NjUsLTAuNTg4MzQgMC41MDU4NDksLTEuMDAyMDU3IEwgMTAuMjgyMTExLDkuNTMxMTQxOCBjIDAuMzQ3ODgyLC0wLjMzNzQ4MzEgMC41NjUyNywtMC44MDkwNzI0IDAuNTY1MjcsLTEuMzI5NzAyOSAwLC0wLjczNTg5MTggLTAuNDMzOTQxLC0xLjM3MTUzOCAtMS4wNTgyMDEyLC0xLjY2OTc1MTUgViAyLjkxMDUzMzMgQSAwLjI2NDU3NjU2LDAuMjY0NjIzNDIgMCAwIDAgOS42MjY5MzYzLDIuNjY2MDkxMiBMIDcuMjIzMjUwNSwxLjY1NDczMTQgQSAwLjI2NDU3NjU2LDAuMjY0NjIzNDIgMCAwIDAgNy4xNDIxMjg4LDEuNjIwNjIzMSBMIDQuNjAwNDg0NCwwLjU1MDg2NTg4IEEgMC4yNjQ1NzY1NiwwLjI2NDYyMzQyIDAgMCAwIDQuNDk4Njk0NSwwLjUyOTE2MDY3IFogbSAwLDAuNTUwODk5MTMgTCA2LjM5NzA0ODEsMS44ODAwNTIyIDIuMDUxNjA2MSwzLjcwOTQ5MiAwLjE1NTgzNTg3LDIuOTEwNTMzMyBaIE0gNy4wNzcwMjQ2LDIuMTY2MzU0NCA4Ljg0MTU1MzIsMi45MTA1MzMzIDQuNDk4MTc3OCw0LjczOTk3MyAyLjczMzY0OTMsMy45OTY4Mjc5IFogTSAtMC4yNjQyNDA3NSwzLjMwODk3OTEgNC4yMzMxMTExLDUuMjAzNTM0NyBWIDEwLjQ0OTQ4IEwgLTAuMjY0MjQwNzUsOC41NTQ5MjM4IFogbSA5LjUyNDMyMDM1LDAgdiAzLjA2MTk4NjIgYyAtMC4wODY0MDIsLTAuMDEyNDUyIC0wLjE3Mzc2MzQsLTAuMDIxMTg5IC0wLjI2MzUxNjcsLTAuMDIxMTg5IC0xLjAxOTYxNTUsMCAtMS44NTEzMzQxLDAuODMxODY1OSAtMS44NTEzMzQxLDEuODUxNjYyIGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDAsMC4wMDQxNCBjIDMuNzA0ZS00LDAuMDQxNzQzIDAuMDAyNDksMC4wODM0NDYgMC4wMDU2OCwwLjEyNTA2MzQgdiAwLjAwMzYyIDAuMDAyMDYgMC4wMDQxNCBjIC0wLjAwMzQyLDAuMDQyMDYxIC0wLjAwNTYyLDAuMDg0NDA0IC0wLjAwNTY4LDAuMTI2NjEzOCAzLjE3NWUtNCwwLjIyNDg4MSAwLjA5OTk1NywwLjQxOTQwNTggMC4yMTg1NjM5LDAuNjA2MTk1OSAwLjA0MTU3NSwwLjA3NzU5NSAwLjA4OTc4NSwwLjE1MDYyNzQgMC4xNDE1NzU2LDAuMjIxMTg2MyBMIDQuNzYyMjExMywxMC40NDk0NzggViA1LjIwMzUzNDcgWiBNIDAuNTYwNDExNDksNi42Njc2MDM0IGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIC0wLjAyNTgzNDksNS4yOTJlLTQgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIC0wLjA3NjQ3MTUsMC41MTAwNzI2IEwgMS40NTYzNjgzLDcuNTk3ODI3MSBBIDAuMjY0ODA5NjIsMC4yNjQ4NTY1MiAwIDEgMCAxLjY2MTQ5ODEsNy4xMDk0NTk3IEwgMC42NjMyMzQ2OCw2LjY4OTgyNTQgQSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC41NjA0MTE0OSw2LjY2NzYwMzQgWiBNIDguOTk0NDk2Miw2Ljg3OTQ4NzYgYyAwLDAgNS4yOTFlLTQsMCA1LjI5MWUtNCwwIDAuMTM3Mjg5OSw2LjA4N2UtNCAwLjI3MzA4OSwwLjAyNTY0NCAwLjQwMzU0MjEsMC4wNjgyMTcgMC41MzM2NzMyLDAuMTY5OTA4MyAwLjkxOTcyNTYsMC42NjE0NDExIDAuOTE5NzI1NiwxLjI1MzczNSAwLDAuNDM1MDkzNyAtMC4yMDk4MDUsMC44MTYyNDUzIC0wLjUzMTE2NzcsMS4wNTczNTQ0IC0wLjAzODcyMiwwLjAyODk2NSAtMC4wNzkwMDUsMC4wNTUyMTEgLTAuMTIwMzkwOSwwLjA3OTU4NiAtMC4wMjU0MzYsMC4wMTUwMjcgLTAuMDUxNTEzLDAuMDI5MDQ1IC0wLjA3ODAyMiwwLjA0MjM3NyAtMC4wNDQzNDMsMC4wMjIyMjYgLTAuMDg5NDIsMC4wNDI4NjggLTAuMTM1ODkyLDAuMDU5OTQ4IC0wLjAyNjExMSwwLjAwOTYgLTAuMDUzMjE3LDAuMDE2ODM2IC0wLjA4MDA4OCwwLjAyNDgwNiAtMC4xMjExMjU5LDAuMDM1OTkgLTAuMjQ2NjI3MSwwLjA1ODEgLTAuMzc0NjA3MiwwLjA1ODM5NyAtMC4wMDI0NiwtMS4yNzhlLTQgLTAuMDA1MywxLjQxM2UtNCAtMC4wMDc3NSwwIGEgMC4yNjQ1NzY1NiwwLjI2NDYyMzQyIDAgMCAwIC0wLjAyOTQ1Miw1LjI5MmUtNCBDIDguMjkwOTk1Myw5LjUwNjc1MzEgNy43NDc3NTEyLDguOTk3Mjg4NiA3LjY3OTUwNzYsOC4zNDE1MDE3IGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIDUuMjkxZS00LC0wLjAwNTE3IHYgLTAuMDAyMDYgYSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgLTAuMDAyMDYsLTAuMDIzMjU1IGMgLTAuMDAzMzQsLTAuMDM1OTc5IC0wLjAwNTI5LC0wLjA3MzM5IC0wLjAwNTY4LC0wLjEwOTU1OTUgMCwtMy40MzllLTQgLTNlLTcsLTYuODc5ZS00IDAsLTAuMDAxMDMgLTMuNWUtNiwtMy40NGUtNCAyLjllLTYsLTYuODhlLTQgMCwtMC4wMDEwMyA2LjQ1ZS01LC0wLjA0NTA2NyAwLjAwMjMsLTAuMDg5NDY3IDAuMDA2NzIsLTAuMTMzMzMyMSAwLjAxMzUxMSwtMC4xMzM4NTggMC4wNDcwMzEsLTAuMjYyNjE3NSAwLjA5NzE0LC0wLjM4MTM5MTYgMC4wMTgwOTMsLTAuMDQyOCAwLjA0MzgxMiwtMC4wODExMjQgMC4wNjYxMzcsLTAuMTIxNDQ2IDAuMDE4ODI1LC0wLjAzNDAwNyAwLjAzNDE0OCwtMC4wNzA3NzcgMC4wNTU4MDMsLTAuMTAyODQxNSAwLjA0NzQyOSwtMC4wNzAxNzMgMC4xMDE0OTAxLC0wLjEzNTczNzkgMC4xNjEyMTAyLC0wLjE5NTM0NjggMC4wNTk3MzIsLTAuMDU5NjIgMC4xMjUwMjI0LC0wLjExMzM5MjYgMC4xOTUzMTI1LC0wLjE2MDcyMjEgMCwwIDUuMjkxZS00LDAgNS4yOTFlLTQsMCAwLjA3MDQxNiwtMC4wNDczODMgMC4xNDU1MDM5LC0wLjA4ODEyNSAwLjIyNDc2NDIsLTAuMTIxNDQ1NyAwLjA3MDQxNywtMC4wMjk2IDAuMTQ1MDUyLC0wLjA1MTAwOCAwLjIyMTE0NzUsLTAuMDY4MjE3IDAuMDA5MDcsLTAuMDAyMDYgMC4wMTcyMDYsLTAuMDA2NCAwLjAyNjM1MiwtMC4wMDgyNyA1LjI5MWUtNCwtMS4wNjFlLTQgMC4wMDEwMywtNC4yMzRlLTQgMC4wMDE1NiwtNS4yOTJlLTQgMC4wMjMzNzgsLTAuMDA0NzQgMC4wNDc0ODgsLTAuMDA3MzQgMC4wNzEzMDUsLTAuMDEwODU0IDAuMDYzNTMxLC0wLjAwOTM1IDAuMTI4MDc4MiwtMC4wMTU0MSAwLjE5NDI3OSwtMC4wMTU1MDMgeiBNIDAuNTYwNDExNDksNy43MjU5OTEyIGEgMC4yNjQ1NzY1OCwwLjI2NDYyMzQ0IDAgMCAwIC0wLjAyNTgzNDksMC4wMDEwMyAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgLTAuMDc2NDcxNSwwLjUwOTU1NTggTCAxLjQ1NjM2ODMsOC42NTY3MzE3IEEgMC4yNjQ4MDk2LDAuMjY0ODU2NSAwIDEgMCAxLjY2MTQ5ODEsOC4xNjgzNjQzIEwgMC42NjMyMzQ2OCw3Ljc0ODIxMzIgQSAwLjI2NDU3NjU4LDAuMjY0NjIzNDQgMCAwIDAgMC41NjA0MTE0OSw3LjcyNTk5MjMgWiBNIDkuODMyNTgyNSw5Ljg1MjU4NTggMTAuMzA2OTEzLDExLjI5NTQ2NiBjIDAuMDQ3MDgsMC4xNDMzMyAtMC4wMjY0OCwwLjI4NjY4NSAtMC4xNjk5OTQsMC4zMzM4NDcgLTAuMTQzNzcxLDAuMDQ3MjUgLTAuMjg2OTk3MSwtMC4wMjM5NSAtMC4zMzQzMDUsLTAuMTY3OTU3IEwgOS4zMzEzODQxLDEwLjAyMzEyNyBDIDkuNTA4NTcxNSw5Ljk5MDM3OSA5LjY3NjcxOTEsOS45MzIyMzkgOS44MzI1ODI1LDkuODUyNTg1OCBaIiBjb2xvcj0iI2Q0YWYzNyIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI0MDAiIG92ZXJmbG93PSJ2aXNpYmxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjMyMykiIHN0eWxlPSJsaW5lLWhlaWdodDpub3JtYWw7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVzOm5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6I2Q0YWYzNzt0ZXh0LXRyYW5zZm9ybTpub25lO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7c2hhcGUtcGFkZGluZzowO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIvPgo8L3N2Zz4=");
}

.i-line {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYuNzQ2NyAyOS42ODA3QzE1LjMzNzMgMzAuNDU1MyAxNS4zOTczIDI5LjMxNDcgMTUuNDU4IDI4Ljk2MzNDMTUuNDk0IDI4Ljc1NCAxNS42NTggMjcuNzcyIDE1LjY1OCAyNy43NzJDMTUuNzA0NyAyNy40MTYgMTUuNzU0IDI2Ljg2NTMgMTUuNjEzMyAyNi41MTRDMTUuNDU2NyAyNi4xMjczIDE0LjgzNiAyNS45MjYgMTQuMzggMjUuODI4QzcuNjUzMzQgMjQuOTQzMyAyLjY3NDAxIDIwLjI2NjcgMi42NzQwMSAxNC42ODMzQzIuNjc0MDEgOC40NTUzNCA4Ljk1NDAxIDMuMzg4IDE2LjY3MDcgMy4zODhDMjQuMzg3MyAzLjM4OCAzMC42NjY3IDguNDU1MzQgMzAuNjY2NyAxNC42ODMzQzMwLjY2NjcgMjEuNjc4IDIzLjI0OCAyNi4xMDYgMTYuNzQ2NyAyOS42ODA3Wk0xMi4yNDYgMTcuMjNDMTIuMjQ2IDE2Ljg1NjcgMTEuOTQgMTYuNTUzMyAxMS41NjQgMTYuNTUzM0g5LjY2MDAxVjEyLjEwMTNDOS42NjAwMSAxMS43MjggOS4zNTQwMSAxMS40MjQ3IDguOTc4MDEgMTEuNDI0N0M4LjYwMTM0IDExLjQyNDcgOC4yOTYwMSAxMS43MjggOC4yOTYwMSAxMi4xMDEzVjE3LjIzMDdDOC4yOTYwMSAxNy42MDQ3IDguNjAyMDEgMTcuOTA4IDguOTc4MDEgMTcuOTA4SDExLjU2NEMxMS45NCAxNy45MDg3IDEyLjI0NiAxNy42MDQgMTIuMjQ2IDE3LjIzWk0xNC4yMzggMTIuMTAxM0MxNC4yMzggMTEuNzI4IDEzLjkzMiAxMS40MjQ3IDEzLjU1NiAxMS40MjQ3QzEzLjE3OTMgMTEuNDI0NyAxMi44NzQgMTEuNzI4IDEyLjg3NCAxMi4xMDEzVjE3LjIzMDdDMTIuODc0IDE3LjYwNDcgMTMuMTggMTcuOTA4IDEzLjU1NiAxNy45MDhDMTMuOTMyNyAxNy45MDggMTQuMjM4IDE3LjYwNCAxNC4yMzggMTcuMjMwN1YxMi4xMDEzWk0yMC40NjQ3IDEyLjEwMTNDMjAuNDY0NyAxMS43MjggMjAuMTU4NyAxMS40MjQ3IDE5Ljc4MjcgMTEuNDI0N0MxOS40MDYgMTEuNDI0NyAxOS4wOTkzIDExLjcyOCAxOS4wOTkzIDEyLjEwMTNWMTUuMjc1M0wxNi40NDczIDExLjY5NkMxNi4zMTkzIDExLjUyNjcgMTYuMTE0NyAxMS40MjUzIDE1LjkwMiAxMS40MjUzQzE1LjgyODcgMTEuNDI1MyAxNS43NTYgMTEuNDM2IDE1LjY4NTMgMTEuNDZDMTUuNDA2IDExLjU1MjcgMTUuMjE4NyAxMS44MTA3IDE1LjIxODcgMTIuMTAyVjE3LjIzMTNDMTUuMjE4NyAxNy42MDUzIDE1LjUyNTMgMTcuOTA4NyAxNS45MDIgMTcuOTA4N0MxNi4yNzkzIDE3LjkwODcgMTYuNTg1MyAxNy42MDQ3IDE2LjU4NTMgMTcuMjMxM1YxNC4wNTg3TDE5LjIzNiAxNy42MzhDMTkuMzY0IDE3LjgwNzMgMTkuNTY4IDE3LjkwODcgMTkuNzgxMyAxNy45MDg3QzE5Ljg1NCAxNy45MDg3IDE5LjkyNzMgMTcuODk2NyAxOS45OTggMTcuODczM0MyMC4yNzggMTcuNzgyIDIwLjQ2NDcgMTcuNTI0IDIwLjQ2NDcgMTcuMjMxM1YxMi4xMDEzWk0yNC42NSAxMy45ODkzSDIyLjc0NlYxMi43NzhIMjQuNjVDMjUuMDI3MyAxMi43NzggMjUuMzMzMyAxMi40NzQ3IDI1LjMzMzMgMTIuMTAxM0MyNS4zMzMzIDExLjcyOCAyNS4wMjY3IDExLjQyNDcgMjQuNjUgMTEuNDI0N0gyMi4wNjRDMjEuNjg3MyAxMS40MjQ3IDIxLjM4MiAxMS43MjggMjEuMzgyIDEyLjEwMTNDMjEuMzgyIDEyLjEwMiAyMS4zODIgMTIuMTAyIDIxLjM4MiAxMi4xMDMzVjE0LjY2NDdWMTQuNjY1M0MyMS4zODIgMTQuNjY1MyAyMS4zODIgMTQuNjY1MyAyMS4zODIgMTQuNjY2VjE3LjIyOTNDMjEuMzgyIDE3LjYwMzMgMjEuNjg4NyAxNy45MDY3IDIyLjA2NCAxNy45MDY3SDI0LjY1QzI1LjAyNjcgMTcuOTA2NyAyNS4zMzMzIDE3LjYwMjcgMjUuMzMzMyAxNy4yMjkzQzI1LjMzMzMgMTYuODU2IDI1LjAyNjcgMTYuNTUyNyAyNC42NSAxNi41NTI3SDIyLjc0NlYxNS4zNDEzSDI0LjY1QzI1LjAyNzMgMTUuMzQxMyAyNS4zMzMzIDE1LjAzOCAyNS4zMzMzIDE0LjY2NDdDMjUuMzMzMyAxNC4yOTA3IDI1LjAyNjcgMTMuOTg3MyAyNC42NSAxMy45ODczVjEzLjk4OTNaIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
}

/* LOADING */
.loading {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  z-index: 10000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.loading.hide {
  opacity: 0;
  display: block;
  z-index: -1;
}
.loading .backdrop {
  position: absolute;
  z-index: 9990;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
.loading .middle-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9995;
}

#nav {
  margin: 0;
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  background: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92));
  box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.14);
  padding: 0 0 6px;
  z-index: 900;
  backdrop-filter: blur(6px);
}
#nav li {
  flex: 1 1 0px;
  font-size: 12px;
  text-align: center;
  list-style: none;
  position: relative;
}
#nav li.active {
  font-weight: 500;
}
#nav li.active a {
  color: #d4af37;
}
#nav i {
  width: 24px;
  height: 24px;
  display: block;
  margin: 8px auto 2px;
}
#nav .num {
  font-size: 9px;
  line-height: 16px;
  padding: 0 5px;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  left: calc(50% + 2px);
  top: 6px;
  background-color: #e21f00;
  border-radius: 50px;
  min-width: 16px;
  min-height: 16px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  #nav .num {
    left: 20px;
    top: 0px;
  }
}
@media screen and (min-width: 1200px) {
  #nav .num {
    left: 24px;
  }
}
#nav a {
  color: #071737;
}
@media screen and (min-width: 992px) {
  #nav {
    position: absolute;
    right: 12px;
    bottom: unset;
    left: unset;
    top: 7px;
    width: 550px;
    border-radius: 100px;
    height: 50px;
    padding: 0;
    background: none;
    box-shadow: none;
  }
  #nav li {
    font-size: 14px;
    flex: auto;
  }
  #nav i {
    display: inline-block;
    margin: 4px;
    vertical-align: -10px;
  }
}

.img-rounded {
  border-radius: 10px;
}

.text-blue {
  color: #0092d2;
}

.text-slogan {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  margin: -12px 0 16px;
}

.text-box {
  border: 1px solid #eee;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 1.125em;
}

.text-title {
  font-size: 1.75em;
  font-weight: normal;
  color: #fff;
  margin-bottom: 10px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.btn-alt {
  color: #071737;
  display: inline-block;
  background: linear-gradient(180deg, #e9e9e9 0%, #c2c2c2 100%);
}
.btn-alt:hover {
  color: #071737;
  background-position: 0 -42px;
}

.btn-ghost {
  border: 1px solid #0b2760;
  padding: 5px 16px;
  font-size: 14px;
  border-radius: 30px;
  display: inline-block;
  align-items: center;
  min-width: 107px;
  color: #0b2760;
  margin-left: 4px;
  margin-right: 4px;
}
.btn-ghost:hover {
  border-color: #0092d2;
  background-color: #fff;
  color: #0092d2;
}
.btn-ghost span {
  padding-left: 6px;
}
.sec-member .btn-ghost {
  color: #fff;
  border-color: #fff;
}
.sec-member .btn-ghost:hover {
  border-color: #0092d2;
  background-color: #fff;
  color: #0092d2;
}

.btn-action,
.btn-add {
  font-size: 20px;
  padding: 8px 16px;
  display: block;
  transition: 0.3s;
  padding: 8px 12px;
  font-size: 18px;
  background: linear-gradient(180deg, #fbe599 0%, #d5ab61 100%);
  color: #473707;
  min-height: 48px;
  border-radius: 3px;
}
.btn-action:hover,
.btn-add:hover {
  color: #473707;
  background-position: 0 -48px;
}

.btn-addtocart {
  font-size: 18px;
  padding: 7px 16px 8px;
  display: block;
  background: linear-gradient(180deg, #fbe599 0%, #d5ab61 100%);
  color: #473707;
  text-align: center;
  cursor: pointer;
}
.btn-addtocart:hover {
  background-position: 0 -44px;
  color: #473707;
}

.btn-pay {
  font-size: 20px;
  padding: 8px 16px;
  display: block;
}
.btn-pay:hover {
  background-position: 0 -48px;
}

.btn-line {
  font-size: 16px;
  padding: 0;
  display: flex;
  background-color: #02c756;
  border-radius: 5px;
  align-items: center;
  width: max-content;
  margin: 0 auto var(--space);
  color: #fff;
}
.btn-line .i-line {
  margin: 8px;
}
.btn-line span {
  border-left: 1px solid #00b300;
  padding: 8px 12px 8px 10px;
}
.btn-line:hover {
  background-color: #00e000;
  color: #fff;
}
.btn-line:hover span {
  border-color: #00c900;
}
.btn-line:active {
  background-color: #00b300;
}
.btn-line:active span {
  border-color: #009800;
}

.noti-box {
  background-color: #e21f00;
  border-radius: 3px;
  padding: 12px;
  text-align: center;
  color: #fff;
  margin: var(--space) auto;
  max-width: 450px;
}

#news {
  padding: 10px 20px;
  text-align: center;
  position: absolute;
  top: unset;
  color: #20227a;
  margin: auto;
  width: 100%;
  background-color: #d2edff;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  #news {
    position: absolute;
    top: 67px;
    left: 0;
    right: 0;
  }
}
#news div {
  font-size: 1rem;
  line-height: 40px;
  margin: auto;
  vertical-align: middle;
  text-align: center;
}

#close-news {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
}
#close-news:hover {
  color: red;
}

#head {
  padding: 12px 15px;
  border-bottom: 3px solid #62ccf5;
  height: 57px;
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  #head {
    position: absolute;
    left: 0;
    right: 0;
    padding: 16px 20px;
    height: 67px;
  }
  #head .logo {
    width: 240px;
    height: 30px;
  }
}

#DBD {
  position: absolute;
  top: 14px;
  right: 45px;
}
@media screen and (min-width: 992px) {
  #DBD {
    top: 20px;
    right: unset;
    left: 284px;
  }
}

#fb {
  position: absolute;
  top: 15px;
  right: 12px;
}
@media screen and (min-width: 992px) {
  #fb {
    top: 21px;
    right: unset;
    left: 374px;
  }
}

#content {
  padding: 1px var(--space) 80px;
}
@media screen and (min-width: 992px) {
  #content {
    padding: 80px 30px 20px;
  }
}
@media screen and (min-width: 1200px) {
  #content {
    padding: 80px 70px 20px;
  }
}

h1 {
  text-align: center;
  font-size: 1.125em;
  font-weight: bold;
  margin: 16px 0;
}
@media screen and (min-width: 992px) {
  h1 {
    font-size: 1.5em;
  }
}

/* HOME */
.sec-intro {
  max-width: 840px;
}
@media screen and (min-width: 992px) {
  .sec-intro {
    margin: 20px auto;
  }
  .sec-intro .sec-best {
    width: 400px;
    float: left;
  }
  .sec-intro .sec-box {
    width: 400px;
    float: right;
  }
}

.sec-soon {
  max-width: 480px;
  padding: 16px;
  margin: 0 auto var(--space);
}
.sec-soon img {
  width: 100%;
  border-radius: 7px;
}

.sec-video {
  text-align: center;
  margin-bottom: var(--space);
}
.sec-video iframe {
  max-width: 100%;
}

.big-nums {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.big-nums li {
  list-style: none;
  text-align: center;
  padding: 4px;
  line-height: 1.4;
}

.gold-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 40px;
  color: #d4af37;
  letter-spacing: 3px;
  font-weight: bold;
  background: -webkit-linear-gradient(-90deg, #c79c52 10%, #e7c144 52%, #c79c52 52%, #d5ab61 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.12);
}

.sec-lottos {
  clear: both;
}

.sec-title {
  font-size: 1.5em;
  text-align: center;
  overflow: hidden;
  margin-bottom: 8px;
}
.sec-title.-small {
  font-size: 1.125em;
}
.sec-title small {
  display: block;
  font-weight: 400;
  font-size: 16px;
  margin-top: -1px;
}
.sec-title .large {
  font-size: 1.6em;
}
.sec-title b {
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  padding: 0 7px;
}
@media screen and (min-width: 480px) {
  .sec-title {
    font-size: 1.75em;
  }
}

.sub-title {
  font-size: 1.3em;
  text-align: center;
  font-weight: 500;
  transition: 0.3s ease;
  animation: blinking 1s infinite;
}
.sub-title.-not-blink {
  animation: none;
}
.sub-title small {
  display: block;
  font-weight: 400;
  font-size: 16px;
  margin-top: -1px;
}

.result-title {
  text-align: center;
  font-weight: normal;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  min-height: 64px;
}
.result-title span {
  padding-right: 6px;
}
.result-title small {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  margin-top: -1px;
  margin-bottom: var(--space);
}

.sec-box {
  border-radius: 7px;
  padding: var(--space) var(--space) 4px;
  background: #0092d2;
  max-width: 450px;
  margin: 0 auto var(--space);
  color: #fff;
}
.sec-box.-large {
  max-width: 720px;
}
.sec-box a {
  color: #fff;
}
.sec-box select {
  width: 100%;
}
.sec-box .input-grid,
.sec-box .input-group {
  margin-bottom: 16px;
}
.sec-box .text-info {
  max-width: 600px;
  margin: 0 auto;
}
.sec-box hr {
  margin-left: calc(var(--space) * -1);
  margin-right: calc(var(--space) * -1);
}

.sec-announce {
  background: radial-gradient(100% 100% at 49.85% 0%, #d2edff 0%, #9fd9ff 100%);
  color: #0b2760;
  padding: 27px 20px 20px;
}
.sec-announce .logo {
  margin-bottom: 10px;
}
.sec-announce .sec-title {
  font-weight: 500;
  font-size: 22px;
}
.sec-announce .round {
  background: linear-gradient(90deg, #d4af37 0%, #fbe599 50%, #d5ab61 100%);
  font-size: 18px;
  padding: 5px 20px;
  border-radius: 5px;
  font-weight: 500;
  color: #473707;
  margin-bottom: 12px;
  display: inline-block;
}
.sec-announce .bg {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid #3ba7ef;
  border-top: none;
}
.sec-announce b {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0.2em;
  line-height: 1.3;
  color: #d4af37;
  font-weight: bold;
  background: -webkit-linear-gradient(-90deg, #c79c52 10%, #e7c144 52%, #c79c52 52%, #d5ab61 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec-announce h3 {
  font-size: 16px;
  padding: 2px 0 3px;
  margin: 10px 0 0;
  white-space: nowrap;
  font-weight: 500;
  background-color: #0092d2;
  background: linear-gradient(180deg, #5cbae2 0%, #3ba7ef 100%);
  border-radius: 5px 5px 0 0;
  color: #fff;
}

.prize-1 h3 {
  font-size: 18px;
}
.prize-1 b {
  font-size: 57px;
}

.prize-2-3 {
  display: flex;
  width: 100%;
  margin-top: 4px;
}

.prize-3 {
  width: 63%;
  padding-right: 12px;
}
.prize-3 .bg {
  display: flex;
  justify-content: space-evenly;
  font-size: 27px;
}
.prize-3 .bg b {
  margin: 0 auto;
  color: #0b2760;
  background: none;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
.prize-3 .sep {
  width: 1px;
  background: #3ba7ef;
}

.prize-2 {
  width: 37%;
  display: flex;
  flex-direction: column;
}
.prize-2 .bg {
  flex: 1;
  font-size: 67px;
}
.prize-2 .bg b {
  letter-spacing: 4px;
}

.input-group {
  display: flex;
  margin: 20px 0 0;
  width: 100%;
}
.input-group input {
  min-width: 80px;
  border-radius: 3px 0 0 3px;
  flex: 1;
  -webkit-appearance: none;
  margin: 0;
}
.input-group select {
  border-radius: 0;
  border-left: 2px solid #d4af37;
  width: 96px;
  padding: 6px 4px;
}
.input-group button {
  border-radius: 0 3px 3px 0;
  flex: 1;
  white-space: nowrap;
  margin: 0;
  min-width: 80px;
  max-width: 100px;
}
@media screen and (min-width: 992px) {
  .input-group button {
    max-width: 120px;
  }
}

.input-grid {
  display: flex;
  flex-wrap: wrap;
}
.input-grid .col {
  width: 100%;
  margin-top: 10px;
}
.input-grid .col.-top {
  margin-top: 0;
}
.input-grid .col.-full select {
  width: 100%;
}
.input-grid .col.-left-half:not(.-d) {
  width: 50%;
  padding-right: 8px;
}
.input-grid .col.-right-half:not(.-d) {
  width: 50%;
  padding-left: 8px;
}
.input-grid .col.-left-half-input {
  width: 30%;
  padding-right: 8px;
}
.input-grid .col.-right-half-input {
  width: 30%;
  padding-left: 8px;
}
@media screen and (min-width: 992px) {
  .input-grid .col {
    margin-top: 16px;
  }
  .input-grid .col.-left-half {
    width: 50%;
    padding-right: 10px;
  }
  .input-grid .col.-right-half {
    width: 50%;
    padding-left: 10px;
  }
}
.input-grid label {
  display: block;
  margin-bottom: 5px;
}
.input-grid input,
.input-grid button {
  width: 100%;
}

.input-checkbox {
  position: relative;
  padding-left: 28px;
  width: 100%;
  cursor: pointer;
}
.input-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.input-checkbox input:checked ~ .check:after {
  display: block;
}
.input-checkbox .check {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #fff;
  border-radius: 3px;
}
.input-checkbox .check:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.lotto-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -14px var(--space);
  justify-content: center;
}
.lotto-list li {
  list-style: none;
  padding: 0 2px 4px;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .lotto-list li {
    width: 33.333333%;
  }
}
@media screen and (min-width: 992px) {
  .lotto-list li {
    width: 25%;
  }
}
@media screen and (min-width: 1600px) {
  .lotto-list li {
    width: 20%;
  }
}
@media screen and (min-width: 1800px) {
  .lotto-list li {
    width: 16.666666%;
  }
}

.lotto-more {
  margin: 0 0 calc(var(--space) * 2);
  text-align: center;
}

.lotto-card {
  border-radius: 5px;
  overflow: hidden;
}
.lotto-card .amount {
  text-align: center;
  background-color: #f8f3e3;
  padding: 2px 12px 2px 2px;
  color: #473707;
}
.lotto-card .amount select {
  margin: 4px 5px;
  color: #473707;
  height: 38px;
  border-color: #d4af37;
  min-width: 60px;
  text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.2;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOSAwLjU0NzExMkM5IDAuNjk5MDg4IDguOTQzNTkgMC44MzA4IDguODMwNzcgMC45NDIyNDlMNC44OTIzMSA0LjgzMjgzQzQuNzc5NDkgNC45NDQyOCA0LjY1MTI4IDUgNC41MDc2OSA1QzQuMzUzODUgNSA0LjIyMDUxIDQuOTQ0MjggNC4xMDc2OSA0LjgzMjgzTDAuMTY5MjMxIDAuOTQyMjQ5QzAuMDU2NDEwMyAwLjgzMDggMCAwLjY5OTA4OCAwIDAuNTQ3MTEyQzAgMC4zOTUxMzcgMC4wNTY0MTAzIDAuMjY4NDkgMC4xNjkyMzEgMC4xNjcxNzNDMC4yODIwNTEgMC4wNTU3MjQ0IDAuNDE1Mzg1IDAgMC41NjkyMzEgMEg4LjQ0NjE1QzguNTg5NzQgMCA4LjcxNzk1IDAuMDU1NzI0NCA4LjgzMDc3IDAuMTY3MTczQzguOTQzNTkgMC4yNjg0OSA5IDAuMzk1MTM3IDkgMC41NDcxMTJaIiBmaWxsPSIjZDRhZjM3Ii8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: right 7px top 50%;
}

.lotto-group {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 47%;
  z-index: 20;
  background-color: #e8dfc4;
  /*
  &.has-1 {
    padding-top: 48%;
  }
  &.has-2 {
    padding-top: 55%;
    .pic img:nth-of-type(2) {
      top: 20%;
    }
  }
  &.has-3 {
    padding-top: 66%;
    .pic img:nth-of-type(2) {
      top: 17%;
    }
    .pic img:nth-of-type(3) {
      top: 33%;
    }
  }
  */
}
.lotto-group .info {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20%;
  min-width: 40px;
  background: rgba(255, 94, 239, 0.85);
  backdrop-filter: blur(4px);
  text-align: center;
  color: #000;
  border-radius: 5px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
  font-size: 10px;
  padding: 10px 0;
}
.lotto-group .info b {
  display: block;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 480px) {
  .lotto-group .info {
    font-size: 12px;
    line-height: 1.2;
  }
  .lotto-group .info b {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .lotto-group .info {
    font-size: 13px;
  }
  .lotto-group .info b {
    font-size: 28px;
  }
}
.lotto-group.-last2 .info {
  background: rgba(255, 184, 0, 0.8);
}
.lotto-group.-last3 .info {
  background: rgba(143, 255, 0, 0.8);
}
.lotto-group.-first3 .info {
  background: rgba(0, 240, 255, 0.8);
}
.lotto-group .pic {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.lotto-group .pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  border: 2px solid #fff;
  z-index: 1;
}
.lotto-group .pic img:nth-of-type(2) {
  top: 22%;
  z-index: 2;
}
.lotto-group .pic img:nth-of-type(3) {
  top: 44%;
  z-index: 3;
}
.lotto-group .pic img:nth-of-type(4) {
  top: 66%;
  z-index: 4;
}
.lotto-group .pic img:nth-of-type(5) {
  top: 88%;
  z-index: 5;
}

.lotto-groups {
  position: relative;
  z-index: 30;
  height: 60px;
  overflow: hidden;
  margin-bottom: 0;
  transition: 0.3s;
  background-color: #000;
  border-radius: 5px 5px 0 0;
  padding-bottom: 30px;
}
.lotto-groups .lotto-group {
  opacity: 0.5;
}
.lotto-groups.active {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  max-height: 99999px;
}
.lotto-groups.active .lotto-group {
  opacity: 1;
}
.lotto-groups.active #lotto-toggle {
  bottom: 0;
}
.lotto-groups.active #lotto-toggle svg {
  transform: scaleY(-1);
}

#lotto-toggle {
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 4px 20px;
  border: 2px solid #071737;
  margin: 0 auto;
  background-color: #eee;
  min-width: 127px;
  color: #071737;
  border-radius: 50px;
  cursor: pointer;
  z-index: 40;
  left: 50%;
  transform: translateX(-50%);
  bottom: 11px;
}
#lotto-toggle svg {
  margin-left: 7px;
}

.lotto-scroll {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  -webkit-overflow-scrolling: touch;
}
.lotto-scroll .lotto-group {
  display: flex;
  width: auto;
  margin: 0 20px 0 0;
  padding: 0 0 10px;
  background: none;
}
.lotto-scroll .lotto-group .info {
  width: 15vw;
  font-size: 13px;
  bottom: unset;
  border-radius: 5px 0 5px 5px;
}
.lotto-scroll .lotto-group .info b {
  font-size: 28px;
}
.lotto-scroll .lotto-group .pic {
  display: flex;
  position: relative;
  top: unset;
  left: unset;
  bottom: unset;
  overflow: unset;
  width: auto;
  align-items: flex-start;
}
.lotto-scroll .lotto-group .pic img {
  width: 80vw;
  height: auto;
  max-width: 80vw;
  position: relative;
  top: unset;
  left: unset;
  bottom: unset;
  margin-right: 1px;
}
@media screen and (min-width: 640px) {
  .lotto-scroll .lotto-group .info {
    width: 70px;
  }
  .lotto-scroll .lotto-group .pic img {
    width: 480px;
    max-width: 480px;
  }
}

.lotto-item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.lotto-item .del {
  width: 28px;
  height: 28px;
  background-color: #fff;
  position: absolute;
  left: 8px;
  top: 8px;
  border: 2px solid #071737;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: 0.3s ease;
}
.lotto-item .del i {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: 2px;
}
.lotto-item .del:hover {
  background-color: #ffdac2;
  border-color: #e21f00;
}
.lotto-item img {
  max-width: calc(100% + 4px);
  width: calc(100% + 4px);
  margin: -2px;
}

/* SINGLE */
.sec-lotto {
  margin: 0 -12px 20px;
  border-radius: 8px;
  padding: 8px 8px 20px;
  background-color: #f5f0df;
}
.sec-lotto .sec-title {
  margin-top: var(--space);
}
.sec-lotto .btn-add {
  width: calc(100% - 32px);
  max-width: 470px;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .sec-lotto {
    max-width: 648px;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid #eee;
    margin: 20px auto var(--space);
  }
}

.lotto-input {
  font-family: Arial, Helvetica, sans-serif;
  display: inline-flex;
  width: 60px;
  font-size: 16px;
  align-items: center;
  background: none;
  background-color: #fff;
  margin: 0 10px;
}
.lotto-input i {
  font-style: normal;
  font-size: 24px;
  width: 34px;
  line-height: 1;
  cursor: pointer;
}
.lotto-input i.disabled {
  background: none;
}
.lotto-input input[type=text] {
  color: #0b2760;
  font-weight: bold;
  border-color: #0b2760;
  width: 60px;
  height: 36px;
  padding: 3px;
  text-align: center;
  background: none;
  border-radius: 5px;
}

.sec-member .lotto-group {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: -20px;
  background: none;
}
.sec-member .lotto-group:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 500px) {
  .sec-member .lotto-group {
    margin-bottom: -30px;
  }
  .sec-member .lotto-group:last-of-type {
    margin-bottom: 0;
  }
}
.sec-member .lotto-group .info {
  font-size: 13px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.sec-member .lotto-group .info b {
  font-size: 28px;
}
@media screen and (min-width: 400px) {
  .sec-member .lotto-group .info {
    font-size: 14px;
  }
  .sec-member .lotto-group .info b {
    font-size: 40px;
  }
}
@media screen and (min-width: 500px) {
  .sec-member .lotto-group .info {
    font-size: 16px;
  }
  .sec-member .lotto-group .info b {
    font-size: 48px;
  }
}
@media screen and (min-width: 600px) {
  .sec-member .lotto-group .info {
    font-size: 18px;
  }
  .sec-member .lotto-group .info b {
    font-size: 54px;
  }
}
.sec-member .lotto-group + .sec-title {
  margin-top: calc(20px + var(--space));
}

/* CART */
.sec-cart {
  border-radius: 8px;
  padding: 8px;
  background: linear-gradient(180deg, #c5a869 0%, #c79c52 15%, #b18c4b 40%, #b39554 90%);
  margin: 0 -12px 20px;
  color: #fff;
}
.sec-cart .lotto-list {
  margin: 0 4px var(--space);
}
.sec-cart .lotto-list li {
  width: 50%;
}
.sec-cart .cart-total .fee,
.sec-cart .cart-total .total {
  border-color: #fff;
}
.sec-cart .cart-total .line {
  border-top: 1px solid #fff;
}
.sec-cart .cart-total .subtotal th,
.sec-cart .cart-total .subtotal td,
.sec-cart .cart-total .total th,
.sec-cart .cart-total .total td {
  font-weight: bold;
}
.sec-cart .cart-total .remove {
  color: #fff;
  border-color: #fff;
}
.sec-cart .cart-total .remove:hover {
  color: #c00;
  border-color: #c00;
  background-color: #fff;
}
.sec-cart .cart-total .input-checkbox {
  display: block;
  padding: 0 0 0 28px;
  line-height: 1.3;
}
.sec-cart .cart-total .input-checkbox .check {
  top: 7px;
}
.sec-cart .btn-pay {
  width: calc(100% - 32px);
  max-width: 470px;
  margin: 0 auto;
}
.sec-cart .remark {
  padding: 10px 10px 0;
  font-size: 14px;
  text-align: center;
  line-height: 1.6;
}
.sec-cart hr {
  border-color: #f1db9e;
}
.sec-cart > .sec-title {
  margin-top: var(--space);
}
@media screen and (min-width: 648px) {
  .sec-cart {
    max-width: 648px;
    padding: 20px;
    margin: 20px auto var(--space);
  }
}

@keyframes blinking {
  0% {
    color: transparent;
  }
  15% {
    color: #fff;
  }
  85% {
    color: #fff;
  }
  100% {
    color: transparent;
  }
}
.text-blink b {
  transition: 0.3s ease;
  animation: blinking 1s infinite;
}
.text-blink.sec-title {
  transition: 0.3s ease;
  animation: blinking 2s infinite;
}

.cart-total {
  width: calc(100% - 32px);
  margin: calc(var(--space) * 1.5) 16px var(--space);
  max-width: 470px;
}
.cart-total th {
  text-align: left;
  padding: 0 0 14px;
  font-weight: normal;
}
.cart-total td {
  text-align: right;
  padding: 0 0 14px 7px;
}
.cart-total .remove {
  display: inline-flex;
  font-family: Arial, Helvetica, sans-serif;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  border: 2px solid #a2a8b4;
  color: #a2a8b4;
  font-size: 16px;
  margin-right: 7px;
  padding-top: 2px;
}
.cart-total .remove:hover {
  color: #fff;
  border-color: #fff;
}
.cart-total .line,
.cart-total .fee {
  border-top: 1px solid #6c7177;
}
.cart-total .line th,
.cart-total .fee th {
  padding: 10px 0;
}
.cart-total .line td,
.cart-total .fee td {
  padding: 10px 0 10px 7px;
}
.cart-total .total {
  border-top: 1px solid #6c7177;
  border-bottom: 2px solid #ccc;
}
.cart-total .total th {
  padding: 10px 0;
}
.cart-total .total td {
  padding: 10px 0 10px 7px;
  font-weight: bold;
}
.cart-total .total .price {
  font-size: 20px;
}
@media screen and (min-width: 480px) {
  .cart-total {
    margin: calc(var(--space) * 1.5) auto var(--space);
  }
}

.payment-form {
  padding: 0 var(--space);
}
.payment-form h2 {
  font-size: 1.2em;
  margin-bottom: 5px;
}
.payment-form hr {
  margin: 0 calc(var(--space) * -1) 6px;
}
@media screen and (min-width: 648px) {
  .payment-form {
    padding: 0;
  }
  .payment-form hr {
    margin: 0 0 6px;
  }
}

.payment-account th {
  white-space: nowrap;
  padding-right: 8px;
  font-weight: normal;
}
.payment-account td {
  font-weight: bold;
}
.payment-account tr:last-child td {
  font-size: 30px;
}

.payment-datetime {
  margin-bottom: var(--space);
}
.payment-datetime .col.-left-half select,
.payment-datetime input {
  width: 100%;
}

/* MEMBER */
.member-meta {
  margin: 0 auto var(--space);
  width: max-content;
  max-width: 100%;
  font-size: 16px;
}
.member-meta svg {
  vertical-align: -5px;
  margin-right: 1px;
  width: 24px;
}
.member-meta svg.copy {
  vertical-align: -4px;
}
.member-meta span {
  display: block;
  margin: 4px 0;
}
.member-meta span.agent {
  display: flex;
  max-width: 100%;
  white-space: normal;
  align-items: center;
}
.member-meta span.agent span {
  flex: 1;
  padding-left: 4px;
}
.member-meta code {
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
}

.link-box {
  border: 1px solid;
  padding: 12px;
  border-radius: 5px;
  text-align: center;
  margin: 8px 0;
}
.link-box .done {
  position: absolute;
  left: 50%;
  top: 0;
  white-space: nowrap;
  opacity: 0;
  transform: translate(-50%, -1.8em);
  font-size: 14px;
  transition: all 0.3s;
  padding: 3px 15px 4px;
  border-radius: 20px;
  z-index: 10;
  background-color: #e9e9e9;
}
.link-box button {
  position: relative;
}
.link-box button:focus, .link-box button:active {
  opacity: 1;
}
.link-box .copied .done {
  opacity: 1;
  transform: translate(-50%, -2.8em);
}

.sec-member {
  border-radius: 8px;
  padding: var(--space);
  background: #0092d2;
  margin: 0 0 20px;
  color: #fff;
}
.sec-member.order-none {
  padding-top: calc(var(--space) * 1.5);
}
.sec-member.order-pending {
  padding-bottom: 0;
}
.sec-member.order-pending .btn-pay {
  margin: var(--space) 0;
}
.sec-member .or {
  margin: 10px 0;
  text-align: center;
  font-size: 14px;
}
.sec-member .btn-add {
  width: calc(100% - 32px);
  max-width: 470px;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .sec-member {
    max-width: 648px;
    margin: 20px auto var(--space);
  }
}
.sec-member .lotto-group.-all {
  padding-top: 0;
  margin-bottom: var(--space);
}
.sec-member .lotto-group.-all .pic {
  position: relative;
  top: unset;
  bottom: unset;
}
.sec-member .lotto-group.-all .pic img {
  position: relative;
  margin-bottom: -30vw;
  z-index: 1;
  cursor: pointer;
  transition: 0.3s;
}
.sec-member .lotto-group.-all .pic img.active {
  z-index: 11;
  transform: scale(1.07);
  box-shadow: 0 0 120px rgba(0, 0, 0, 0.3);
  border: 4px solid #fff;
}
.sec-member .lotto-group.-all .pic img:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 640px) {
  .sec-member .lotto-group.-all .pic img {
    margin-bottom: -220px;
  }
}

.order-result .lotto-group {
  margin-bottom: var(--space);
}
.order-result .lotto-group:last-of-type {
  margin-bottom: var(--space);
}
.order-result .btn-action {
  margin-top: calc(var(--space) - 10px);
}

.result-total {
  text-align: center;
  font-weight: 500;
  animation: blinking 1s infinite;
  margin: var(--space) 0;
  border: 2px solid #f1db9e;
  border-radius: 5px;
  padding: 15px;
  background: linear-gradient(180deg, #c5a869 0%, #c79c52 15%, #b18c4b 40%, #b39554 90%);
}

/* VENDOR */
.sec-vendor {
  margin: -1px calc(var(--space) * -1) 30px;
}
.sec-vendor.-master {
  margin-top: -10px;
}
.sec-vendor .cover img {
  width: 100vw;
  height: 56.25vw;
  object-fit: cover;
}
.sec-vendor .avatar {
  position: relative;
  margin: -52px auto 10px;
  text-align: center;
}
.sec-vendor .avatar img {
  width: 104px;
  height: 104px;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  border: 2px solid #fff;
}
.sec-vendor .sec-box {
  margin: 0 auto var(--space);
  max-width: 90%;
}
@media screen and (min-width: 440px) {
  .sec-vendor .sec-box {
    max-width: 400px;
  }
}
.sec-vendor .sec-box .input-group {
  margin-top: 10px;
}
.sec-vendor .lotto-list {
  margin-top: 16px;
  margin-left: 2px;
  margin-right: 2px;
}
@media screen and (min-width: 768px) {
  .sec-vendor .lotto-list {
    margin-left: calc(50% - 50vw + 4px);
    margin-right: calc(50% - 50vw + 4px);
  }
}
@media screen and (min-width: 640px) {
  .sec-vendor {
    max-width: 640px;
    margin: 20px auto var(--space);
  }
  .sec-vendor .cover img {
    width: 640px;
    height: 360px;
    border-radius: 5px;
  }
}

.vendor-qr {
  margin: 0 auto var(--space);
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 16px;
  border: 1px solid #0b2760;
  max-width: 240px;
}
.vendor-qr code {
  border: 1px solid;
  padding: 3px 4px;
  border-radius: 3px;
  font-size: 12px;
  display: inline-block;
  line-height: 1;
  vertical-align: 1px;
  cursor: pointer;
}
.vendor-qr .copy {
  vertical-align: -3px;
  cursor: pointer;
}

.vendor-tabs {
  padding: 0;
  display: flex;
  width: calc(100% - 2 * var(--space));
  margin: var(--space) var(--space) 10px;
}
.vendor-tabs li {
  cursor: pointer;
  list-style: none;
  color: #fff;
  padding: 5px;
  flex: 1;
  text-align: center;
  background-color: #0092d2;
}
.vendor-tabs li:first-child {
  padding-left: 8px;
  border-right: 1px solid #fff;
  border-radius: 5px 0 0 5px;
}
.vendor-tabs li:last-child {
  padding-right: 8px;
  border-left: 1px solid #fff;
  border-radius: 0 5px 5px 0;
}
.vendor-tabs li.active {
  background-color: #62ccf5;
  font-weight: bold;
}
@media screen and (min-width: 640px) {
  .vendor-tabs {
    margin: var(--space) 0 12px;
    width: 100%;
  }
  .vendor-tabs li {
    padding: 8px 5px;
  }
}

.vendor-panel {
  height: 0;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease;
  opacity: 0;
  padding: 0 15px;
  border-radius: 5px;
  margin: 0 var(--space);
}
.vendor-panel.active {
  padding: 16px;
  opacity: 1;
  height: auto;
  max-height: 9999px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  margin: 0 var(--space) var(--space);
}
.vendor-panel.-register {
  padding: 10px calc(var(--space) * 1.5) var(--space);
  opacity: 1;
  height: auto;
  max-height: 9999px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  margin: 0 var(--space) var(--space);
}
.vendor-panel .member-meta {
  margin: 0 0 var(--space);
  width: 100%;
}
.vendor-panel input[type=file]:not(:focus),
.vendor-panel input[type=text]:not(:focus),
.vendor-panel select:not(:focus) {
  border-color: #a2a8b4;
}
.vendor-panel input[type=number] {
  border-color: #f1db9e;
}
.vendor-panel input[type=number]:focus {
  border-color: #d4af37;
}
.vendor-panel .input-checkbox .check {
  border-color: #0b2760;
}
.vendor-panel .input-checkbox .check:after {
  border-color: #0b2760;
}
.vendor-panel table {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  font-size: 0.9375em;
}
.vendor-panel tr:nth-child(even) {
  background-color: #eee;
}
.vendor-panel th {
  background-color: #0092d2;
  color: #fff;
  padding: 3px 8px;
}
.vendor-panel td {
  padding: 3px 8px;
}
.vendor-panel .or {
  margin: 10px 0;
  font-size: 14px;
}
@media screen and (min-width: 640px) {
  .vendor-panel {
    margin-left: 0;
    margin-right: 0;
  }
  .vendor-panel.active {
    margin-left: 0;
    margin-right: 0;
  }
}

.acc-withdraw th:nth-child(3), .acc-withdraw th:nth-child(4),
.acc-withdraw td:nth-child(3),
.acc-withdraw td:nth-child(4) {
  text-align: right;
}

.acc-income th:nth-child(2), .acc-income th:nth-child(3), .acc-income th:nth-child(4),
.acc-income td:nth-child(2),
.acc-income td:nth-child(3),
.acc-income td:nth-child(4) {
  text-align: right;
}

.acc-agent a {
  color: #143c8b;
}
.acc-agent a:hover {
  color: #0092d2;
}
.acc-agent th:nth-child(3),
.acc-agent td:nth-child(3) {
  text-align: right;
}

.line-title {
  text-align: center;
  position: relative;
  margin: var(--space) 0 12px;
}
.line-title:after {
  content: "";
  position: absolute;
  left: calc(var(--space) * -1);
  right: calc(var(--space) * -1);
  top: 50%;
  border-bottom: 1px dashed #a2a8b4;
  z-index: 1;
}
.line-title span {
  display: inline-block;
  padding: 0 10px 4px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

.result-lottos {
  padding: 0;
  margin: 12px -4px 0;
  display: flex;
  flex-wrap: wrap;
  max-height: 190px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.result-lottos li {
  list-style: none;
  width: 50%;
  padding: 4px 4px;
}
.result-lottos a {
  display: block;
  border-radius: 3px;
  background-color: #e5e5e7;
  padding: 4px 8px;
  cursor: pointer;
}
.result-lottos a:hover {
  background-color: #0092d2;
  color: #fff;
}

.suggested-lottos {
  padding: 0;
  margin: 12px 0 var(--space);
  display: flex;
  flex-wrap: wrap;
}
.suggested-lottos li {
  list-style: none;
  width: 50%;
  padding: 3px 0;
}
.suggested-lottos .remove {
  display: inline-flex;
  font-family: Arial, Helvetica, sans-serif;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  border: 2px solid #a2a8b4;
  color: #a2a8b4;
  font-size: 16px;
  margin-right: 7px;
  padding-top: 2px;
}
.suggested-lottos .remove:hover {
  color: #e21f00;
  border-color: #e21f00;
}

.acc-amount {
  text-align: center;
}
.acc-amount b {
  font-size: 1.5em;
  margin-right: 4px;
  color: #d4af37;
}
.acc-amount small {
  font-weight: normal;
}

/* ABOUT */
.table-contact {
  margin: 0 auto var(--space);
}
.table-contact td {
  padding: 4px;
}

/* CHAT */
#chat {
  position: fixed;
  bottom: 60px;
  right: 14px;
  z-index: 99999;
  color: #fff;
  background-color: #0092d2;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px 0px;
  cursor: pointer;
  animation: fadeIn ease 1s;
}
#chat svg {
  pointer-events: none;
  transition: 0.4s ease;
}
#chat span {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
  height: 36px;
}
#chat span svg {
  width: 36px;
  height: 36px;
}
#chat.-desc .c-desc {
  right: calc(100% + 18px);
  opacity: 1;
  visibility: visible;
}
#chat.active > svg {
  opacity: 0;
  transform: rotate(270deg);
}
#chat.active > span {
  opacity: 1;
}
@media screen and (min-width: 992px) {
  #chat {
    bottom: 24px;
    right: 24px;
  }
}

.c-tip {
  position: relative;
  cursor: pointer;
}
.c-tip:hover .c-desc {
  right: calc(100% + 18px);
  opacity: 1;
  visibility: visible;
}

.c-desc {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  transition: 0.3s;
  padding: 6px 10px;
  border-radius: 3px;
  font-size: 15px;
  z-index: 99990;
  font-size: 15px;
  right: calc(100% + 10px);
  top: 6px;
  color: #222;
  background-color: #fff;
  white-space: nowrap;
  font-family: var(--s-heading);
  font-weight: var(--s-heading-weight);
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
}
.c-desc:after {
  content: "";
  position: absolute;
  right: -5px;
  top: calc(50% - 5px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 992px) {
  .c-desc {
    top: 9px;
  }
}

#chat-panel {
  position: fixed;
  bottom: 105px;
  right: 14px;
  z-index: 99999;
  transition: 0.4s ease;
  padding: 0;
  margin: 0;
  height: 0;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
#chat-panel li {
  list-style: none;
  height: 0;
  transition: 0.5s ease;
  overflow: hidden;
}
#chat-panel.active {
  bottom: 115px;
  visibility: visible;
  height: auto;
  opacity: 1;
  overflow: visible;
  max-height: 490px;
}
#chat-panel.active li {
  height: 64px;
  overflow: visible;
}
#chat-panel svg {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px 0px;
}
@media screen and (min-width: 992px) {
  #chat-panel {
    bottom: 69px;
    right: 24px;
  }
  #chat-panel.active {
    bottom: 79px;
  }
}

.lightbox-bg {
  transition: 0.3s;
  opacity: 0;
  z-index: -1;
}
.lightbox-bg.active {
  opacity: 1;
  position: fixed;
  z-index: 9990;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.lightbox-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-52%);
  transition: 0.5s;
  z-index: -1;
  width: 100%;
  left: 0;
  padding: 16px;
}
.lightbox-content.active {
  z-index: 9995;
  opacity: 1;
  transform: translateY(-50%);
  min-height: 500px;
  max-width: 9999px;
  transition: 0.5s;
  cursor: pointer;
}
.lightbox-content img {
  border-radius: 7px;
  pointer-events: none;
  width: 100%;
}
@media (min-width: 480px) {
  .lightbox-content {
    width: 480px;
    left: calc(50% - 240px);
  }
  .lightbox-content.active {
    min-height: 550px;
  }
}

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