.ads-container {
     font-size: 14px;
     text-align: center
 }

 .ads-container.top,
 .ads-container.top-cp {
     margin-top: 10px;
     min-height: 250px;
     width: 100vw
 }

 .ads-container.mid,
 .ads-container.mid-1,
 .ads-container.mid-2,
 .ads-container.mid-3,
 .ads-container.mid-4 {
     width: 100%
 }

 .ads-container.bot {
     margin: 10px auto 0;
     width: 100vw
 }

 .ads-container.anchor {
     margin: 55px auto 0;
     width: 100vw
 }

 .ads-container.top-10 {
     height: 100%;
     width: 100%
 }

 .ads-container.story-ad,
 .ads-container.story-ad-2 {
     align-items: center;
     display: flex;
     height: 100%;
     justify-content: center;
     width: 100%
 }

 .ads-container.left,
 .ads-container.right {
     width: 0
 }

 @media screen and (min-width: 834px)and (max-width:1279px) {

     .ads-container.top,
     .ads-container.top-cp {
         margin: 24px auto 0;
         max-width: 1140px;
         min-height: 90px
     }

     .ads-container.bot {
         margin: 16px auto 0;
         max-width: 1140px;
         min-height: 90px
     }
 }

 @media screen and (min-width: 1280px) {

     .ads-container.top,
     .ads-container.top-cp {
         margin: 10px auto 0;
         max-width: 1140px;
         min-height: 90px
     }

     .ads-container.bot {
         margin: 32px auto 0;
         max-width: 1140px;
         min-height: 90px
     }

     .ads-container.left {
         left: 0
     }

     .ads-container.left,
     .ads-container.right {
         position: fixed;
         top: 60px;
         width: calc(50% - 412px)
     }

     .ads-container.right {
         right: 0
     }
 }

 html {
     font-family: Lexend, sans-serif;
     font-style: normal;
     font-weight: 400;
     margin: 0;
     padding: 0
 }

 body {
     -ms-overflow-style: none;
     background-color: #f8f8f8;
     color: #666;
     margin: 0 auto;
     position: relative;
     scrollbar-width: none
 }

 a {
     text-decoration: none
 }

 img {
     height: auto;
     width: 100%
 }

 .ellipsis-nh {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .ellipsis-nh:after {
     content: "";
     padding: .01rem
 }

 .ellipsis-h2 {
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .ellipsis-h2:after {
     content: "";
     padding: .01rem
 }

 .ellipsis-h3 {
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .ellipsis-h3:after {
     content: "";
     padding: .01rem
 }

 .df-jcc-aic {
     align-items: center;
     display: flex;
     justify-content: center
 }

 .hidden {
     display: none
 }

 .hc-tdn:hover {
     cursor: pointer;
     text-decoration: none
 }

 .wsd::-webkit-scrollbar {
     display: none
 }

 .info {
     background: #fff
 }

 .c.header {
     color: red;
     display: flex;
     gap: 10px;
     padding: 0 0 8px;
     top: 0;
     width: 100vw;
     z-index: 2000
 }

 .c.header,
 .c.header .back-button {
     align-items: center;
     justify-content: center
 }

 .c.header .back-button {
     display: none;
     gap: 12px
 }

 .c.header .back-button .icon i {
     color: #f3f3f3;
     font-size: 24px
 }

 .c.header .back-button .text {
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     line-height: 16px;
     text-transform: uppercase
 }

 .c.header .logo {
     color: #fff;
     cursor: pointer;
     font-size: unset;
     margin: 0
 }

 .c.header .logo .icon {
     background-repeat: no-repeat;
     background-size: contain;
     height: 64px;
     width: 103px;
     background-image: url(../png/logo2.png);
     /*background-image: url(../images/9a259d382334c62161bc.png);*/
 }

 .ch.header-adapter {
     display: none;
     height: 64px
 }

 .i.title {
     cursor: pointer
 }

 .kids .c.header {
     display: none;
     justify-content: center;
     padding-bottom: 2px;
     padding-top: 16px
 }

 .challenges .c.header,
 .kids .c.header .right,
 .reward .c.header {
     display: none
 }

 @media screen and (min-width: 1280px) {
     .c.header {
         margin: 0 auto;
         max-width: 1140px;
         padding: 10px 0
     }
 }

 /*!
* Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2022 Fonticons, Inc.
*/
 .fa {
     font-family: var(--fa-style-family, "Font Awesome 6 Free");
     font-weight: var(--fa-style, 900)
 }

 .fa,
 .fa-brands,
 .fa-duotone,
 .fa-light,
 .fa-regular,
 .fa-solid,
 .fa-thin,
 .fab,
 .fad,
 .fal,
 .far,
 .fas,
 .fat {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     text-rendering: auto;
     display: var(--fa-display, inline-block);
     font-style: normal;
     font-variant: normal;
     line-height: 1
 }

 .fa-1x {
     font-size: 1em
 }

 .fa-2x {
     font-size: 2em
 }

 .fa-3x {
     font-size: 3em
 }

 .fa-4x {
     font-size: 4em
 }

 .fa-5x {
     font-size: 5em
 }

 .fa-6x {
     font-size: 6em
 }

 .fa-7x {
     font-size: 7em
 }

 .fa-8x {
     font-size: 8em
 }

 .fa-9x {
     font-size: 9em
 }

 .fa-10x {
     font-size: 10em
 }

 .fa-2xs {
     font-size: .625em;
     line-height: .1em;
     vertical-align: .225em
 }

 .fa-xs {
     font-size: .75em;
     line-height: .08333em;
     vertical-align: .125em
 }

 .fa-sm {
     font-size: .875em;
     line-height: .07143em;
     vertical-align: .05357em
 }

 .fa-lg {
     font-size: 1.25em;
     line-height: .05em;
     vertical-align: -.075em
 }

 .fa-xl {
     font-size: 1.5em;
     line-height: .04167em;
     vertical-align: -.125em
 }

 .fa-2xl {
     font-size: 2em;
     line-height: .03125em;
     vertical-align: -.1875em
 }

 .fa-fw {
     text-align: center;
     width: 1.25em
 }

 .fa-ul {
     list-style-type: none;
     margin-left: var(--fa-li-margin, 2.5em);
     padding-left: 0
 }

 .fa-ul>li {
     position: relative
 }

 .fa-li {
     left: calc(var(--fa-li-width, 2em)*-1);
     line-height: inherit;
     position: absolute;
     text-align: center;
     width: var(--fa-li-width, 2em)
 }

 .fa-border {
     border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
     border-radius: var(--fa-border-radius, .1em);
     padding: var(--fa-border-padding, .2em .25em .15em)
 }

 .fa-pull-left {
     float: left;
     margin-right: var(--fa-pull-margin, .3em)
 }

 .fa-pull-right {
     float: right;
     margin-left: var(--fa-pull-margin, .3em)
 }

 .fa-beat {
     -webkit-animation-delay: var(--fa-animation-delay, 0);
     animation-delay: var(--fa-animation-delay, 0);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-name: fa-beat;
     animation-name: fa-beat;
     -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
     animation-timing-function: var(--fa-animation-timing, ease-in-out)
 }

 .fa-bounce {
     -webkit-animation-delay: var(--fa-animation-delay, 0);
     animation-delay: var(--fa-animation-delay, 0);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-name: fa-bounce;
     animation-name: fa-bounce;
     -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
     animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
 }

 .fa-fade {
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-name: fa-fade;
     animation-name: fa-fade;
     -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
     animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
 }

 .fa-beat-fade,
 .fa-fade {
     -webkit-animation-delay: var(--fa-animation-delay, 0);
     animation-delay: var(--fa-animation-delay, 0);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s)
 }

 .fa-beat-fade {
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-name: fa-beat-fade;
     animation-name: fa-beat-fade;
     -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
     animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
 }

 .fa-flip {
     -webkit-animation-delay: var(--fa-animation-delay, 0);
     animation-delay: var(--fa-animation-delay, 0);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-name: fa-flip;
     animation-name: fa-flip;
     -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
     animation-timing-function: var(--fa-animation-timing, ease-in-out)
 }

 .fa-shake {
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-name: fa-shake;
     animation-name: fa-shake;
     -webkit-animation-timing-function: var(--fa-animation-timing, linear);
     animation-timing-function: var(--fa-animation-timing, linear)
 }

 .fa-shake,
 .fa-spin {
     -webkit-animation-delay: var(--fa-animation-delay, 0);
     animation-delay: var(--fa-animation-delay, 0);
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal)
 }

 .fa-spin {
     -webkit-animation-duration: var(--fa-animation-duration, 2s);
     animation-duration: var(--fa-animation-duration, 2s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-name: fa-spin;
     animation-name: fa-spin;
     -webkit-animation-timing-function: var(--fa-animation-timing, linear);
     animation-timing-function: var(--fa-animation-timing, linear)
 }

 .fa-spin-reverse {
     --fa-animation-direction: reverse
 }

 .fa-pulse,
 .fa-spin-pulse {
     -webkit-animation-direction: var(--fa-animation-direction, normal);
     animation-direction: var(--fa-animation-direction, normal);
     -webkit-animation-duration: var(--fa-animation-duration, 1s);
     animation-duration: var(--fa-animation-duration, 1s);
     -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     animation-iteration-count: var(--fa-animation-iteration-count, infinite);
     -webkit-animation-name: fa-spin;
     animation-name: fa-spin;
     -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
     animation-timing-function: var(--fa-animation-timing, steps(8))
 }

 @media (prefers-reduced-motion:reduce) {

     .fa-beat,
     .fa-beat-fade,
     .fa-bounce,
     .fa-fade,
     .fa-flip,
     .fa-pulse,
     .fa-shake,
     .fa-spin,
     .fa-spin-pulse {
         -webkit-animation-delay: -1ms;
         animation-delay: -1ms;
         -webkit-animation-duration: 1ms;
         animation-duration: 1ms;
         -webkit-animation-iteration-count: 1;
         animation-iteration-count: 1;
         transition-delay: 0s;
         transition-duration: 0s
     }
 }

 @-webkit-keyframes fa-beat {

     0%,
     90% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     45% {
         -webkit-transform: scale(var(--fa-beat-scale, 1.25));
         transform: scale(var(--fa-beat-scale, 1.25))
     }
 }

 @keyframes fa-beat {

     0%,
     90% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     45% {
         -webkit-transform: scale(var(--fa-beat-scale, 1.25));
         transform: scale(var(--fa-beat-scale, 1.25))
     }
 }

 @-webkit-keyframes fa-bounce {
     0% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }

     10% {
         -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
         transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
     }

     30% {
         -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
         transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
     }

     50% {
         -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
         transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
     }

     57% {
         -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
         transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
     }

     64% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }

     to {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }
 }

 @keyframes fa-bounce {
     0% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }

     10% {
         -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
         transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
     }

     30% {
         -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
         transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
     }

     50% {
         -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
         transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
     }

     57% {
         -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
         transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
     }

     64% {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }

     to {
         -webkit-transform: scale(1) translateY(0);
         transform: scale(1) translateY(0)
     }
 }

 @-webkit-keyframes fa-fade {
     50% {
         opacity: var(--fa-fade-opacity, .4)
     }
 }

 @keyframes fa-fade {
     50% {
         opacity: var(--fa-fade-opacity, .4)
     }
 }

 @-webkit-keyframes fa-beat-fade {

     0%,
     to {
         opacity: var(--fa-beat-fade-opacity, .4);
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     50% {
         opacity: 1;
         -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
         transform: scale(var(--fa-beat-fade-scale, 1.125))
     }
 }

 @keyframes fa-beat-fade {

     0%,
     to {
         opacity: var(--fa-beat-fade-opacity, .4);
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     50% {
         opacity: 1;
         -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
         transform: scale(var(--fa-beat-fade-scale, 1.125))
     }
 }

 @-webkit-keyframes fa-flip {
     50% {
         -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
         transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
     }
 }

 @keyframes fa-flip {
     50% {
         -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
         transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
     }
 }

 @-webkit-keyframes fa-shake {
     0% {
         -webkit-transform: rotate(-15deg);
         transform: rotate(-15deg)
     }

     4% {
         -webkit-transform: rotate(15deg);
         transform: rotate(15deg)
     }

     8%,
     24% {
         -webkit-transform: rotate(-18deg);
         transform: rotate(-18deg)
     }

     12%,
     28% {
         -webkit-transform: rotate(18deg);
         transform: rotate(18deg)
     }

     16% {
         -webkit-transform: rotate(-22deg);
         transform: rotate(-22deg)
     }

     20% {
         -webkit-transform: rotate(22deg);
         transform: rotate(22deg)
     }

     32% {
         -webkit-transform: rotate(-12deg);
         transform: rotate(-12deg)
     }

     36% {
         -webkit-transform: rotate(12deg);
         transform: rotate(12deg)
     }

     40%,
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }
 }

 @keyframes fa-shake {
     0% {
         -webkit-transform: rotate(-15deg);
         transform: rotate(-15deg)
     }

     4% {
         -webkit-transform: rotate(15deg);
         transform: rotate(15deg)
     }

     8%,
     24% {
         -webkit-transform: rotate(-18deg);
         transform: rotate(-18deg)
     }

     12%,
     28% {
         -webkit-transform: rotate(18deg);
         transform: rotate(18deg)
     }

     16% {
         -webkit-transform: rotate(-22deg);
         transform: rotate(-22deg)
     }

     20% {
         -webkit-transform: rotate(22deg);
         transform: rotate(22deg)
     }

     32% {
         -webkit-transform: rotate(-12deg);
         transform: rotate(-12deg)
     }

     36% {
         -webkit-transform: rotate(12deg);
         transform: rotate(12deg)
     }

     40%,
     to {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }
 }

 @-webkit-keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }

     to {
         -webkit-transform: rotate(1turn);
         transform: rotate(1turn)
     }
 }

 @keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg)
     }

     to {
         -webkit-transform: rotate(1turn);
         transform: rotate(1turn)
     }
 }

 .fa-rotate-90 {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg)
 }

 .fa-rotate-180 {
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg)
 }

 .fa-rotate-270 {
     -webkit-transform: rotate(270deg);
     transform: rotate(270deg)
 }

 .fa-flip-horizontal {
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1)
 }

 .fa-flip-vertical {
     -webkit-transform: scaleY(-1);
     transform: scaleY(-1)
 }

 .fa-flip-both,
 .fa-flip-horizontal.fa-flip-vertical {
     -webkit-transform: scale(-1);
     transform: scale(-1)
 }

 .fa-rotate-by {
     -webkit-transform: rotate(var(--fa-rotate-angle, none));
     transform: rotate(var(--fa-rotate-angle, none))
 }

 .fa-stack {
     display: inline-block;
     height: 2em;
     line-height: 2em;
     position: relative;
     vertical-align: middle;
     width: 2.5em
 }

 .fa-stack-1x,
 .fa-stack-2x {
     left: 0;
     position: absolute;
     text-align: center;
     width: 100%;
     z-index: var(--fa-stack-z-index, auto)
 }

 .fa-stack-1x {
     line-height: inherit
 }

 .fa-stack-2x {
     font-size: 2em
 }

 .fa-inverse {
     color: var(--fa-inverse, #fff)
 }

 .fa-0:before {
     content: "\30"
 }

 .fa-1:before {
     content: "\31"
 }

 .fa-2:before {
     content: "\32"
 }

 .fa-3:before {
     content: "\33"
 }

 .fa-4:before {
     content: "\34"
 }

 .fa-5:before {
     content: "\35"
 }

 .fa-6:before {
     content: "\36"
 }

 .fa-7:before {
     content: "\37"
 }

 .fa-8:before {
     content: "\38"
 }

 .fa-9:before {
     content: "\39"
 }

 .fa-a:before {
     content: "\41"
 }

 .fa-address-book:before,
 .fa-contact-book:before {
     content: "\f2b9"
 }

 .fa-address-card:before,
 .fa-contact-card:before,
 .fa-vcard:before {
     content: "\f2bb"
 }

 .fa-align-center:before {
     content: "\f037"
 }

 .fa-align-justify:before {
     content: "\f039"
 }

 .fa-align-left:before {
     content: "\f036"
 }

 .fa-align-right:before {
     content: "\f038"
 }

 .fa-anchor:before {
     content: "\f13d"
 }

 .fa-anchor-circle-check:before {
     content: "\e4aa"
 }

 .fa-anchor-circle-exclamation:before {
     content: "\e4ab"
 }

 .fa-anchor-circle-xmark:before {
     content: "\e4ac"
 }

 .fa-anchor-lock:before {
     content: "\e4ad"
 }

 .fa-angle-down:before {
     content: "\f107"
 }

 .fa-angle-left:before {
     content: "\f104"
 }

 .fa-angle-right:before {
     content: "\f105"
 }

 .fa-angle-up:before {
     content: "\f106"
 }

 .fa-angle-double-down:before,
 .fa-angles-down:before {
     content: "\f103"
 }

 .fa-angle-double-left:before,
 .fa-angles-left:before {
     content: "\f100"
 }

 .fa-angle-double-right:before,
 .fa-angles-right:before {
     content: "\f101"
 }

 .fa-angle-double-up:before,
 .fa-angles-up:before {
     content: "\f102"
 }

 .fa-ankh:before {
     content: "\f644"
 }

 .fa-apple-alt:before,
 .fa-apple-whole:before {
     content: "\f5d1"
 }

 .fa-archway:before {
     content: "\f557"
 }

 .fa-arrow-down:before {
     content: "\f063"
 }

 .fa-arrow-down-1-9:before,
 .fa-sort-numeric-asc:before,
 .fa-sort-numeric-down:before {
     content: "\f162"
 }

 .fa-arrow-down-9-1:before,
 .fa-sort-numeric-desc:before,
 .fa-sort-numeric-down-alt:before {
     content: "\f886"
 }

 .fa-arrow-down-a-z:before,
 .fa-sort-alpha-asc:before,
 .fa-sort-alpha-down:before {
     content: "\f15d"
 }

 .fa-arrow-down-long:before,
 .fa-long-arrow-down:before {
     content: "\f175"
 }

 .fa-arrow-down-short-wide:before,
 .fa-sort-amount-desc:before,
 .fa-sort-amount-down-alt:before {
     content: "\f884"
 }

 .fa-arrow-down-up-across-line:before {
     content: "\e4af"
 }

 .fa-arrow-down-up-lock:before {
     content: "\e4b0"
 }

 .fa-arrow-down-wide-short:before,
 .fa-sort-amount-asc:before,
 .fa-sort-amount-down:before {
     content: "\f160"
 }

 .fa-arrow-down-z-a:before,
 .fa-sort-alpha-desc:before,
 .fa-sort-alpha-down-alt:before {
     content: "\f881"
 }

 .fa-arrow-left:before {
     content: "\f060"
 }

 .fa-arrow-left-long:before,
 .fa-long-arrow-left:before {
     content: "\f177"
 }

 .fa-arrow-pointer:before,
 .fa-mouse-pointer:before {
     content: "\f245"
 }

 .fa-arrow-right:before {
     content: "\f061"
 }

 .fa-arrow-right-arrow-left:before,
 .fa-exchange:before {
     content: "\f0ec"
 }

 .fa-arrow-right-from-bracket:before,
 .fa-sign-out:before {
     content: "\f08b"
 }

 .fa-arrow-right-long:before,
 .fa-long-arrow-right:before {
     content: "\f178"
 }

 .fa-arrow-right-to-bracket:before,
 .fa-sign-in:before {
     content: "\f090"
 }

 .fa-arrow-right-to-city:before {
     content: "\e4b3"
 }

 .fa-arrow-left-rotate:before,
 .fa-arrow-rotate-back:before,
 .fa-arrow-rotate-backward:before,
 .fa-arrow-rotate-left:before,
 .fa-undo:before {
     content: "\f0e2"
 }

 .fa-arrow-right-rotate:before,
 .fa-arrow-rotate-forward:before,
 .fa-arrow-rotate-right:before,
 .fa-redo:before {
     content: "\f01e"
 }

 .fa-arrow-trend-down:before {
     content: "\e097"
 }

 .fa-arrow-trend-up:before {
     content: "\e098"
 }

 .fa-arrow-turn-down:before,
 .fa-level-down:before {
     content: "\f149"
 }

 .fa-arrow-turn-up:before,
 .fa-level-up:before {
     content: "\f148"
 }

 .fa-arrow-up:before {
     content: "\f062"
 }

 .fa-arrow-up-1-9:before,
 .fa-sort-numeric-up:before {
     content: "\f163"
 }

 .fa-arrow-up-9-1:before,
 .fa-sort-numeric-up-alt:before {
     content: "\f887"
 }

 .fa-arrow-up-a-z:before,
 .fa-sort-alpha-up:before {
     content: "\f15e"
 }

 .fa-arrow-up-from-bracket:before {
     content: "\e09a"
 }

 .fa-arrow-up-from-ground-water:before {
     content: "\e4b5"
 }

 .fa-arrow-up-from-water-pump:before {
     content: "\e4b6"
 }

 .fa-arrow-up-long:before,
 .fa-long-arrow-up:before {
     content: "\f176"
 }

 .fa-arrow-up-right-dots:before {
     content: "\e4b7"
 }

 .fa-arrow-up-right-from-square:before,
 .fa-external-link:before {
     content: "\f08e"
 }

 .fa-arrow-up-short-wide:before,
 .fa-sort-amount-up-alt:before {
     content: "\f885"
 }

 .fa-arrow-up-wide-short:before,
 .fa-sort-amount-up:before {
     content: "\f161"
 }

 .fa-arrow-up-z-a:before,
 .fa-sort-alpha-up-alt:before {
     content: "\f882"
 }

 .fa-arrows-down-to-line:before {
     content: "\e4b8"
 }

 .fa-arrows-down-to-people:before {
     content: "\e4b9"
 }

 .fa-arrows-h:before,
 .fa-arrows-left-right:before {
     content: "\f07e"
 }

 .fa-arrows-left-right-to-line:before {
     content: "\e4ba"
 }

 .fa-arrows-rotate:before,
 .fa-refresh:before,
 .fa-sync:before {
     content: "\f021"
 }

 .fa-arrows-spin:before {
     content: "\e4bb"
 }

 .fa-arrows-split-up-and-left:before {
     content: "\e4bc"
 }

 .fa-arrows-to-circle:before {
     content: "\e4bd"
 }

 .fa-arrows-to-dot:before {
     content: "\e4be"
 }

 .fa-arrows-to-eye:before {
     content: "\e4bf"
 }

 .fa-arrows-turn-right:before {
     content: "\e4c0"
 }

 .fa-arrows-turn-to-dots:before {
     content: "\e4c1"
 }

 .fa-arrows-up-down:before,
 .fa-arrows-v:before {
     content: "\f07d"
 }

 .fa-arrows-up-down-left-right:before,
 .fa-arrows:before {
     content: "\f047"
 }

 .fa-arrows-up-to-line:before {
     content: "\e4c2"
 }

 .fa-asterisk:before {
     content: "\2a"
 }

 .fa-at:before {
     content: "\40"
 }

 .fa-atom:before {
     content: "\f5d2"
 }

 .fa-audio-description:before {
     content: "\f29e"
 }

 .fa-austral-sign:before {
     content: "\e0a9"
 }

 .fa-award:before {
     content: "\f559"
 }

 .fa-b:before {
     content: "\42"
 }

 .fa-baby:before {
     content: "\f77c"
 }

 .fa-baby-carriage:before,
 .fa-carriage-baby:before {
     content: "\f77d"
 }

 .fa-backward:before {
     content: "\f04a"
 }

 .fa-backward-fast:before,
 .fa-fast-backward:before {
     content: "\f049"
 }

 .fa-backward-step:before,
 .fa-step-backward:before {
     content: "\f048"
 }

 .fa-bacon:before {
     content: "\f7e5"
 }

 .fa-bacteria:before {
     content: "\e059"
 }

 .fa-bacterium:before {
     content: "\e05a"
 }

 .fa-bag-shopping:before,
 .fa-shopping-bag:before {
     content: "\f290"
 }

 .fa-bahai:before {
     content: "\f666"
 }

 .fa-baht-sign:before {
     content: "\e0ac"
 }

 .fa-ban:before,
 .fa-cancel:before {
     content: "\f05e"
 }

 .fa-ban-smoking:before,
 .fa-smoking-ban:before {
     content: "\f54d"
 }

 .fa-band-aid:before,
 .fa-bandage:before {
     content: "\f462"
 }

 .fa-barcode:before {
     content: "\f02a"
 }

 .fa-bars:before,
 .fa-navicon:before {
     content: "\f0c9"
 }

 .fa-bars-progress:before,
 .fa-tasks-alt:before {
     content: "\f828"
 }

 .fa-bars-staggered:before,
 .fa-reorder:before,
 .fa-stream:before {
     content: "\f550"
 }

 .fa-baseball-ball:before,
 .fa-baseball:before {
     content: "\f433"
 }

 .fa-baseball-bat-ball:before {
     content: "\f432"
 }

 .fa-basket-shopping:before,
 .fa-shopping-basket:before {
     content: "\f291"
 }

 .fa-basketball-ball:before,
 .fa-basketball:before {
     content: "\f434"
 }

 .fa-bath:before,
 .fa-bathtub:before {
     content: "\f2cd"
 }

 .fa-battery-0:before,
 .fa-battery-empty:before {
     content: "\f244"
 }

 .fa-battery-5:before,
 .fa-battery-full:before,
 .fa-battery:before {
     content: "\f240"
 }

 .fa-battery-3:before,
 .fa-battery-half:before {
     content: "\f242"
 }

 .fa-battery-2:before,
 .fa-battery-quarter:before {
     content: "\f243"
 }

 .fa-battery-4:before,
 .fa-battery-three-quarters:before {
     content: "\f241"
 }

 .fa-bed:before {
     content: "\f236"
 }

 .fa-bed-pulse:before,
 .fa-procedures:before {
     content: "\f487"
 }

 .fa-beer-mug-empty:before,
 .fa-beer:before {
     content: "\f0fc"
 }

 .fa-bell:before {
     content: "\f0f3"
 }

 .fa-bell-concierge:before,
 .fa-concierge-bell:before {
     content: "\f562"
 }

 .fa-bell-slash:before {
     content: "\f1f6"
 }

 .fa-bezier-curve:before {
     content: "\f55b"
 }

 .fa-bicycle:before {
     content: "\f206"
 }

 .fa-binoculars:before {
     content: "\f1e5"
 }

 .fa-biohazard:before {
     content: "\f780"
 }

 .fa-bitcoin-sign:before {
     content: "\e0b4"
 }

 .fa-blender:before {
     content: "\f517"
 }

 .fa-blender-phone:before {
     content: "\f6b6"
 }

 .fa-blog:before {
     content: "\f781"
 }

 .fa-bold:before {
     content: "\f032"
 }

 .fa-bolt:before,
 .fa-zap:before {
     content: "\f0e7"
 }

 .fa-bolt-lightning:before {
     content: "\e0b7"
 }

 .fa-bomb:before {
     content: "\f1e2"
 }

 .fa-bone:before {
     content: "\f5d7"
 }

 .fa-bong:before {
     content: "\f55c"
 }

 .fa-book:before {
     content: "\f02d"
 }

 .fa-atlas:before,
 .fa-book-atlas:before {
     content: "\f558"
 }

 .fa-bible:before,
 .fa-book-bible:before {
     content: "\f647"
 }

 .fa-book-bookmark:before {
     content: "\e0bb"
 }

 .fa-book-journal-whills:before,
 .fa-journal-whills:before {
     content: "\f66a"
 }

 .fa-book-medical:before {
     content: "\f7e6"
 }

 .fa-book-open:before {
     content: "\f518"
 }

 .fa-book-open-reader:before,
 .fa-book-reader:before {
     content: "\f5da"
 }

 .fa-book-quran:before,
 .fa-quran:before {
     content: "\f687"
 }

 .fa-book-dead:before,
 .fa-book-skull:before {
     content: "\f6b7"
 }

 .fa-bookmark:before {
     content: "\f02e"
 }

 .fa-border-all:before {
     content: "\f84c"
 }

 .fa-border-none:before {
     content: "\f850"
 }

 .fa-border-style:before,
 .fa-border-top-left:before {
     content: "\f853"
 }

 .fa-bore-hole:before {
     content: "\e4c3"
 }

 .fa-bottle-droplet:before {
     content: "\e4c4"
 }

 .fa-bottle-water:before {
     content: "\e4c5"
 }

 .fa-bowl-food:before {
     content: "\e4c6"
 }

 .fa-bowl-rice:before {
     content: "\e2eb"
 }

 .fa-bowling-ball:before {
     content: "\f436"
 }

 .fa-box:before {
     content: "\f466"
 }

 .fa-archive:before,
 .fa-box-archive:before {
     content: "\f187"
 }

 .fa-box-open:before {
     content: "\f49e"
 }

 .fa-box-tissue:before {
     content: "\e05b"
 }

 .fa-boxes-packing:before {
     content: "\e4c7"
 }

 .fa-boxes-alt:before,
 .fa-boxes-stacked:before,
 .fa-boxes:before {
     content: "\f468"
 }

 .fa-braille:before {
     content: "\f2a1"
 }

 .fa-brain:before {
     content: "\f5dc"
 }

 .fa-brazilian-real-sign:before {
     content: "\e46c"
 }

 .fa-bread-slice:before {
     content: "\f7ec"
 }

 .fa-bridge:before {
     content: "\e4c8"
 }

 .fa-bridge-circle-check:before {
     content: "\e4c9"
 }

 .fa-bridge-circle-exclamation:before {
     content: "\e4ca"
 }

 .fa-bridge-circle-xmark:before {
     content: "\e4cb"
 }

 .fa-bridge-lock:before {
     content: "\e4cc"
 }

 .fa-bridge-water:before {
     content: "\e4ce"
 }

 .fa-briefcase:before {
     content: "\f0b1"
 }

 .fa-briefcase-medical:before {
     content: "\f469"
 }

 .fa-broom:before {
     content: "\f51a"
 }

 .fa-broom-ball:before,
 .fa-quidditch-broom-ball:before,
 .fa-quidditch:before {
     content: "\f458"
 }

 .fa-brush:before {
     content: "\f55d"
 }

 .fa-bucket:before {
     content: "\e4cf"
 }

 .fa-bug:before {
     content: "\f188"
 }

 .fa-bug-slash:before {
     content: "\e490"
 }

 .fa-bugs:before {
     content: "\e4d0"
 }

 .fa-building:before {
     content: "\f1ad"
 }

 .fa-building-circle-arrow-right:before {
     content: "\e4d1"
 }

 .fa-building-circle-check:before {
     content: "\e4d2"
 }

 .fa-building-circle-exclamation:before {
     content: "\e4d3"
 }

 .fa-building-circle-xmark:before {
     content: "\e4d4"
 }

 .fa-bank:before,
 .fa-building-columns:before,
 .fa-institution:before,
 .fa-museum:before,
 .fa-university:before {
     content: "\f19c"
 }

 .fa-building-flag:before {
     content: "\e4d5"
 }

 .fa-building-lock:before {
     content: "\e4d6"
 }

 .fa-building-ngo:before {
     content: "\e4d7"
 }

 .fa-building-shield:before {
     content: "\e4d8"
 }

 .fa-building-un:before {
     content: "\e4d9"
 }

 .fa-building-user:before {
     content: "\e4da"
 }

 .fa-building-wheat:before {
     content: "\e4db"
 }

 .fa-bullhorn:before {
     content: "\f0a1"
 }

 .fa-bullseye:before {
     content: "\f140"
 }

 .fa-burger:before,
 .fa-hamburger:before {
     content: "\f805"
 }

 .fa-burst:before {
     content: "\e4dc"
 }

 .fa-bus:before {
     content: "\f207"
 }

 .fa-bus-alt:before,
 .fa-bus-simple:before {
     content: "\f55e"
 }

 .fa-briefcase-clock:before,
 .fa-business-time:before {
     content: "\f64a"
 }

 .fa-c:before {
     content: "\43"
 }

 .fa-birthday-cake:before,
 .fa-cake-candles:before,
 .fa-cake:before {
     content: "\f1fd"
 }

 .fa-calculator:before {
     content: "\f1ec"
 }

 .fa-calendar:before {
     content: "\f133"
 }

 .fa-calendar-check:before {
     content: "\f274"
 }

 .fa-calendar-day:before {
     content: "\f783"
 }

 .fa-calendar-alt:before,
 .fa-calendar-days:before {
     content: "\f073"
 }

 .fa-calendar-minus:before {
     content: "\f272"
 }

 .fa-calendar-plus:before {
     content: "\f271"
 }

 .fa-calendar-week:before {
     content: "\f784"
 }

 .fa-calendar-times:before,
 .fa-calendar-xmark:before {
     content: "\f273"
 }

 .fa-camera-alt:before,
 .fa-camera:before {
     content: "\f030"
 }

 .fa-camera-retro:before {
     content: "\f083"
 }

 .fa-camera-rotate:before {
     content: "\e0d8"
 }

 .fa-campground:before {
     content: "\f6bb"
 }

 .fa-candy-cane:before {
     content: "\f786"
 }

 .fa-cannabis:before {
     content: "\f55f"
 }

 .fa-capsules:before {
     content: "\f46b"
 }

 .fa-automobile:before,
 .fa-car:before {
     content: "\f1b9"
 }

 .fa-battery-car:before,
 .fa-car-battery:before {
     content: "\f5df"
 }

 .fa-car-burst:before,
 .fa-car-crash:before {
     content: "\f5e1"
 }

 .fa-car-on:before {
     content: "\e4dd"
 }

 .fa-car-alt:before,
 .fa-car-rear:before {
     content: "\f5de"
 }

 .fa-car-side:before {
     content: "\f5e4"
 }

 .fa-car-tunnel:before {
     content: "\e4de"
 }

 .fa-caravan:before {
     content: "\f8ff"
 }

 .fa-caret-down:before {
     content: "\f0d7"
 }

 .fa-caret-left:before {
     content: "\f0d9"
 }

 .fa-caret-right:before {
     content: "\f0da"
 }

 .fa-caret-up:before {
     content: "\f0d8"
 }

 .fa-carrot:before {
     content: "\f787"
 }

 .fa-cart-arrow-down:before {
     content: "\f218"
 }

 .fa-cart-flatbed:before,
 .fa-dolly-flatbed:before {
     content: "\f474"
 }

 .fa-cart-flatbed-suitcase:before,
 .fa-luggage-cart:before {
     content: "\f59d"
 }

 .fa-cart-plus:before {
     content: "\f217"
 }

 .fa-cart-shopping:before,
 .fa-shopping-cart:before {
     content: "\f07a"
 }

 .fa-cash-register:before {
     content: "\f788"
 }

 .fa-cat:before {
     content: "\f6be"
 }

 .fa-cedi-sign:before {
     content: "\e0df"
 }

 .fa-cent-sign:before {
     content: "\e3f5"
 }

 .fa-certificate:before {
     content: "\f0a3"
 }

 .fa-chair:before {
     content: "\f6c0"
 }

 .fa-blackboard:before,
 .fa-chalkboard:before {
     content: "\f51b"
 }

 .fa-chalkboard-teacher:before,
 .fa-chalkboard-user:before {
     content: "\f51c"
 }

 .fa-champagne-glasses:before,
 .fa-glass-cheers:before {
     content: "\f79f"
 }

 .fa-charging-station:before {
     content: "\f5e7"
 }

 .fa-area-chart:before,
 .fa-chart-area:before {
     content: "\f1fe"
 }

 .fa-bar-chart:before,
 .fa-chart-bar:before {
     content: "\f080"
 }

 .fa-chart-column:before {
     content: "\e0e3"
 }

 .fa-chart-gantt:before {
     content: "\e0e4"
 }

 .fa-chart-line:before,
 .fa-line-chart:before {
     content: "\f201"
 }

 .fa-chart-pie:before,
 .fa-pie-chart:before {
     content: "\f200"
 }

 .fa-chart-simple:before {
     content: "\e473"
 }

 .fa-check:before {
     content: "\f00c"
 }

 .fa-check-double:before {
     content: "\f560"
 }

 .fa-check-to-slot:before,
 .fa-vote-yea:before {
     content: "\f772"
 }

 .fa-cheese:before {
     content: "\f7ef"
 }

 .fa-chess:before {
     content: "\f439"
 }

 .fa-chess-bishop:before {
     content: "\f43a"
 }

 .fa-chess-board:before {
     content: "\f43c"
 }

 .fa-chess-king:before {
     content: "\f43f"
 }

 .fa-chess-knight:before {
     content: "\f441"
 }

 .fa-chess-pawn:before {
     content: "\f443"
 }

 .fa-chess-queen:before {
     content: "\f445"
 }

 .fa-chess-rook:before {
     content: "\f447"
 }

 .fa-chevron-down:before {
     content: "\f078"
 }

 .fa-chevron-left:before {
     content: "\f053"
 }

 .fa-chevron-right:before {
     content: "\f054"
 }

 .fa-chevron-up:before {
     content: "\f077"
 }

 .fa-child:before {
     content: "\f1ae"
 }

 .fa-child-dress:before {
     content: "\e59c"
 }

 .fa-child-reaching:before {
     content: "\e59d"
 }

 .fa-child-rifle:before {
     content: "\e4e0"
 }

 .fa-children:before {
     content: "\e4e1"
 }

 .fa-church:before {
     content: "\f51d"
 }

 .fa-circle:before {
     content: "\f111"
 }

 .fa-arrow-circle-down:before,
 .fa-circle-arrow-down:before {
     content: "\f0ab"
 }

 .fa-arrow-circle-left:before,
 .fa-circle-arrow-left:before {
     content: "\f0a8"
 }

 .fa-arrow-circle-right:before,
 .fa-circle-arrow-right:before {
     content: "\f0a9"
 }

 .fa-arrow-circle-up:before,
 .fa-circle-arrow-up:before {
     content: "\f0aa"
 }

 .fa-check-circle:before,
 .fa-circle-check:before {
     content: "\f058"
 }

 .fa-chevron-circle-down:before,
 .fa-circle-chevron-down:before {
     content: "\f13a"
 }

 .fa-chevron-circle-left:before,
 .fa-circle-chevron-left:before {
     content: "\f137"
 }

 .fa-chevron-circle-right:before,
 .fa-circle-chevron-right:before {
     content: "\f138"
 }

 .fa-chevron-circle-up:before,
 .fa-circle-chevron-up:before {
     content: "\f139"
 }

 .fa-circle-dollar-to-slot:before,
 .fa-donate:before {
     content: "\f4b9"
 }

 .fa-circle-dot:before,
 .fa-dot-circle:before {
     content: "\f192"
 }

 .fa-arrow-alt-circle-down:before,
 .fa-circle-down:before {
     content: "\f358"
 }

 .fa-circle-exclamation:before,
 .fa-exclamation-circle:before {
     content: "\f06a"
 }

 .fa-circle-h:before,
 .fa-hospital-symbol:before {
     content: "\f47e"
 }

 .fa-adjust:before,
 .fa-circle-half-stroke:before {
     content: "\f042"
 }

 .fa-circle-info:before,
 .fa-info-circle:before {
     content: "\f05a"
 }

 .fa-arrow-alt-circle-left:before,
 .fa-circle-left:before {
     content: "\f359"
 }

 .fa-circle-minus:before,
 .fa-minus-circle:before {
     content: "\f056"
 }

 .fa-circle-nodes:before {
     content: "\e4e2"
 }

 .fa-circle-notch:before {
     content: "\f1ce"
 }

 .fa-circle-pause:before,
 .fa-pause-circle:before {
     content: "\f28b"
 }

 .fa-circle-play:before,
 .fa-play-circle:before {
     content: "\f144"
 }

 .fa-circle-plus:before,
 .fa-plus-circle:before {
     content: "\f055"
 }

 .fa-circle-question:before,
 .fa-question-circle:before {
     content: "\f059"
 }

 .fa-circle-radiation:before,
 .fa-radiation-alt:before {
     content: "\f7ba"
 }

 .fa-arrow-alt-circle-right:before,
 .fa-circle-right:before {
     content: "\f35a"
 }

 .fa-circle-stop:before,
 .fa-stop-circle:before {
     content: "\f28d"
 }

 .fa-arrow-alt-circle-up:before,
 .fa-circle-up:before {
     content: "\f35b"
 }

 .fa-circle-user:before,
 .fa-user-circle:before {
     content: "\f2bd"
 }

 .fa-circle-xmark:before,
 .fa-times-circle:before,
 .fa-xmark-circle:before {
     content: "\f057"
 }

 .fa-city:before {
     content: "\f64f"
 }

 .fa-clapperboard:before {
     content: "\e131"
 }

 .fa-clipboard:before {
     content: "\f328"
 }

 .fa-clipboard-check:before {
     content: "\f46c"
 }

 .fa-clipboard-list:before {
     content: "\f46d"
 }

 .fa-clipboard-question:before {
     content: "\e4e3"
 }

 .fa-clipboard-user:before {
     content: "\f7f3"
 }

 .fa-clock-four:before,
 .fa-clock:before {
     content: "\f017"
 }

 .fa-clock-rotate-left:before,
 .fa-history:before {
     content: "\f1da"
 }

 .fa-clone:before {
     content: "\f24d"
 }

 .fa-closed-captioning:before {
     content: "\f20a"
 }

 .fa-cloud:before {
     content: "\f0c2"
 }

 .fa-cloud-arrow-down:before,
 .fa-cloud-download-alt:before,
 .fa-cloud-download:before {
     content: "\f0ed"
 }

 .fa-cloud-arrow-up:before,
 .fa-cloud-upload-alt:before,
 .fa-cloud-upload:before {
     content: "\f0ee"
 }

 .fa-cloud-bolt:before,
 .fa-thunderstorm:before {
     content: "\f76c"
 }

 .fa-cloud-meatball:before {
     content: "\f73b"
 }

 .fa-cloud-moon:before {
     content: "\f6c3"
 }

 .fa-cloud-moon-rain:before {
     content: "\f73c"
 }

 .fa-cloud-rain:before {
     content: "\f73d"
 }

 .fa-cloud-showers-heavy:before {
     content: "\f740"
 }

 .fa-cloud-showers-water:before {
     content: "\e4e4"
 }

 .fa-cloud-sun:before {
     content: "\f6c4"
 }

 .fa-cloud-sun-rain:before {
     content: "\f743"
 }

 .fa-clover:before {
     content: "\e139"
 }

 .fa-code:before {
     content: "\f121"
 }

 .fa-code-branch:before {
     content: "\f126"
 }

 .fa-code-commit:before {
     content: "\f386"
 }

 .fa-code-compare:before {
     content: "\e13a"
 }

 .fa-code-fork:before {
     content: "\e13b"
 }

 .fa-code-merge:before {
     content: "\f387"
 }

 .fa-code-pull-request:before {
     content: "\e13c"
 }

 .fa-coins:before {
     content: "\f51e"
 }

 .fa-colon-sign:before {
     content: "\e140"
 }

 .fa-comment:before {
     content: "\f075"
 }

 .fa-comment-dollar:before {
     content: "\f651"
 }

 .fa-comment-dots:before,
 .fa-commenting:before {
     content: "\f4ad"
 }

 .fa-comment-medical:before {
     content: "\f7f5"
 }

 .fa-comment-slash:before {
     content: "\f4b3"
 }

 .fa-comment-sms:before,
 .fa-sms:before {
     content: "\f7cd"
 }

 .fa-comments:before {
     content: "\f086"
 }

 .fa-comments-dollar:before {
     content: "\f653"
 }

 .fa-compact-disc:before {
     content: "\f51f"
 }

 .fa-compass:before {
     content: "\f14e"
 }

 .fa-compass-drafting:before,
 .fa-drafting-compass:before {
     content: "\f568"
 }

 .fa-compress:before {
     content: "\f066"
 }

 .fa-computer:before {
     content: "\e4e5"
 }

 .fa-computer-mouse:before,
 .fa-mouse:before {
     content: "\f8cc"
 }

 .fa-cookie:before {
     content: "\f563"
 }

 .fa-cookie-bite:before {
     content: "\f564"
 }

 .fa-copy:before {
     content: "\f0c5"
 }

 .fa-copyright:before {
     content: "\f1f9"
 }

 .fa-couch:before {
     content: "\f4b8"
 }

 .fa-cow:before {
     content: "\f6c8"
 }

 .fa-credit-card-alt:before,
 .fa-credit-card:before {
     content: "\f09d"
 }

 .fa-crop:before {
     content: "\f125"
 }

 .fa-crop-alt:before,
 .fa-crop-simple:before {
     content: "\f565"
 }

 .fa-cross:before {
     content: "\f654"
 }

 .fa-crosshairs:before {
     content: "\f05b"
 }

 .fa-crow:before {
     content: "\f520"
 }

 .fa-crown:before {
     content: "\f521"
 }

 .fa-crutch:before {
     content: "\f7f7"
 }

 .fa-cruzeiro-sign:before {
     content: "\e152"
 }

 .fa-cube:before {
     content: "\f1b2"
 }

 .fa-cubes:before {
     content: "\f1b3"
 }

 .fa-cubes-stacked:before {
     content: "\e4e6"
 }

 .fa-d:before {
     content: "\44"
 }

 .fa-database:before {
     content: "\f1c0"
 }

 .fa-backspace:before,
 .fa-delete-left:before {
     content: "\f55a"
 }

 .fa-democrat:before {
     content: "\f747"
 }

 .fa-desktop-alt:before,
 .fa-desktop:before {
     content: "\f390"
 }

 .fa-dharmachakra:before {
     content: "\f655"
 }

 .fa-diagram-next:before {
     content: "\e476"
 }

 .fa-diagram-predecessor:before {
     content: "\e477"
 }

 .fa-diagram-project:before,
 .fa-project-diagram:before {
     content: "\f542"
 }

 .fa-diagram-successor:before {
     content: "\e47a"
 }

 .fa-diamond:before {
     content: "\f219"
 }

 .fa-diamond-turn-right:before,
 .fa-directions:before {
     content: "\f5eb"
 }

 .fa-dice:before {
     content: "\f522"
 }

 .fa-dice-d20:before {
     content: "\f6cf"
 }

 .fa-dice-d6:before {
     content: "\f6d1"
 }

 .fa-dice-five:before {
     content: "\f523"
 }

 .fa-dice-four:before {
     content: "\f524"
 }

 .fa-dice-one:before {
     content: "\f525"
 }

 .fa-dice-six:before {
     content: "\f526"
 }

 .fa-dice-three:before {
     content: "\f527"
 }

 .fa-dice-two:before {
     content: "\f528"
 }

 .fa-disease:before {
     content: "\f7fa"
 }

 .fa-display:before {
     content: "\e163"
 }

 .fa-divide:before {
     content: "\f529"
 }

 .fa-dna:before {
     content: "\f471"
 }

 .fa-dog:before {
     content: "\f6d3"
 }

 .fa-dollar-sign:before,
 .fa-dollar:before,
 .fa-usd:before {
     content: "\24"
 }

 .fa-dolly-box:before,
 .fa-dolly:before {
     content: "\f472"
 }

 .fa-dong-sign:before {
     content: "\e169"
 }

 .fa-door-closed:before {
     content: "\f52a"
 }

 .fa-door-open:before {
     content: "\f52b"
 }

 .fa-dove:before {
     content: "\f4ba"
 }

 .fa-compress-alt:before,
 .fa-down-left-and-up-right-to-center:before {
     content: "\f422"
 }

 .fa-down-long:before,
 .fa-long-arrow-alt-down:before {
     content: "\f309"
 }

 .fa-download:before {
     content: "\f019"
 }

 .fa-dragon:before {
     content: "\f6d5"
 }

 .fa-draw-polygon:before {
     content: "\f5ee"
 }

 .fa-droplet:before,
 .fa-tint:before {
     content: "\f043"
 }

 .fa-droplet-slash:before,
 .fa-tint-slash:before {
     content: "\f5c7"
 }

 .fa-drum:before {
     content: "\f569"
 }

 .fa-drum-steelpan:before {
     content: "\f56a"
 }

 .fa-drumstick-bite:before {
     content: "\f6d7"
 }

 .fa-dumbbell:before {
     content: "\f44b"
 }

 .fa-dumpster:before {
     content: "\f793"
 }

 .fa-dumpster-fire:before {
     content: "\f794"
 }

 .fa-dungeon:before {
     content: "\f6d9"
 }

 .fa-e:before {
     content: "\45"
 }

 .fa-deaf:before,
 .fa-deafness:before,
 .fa-ear-deaf:before,
 .fa-hard-of-hearing:before {
     content: "\f2a4"
 }

 .fa-assistive-listening-systems:before,
 .fa-ear-listen:before {
     content: "\f2a2"
 }

 .fa-earth-africa:before,
 .fa-globe-africa:before {
     content: "\f57c"
 }

 .fa-earth-america:before,
 .fa-earth-americas:before,
 .fa-earth:before,
 .fa-globe-americas:before {
     content: "\f57d"
 }

 .fa-earth-asia:before,
 .fa-globe-asia:before {
     content: "\f57e"
 }

 .fa-earth-europe:before,
 .fa-globe-europe:before {
     content: "\f7a2"
 }

 .fa-earth-oceania:before,
 .fa-globe-oceania:before {
     content: "\e47b"
 }

 .fa-egg:before {
     content: "\f7fb"
 }

 .fa-eject:before {
     content: "\f052"
 }

 .fa-elevator:before {
     content: "\e16d"
 }

 .fa-ellipsis-h:before,
 .fa-ellipsis:before {
     content: "\f141"
 }

 .fa-ellipsis-v:before,
 .fa-ellipsis-vertical:before {
     content: "\f142"
 }

 .fa-envelope:before {
     content: "\f0e0"
 }

 .fa-envelope-circle-check:before {
     content: "\e4e8"
 }

 .fa-envelope-open:before {
     content: "\f2b6"
 }

 .fa-envelope-open-text:before {
     content: "\f658"
 }

 .fa-envelopes-bulk:before,
 .fa-mail-bulk:before {
     content: "\f674"
 }

 .fa-equals:before {
     content: "\3d"
 }

 .fa-eraser:before {
     content: "\f12d"
 }

 .fa-ethernet:before {
     content: "\f796"
 }

 .fa-eur:before,
 .fa-euro-sign:before,
 .fa-euro:before {
     content: "\f153"
 }

 .fa-exclamation:before {
     content: "\21"
 }

 .fa-expand:before {
     content: "\f065"
 }

 .fa-explosion:before {
     content: "\e4e9"
 }

 .fa-eye:before {
     content: "\f06e"
 }

 .fa-eye-dropper-empty:before,
 .fa-eye-dropper:before,
 .fa-eyedropper:before {
     content: "\f1fb"
 }

 .fa-eye-low-vision:before,
 .fa-low-vision:before {
     content: "\f2a8"
 }

 .fa-eye-slash:before {
     content: "\f070"
 }

 .fa-f:before {
     content: "\46"
 }

 .fa-angry:before,
 .fa-face-angry:before {
     content: "\f556"
 }

 .fa-dizzy:before,
 .fa-face-dizzy:before {
     content: "\f567"
 }

 .fa-face-flushed:before,
 .fa-flushed:before {
     content: "\f579"
 }

 .fa-face-frown:before,
 .fa-frown:before {
     content: "\f119"
 }

 .fa-face-frown-open:before,
 .fa-frown-open:before {
     content: "\f57a"
 }

 .fa-face-grimace:before,
 .fa-grimace:before {
     content: "\f57f"
 }

 .fa-face-grin:before,
 .fa-grin:before {
     content: "\f580"
 }

 .fa-face-grin-beam:before,
 .fa-grin-beam:before {
     content: "\f582"
 }

 .fa-face-grin-beam-sweat:before,
 .fa-grin-beam-sweat:before {
     content: "\f583"
 }

 .fa-face-grin-hearts:before,
 .fa-grin-hearts:before {
     content: "\f584"
 }

 .fa-face-grin-squint:before,
 .fa-grin-squint:before {
     content: "\f585"
 }

 .fa-face-grin-squint-tears:before,
 .fa-grin-squint-tears:before {
     content: "\f586"
 }

 .fa-face-grin-stars:before,
 .fa-grin-stars:before {
     content: "\f587"
 }

 .fa-face-grin-tears:before,
 .fa-grin-tears:before {
     content: "\f588"
 }

 .fa-face-grin-tongue:before,
 .fa-grin-tongue:before {
     content: "\f589"
 }

 .fa-face-grin-tongue-squint:before,
 .fa-grin-tongue-squint:before {
     content: "\f58a"
 }

 .fa-face-grin-tongue-wink:before,
 .fa-grin-tongue-wink:before {
     content: "\f58b"
 }

 .fa-face-grin-wide:before,
 .fa-grin-alt:before {
     content: "\f581"
 }

 .fa-face-grin-wink:before,
 .fa-grin-wink:before {
     content: "\f58c"
 }

 .fa-face-kiss:before,
 .fa-kiss:before {
     content: "\f596"
 }

 .fa-face-kiss-beam:before,
 .fa-kiss-beam:before {
     content: "\f597"
 }

 .fa-face-kiss-wink-heart:before,
 .fa-kiss-wink-heart:before {
     content: "\f598"
 }

 .fa-face-laugh:before,
 .fa-laugh:before {
     content: "\f599"
 }

 .fa-face-laugh-beam:before,
 .fa-laugh-beam:before {
     content: "\f59a"
 }

 .fa-face-laugh-squint:before,
 .fa-laugh-squint:before {
     content: "\f59b"
 }

 .fa-face-laugh-wink:before,
 .fa-laugh-wink:before {
     content: "\f59c"
 }

 .fa-face-meh:before,
 .fa-meh:before {
     content: "\f11a"
 }

 .fa-face-meh-blank:before,
 .fa-meh-blank:before {
     content: "\f5a4"
 }

 .fa-face-rolling-eyes:before,
 .fa-meh-rolling-eyes:before {
     content: "\f5a5"
 }

 .fa-face-sad-cry:before,
 .fa-sad-cry:before {
     content: "\f5b3"
 }

 .fa-face-sad-tear:before,
 .fa-sad-tear:before {
     content: "\f5b4"
 }

 .fa-face-smile:before,
 .fa-smile:before {
     content: "\f118"
 }

 .fa-face-smile-beam:before,
 .fa-smile-beam:before {
     content: "\f5b8"
 }

 .fa-face-smile-wink:before,
 .fa-smile-wink:before {
     content: "\f4da"
 }

 .fa-face-surprise:before,
 .fa-surprise:before {
     content: "\f5c2"
 }

 .fa-face-tired:before,
 .fa-tired:before {
     content: "\f5c8"
 }

 .fa-fan:before {
     content: "\f863"
 }

 .fa-faucet:before {
     content: "\e005"
 }

 .fa-faucet-drip:before {
     content: "\e006"
 }

 .fa-fax:before {
     content: "\f1ac"
 }

 .fa-feather:before {
     content: "\f52d"
 }

 .fa-feather-alt:before,
 .fa-feather-pointed:before {
     content: "\f56b"
 }

 .fa-ferry:before {
     content: "\e4ea"
 }

 .fa-file:before {
     content: "\f15b"
 }

 .fa-file-arrow-down:before,
 .fa-file-download:before {
     content: "\f56d"
 }

 .fa-file-arrow-up:before,
 .fa-file-upload:before {
     content: "\f574"
 }

 .fa-file-audio:before {
     content: "\f1c7"
 }

 .fa-file-circle-check:before {
     content: "\e493"
 }

 .fa-file-circle-exclamation:before {
     content: "\e4eb"
 }

 .fa-file-circle-minus:before {
     content: "\e4ed"
 }

 .fa-file-circle-plus:before {
     content: "\e4ee"
 }

 .fa-file-circle-question:before {
     content: "\e4ef"
 }

 .fa-file-circle-xmark:before {
     content: "\e494"
 }

 .fa-file-code:before {
     content: "\f1c9"
 }

 .fa-file-contract:before {
     content: "\f56c"
 }

 .fa-file-csv:before {
     content: "\f6dd"
 }

 .fa-file-excel:before {
     content: "\f1c3"
 }

 .fa-arrow-right-from-file:before,
 .fa-file-export:before {
     content: "\f56e"
 }

 .fa-file-image:before {
     content: "\f1c5"
 }

 .fa-arrow-right-to-file:before,
 .fa-file-import:before {
     content: "\f56f"
 }

 .fa-file-invoice:before {
     content: "\f570"
 }

 .fa-file-invoice-dollar:before {
     content: "\f571"
 }

 .fa-file-alt:before,
 .fa-file-lines:before,
 .fa-file-text:before {
     content: "\f15c"
 }

 .fa-file-medical:before {
     content: "\f477"
 }

 .fa-file-pdf:before {
     content: "\f1c1"
 }

 .fa-file-edit:before,
 .fa-file-pen:before {
     content: "\f31c"
 }

 .fa-file-powerpoint:before {
     content: "\f1c4"
 }

 .fa-file-prescription:before {
     content: "\f572"
 }

 .fa-file-shield:before {
     content: "\e4f0"
 }

 .fa-file-signature:before {
     content: "\f573"
 }

 .fa-file-video:before {
     content: "\f1c8"
 }

 .fa-file-medical-alt:before,
 .fa-file-waveform:before {
     content: "\f478"
 }

 .fa-file-word:before {
     content: "\f1c2"
 }

 .fa-file-archive:before,
 .fa-file-zipper:before {
     content: "\f1c6"
 }

 .fa-fill:before {
     content: "\f575"
 }

 .fa-fill-drip:before {
     content: "\f576"
 }

 .fa-film:before {
     content: "\f008"
 }

 .fa-filter:before {
     content: "\f0b0"
 }

 .fa-filter-circle-dollar:before,
 .fa-funnel-dollar:before {
     content: "\f662"
 }

 .fa-filter-circle-xmark:before {
     content: "\e17b"
 }

 .fa-fingerprint:before {
     content: "\f577"
 }

 .fa-fire:before {
     content: "\f06d"
 }

 .fa-fire-burner:before {
     content: "\e4f1"
 }

 .fa-fire-extinguisher:before {
     content: "\f134"
 }

 .fa-fire-alt:before,
 .fa-fire-flame-curved:before {
     content: "\f7e4"
 }

 .fa-burn:before,
 .fa-fire-flame-simple:before {
     content: "\f46a"
 }

 .fa-fish:before {
     content: "\f578"
 }

 .fa-fish-fins:before {
     content: "\e4f2"
 }

 .fa-flag:before {
     content: "\f024"
 }

 .fa-flag-checkered:before {
     content: "\f11e"
 }

 .fa-flag-usa:before {
     content: "\f74d"
 }

 .fa-flask:before {
     content: "\f0c3"
 }

 .fa-flask-vial:before {
     content: "\e4f3"
 }

 .fa-floppy-disk:before,
 .fa-save:before {
     content: "\f0c7"
 }

 .fa-florin-sign:before {
     content: "\e184"
 }

 .fa-folder-blank:before,
 .fa-folder:before {
     content: "\f07b"
 }

 .fa-folder-closed:before {
     content: "\e185"
 }

 .fa-folder-minus:before {
     content: "\f65d"
 }

 .fa-folder-open:before {
     content: "\f07c"
 }

 .fa-folder-plus:before {
     content: "\f65e"
 }

 .fa-folder-tree:before {
     content: "\f802"
 }

 .fa-font:before {
     content: "\f031"
 }

 .fa-football-ball:before,
 .fa-football:before {
     content: "\f44e"
 }

 .fa-forward:before {
     content: "\f04e"
 }

 .fa-fast-forward:before,
 .fa-forward-fast:before {
     content: "\f050"
 }

 .fa-forward-step:before,
 .fa-step-forward:before {
     content: "\f051"
 }

 .fa-franc-sign:before {
     content: "\e18f"
 }

 .fa-frog:before {
     content: "\f52e"
 }

 .fa-futbol-ball:before,
 .fa-futbol:before,
 .fa-soccer-ball:before {
     content: "\f1e3"
 }

 .fa-g:before {
     content: "\47"
 }

 .fa-gamepad:before {
     content: "\f11b"
 }

 .fa-gas-pump:before {
     content: "\f52f"
 }

 .fa-dashboard:before,
 .fa-gauge-med:before,
 .fa-gauge:before,
 .fa-tachometer-alt-average:before {
     content: "\f624"
 }

 .fa-gauge-high:before,
 .fa-tachometer-alt-fast:before,
 .fa-tachometer-alt:before {
     content: "\f625"
 }

 .fa-gauge-simple-med:before,
 .fa-gauge-simple:before,
 .fa-tachometer-average:before {
     content: "\f629"
 }

 .fa-gauge-simple-high:before,
 .fa-tachometer-fast:before,
 .fa-tachometer:before {
     content: "\f62a"
 }

 .fa-gavel:before,
 .fa-legal:before {
     content: "\f0e3"
 }

 .fa-cog:before,
 .fa-gear:before {
     content: "\f013"
 }

 .fa-cogs:before,
 .fa-gears:before {
     content: "\f085"
 }

 .fa-gem:before {
     content: "\f3a5"
 }

 .fa-genderless:before {
     content: "\f22d"
 }

 .fa-ghost:before {
     content: "\f6e2"
 }

 .fa-gift:before {
     content: "\f06b"
 }

 .fa-gifts:before {
     content: "\f79c"
 }

 .fa-glass-water:before {
     content: "\e4f4"
 }

 .fa-glass-water-droplet:before {
     content: "\e4f5"
 }

 .fa-glasses:before {
     content: "\f530"
 }

 .fa-globe:before {
     content: "\f0ac"
 }

 .fa-golf-ball-tee:before,
 .fa-golf-ball:before {
     content: "\f450"
 }

 .fa-gopuram:before {
     content: "\f664"
 }

 .fa-graduation-cap:before,
 .fa-mortar-board:before {
     content: "\f19d"
 }

 .fa-greater-than:before {
     content: "\3e"
 }

 .fa-greater-than-equal:before {
     content: "\f532"
 }

 .fa-grip-horizontal:before,
 .fa-grip:before {
     content: "\f58d"
 }

 .fa-grip-lines:before {
     content: "\f7a4"
 }

 .fa-grip-lines-vertical:before {
     content: "\f7a5"
 }

 .fa-grip-vertical:before {
     content: "\f58e"
 }

 .fa-group-arrows-rotate:before {
     content: "\e4f6"
 }

 .fa-guarani-sign:before {
     content: "\e19a"
 }

 .fa-guitar:before {
     content: "\f7a6"
 }

 .fa-gun:before {
     content: "\e19b"
 }

 .fa-h:before {
     content: "\48"
 }

 .fa-hammer:before {
     content: "\f6e3"
 }

 .fa-hamsa:before {
     content: "\f665"
 }

 .fa-hand-paper:before,
 .fa-hand:before {
     content: "\f256"
 }

 .fa-hand-back-fist:before,
 .fa-hand-rock:before {
     content: "\f255"
 }

 .fa-allergies:before,
 .fa-hand-dots:before {
     content: "\f461"
 }

 .fa-fist-raised:before,
 .fa-hand-fist:before {
     content: "\f6de"
 }

 .fa-hand-holding:before {
     content: "\f4bd"
 }

 .fa-hand-holding-dollar:before,
 .fa-hand-holding-usd:before {
     content: "\f4c0"
 }

 .fa-hand-holding-droplet:before,
 .fa-hand-holding-water:before {
     content: "\f4c1"
 }

 .fa-hand-holding-hand:before {
     content: "\e4f7"
 }

 .fa-hand-holding-heart:before {
     content: "\f4be"
 }

 .fa-hand-holding-medical:before {
     content: "\e05c"
 }

 .fa-hand-lizard:before {
     content: "\f258"
 }

 .fa-hand-middle-finger:before {
     content: "\f806"
 }

 .fa-hand-peace:before {
     content: "\f25b"
 }

 .fa-hand-point-down:before {
     content: "\f0a7"
 }

 .fa-hand-point-left:before {
     content: "\f0a5"
 }

 .fa-hand-point-right:before {
     content: "\f0a4"
 }

 .fa-hand-point-up:before {
     content: "\f0a6"
 }

 .fa-hand-pointer:before {
     content: "\f25a"
 }

 .fa-hand-scissors:before {
     content: "\f257"
 }

 .fa-hand-sparkles:before {
     content: "\e05d"
 }

 .fa-hand-spock:before {
     content: "\f259"
 }

 .fa-handcuffs:before {
     content: "\e4f8"
 }

 .fa-hands:before,
 .fa-sign-language:before,
 .fa-signing:before {
     content: "\f2a7"
 }

 .fa-american-sign-language-interpreting:before,
 .fa-asl-interpreting:before,
 .fa-hands-american-sign-language-interpreting:before,
 .fa-hands-asl-interpreting:before {
     content: "\f2a3"
 }

 .fa-hands-bound:before {
     content: "\e4f9"
 }

 .fa-hands-bubbles:before,
 .fa-hands-wash:before {
     content: "\e05e"
 }

 .fa-hands-clapping:before {
     content: "\e1a8"
 }

 .fa-hands-holding:before {
     content: "\f4c2"
 }

 .fa-hands-holding-child:before {
     content: "\e4fa"
 }

 .fa-hands-holding-circle:before {
     content: "\e4fb"
 }

 .fa-hands-praying:before,
 .fa-praying-hands:before {
     content: "\f684"
 }

 .fa-handshake:before {
     content: "\f2b5"
 }

 .fa-hands-helping:before,
 .fa-handshake-angle:before {
     content: "\f4c4"
 }

 .fa-handshake-alt:before,
 .fa-handshake-simple:before {
     content: "\f4c6"
 }

 .fa-handshake-alt-slash:before,
 .fa-handshake-simple-slash:before {
     content: "\e05f"
 }

 .fa-handshake-slash:before {
     content: "\e060"
 }

 .fa-hanukiah:before {
     content: "\f6e6"
 }

 .fa-hard-drive:before,
 .fa-hdd:before {
     content: "\f0a0"
 }

 .fa-hashtag:before {
     content: "\23"
 }

 .fa-hat-cowboy:before {
     content: "\f8c0"
 }

 .fa-hat-cowboy-side:before {
     content: "\f8c1"
 }

 .fa-hat-wizard:before {
     content: "\f6e8"
 }

 .fa-head-side-cough:before {
     content: "\e061"
 }

 .fa-head-side-cough-slash:before {
     content: "\e062"
 }

 .fa-head-side-mask:before {
     content: "\e063"
 }

 .fa-head-side-virus:before {
     content: "\e064"
 }

 .fa-header:before,
 .fa-heading:before {
     content: "\f1dc"
 }

 .fa-headphones:before {
     content: "\f025"
 }

 .fa-headphones-alt:before,
 .fa-headphones-simple:before {
     content: "\f58f"
 }

 .fa-headset:before {
     content: "\f590"
 }

 .fa-heart:before {
     content: "\f004"
 }

 .fa-heart-circle-bolt:before {
     content: "\e4fc"
 }

 .fa-heart-circle-check:before {
     content: "\e4fd"
 }

 .fa-heart-circle-exclamation:before {
     content: "\e4fe"
 }

 .fa-heart-circle-minus:before {
     content: "\e4ff"
 }

 .fa-heart-circle-plus:before {
     content: "\e500"
 }

 .fa-heart-circle-xmark:before {
     content: "\e501"
 }

 .fa-heart-broken:before,
 .fa-heart-crack:before {
     content: "\f7a9"
 }

 .fa-heart-pulse:before,
 .fa-heartbeat:before {
     content: "\f21e"
 }

 .fa-helicopter:before {
     content: "\f533"
 }

 .fa-helicopter-symbol:before {
     content: "\e502"
 }

 .fa-hard-hat:before,
 .fa-hat-hard:before,
 .fa-helmet-safety:before {
     content: "\f807"
 }

 .fa-helmet-un:before {
     content: "\e503"
 }

 .fa-highlighter:before {
     content: "\f591"
 }

 .fa-hill-avalanche:before {
     content: "\e507"
 }

 .fa-hill-rockslide:before {
     content: "\e508"
 }

 .fa-hippo:before {
     content: "\f6ed"
 }

 .fa-hockey-puck:before {
     content: "\f453"
 }

 .fa-holly-berry:before {
     content: "\f7aa"
 }

 .fa-horse:before {
     content: "\f6f0"
 }

 .fa-horse-head:before {
     content: "\f7ab"
 }

 .fa-hospital-alt:before,
 .fa-hospital-wide:before,
 .fa-hospital:before {
     content: "\f0f8"
 }

 .fa-hospital-user:before {
     content: "\f80d"
 }

 .fa-hot-tub-person:before,
 .fa-hot-tub:before {
     content: "\f593"
 }

 .fa-hotdog:before {
     content: "\f80f"
 }

 .fa-hotel:before {
     content: "\f594"
 }

 .fa-hourglass-2:before,
 .fa-hourglass-half:before,
 .fa-hourglass:before {
     content: "\f254"
 }

 .fa-hourglass-empty:before {
     content: "\f252"
 }

 .fa-hourglass-3:before,
 .fa-hourglass-end:before {
     content: "\f253"
 }

 .fa-hourglass-1:before,
 .fa-hourglass-start:before {
     content: "\f251"
 }

 .fa-home-alt:before,
 .fa-home-lg-alt:before,
 .fa-home:before,
 .fa-house:before {
     content: "\f015"
 }

 .fa-home-lg:before,
 .fa-house-chimney:before {
     content: "\e3af"
 }

 .fa-house-chimney-crack:before,
 .fa-house-damage:before {
     content: "\f6f1"
 }

 .fa-clinic-medical:before,
 .fa-house-chimney-medical:before {
     content: "\f7f2"
 }

 .fa-house-chimney-user:before {
     content: "\e065"
 }

 .fa-house-chimney-window:before {
     content: "\e00d"
 }

 .fa-house-circle-check:before {
     content: "\e509"
 }

 .fa-house-circle-exclamation:before {
     content: "\e50a"
 }

 .fa-house-circle-xmark:before {
     content: "\e50b"
 }

 .fa-house-crack:before {
     content: "\e3b1"
 }

 .fa-house-fire:before {
     content: "\e50c"
 }

 .fa-house-flag:before {
     content: "\e50d"
 }

 .fa-house-flood-water:before {
     content: "\e50e"
 }

 .fa-house-flood-water-circle-arrow-right:before {
     content: "\e50f"
 }

 .fa-house-laptop:before,
 .fa-laptop-house:before {
     content: "\e066"
 }

 .fa-house-lock:before {
     content: "\e510"
 }

 .fa-house-medical:before {
     content: "\e3b2"
 }

 .fa-house-medical-circle-check:before {
     content: "\e511"
 }

 .fa-house-medical-circle-exclamation:before {
     content: "\e512"
 }

 .fa-house-medical-circle-xmark:before {
     content: "\e513"
 }

 .fa-house-medical-flag:before {
     content: "\e514"
 }

 .fa-house-signal:before {
     content: "\e012"
 }

 .fa-house-tsunami:before {
     content: "\e515"
 }

 .fa-home-user:before,
 .fa-house-user:before {
     content: "\e1b0"
 }

 .fa-hryvnia-sign:before,
 .fa-hryvnia:before {
     content: "\f6f2"
 }

 .fa-hurricane:before {
     content: "\f751"
 }

 .fa-i:before {
     content: "\49"
 }

 .fa-i-cursor:before {
     content: "\f246"
 }

 .fa-ice-cream:before {
     content: "\f810"
 }

 .fa-icicles:before {
     content: "\f7ad"
 }

 .fa-heart-music-camera-bolt:before,
 .fa-icons:before {
     content: "\f86d"
 }

 .fa-id-badge:before {
     content: "\f2c1"
 }

 .fa-drivers-license:before,
 .fa-id-card:before {
     content: "\f2c2"
 }

 .fa-id-card-alt:before,
 .fa-id-card-clip:before {
     content: "\f47f"
 }

 .fa-igloo:before {
     content: "\f7ae"
 }

 .fa-image:before {
     content: "\f03e"
 }

 .fa-image-portrait:before,
 .fa-portrait:before {
     content: "\f3e0"
 }

 .fa-images:before {
     content: "\f302"
 }

 .fa-inbox:before {
     content: "\f01c"
 }

 .fa-indent:before {
     content: "\f03c"
 }

 .fa-indian-rupee-sign:before,
 .fa-indian-rupee:before,
 .fa-inr:before {
     content: "\e1bc"
 }

 .fa-industry:before {
     content: "\f275"
 }

 .fa-infinity:before {
     content: "\f534"
 }

 .fa-info:before {
     content: "\f129"
 }

 .fa-italic:before {
     content: "\f033"
 }

 .fa-j:before {
     content: "\4a"
 }

 .fa-jar:before {
     content: "\e516"
 }

 .fa-jar-wheat:before {
     content: "\e517"
 }

 .fa-jedi:before {
     content: "\f669"
 }

 .fa-fighter-jet:before,
 .fa-jet-fighter:before {
     content: "\f0fb"
 }

 .fa-jet-fighter-up:before {
     content: "\e518"
 }

 .fa-joint:before {
     content: "\f595"
 }

 .fa-jug-detergent:before {
     content: "\e519"
 }

 .fa-k:before {
     content: "\4b"
 }

 .fa-kaaba:before {
     content: "\f66b"
 }

 .fa-key:before {
     content: "\f084"
 }

 .fa-keyboard:before {
     content: "\f11c"
 }

 .fa-khanda:before {
     content: "\f66d"
 }

 .fa-kip-sign:before {
     content: "\e1c4"
 }

 .fa-first-aid:before,
 .fa-kit-medical:before {
     content: "\f479"
 }

 .fa-kitchen-set:before {
     content: "\e51a"
 }

 .fa-kiwi-bird:before {
     content: "\f535"
 }

 .fa-l:before {
     content: "\4c"
 }

 .fa-land-mine-on:before {
     content: "\e51b"
 }

 .fa-landmark:before {
     content: "\f66f"
 }

 .fa-landmark-alt:before,
 .fa-landmark-dome:before {
     content: "\f752"
 }

 .fa-landmark-flag:before {
     content: "\e51c"
 }

 .fa-language:before {
     content: "\f1ab"
 }

 .fa-laptop:before {
     content: "\f109"
 }

 .fa-laptop-code:before {
     content: "\f5fc"
 }

 .fa-laptop-file:before {
     content: "\e51d"
 }

 .fa-laptop-medical:before {
     content: "\f812"
 }

 .fa-lari-sign:before {
     content: "\e1c8"
 }

 .fa-layer-group:before {
     content: "\f5fd"
 }

 .fa-leaf:before {
     content: "\f06c"
 }

 .fa-left-long:before,
 .fa-long-arrow-alt-left:before {
     content: "\f30a"
 }

 .fa-arrows-alt-h:before,
 .fa-left-right:before {
     content: "\f337"
 }

 .fa-lemon:before {
     content: "\f094"
 }

 .fa-less-than:before {
     content: "\3c"
 }

 .fa-less-than-equal:before {
     content: "\f537"
 }

 .fa-life-ring:before {
     content: "\f1cd"
 }

 .fa-lightbulb:before {
     content: "\f0eb"
 }

 .fa-lines-leaning:before {
     content: "\e51e"
 }

 .fa-chain:before,
 .fa-link:before {
     content: "\f0c1"
 }

 .fa-chain-broken:before,
 .fa-chain-slash:before,
 .fa-link-slash:before,
 .fa-unlink:before {
     content: "\f127"
 }

 .fa-lira-sign:before {
     content: "\f195"
 }

 .fa-list-squares:before,
 .fa-list:before {
     content: "\f03a"
 }

 .fa-list-check:before,
 .fa-tasks:before {
     content: "\f0ae"
 }

 .fa-list-1-2:before,
 .fa-list-numeric:before,
 .fa-list-ol:before {
     content: "\f0cb"
 }

 .fa-list-dots:before,
 .fa-list-ul:before {
     content: "\f0ca"
 }

 .fa-litecoin-sign:before {
     content: "\e1d3"
 }

 .fa-location-arrow:before {
     content: "\f124"
 }

 .fa-location-crosshairs:before,
 .fa-location:before {
     content: "\f601"
 }

 .fa-location-dot:before,
 .fa-map-marker-alt:before {
     content: "\f3c5"
 }

 .fa-location-pin:before,
 .fa-map-marker:before {
     content: "\f041"
 }

 .fa-location-pin-lock:before {
     content: "\e51f"
 }

 .fa-lock:before {
     content: "\f023"
 }

 .fa-lock-open:before {
     content: "\f3c1"
 }

 .fa-locust:before {
     content: "\e520"
 }

 .fa-lungs:before {
     content: "\f604"
 }

 .fa-lungs-virus:before {
     content: "\e067"
 }

 .fa-m:before {
     content: "\4d"
 }

 .fa-magnet:before {
     content: "\f076"
 }

 .fa-magnifying-glass:before,
 .fa-search:before {
     content: "\f002"
 }

 .fa-magnifying-glass-arrow-right:before {
     content: "\e521"
 }

 .fa-magnifying-glass-chart:before {
     content: "\e522"
 }

 .fa-magnifying-glass-dollar:before,
 .fa-search-dollar:before {
     content: "\f688"
 }

 .fa-magnifying-glass-location:before,
 .fa-search-location:before {
     content: "\f689"
 }

 .fa-magnifying-glass-minus:before,
 .fa-search-minus:before {
     content: "\f010"
 }

 .fa-magnifying-glass-plus:before,
 .fa-search-plus:before {
     content: "\f00e"
 }

 .fa-manat-sign:before {
     content: "\e1d5"
 }

 .fa-map:before {
     content: "\f279"
 }

 .fa-map-location:before,
 .fa-map-marked:before {
     content: "\f59f"
 }

 .fa-map-location-dot:before,
 .fa-map-marked-alt:before {
     content: "\f5a0"
 }

 .fa-map-pin:before {
     content: "\f276"
 }

 .fa-marker:before {
     content: "\f5a1"
 }

 .fa-mars:before {
     content: "\f222"
 }

 .fa-mars-and-venus:before {
     content: "\f224"
 }

 .fa-mars-and-venus-burst:before {
     content: "\e523"
 }

 .fa-mars-double:before {
     content: "\f227"
 }

 .fa-mars-stroke:before {
     content: "\f229"
 }

 .fa-mars-stroke-h:before,
 .fa-mars-stroke-right:before {
     content: "\f22b"
 }

 .fa-mars-stroke-up:before,
 .fa-mars-stroke-v:before {
     content: "\f22a"
 }

 .fa-glass-martini-alt:before,
 .fa-martini-glass:before {
     content: "\f57b"
 }

 .fa-cocktail:before,
 .fa-martini-glass-citrus:before {
     content: "\f561"
 }

 .fa-glass-martini:before,
 .fa-martini-glass-empty:before {
     content: "\f000"
 }

 .fa-mask:before {
     content: "\f6fa"
 }

 .fa-mask-face:before {
     content: "\e1d7"
 }

 .fa-mask-ventilator:before {
     content: "\e524"
 }

 .fa-masks-theater:before,
 .fa-theater-masks:before {
     content: "\f630"
 }

 .fa-mattress-pillow:before {
     content: "\e525"
 }

 .fa-expand-arrows-alt:before,
 .fa-maximize:before {
     content: "\f31e"
 }

 .fa-medal:before {
     content: "\f5a2"
 }

 .fa-memory:before {
     content: "\f538"
 }

 .fa-menorah:before {
     content: "\f676"
 }

 .fa-mercury:before {
     content: "\f223"
 }

 .fa-comment-alt:before,
 .fa-message:before {
     content: "\f27a"
 }

 .fa-meteor:before {
     content: "\f753"
 }

 .fa-microchip:before {
     content: "\f2db"
 }

 .fa-microphone:before {
     content: "\f130"
 }

 .fa-microphone-alt:before,
 .fa-microphone-lines:before {
     content: "\f3c9"
 }

 .fa-microphone-alt-slash:before,
 .fa-microphone-lines-slash:before {
     content: "\f539"
 }

 .fa-microphone-slash:before {
     content: "\f131"
 }

 .fa-microscope:before {
     content: "\f610"
 }

 .fa-mill-sign:before {
     content: "\e1ed"
 }

 .fa-compress-arrows-alt:before,
 .fa-minimize:before {
     content: "\f78c"
 }

 .fa-minus:before,
 .fa-subtract:before {
     content: "\f068"
 }

 .fa-mitten:before {
     content: "\f7b5"
 }

 .fa-mobile-android:before,
 .fa-mobile-phone:before,
 .fa-mobile:before {
     content: "\f3ce"
 }

 .fa-mobile-button:before {
     content: "\f10b"
 }

 .fa-mobile-retro:before {
     content: "\e527"
 }

 .fa-mobile-android-alt:before,
 .fa-mobile-screen:before {
     content: "\f3cf"
 }

 .fa-mobile-alt:before,
 .fa-mobile-screen-button:before {
     content: "\f3cd"
 }

 .fa-money-bill:before {
     content: "\f0d6"
 }

 .fa-money-bill-1:before,
 .fa-money-bill-alt:before {
     content: "\f3d1"
 }

 .fa-money-bill-1-wave:before,
 .fa-money-bill-wave-alt:before {
     content: "\f53b"
 }

 .fa-money-bill-transfer:before {
     content: "\e528"
 }

 .fa-money-bill-trend-up:before {
     content: "\e529"
 }

 .fa-money-bill-wave:before {
     content: "\f53a"
 }

 .fa-money-bill-wheat:before {
     content: "\e52a"
 }

 .fa-money-bills:before {
     content: "\e1f3"
 }

 .fa-money-check:before {
     content: "\f53c"
 }

 .fa-money-check-alt:before,
 .fa-money-check-dollar:before {
     content: "\f53d"
 }

 .fa-monument:before {
     content: "\f5a6"
 }

 .fa-moon:before {
     content: "\f186"
 }

 .fa-mortar-pestle:before {
     content: "\f5a7"
 }

 .fa-mosque:before {
     content: "\f678"
 }

 .fa-mosquito:before {
     content: "\e52b"
 }

 .fa-mosquito-net:before {
     content: "\e52c"
 }

 .fa-motorcycle:before {
     content: "\f21c"
 }

 .fa-mound:before {
     content: "\e52d"
 }

 .fa-mountain:before {
     content: "\f6fc"
 }

 .fa-mountain-city:before {
     content: "\e52e"
 }

 .fa-mountain-sun:before {
     content: "\e52f"
 }

 .fa-mug-hot:before {
     content: "\f7b6"
 }

 .fa-coffee:before,
 .fa-mug-saucer:before {
     content: "\f0f4"
 }

 .fa-music:before {
     content: "\f001"
 }

 .fa-n:before {
     content: "\4e"
 }

 .fa-naira-sign:before {
     content: "\e1f6"
 }

 .fa-network-wired:before {
     content: "\f6ff"
 }

 .fa-neuter:before {
     content: "\f22c"
 }

 .fa-newspaper:before {
     content: "\f1ea"
 }

 .fa-not-equal:before {
     content: "\f53e"
 }

 .fa-note-sticky:before,
 .fa-sticky-note:before {
     content: "\f249"
 }

 .fa-notes-medical:before {
     content: "\f481"
 }

 .fa-o:before {
     content: "\4f"
 }

 .fa-object-group:before {
     content: "\f247"
 }

 .fa-object-ungroup:before {
     content: "\f248"
 }

 .fa-oil-can:before {
     content: "\f613"
 }

 .fa-oil-well:before {
     content: "\e532"
 }

 .fa-om:before {
     content: "\f679"
 }

 .fa-otter:before {
     content: "\f700"
 }

 .fa-dedent:before,
 .fa-outdent:before {
     content: "\f03b"
 }

 .fa-p:before {
     content: "\50"
 }

 .fa-pager:before {
     content: "\f815"
 }

 .fa-paint-roller:before {
     content: "\f5aa"
 }

 .fa-paint-brush:before,
 .fa-paintbrush:before {
     content: "\f1fc"
 }

 .fa-palette:before {
     content: "\f53f"
 }

 .fa-pallet:before {
     content: "\f482"
 }

 .fa-panorama:before {
     content: "\e209"
 }

 .fa-paper-plane:before {
     content: "\f1d8"
 }

 .fa-paperclip:before {
     content: "\f0c6"
 }

 .fa-parachute-box:before {
     content: "\f4cd"
 }

 .fa-paragraph:before {
     content: "\f1dd"
 }

 .fa-passport:before {
     content: "\f5ab"
 }

 .fa-file-clipboard:before,
 .fa-paste:before {
     content: "\f0ea"
 }

 .fa-pause:before {
     content: "\f04c"
 }

 .fa-paw:before {
     content: "\f1b0"
 }

 .fa-peace:before {
     content: "\f67c"
 }

 .fa-pen:before {
     content: "\f304"
 }

 .fa-pen-alt:before,
 .fa-pen-clip:before {
     content: "\f305"
 }

 .fa-pen-fancy:before {
     content: "\f5ac"
 }

 .fa-pen-nib:before {
     content: "\f5ad"
 }

 .fa-pen-ruler:before,
 .fa-pencil-ruler:before {
     content: "\f5ae"
 }

 .fa-edit:before,
 .fa-pen-to-square:before {
     content: "\f044"
 }

 .fa-pencil-alt:before,
 .fa-pencil:before {
     content: "\f303"
 }

 .fa-people-arrows-left-right:before,
 .fa-people-arrows:before {
     content: "\e068"
 }

 .fa-people-carry-box:before,
 .fa-people-carry:before {
     content: "\f4ce"
 }

 .fa-people-group:before {
     content: "\e533"
 }

 .fa-people-line:before {
     content: "\e534"
 }

 .fa-people-pulling:before {
     content: "\e535"
 }

 .fa-people-robbery:before {
     content: "\e536"
 }

 .fa-people-roof:before {
     content: "\e537"
 }

 .fa-pepper-hot:before {
     content: "\f816"
 }

 .fa-percent:before,
 .fa-percentage:before {
     content: "\25"
 }

 .fa-male:before,
 .fa-person:before {
     content: "\f183"
 }

 .fa-person-arrow-down-to-line:before {
     content: "\e538"
 }

 .fa-person-arrow-up-from-line:before {
     content: "\e539"
 }

 .fa-biking:before,
 .fa-person-biking:before {
     content: "\f84a"
 }

 .fa-person-booth:before {
     content: "\f756"
 }

 .fa-person-breastfeeding:before {
     content: "\e53a"
 }

 .fa-person-burst:before {
     content: "\e53b"
 }

 .fa-person-cane:before {
     content: "\e53c"
 }

 .fa-person-chalkboard:before {
     content: "\e53d"
 }

 .fa-person-circle-check:before {
     content: "\e53e"
 }

 .fa-person-circle-exclamation:before {
     content: "\e53f"
 }

 .fa-person-circle-minus:before {
     content: "\e540"
 }

 .fa-person-circle-plus:before {
     content: "\e541"
 }

 .fa-person-circle-question:before {
     content: "\e542"
 }

 .fa-person-circle-xmark:before {
     content: "\e543"
 }

 .fa-digging:before,
 .fa-person-digging:before {
     content: "\f85e"
 }

 .fa-diagnoses:before,
 .fa-person-dots-from-line:before {
     content: "\f470"
 }

 .fa-female:before,
 .fa-person-dress:before {
     content: "\f182"
 }

 .fa-person-dress-burst:before {
     content: "\e544"
 }

 .fa-person-drowning:before {
     content: "\e545"
 }

 .fa-person-falling:before {
     content: "\e546"
 }

 .fa-person-falling-burst:before {
     content: "\e547"
 }

 .fa-person-half-dress:before {
     content: "\e548"
 }

 .fa-person-harassing:before {
     content: "\e549"
 }

 .fa-hiking:before,
 .fa-person-hiking:before {
     content: "\f6ec"
 }

 .fa-person-military-pointing:before {
     content: "\e54a"
 }

 .fa-person-military-rifle:before {
     content: "\e54b"
 }

 .fa-person-military-to-person:before {
     content: "\e54c"
 }

 .fa-person-praying:before,
 .fa-pray:before {
     content: "\f683"
 }

 .fa-person-pregnant:before {
     content: "\e31e"
 }

 .fa-person-rays:before {
     content: "\e54d"
 }

 .fa-person-rifle:before {
     content: "\e54e"
 }

 .fa-person-running:before,
 .fa-running:before {
     content: "\f70c"
 }

 .fa-person-shelter:before {
     content: "\e54f"
 }

 .fa-person-skating:before,
 .fa-skating:before {
     content: "\f7c5"
 }

 .fa-person-skiing:before,
 .fa-skiing:before {
     content: "\f7c9"
 }

 .fa-person-skiing-nordic:before,
 .fa-skiing-nordic:before {
     content: "\f7ca"
 }

 .fa-person-snowboarding:before,
 .fa-snowboarding:before {
     content: "\f7ce"
 }

 .fa-person-swimming:before,
 .fa-swimmer:before {
     content: "\f5c4"
 }

 .fa-person-through-window:before {
     content: "\e433"
 }

 .fa-person-walking:before,
 .fa-walking:before {
     content: "\f554"
 }

 .fa-person-walking-arrow-loop-left:before {
     content: "\e551"
 }

 .fa-person-walking-arrow-right:before {
     content: "\e552"
 }

 .fa-person-walking-dashed-line-arrow-right:before {
     content: "\e553"
 }

 .fa-person-walking-luggage:before {
     content: "\e554"
 }

 .fa-blind:before,
 .fa-person-walking-with-cane:before {
     content: "\f29d"
 }

 .fa-peseta-sign:before {
     content: "\e221"
 }

 .fa-peso-sign:before {
     content: "\e222"
 }

 .fa-phone:before {
     content: "\f095"
 }

 .fa-phone-alt:before,
 .fa-phone-flip:before {
     content: "\f879"
 }

 .fa-phone-slash:before {
     content: "\f3dd"
 }

 .fa-phone-volume:before,
 .fa-volume-control-phone:before {
     content: "\f2a0"
 }

 .fa-photo-film:before,
 .fa-photo-video:before {
     content: "\f87c"
 }

 .fa-piggy-bank:before {
     content: "\f4d3"
 }

 .fa-pills:before {
     content: "\f484"
 }

 .fa-pizza-slice:before {
     content: "\f818"
 }

 .fa-place-of-worship:before {
     content: "\f67f"
 }

 .fa-plane:before {
     content: "\f072"
 }

 .fa-plane-arrival:before {
     content: "\f5af"
 }

 .fa-plane-circle-check:before {
     content: "\e555"
 }

 .fa-plane-circle-exclamation:before {
     content: "\e556"
 }

 .fa-plane-circle-xmark:before {
     content: "\e557"
 }

 .fa-plane-departure:before {
     content: "\f5b0"
 }

 .fa-plane-lock:before {
     content: "\e558"
 }

 .fa-plane-slash:before {
     content: "\e069"
 }

 .fa-plane-up:before {
     content: "\e22d"
 }

 .fa-plant-wilt:before {
     content: "\e43b"
 }

 .fa-plate-wheat:before {
     content: "\e55a"
 }

 .fa-play:before {
     content: "\f04b"
 }

 .fa-plug:before {
     content: "\f1e6"
 }

 .fa-plug-circle-bolt:before {
     content: "\e55b"
 }

 .fa-plug-circle-check:before {
     content: "\e55c"
 }

 .fa-plug-circle-exclamation:before {
     content: "\e55d"
 }

 .fa-plug-circle-minus:before {
     content: "\e55e"
 }

 .fa-plug-circle-plus:before {
     content: "\e55f"
 }

 .fa-plug-circle-xmark:before {
     content: "\e560"
 }

 .fa-add:before,
 .fa-plus:before {
     content: "\2b"
 }

 .fa-plus-minus:before {
     content: "\e43c"
 }

 .fa-podcast:before {
     content: "\f2ce"
 }

 .fa-poo:before {
     content: "\f2fe"
 }

 .fa-poo-bolt:before,
 .fa-poo-storm:before {
     content: "\f75a"
 }

 .fa-poop:before {
     content: "\f619"
 }

 .fa-power-off:before {
     content: "\f011"
 }

 .fa-prescription:before {
     content: "\f5b1"
 }

 .fa-prescription-bottle:before {
     content: "\f485"
 }

 .fa-prescription-bottle-alt:before,
 .fa-prescription-bottle-medical:before {
     content: "\f486"
 }

 .fa-print:before {
     content: "\f02f"
 }

 .fa-pump-medical:before {
     content: "\e06a"
 }

 .fa-pump-soap:before {
     content: "\e06b"
 }

 .fa-puzzle-piece:before {
     content: "\f12e"
 }

 .fa-q:before {
     content: "\51"
 }

 .fa-qrcode:before {
     content: "\f029"
 }

 .fa-question:before {
     content: "\3f"
 }

 .fa-quote-left-alt:before,
 .fa-quote-left:before {
     content: "\f10d"
 }

 .fa-quote-right-alt:before,
 .fa-quote-right:before {
     content: "\f10e"
 }

 .fa-r:before {
     content: "\52"
 }

 .fa-radiation:before {
     content: "\f7b9"
 }

 .fa-radio:before {
     content: "\f8d7"
 }

 .fa-rainbow:before {
     content: "\f75b"
 }

 .fa-ranking-star:before {
     content: "\e561"
 }

 .fa-receipt:before {
     content: "\f543"
 }

 .fa-record-vinyl:before {
     content: "\f8d9"
 }

 .fa-ad:before,
 .fa-rectangle-ad:before {
     content: "\f641"
 }

 .fa-list-alt:before,
 .fa-rectangle-list:before {
     content: "\f022"
 }

 .fa-rectangle-times:before,
 .fa-rectangle-xmark:before,
 .fa-times-rectangle:before,
 .fa-window-close:before {
     content: "\f410"
 }

 .fa-recycle:before {
     content: "\f1b8"
 }

 .fa-registered:before {
     content: "\f25d"
 }

 .fa-repeat:before {
     content: "\f363"
 }

 .fa-mail-reply:before,
 .fa-reply:before {
     content: "\f3e5"
 }

 .fa-mail-reply-all:before,
 .fa-reply-all:before {
     content: "\f122"
 }

 .fa-republican:before {
     content: "\f75e"
 }

 .fa-restroom:before {
     content: "\f7bd"
 }

 .fa-retweet:before {
     content: "\f079"
 }

 .fa-ribbon:before {
     content: "\f4d6"
 }

 .fa-right-from-bracket:before,
 .fa-sign-out-alt:before {
     content: "\f2f5"
 }

 .fa-exchange-alt:before,
 .fa-right-left:before {
     content: "\f362"
 }

 .fa-long-arrow-alt-right:before,
 .fa-right-long:before {
     content: "\f30b"
 }

 .fa-right-to-bracket:before,
 .fa-sign-in-alt:before {
     content: "\f2f6"
 }

 .fa-ring:before {
     content: "\f70b"
 }

 .fa-road:before {
     content: "\f018"
 }

 .fa-road-barrier:before {
     content: "\e562"
 }

 .fa-road-bridge:before {
     content: "\e563"
 }

 .fa-road-circle-check:before {
     content: "\e564"
 }

 .fa-road-circle-exclamation:before {
     content: "\e565"
 }

 .fa-road-circle-xmark:before {
     content: "\e566"
 }

 .fa-road-lock:before {
     content: "\e567"
 }

 .fa-road-spikes:before {
     content: "\e568"
 }

 .fa-robot:before {
     content: "\f544"
 }

 .fa-rocket:before {
     content: "\f135"
 }

 .fa-rotate:before,
 .fa-sync-alt:before {
     content: "\f2f1"
 }

 .fa-rotate-back:before,
 .fa-rotate-backward:before,
 .fa-rotate-left:before,
 .fa-undo-alt:before {
     content: "\f2ea"
 }

 .fa-redo-alt:before,
 .fa-rotate-forward:before,
 .fa-rotate-right:before {
     content: "\f2f9"
 }

 .fa-route:before {
     content: "\f4d7"
 }

 .fa-feed:before,
 .fa-rss:before {
     content: "\f09e"
 }

 .fa-rouble:before,
 .fa-rub:before,
 .fa-ruble-sign:before,
 .fa-ruble:before {
     content: "\f158"
 }

 .fa-rug:before {
     content: "\e569"
 }

 .fa-ruler:before {
     content: "\f545"
 }

 .fa-ruler-combined:before {
     content: "\f546"
 }

 .fa-ruler-horizontal:before {
     content: "\f547"
 }

 .fa-ruler-vertical:before {
     content: "\f548"
 }

 .fa-rupee-sign:before,
 .fa-rupee:before {
     content: "\f156"
 }

 .fa-rupiah-sign:before {
     content: "\e23d"
 }

 .fa-s:before {
     content: "\53"
 }

 .fa-sack-dollar:before {
     content: "\f81d"
 }

 .fa-sack-xmark:before {
     content: "\e56a"
 }

 .fa-sailboat:before {
     content: "\e445"
 }

 .fa-satellite:before {
     content: "\f7bf"
 }

 .fa-satellite-dish:before {
     content: "\f7c0"
 }

 .fa-balance-scale:before,
 .fa-scale-balanced:before {
     content: "\f24e"
 }

 .fa-balance-scale-left:before,
 .fa-scale-unbalanced:before {
     content: "\f515"
 }

 .fa-balance-scale-right:before,
 .fa-scale-unbalanced-flip:before {
     content: "\f516"
 }

 .fa-school:before {
     content: "\f549"
 }

 .fa-school-circle-check:before {
     content: "\e56b"
 }

 .fa-school-circle-exclamation:before {
     content: "\e56c"
 }

 .fa-school-circle-xmark:before {
     content: "\e56d"
 }

 .fa-school-flag:before {
     content: "\e56e"
 }

 .fa-school-lock:before {
     content: "\e56f"
 }

 .fa-cut:before,
 .fa-scissors:before {
     content: "\f0c4"
 }

 .fa-screwdriver:before {
     content: "\f54a"
 }

 .fa-screwdriver-wrench:before,
 .fa-tools:before {
     content: "\f7d9"
 }

 .fa-scroll:before {
     content: "\f70e"
 }

 .fa-scroll-torah:before,
 .fa-torah:before {
     content: "\f6a0"
 }

 .fa-sd-card:before {
     content: "\f7c2"
 }

 .fa-section:before {
     content: "\e447"
 }

 .fa-seedling:before,
 .fa-sprout:before {
     content: "\f4d8"
 }

 .fa-server:before {
     content: "\f233"
 }

 .fa-shapes:before,
 .fa-triangle-circle-square:before {
     content: "\f61f"
 }

 .fa-arrow-turn-right:before,
 .fa-mail-forward:before,
 .fa-share:before {
     content: "\f064"
 }

 .fa-share-from-square:before,
 .fa-share-square:before {
     content: "\f14d"
 }

 .fa-share-alt:before,
 .fa-share-nodes:before {
     content: "\f1e0"
 }

 .fa-sheet-plastic:before {
     content: "\e571"
 }

 .fa-ils:before,
 .fa-shekel-sign:before,
 .fa-shekel:before,
 .fa-sheqel-sign:before,
 .fa-sheqel:before {
     content: "\f20b"
 }

 .fa-shield-blank:before,
 .fa-shield:before {
     content: "\f132"
 }

 .fa-shield-cat:before {
     content: "\e572"
 }

 .fa-shield-dog:before {
     content: "\e573"
 }

 .fa-shield-alt:before,
 .fa-shield-halved:before {
     content: "\f3ed"
 }

 .fa-shield-heart:before {
     content: "\e574"
 }

 .fa-shield-virus:before {
     content: "\e06c"
 }

 .fa-ship:before {
     content: "\f21a"
 }

 .fa-shirt:before,
 .fa-t-shirt:before,
 .fa-tshirt:before {
     content: "\f553"
 }

 .fa-shoe-prints:before {
     content: "\f54b"
 }

 .fa-shop:before,
 .fa-store-alt:before {
     content: "\f54f"
 }

 .fa-shop-lock:before {
     content: "\e4a5"
 }

 .fa-shop-slash:before,
 .fa-store-alt-slash:before {
     content: "\e070"
 }

 .fa-shower:before {
     content: "\f2cc"
 }

 .fa-shrimp:before {
     content: "\e448"
 }

 .fa-random:before,
 .fa-shuffle:before {
     content: "\f074"
 }

 .fa-shuttle-space:before,
 .fa-space-shuttle:before {
     content: "\f197"
 }

 .fa-sign-hanging:before,
 .fa-sign:before {
     content: "\f4d9"
 }

 .fa-signal-5:before,
 .fa-signal-perfect:before,
 .fa-signal:before {
     content: "\f012"
 }

 .fa-signature:before {
     content: "\f5b7"
 }

 .fa-map-signs:before,
 .fa-signs-post:before {
     content: "\f277"
 }

 .fa-sim-card:before {
     content: "\f7c4"
 }

 .fa-sink:before {
     content: "\e06d"
 }

 .fa-sitemap:before {
     content: "\f0e8"
 }

 .fa-skull:before {
     content: "\f54c"
 }

 .fa-skull-crossbones:before {
     content: "\f714"
 }

 .fa-slash:before {
     content: "\f715"
 }

 .fa-sleigh:before {
     content: "\f7cc"
 }

 .fa-sliders-h:before,
 .fa-sliders:before {
     content: "\f1de"
 }

 .fa-smog:before {
     content: "\f75f"
 }

 .fa-smoking:before {
     content: "\f48d"
 }

 .fa-snowflake:before {
     content: "\f2dc"
 }

 .fa-snowman:before {
     content: "\f7d0"
 }

 .fa-snowplow:before {
     content: "\f7d2"
 }

 .fa-soap:before {
     content: "\e06e"
 }

 .fa-socks:before {
     content: "\f696"
 }

 .fa-solar-panel:before {
     content: "\f5ba"
 }

 .fa-sort:before,
 .fa-unsorted:before {
     content: "\f0dc"
 }

 .fa-sort-desc:before,
 .fa-sort-down:before {
     content: "\f0dd"
 }

 .fa-sort-asc:before,
 .fa-sort-up:before {
     content: "\f0de"
 }

 .fa-spa:before {
     content: "\f5bb"
 }

 .fa-pastafarianism:before,
 .fa-spaghetti-monster-flying:before {
     content: "\f67b"
 }

 .fa-spell-check:before {
     content: "\f891"
 }

 .fa-spider:before {
     content: "\f717"
 }

 .fa-spinner:before {
     content: "\f110"
 }

 .fa-splotch:before {
     content: "\f5bc"
 }

 .fa-spoon:before,
 .fa-utensil-spoon:before {
     content: "\f2e5"
 }

 .fa-spray-can:before {
     content: "\f5bd"
 }

 .fa-air-freshener:before,
 .fa-spray-can-sparkles:before {
     content: "\f5d0"
 }

 .fa-square:before {
     content: "\f0c8"
 }

 .fa-external-link-square:before,
 .fa-square-arrow-up-right:before {
     content: "\f14c"
 }

 .fa-caret-square-down:before,
 .fa-square-caret-down:before {
     content: "\f150"
 }

 .fa-caret-square-left:before,
 .fa-square-caret-left:before {
     content: "\f191"
 }

 .fa-caret-square-right:before,
 .fa-square-caret-right:before {
     content: "\f152"
 }

 .fa-caret-square-up:before,
 .fa-square-caret-up:before {
     content: "\f151"
 }

 .fa-check-square:before,
 .fa-square-check:before {
     content: "\f14a"
 }

 .fa-envelope-square:before,
 .fa-square-envelope:before {
     content: "\f199"
 }

 .fa-square-full:before {
     content: "\f45c"
 }

 .fa-h-square:before,
 .fa-square-h:before {
     content: "\f0fd"
 }

 .fa-minus-square:before,
 .fa-square-minus:before {
     content: "\f146"
 }

 .fa-square-nfi:before {
     content: "\e576"
 }

 .fa-parking:before,
 .fa-square-parking:before {
     content: "\f540"
 }

 .fa-pen-square:before,
 .fa-pencil-square:before,
 .fa-square-pen:before {
     content: "\f14b"
 }

 .fa-square-person-confined:before {
     content: "\e577"
 }

 .fa-phone-square:before,
 .fa-square-phone:before {
     content: "\f098"
 }

 .fa-phone-square-alt:before,
 .fa-square-phone-flip:before {
     content: "\f87b"
 }

 .fa-plus-square:before,
 .fa-square-plus:before {
     content: "\f0fe"
 }

 .fa-poll-h:before,
 .fa-square-poll-horizontal:before {
     content: "\f682"
 }

 .fa-poll:before,
 .fa-square-poll-vertical:before {
     content: "\f681"
 }

 .fa-square-root-alt:before,
 .fa-square-root-variable:before {
     content: "\f698"
 }

 .fa-rss-square:before,
 .fa-square-rss:before {
     content: "\f143"
 }

 .fa-share-alt-square:before,
 .fa-square-share-nodes:before {
     content: "\f1e1"
 }

 .fa-external-link-square-alt:before,
 .fa-square-up-right:before {
     content: "\f360"
 }

 .fa-square-virus:before {
     content: "\e578"
 }

 .fa-square-xmark:before,
 .fa-times-square:before,
 .fa-xmark-square:before {
     content: "\f2d3"
 }

 .fa-rod-asclepius:before,
 .fa-rod-snake:before,
 .fa-staff-aesculapius:before,
 .fa-staff-snake:before {
     content: "\e579"
 }

 .fa-stairs:before {
     content: "\e289"
 }

 .fa-stamp:before {
     content: "\f5bf"
 }

 .fa-star:before {
     content: "\f005"
 }

 .fa-star-and-crescent:before {
     content: "\f699"
 }

 .fa-star-half:before {
     content: "\f089"
 }

 .fa-star-half-alt:before,
 .fa-star-half-stroke:before {
     content: "\f5c0"
 }

 .fa-star-of-david:before {
     content: "\f69a"
 }

 .fa-star-of-life:before {
     content: "\f621"
 }

 .fa-gbp:before,
 .fa-pound-sign:before,
 .fa-sterling-sign:before {
     content: "\f154"
 }

 .fa-stethoscope:before {
     content: "\f0f1"
 }

 .fa-stop:before {
     content: "\f04d"
 }

 .fa-stopwatch:before {
     content: "\f2f2"
 }

 .fa-stopwatch-20:before {
     content: "\e06f"
 }

 .fa-store:before {
     content: "\f54e"
 }

 .fa-store-slash:before {
     content: "\e071"
 }

 .fa-street-view:before {
     content: "\f21d"
 }

 .fa-strikethrough:before {
     content: "\f0cc"
 }

 .fa-stroopwafel:before {
     content: "\f551"
 }

 .fa-subscript:before {
     content: "\f12c"
 }

 .fa-suitcase:before {
     content: "\f0f2"
 }

 .fa-medkit:before,
 .fa-suitcase-medical:before {
     content: "\f0fa"
 }

 .fa-suitcase-rolling:before {
     content: "\f5c1"
 }

 .fa-sun:before {
     content: "\f185"
 }

 .fa-sun-plant-wilt:before {
     content: "\e57a"
 }

 .fa-superscript:before {
     content: "\f12b"
 }

 .fa-swatchbook:before {
     content: "\f5c3"
 }

 .fa-synagogue:before {
     content: "\f69b"
 }

 .fa-syringe:before {
     content: "\f48e"
 }

 .fa-t:before {
     content: "\54"
 }

 .fa-table:before {
     content: "\f0ce"
 }

 .fa-table-cells:before,
 .fa-th:before {
     content: "\f00a"
 }

 .fa-table-cells-large:before,
 .fa-th-large:before {
     content: "\f009"
 }

 .fa-columns:before,
 .fa-table-columns:before {
     content: "\f0db"
 }

 .fa-table-list:before,
 .fa-th-list:before {
     content: "\f00b"
 }

 .fa-ping-pong-paddle-ball:before,
 .fa-table-tennis-paddle-ball:before,
 .fa-table-tennis:before {
     content: "\f45d"
 }

 .fa-tablet-android:before,
 .fa-tablet:before {
     content: "\f3fb"
 }

 .fa-tablet-button:before {
     content: "\f10a"
 }

 .fa-tablet-alt:before,
 .fa-tablet-screen-button:before {
     content: "\f3fa"
 }

 .fa-tablets:before {
     content: "\f490"
 }

 .fa-digital-tachograph:before,
 .fa-tachograph-digital:before {
     content: "\f566"
 }

 .fa-tag:before {
     content: "\f02b"
 }

 .fa-tags:before {
     content: "\f02c"
 }

 .fa-tape:before {
     content: "\f4db"
 }

 .fa-tarp:before {
     content: "\e57b"
 }

 .fa-tarp-droplet:before {
     content: "\e57c"
 }

 .fa-cab:before,
 .fa-taxi:before {
     content: "\f1ba"
 }

 .fa-teeth:before {
     content: "\f62e"
 }

 .fa-teeth-open:before {
     content: "\f62f"
 }

 .fa-temperature-arrow-down:before,
 .fa-temperature-down:before {
     content: "\e03f"
 }

 .fa-temperature-arrow-up:before,
 .fa-temperature-up:before {
     content: "\e040"
 }

 .fa-temperature-0:before,
 .fa-temperature-empty:before,
 .fa-thermometer-0:before,
 .fa-thermometer-empty:before {
     content: "\f2cb"
 }

 .fa-temperature-4:before,
 .fa-temperature-full:before,
 .fa-thermometer-4:before,
 .fa-thermometer-full:before {
     content: "\f2c7"
 }

 .fa-temperature-2:before,
 .fa-temperature-half:before,
 .fa-thermometer-2:before,
 .fa-thermometer-half:before {
     content: "\f2c9"
 }

 .fa-temperature-high:before {
     content: "\f769"
 }

 .fa-temperature-low:before {
     content: "\f76b"
 }

 .fa-temperature-1:before,
 .fa-temperature-quarter:before,
 .fa-thermometer-1:before,
 .fa-thermometer-quarter:before {
     content: "\f2ca"
 }

 .fa-temperature-3:before,
 .fa-temperature-three-quarters:before,
 .fa-thermometer-3:before,
 .fa-thermometer-three-quarters:before {
     content: "\f2c8"
 }

 .fa-tenge-sign:before,
 .fa-tenge:before {
     content: "\f7d7"
 }

 .fa-tent:before {
     content: "\e57d"
 }

 .fa-tent-arrow-down-to-line:before {
     content: "\e57e"
 }

 .fa-tent-arrow-left-right:before {
     content: "\e57f"
 }

 .fa-tent-arrow-turn-left:before {
     content: "\e580"
 }

 .fa-tent-arrows-down:before {
     content: "\e581"
 }

 .fa-tents:before {
     content: "\e582"
 }

 .fa-terminal:before {
     content: "\f120"
 }

 .fa-text-height:before {
     content: "\f034"
 }

 .fa-remove-format:before,
 .fa-text-slash:before {
     content: "\f87d"
 }

 .fa-text-width:before {
     content: "\f035"
 }

 .fa-thermometer:before {
     content: "\f491"
 }

 .fa-thumbs-down:before {
     content: "\f165"
 }

 .fa-thumbs-up:before {
     content: "\f164"
 }

 .fa-thumb-tack:before,
 .fa-thumbtack:before {
     content: "\f08d"
 }

 .fa-ticket:before {
     content: "\f145"
 }

 .fa-ticket-alt:before,
 .fa-ticket-simple:before {
     content: "\f3ff"
 }

 .fa-timeline:before {
     content: "\e29c"
 }

 .fa-toggle-off:before {
     content: "\f204"
 }

 .fa-toggle-on:before {
     content: "\f205"
 }

 .fa-toilet:before {
     content: "\f7d8"
 }

 .fa-toilet-paper:before {
     content: "\f71e"
 }

 .fa-toilet-paper-slash:before {
     content: "\e072"
 }

 .fa-toilet-portable:before {
     content: "\e583"
 }

 .fa-toilets-portable:before {
     content: "\e584"
 }

 .fa-toolbox:before {
     content: "\f552"
 }

 .fa-tooth:before {
     content: "\f5c9"
 }

 .fa-torii-gate:before {
     content: "\f6a1"
 }

 .fa-tornado:before {
     content: "\f76f"
 }

 .fa-broadcast-tower:before,
 .fa-tower-broadcast:before {
     content: "\f519"
 }

 .fa-tower-cell:before {
     content: "\e585"
 }

 .fa-tower-observation:before {
     content: "\e586"
 }

 .fa-tractor:before {
     content: "\f722"
 }

 .fa-trademark:before {
     content: "\f25c"
 }

 .fa-traffic-light:before {
     content: "\f637"
 }

 .fa-trailer:before {
     content: "\e041"
 }

 .fa-train:before {
     content: "\f238"
 }

 .fa-subway:before,
 .fa-train-subway:before {
     content: "\f239"
 }

 .fa-train-tram:before,
 .fa-tram:before {
     content: "\f7da"
 }

 .fa-transgender-alt:before,
 .fa-transgender:before {
     content: "\f225"
 }

 .fa-trash:before {
     content: "\f1f8"
 }

 .fa-trash-arrow-up:before,
 .fa-trash-restore:before {
     content: "\f829"
 }

 .fa-trash-alt:before,
 .fa-trash-can:before {
     content: "\f2ed"
 }

 .fa-trash-can-arrow-up:before,
 .fa-trash-restore-alt:before {
     content: "\f82a"
 }

 .fa-tree:before {
     content: "\f1bb"
 }

 .fa-tree-city:before {
     content: "\e587"
 }

 .fa-exclamation-triangle:before,
 .fa-triangle-exclamation:before,
 .fa-warning:before {
     content: "\f071"
 }

 .fa-trophy:before {
     content: "\f091"
 }

 .fa-trowel:before {
     content: "\e589"
 }

 .fa-trowel-bricks:before {
     content: "\e58a"
 }

 .fa-truck:before {
     content: "\f0d1"
 }

 .fa-truck-arrow-right:before {
     content: "\e58b"
 }

 .fa-truck-droplet:before {
     content: "\e58c"
 }

 .fa-shipping-fast:before,
 .fa-truck-fast:before {
     content: "\f48b"
 }

 .fa-truck-field:before {
     content: "\e58d"
 }

 .fa-truck-field-un:before {
     content: "\e58e"
 }

 .fa-truck-front:before {
     content: "\e2b7"
 }

 .fa-ambulance:before,
 .fa-truck-medical:before {
     content: "\f0f9"
 }

 .fa-truck-monster:before {
     content: "\f63b"
 }

 .fa-truck-moving:before {
     content: "\f4df"
 }

 .fa-truck-pickup:before {
     content: "\f63c"
 }

 .fa-truck-plane:before {
     content: "\e58f"
 }

 .fa-truck-loading:before,
 .fa-truck-ramp-box:before {
     content: "\f4de"
 }

 .fa-teletype:before,
 .fa-tty:before {
     content: "\f1e4"
 }

 .fa-try:before,
 .fa-turkish-lira-sign:before,
 .fa-turkish-lira:before {
     content: "\e2bb"
 }

 .fa-level-down-alt:before,
 .fa-turn-down:before {
     content: "\f3be"
 }

 .fa-level-up-alt:before,
 .fa-turn-up:before {
     content: "\f3bf"
 }

 .fa-television:before,
 .fa-tv-alt:before,
 .fa-tv:before {
     content: "\f26c"
 }

 .fa-u:before {
     content: "\55"
 }

 .fa-umbrella:before {
     content: "\f0e9"
 }

 .fa-umbrella-beach:before {
     content: "\f5ca"
 }

 .fa-underline:before {
     content: "\f0cd"
 }

 .fa-universal-access:before {
     content: "\f29a"
 }

 .fa-unlock:before {
     content: "\f09c"
 }

 .fa-unlock-alt:before,
 .fa-unlock-keyhole:before {
     content: "\f13e"
 }

 .fa-arrows-alt-v:before,
 .fa-up-down:before {
     content: "\f338"
 }

 .fa-arrows-alt:before,
 .fa-up-down-left-right:before {
     content: "\f0b2"
 }

 .fa-long-arrow-alt-up:before,
 .fa-up-long:before {
     content: "\f30c"
 }

 .fa-expand-alt:before,
 .fa-up-right-and-down-left-from-center:before {
     content: "\f424"
 }

 .fa-external-link-alt:before,
 .fa-up-right-from-square:before {
     content: "\f35d"
 }

 .fa-upload:before {
     content: "\f093"
 }

 .fa-user:before {
     content: "\f007"
 }

 .fa-user-astronaut:before {
     content: "\f4fb"
 }

 .fa-user-check:before {
     content: "\f4fc"
 }

 .fa-user-clock:before {
     content: "\f4fd"
 }

 .fa-user-doctor:before,
 .fa-user-md:before {
     content: "\f0f0"
 }

 .fa-user-cog:before,
 .fa-user-gear:before {
     content: "\f4fe"
 }

 .fa-user-graduate:before {
     content: "\f501"
 }

 .fa-user-friends:before,
 .fa-user-group:before {
     content: "\f500"
 }

 .fa-user-injured:before {
     content: "\f728"
 }

 .fa-user-alt:before,
 .fa-user-large:before {
     content: "\f406"
 }

 .fa-user-alt-slash:before,
 .fa-user-large-slash:before {
     content: "\f4fa"
 }

 .fa-user-lock:before {
     content: "\f502"
 }

 .fa-user-minus:before {
     content: "\f503"
 }

 .fa-user-ninja:before {
     content: "\f504"
 }

 .fa-user-nurse:before {
     content: "\f82f"
 }

 .fa-user-edit:before,
 .fa-user-pen:before {
     content: "\f4ff"
 }

 .fa-user-plus:before {
     content: "\f234"
 }

 .fa-user-secret:before {
     content: "\f21b"
 }

 .fa-user-shield:before {
     content: "\f505"
 }

 .fa-user-slash:before {
     content: "\f506"
 }

 .fa-user-tag:before {
     content: "\f507"
 }

 .fa-user-tie:before {
     content: "\f508"
 }

 .fa-user-times:before,
 .fa-user-xmark:before {
     content: "\f235"
 }

 .fa-users:before {
     content: "\f0c0"
 }

 .fa-users-between-lines:before {
     content: "\e591"
 }

 .fa-users-cog:before,
 .fa-users-gear:before {
     content: "\f509"
 }

 .fa-users-line:before {
     content: "\e592"
 }

 .fa-users-rays:before {
     content: "\e593"
 }

 .fa-users-rectangle:before {
     content: "\e594"
 }

 .fa-users-slash:before {
     content: "\e073"
 }

 .fa-users-viewfinder:before {
     content: "\e595"
 }

 .fa-cutlery:before,
 .fa-utensils:before {
     content: "\f2e7"
 }

 .fa-v:before {
     content: "\56"
 }

 .fa-shuttle-van:before,
 .fa-van-shuttle:before {
     content: "\f5b6"
 }

 .fa-vault:before {
     content: "\e2c5"
 }

 .fa-vector-square:before {
     content: "\f5cb"
 }

 .fa-venus:before {
     content: "\f221"
 }

 .fa-venus-double:before {
     content: "\f226"
 }

 .fa-venus-mars:before {
     content: "\f228"
 }

 .fa-vest:before {
     content: "\e085"
 }

 .fa-vest-patches:before {
     content: "\e086"
 }

 .fa-vial:before {
     content: "\f492"
 }

 .fa-vial-circle-check:before {
     content: "\e596"
 }

 .fa-vial-virus:before {
     content: "\e597"
 }

 .fa-vials:before {
     content: "\f493"
 }

 .fa-video-camera:before,
 .fa-video:before {
     content: "\f03d"
 }

 .fa-video-slash:before {
     content: "\f4e2"
 }

 .fa-vihara:before {
     content: "\f6a7"
 }

 .fa-virus:before {
     content: "\e074"
 }

 .fa-virus-covid:before {
     content: "\e4a8"
 }

 .fa-virus-covid-slash:before {
     content: "\e4a9"
 }

 .fa-virus-slash:before {
     content: "\e075"
 }

 .fa-viruses:before {
     content: "\e076"
 }

 .fa-voicemail:before {
     content: "\f897"
 }

 .fa-volcano:before {
     content: "\f770"
 }

 .fa-volleyball-ball:before,
 .fa-volleyball:before {
     content: "\f45f"
 }

 .fa-volume-high:before,
 .fa-volume-up:before {
     content: "\f028"
 }

 .fa-volume-down:before,
 .fa-volume-low:before {
     content: "\f027"
 }

 .fa-volume-off:before {
     content: "\f026"
 }

 .fa-volume-mute:before,
 .fa-volume-times:before,
 .fa-volume-xmark:before {
     content: "\f6a9"
 }

 .fa-vr-cardboard:before {
     content: "\f729"
 }

 .fa-w:before {
     content: "\57"
 }

 .fa-walkie-talkie:before {
     content: "\f8ef"
 }

 .fa-wallet:before {
     content: "\f555"
 }

 .fa-magic:before,
 .fa-wand-magic:before {
     content: "\f0d0"
 }

 .fa-magic-wand-sparkles:before,
 .fa-wand-magic-sparkles:before {
     content: "\e2ca"
 }

 .fa-wand-sparkles:before {
     content: "\f72b"
 }

 .fa-warehouse:before {
     content: "\f494"
 }

 .fa-water:before {
     content: "\f773"
 }

 .fa-ladder-water:before,
 .fa-swimming-pool:before,
 .fa-water-ladder:before {
     content: "\f5c5"
 }

 .fa-wave-square:before {
     content: "\f83e"
 }

 .fa-weight-hanging:before {
     content: "\f5cd"
 }

 .fa-weight-scale:before,
 .fa-weight:before {
     content: "\f496"
 }

 .fa-wheat-alt:before,
 .fa-wheat-awn:before {
     content: "\e2cd"
 }

 .fa-wheat-awn-circle-exclamation:before {
     content: "\e598"
 }

 .fa-wheelchair:before {
     content: "\f193"
 }

 .fa-wheelchair-alt:before,
 .fa-wheelchair-move:before {
     content: "\e2ce"
 }

 .fa-glass-whiskey:before,
 .fa-whiskey-glass:before {
     content: "\f7a0"
 }

 .fa-wifi-3:before,
 .fa-wifi-strong:before,
 .fa-wifi:before {
     content: "\f1eb"
 }

 .fa-wind:before {
     content: "\f72e"
 }

 .fa-window-maximize:before {
     content: "\f2d0"
 }

 .fa-window-minimize:before {
     content: "\f2d1"
 }

 .fa-window-restore:before {
     content: "\f2d2"
 }

 .fa-wine-bottle:before {
     content: "\f72f"
 }

 .fa-wine-glass:before {
     content: "\f4e3"
 }

 .fa-wine-glass-alt:before,
 .fa-wine-glass-empty:before {
     content: "\f5ce"
 }

 .fa-krw:before,
 .fa-won-sign:before,
 .fa-won:before {
     content: "\f159"
 }

 .fa-worm:before {
     content: "\e599"
 }

 .fa-wrench:before {
     content: "\f0ad"
 }

 .fa-x:before {
     content: "\58"
 }

 .fa-x-ray:before {
     content: "\f497"
 }

 .fa-close:before,
 .fa-multiply:before,
 .fa-remove:before,
 .fa-times:before,
 .fa-xmark:before {
     content: "\f00d"
 }

 .fa-xmarks-lines:before {
     content: "\e59a"
 }

 .fa-y:before {
     content: "\59"
 }

 .fa-cny:before,
 .fa-jpy:before,
 .fa-rmb:before,
 .fa-yen-sign:before,
 .fa-yen:before {
     content: "\f157"
 }

 .fa-yin-yang:before {
     content: "\f6ad"
 }

 .fa-z:before {
     content: "\5a"
 }

 .fa-sr-only,
 .fa-sr-only-focusable:not(:focus),
 .sr-only,
 .sr-only-focusable:not(:focus) {
     clip: rect(0, 0, 0, 0);
     border-width: 0;
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     white-space: nowrap;
     width: 1px
 }

 /*!
* Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2022 Fonticons, Inc.
*/
 :host,
 :root {
     --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
 }


 .fa-solid,
 .fas {
     font-family: Font Awesome\ 6 Free;
     font-weight: 900
 }

 .c.sample-module {
     display: block
 }

 .c.sample-module .bezier {
     font-size: .14px
 }

 .c.sample-module .bezier .container {
     background: gray;
     height: 80vw;
     margin: 0 auto;
     position: relative;
     width: 80vw
 }

 .c.sample-module .bezier .container .item {
     background: red;
     height: 10%;
     left: 0;
     position: absolute;
     top: 100%;
     transform: translate(-50%, -50%);
     transition: all 5s;
     transition-timing-function: cubic-bezier(.1, .9, .1, .98);
     width: 10%
 }

 .c.sample-module .bezier .container:hover .item {
     background: green;
     top: 0
 }

 .c.sample-module .stacking-zIndex div {
     font: 12px Arial
 }

 .c.sample-module .stacking-zIndex span.bold {
     font-weight: 700
 }

 .c.sample-module .stacking-zIndex div.lev1 {
     background-color: #cfc;
     border: 2px outset #696;
     height: 70px;
     padding-left: 5px;
     position: relative;
     width: 250px
 }

 .c.sample-module .stacking-zIndex #container1 {
     left: 75px;
     position: absolute;
     top: 30px;
     z-index: 1
 }

 .c.sample-module .stacking-zIndex div.lev2 {
     background-color: #fdd;
     border: 2px outset #900;
     height: 60px;
     padding-left: 5px;
     position: relative;
     width: 200px
 }

 .c.sample-module .stacking-zIndex #container2 {
     left: 110px;
     position: absolute;
     top: 20px;
     z-index: 1
 }

 .c.sample-module .stacking-zIndex div.lev3 {
     background-color: #ddf;
     border: 2px outset #009;
     padding-left: 5px;
     position: relative;
     width: 100px;
     z-index: 10
 }

 .c.pop-up-header {
     background-color: #fff;
     bottom: 0;
     display: none;
     left: 0;
     max-height: 100vh;
     overflow-y: auto;
     padding: inherit;
     position: fixed;
     right: 0;
     top: 0;
     width: 100vw;
     z-index: 4600
 }

 .c.pop-up-header .search-popup {
     animation: intro-y .5s;
     display: none;
     padding: 8px 0 90px
 }

 .c.pop-up-header .search-popup .search .top {
     align-items: center;
     display: flex;
     justify-content: space-between;
     margin-bottom: 8px;
     padding: 0 8px
 }

 .c.pop-up-header .search-popup .search .top .search-title {
     color: #141414;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px
 }

 .c.pop-up-header .search-popup .search .top .close-search {
     align-items: center;
     border: .99054px solid #141414;
     border-radius: 49.527px;
     box-shadow: 0 2.47635px 0 #141414;
     display: flex;
     height: 23.96px;
     justify-content: center;
     width: 23.77px
 }

 .c.pop-up-header .search-popup .search .top .close-search i {
     color: #141414;
     font-size: 16px
 }

 .c.pop-up-header .search-popup .search .input {
     align-items: center;
     display: flex;
     justify-content: center;
     padding: 0 8px;
     position: relative
 }

 .c.pop-up-header .search-popup .search .input input {
     border: 1px solid #c9c9c9;
     border-radius: 6px;
     font-family: inherit;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     outline: 0;
     padding: 10px;
     width: 100%
 }

 .c.pop-up-header .search-popup .search .input input::placeholder {
     color: #a6a6a6
 }

 .c.pop-up-header .search-popup .search .input input:focus-visible {
     border: 1px solid #141414
 }

 .c.pop-up-header .search-popup .search .input .close-input {
     align-items: center;
     bottom: 0;
     display: none;
     font-size: 12px;
     justify-content: center;
     margin: 0;
     padding: 0 16px;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 1000000000000
 }

 .c.pop-up-header .search-popup .search .not-found {
     color: #ff1818;
     display: none;
     font-size: 10px;
     font-weight: 400;
     line-height: 20px;
     margin-top: 8px;
     padding: 0 10px
 }

 .c.pop-up-header .search-popup .search .search-result {
     display: none;
     gap: 15px;
     grid-template-columns: repeat(1, minmax(0, 1fr));
     margin-top: 10px;
     max-height: 61vh;
     overflow-y: scroll;
     padding: 0 8px
 }

 .c.pop-up-header .search-popup .search .search-result .item {
     cursor: pointer;
     display: flex;
     gap: 8px;
     justify-content: flex-start
 }

 .c.pop-up-header .search-popup .search .search-result .item .result-img {
     border-radius: 8px;
     height: 45px;
     overflow: hidden;
     position: relative;
     width: 45px
 }

 .c.pop-up-header .search-popup .search .search-result .item .result-img .mystery {
     align-items: center;
     background: #fff7e2;
     border-radius: 8px 0 0 0;
     bottom: 0;
     display: none;
     height: 20px;
     justify-content: center;
     position: absolute;
     right: 0;
     width: 20px
 }

 .c.pop-up-header .search-popup .search .search-result .item .result-img .mystery .icon {
     background: url(../png/2a86ac2ef4b965471dec.png) 50% no-repeat;
     background-size: cover;
     height: 11.79px;
     width: 8.02px
 }

 .c.pop-up-header .search-popup .search .search-result .item .name {
     align-items: center;
     color: #141414;
     display: flex;
     font-family: Lexend;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
     text-align: center
 }

 .c.pop-up-header .search-popup .search .search-result .item .lock {
     align-items: center;
     display: none;
     justify-content: center
 }

 .c.pop-up-header .search-popup .search .search-result .item .lock i {
     color: #ffad33;
     font-size: 12px
 }

 .c.pop-up-header .search-popup .search .search-result .item.mystery .lock,
 .c.pop-up-header .search-popup .search .search-result .item.mystery .mystery {
     display: flex
 }

 .c.pop-up-header .search-popup .search .search-result .hide {
     display: none
 }

 .c.pop-up-header .search-popup .search .search-result .show {
     display: flex
 }

 .c.pop-up-header .search-popup .search .search-may-like {
     display: none;
     margin-top: 30px;
     min-height: 145px;
     position: relative
 }

 .c.pop-up-header .search-popup .search .search-may-like .title {
     align-items: center;
     display: flex;
     gap: 8px;
     justify-content: flex-start;
     margin-bottom: 8px;
     padding: 0 8px
 }

 .c.pop-up-header .search-popup .search .search-may-like .title .text {
     color: #141414;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px
 }

 .c.pop-up-header .search-popup .search .search-may-like .title .view-all {
     align-items: center;
     cursor: pointer;
     display: flex;
     gap: 4px;
     justify-content: center
 }

 .c.pop-up-header .search-popup .search .search-may-like .title .view-all .content {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .c.pop-up-header .search-popup .search .search-may-like .title .view-all i {
     color: #00bfb2;
     font-size: 10px;
     line-height: 14px
 }

 .c.pop-up-header .search-popup .search .search-may-like .may-like-list {
     -ms-overflow-style: none;
     align-items: center;
     display: flex;
     flex-wrap: nowrap;
     gap: 4px;
     justify-content: flex-start;
     overflow-x: auto;
     overflow-y: hidden;
     scrollbar-width: none
 }

 .c.pop-up-header .search-popup .search .search-may-like .may-like-list::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .c.pop-up-header .search-popup .search .search-may-like .may-like-list .may-like-items {
     cursor: pointer;
     flex-shrink: 0;
     height: 117px;
     position: relative;
     white-space: nowrap;
     width: 110px
 }

 .c.pop-up-header .search-popup .search .search-may-like .may-like-list .may-like-items img {
     border-radius: 6px;
     overflow: hidden
 }

 .c.pop-up-header .search-popup .search .search-may-like .may-like-list .may-like-items.item-1 {
     margin-left: 8px
 }

 .c.pop-up-header .search-popup .search .search-may-like .may-like-list .may-like-items.item-10 {
     margin-right: 8px
 }

 .c.pop-up-header .search-popup .search .i .title {
     cursor: pointer
 }

 .c.pop-up-header .search-popup .search .px-8 {
     padding: 0 8px
 }

 @media screen and (min-width: 1280px) {
     .c.pop-up-header .search-popup .search {
         margin: 0 auto;
         max-width: 1140px
     }

     .c.pop-up-header .search-popup .search-title {
         text-align: center
     }

     .c.pop-up-header .search-popup .search .input {
         margin: 0 auto;
         width: 344px
     }

     .c.pop-up-header .search-popup .search .search-result {
         border-radius: 10px;
         box-shadow: 0 10px 20px rgba(151, 151, 151, .25);
         gap: 10px;
         grid-template-columns: repeat(3, minmax(0, 1fr));
         margin: 10px auto 0;
         padding: 10px 20px;
         width: 930px
     }

     .c.pop-up-header .search-popup .search .not-found {
         text-align: center
     }

     .c.pop-up-header .search-popup .search .search-may-like {
         margin-left: auto;
         margin-right: auto;
         max-width: 1140px
     }

     .c.pop-up-header .search-popup .search .search-may-like .title {
         padding: 0
     }

     .c.pop-up-header .search-popup .search .search-may-like .may-like-items {
         margin: 0 !important
     }
 }

 .c.category {
     padding-top: 5px;
     width: 100%
 }

 .c.category .grid-title {
     color: #000000;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     margin-top: 30px
 }

 .c.category .rect {
     background: #fcfcfc;
     border-radius: 6px;
     box-shadow: 0 4px 20px rgba(151, 151, 151, .25);
     flex: none;
     flex-grow: 0;
     gap: 6px;
     order: 0;
     padding: 12px;
     text-align: center
 }

 .c.category .rect,
 .c.category .rect .icon {
     align-items: center;
     display: flex;
     justify-content: center
 }

 .c.category .rect .icon {
     width: 20px
 }

 .c.category .container {
     align-items: flex-start;
     color: #183153;
     display: flex;
     flex-wrap: wrap;
     font-weight: 400;
     gap: 6px;
     justify-content: flex-start;
     margin: 2px auto 0
 }

 .c.category .container .item {
     border: 1px solid #fff;
     border-radius: 5px;
     cursor: pointer;
     flex-shrink: 0
 }

 .c.category .container .item .title {
     color: #141414;
     flex: none;
     flex-grow: 0;
     font-size: 12px;
     font-weight: 400;
     line-height: 20px;
     order: 1;
     text-align: center
 }

 @media screen and (min-width: 1280px) {
     .c.category .grid-title {
         padding: 0;
         text-align: center
     }

     .c.category .container {
         justify-content: center;
         margin-top: 8px
     }

     .c.category .container .item {
         transition: all .2s ease-in-out
     }

     .c.category .container .item:hover {
         border: 1px solid rgba(20, 20, 20, .25);
         box-shadow: 0 4px 20px rgba(151, 151, 151, .25)
     }

     .c.category .container .item.active:hover {
         border: 2px solid rgba(20, 20, 20, .25);
         box-shadow: 0 4px 20px rgba(151, 151, 151, .25)
     }
 }

 .i.grid {
     display: block;
     width: 100vw
 }

 .i.grid .grid-title {
     color: #000000;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     margin: 0;
     padding: 0 8px
 }

 .i.grid .rect {
     background: #fcfcfc;
     border-radius: 6px;
     box-shadow: 0 4px 20px rgba(151, 151, 151, .25);
     flex: none;
     flex-grow: 0;
     gap: 6px;
     order: 0;
     padding: 12px;
     text-align: center
 }

 .i.grid .rect,
 .i.grid .rect .icon {
     align-items: center;
     display: flex;
     justify-content: center
 }

 .i.grid .rect .icon {
     width: 20px
 }

 .i.grid .container {
     align-items: flex-start;
     color: #183153;
     display: flex;
     flex-wrap: wrap;
     font-weight: 400;
     gap: 10px;
     gap: 6px;
     justify-content: flex-start;
     margin: 2px auto 0;
     padding: 8px 8px 10px
 }

 .i.grid .container .item {
     border: 1px solid #fff;
     border-radius: 5px;
     cursor: pointer;
     flex-shrink: 0
 }

 .i.grid .container .item.active {
     border: 2px solid #141414
 }

 .i.grid .container .item .title {
     color: #141414;
     flex: none;
     flex-grow: 0;
     font-size: 12px;
     font-weight: 400;
     line-height: 20px;
     order: 1;
     text-align: center
 }

 /* .challenges .i.grid,
.game .i.grid,
.index .i.grid,
.kids .i.grid {
     display: none 
} */

 @media screen and (min-width: 1280px) {
     .i.grid {
         margin: 10px 72px 0;
         width: calc(100vw - 144px)
     }

     .i.grid .grid-title {
         padding: 0;
         text-align: center
     }

     .i.grid .container {
         justify-content: center
     }

     .i.grid .container .item {
         transition: all .2s ease-in-out
     }

     .i.grid .container .item:hover {
         border: 1px solid rgba(20, 20, 20, .25);
         box-shadow: 0 4px 20px rgba(151, 151, 151, .25)
     }

     .i.grid .container .item.active:hover {
         border: 2px solid rgba(20, 20, 20, .25);
         box-shadow: 0 4px 20px rgba(151, 151, 151, .25)
     }
 }

 .c.pop-up-mystery-box {
     animation: intro-y .5s;
     background: rgba(0, 0, 0, .82);
     bottom: 0;
     display: none;
     left: 0;
     max-height: 100vh;
     overflow-y: auto;
     position: fixed;
     right: 0;
     top: 0;
     width: 100vw;
     z-index: 4700
 }

 .c.pop-up-mystery-box .found-general-popup {
     background: #fcfcfc;
     border-radius: 8px;
     display: none;
     left: 50%;
     margin: 0 auto;
     max-width: 328px;
     overflow: hidden;
     padding: 20px;
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     width: calc(100vw - 16px)
 }

 .c.pop-up-mystery-box .found-general-popup .fg-container {
     align-items: center;
     display: flex;
     flex-direction: column;
     gap: 10px;
     justify-content: center;
     padding: 0
 }

 .c.pop-up-mystery-box .found-general-popup .fg-container .box {
     filter: drop-shadow(0 4.17778px 5.22222px #913e21) drop-shadow(0 4.17778px 20.8889px rgba(145, 62, 33, .5));
     overflow: hidden
 }

 .c.pop-up-mystery-box .found-general-popup .fg-container .box .icon {
     background: url(../png/063356b5b95410f5e86d.png) no-repeat 50%;
     background-size: contain;
     border-radius: 6.26667px;
     height: 94px;
     overflow: hidden;
     width: 94px
 }

 .c.pop-up-mystery-box .found-general-popup .fg-container .title {
     color: #553e04;
     font-size: 24px;
     font-weight: 700;
     line-height: 32px;
     text-align: center;
     text-transform: capitalize
 }

 .c.pop-up-mystery-box .found-general-popup .fg-container .des {
     color: #553e04;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px
 }

 .c.pop-up-mystery-box .found-general-popup .fg-container .btns {
     align-items: center;
     display: flex;
     gap: 10px;
     justify-content: center;
     margin-top: 10px
 }

 .c.pop-up-mystery-box .found-general-popup .fg-container .btns div {
     border: 1px solid #00bfb2;
     border-radius: 8px;
     cursor: pointer;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     text-align: center
 }

 .c.pop-up-mystery-box .found-general-popup .fg-container .btns .skip {
     color: #00bfb2;
     padding: 10px 31px
 }

 .c.pop-up-mystery-box .found-general-popup .fg-container .btns .resume {
     background: #00bfb2;
     color: #fcfcfc;
     padding: 10px 27.5px
 }

 .c.pop-up-mystery-box .found-search-popup {
     background: #fcfcfc;
     border-radius: 8px;
     display: none;
     left: 50%;
     margin: 0 auto;
     max-width: 328px;
     overflow: hidden;
     padding: 20px;
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     width: calc(100vw - 16px)
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container {
     align-items: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 0
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .box {
     overflow: hidden
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .box .icon {
     border-radius: 19.2px;
     height: 94px;
     overflow: hidden;
     position: relative;
     width: 94px
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .box .icon .mystery {
     align-items: center;
     background: #fff7e2;
     border-radius: 19.2px 0 0 0;
     bottom: 0;
     display: flex;
     height: 48px;
     justify-content: center;
     position: absolute;
     right: 0;
     width: 48px
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .box .icon .mystery .ms-icon {
     background: url(../png/2a86ac2ef4b965471dec.png) 50% no-repeat;
     background-size: cover;
     height: 28.29px;
     width: 19.24px
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .title {
     color: #553e04;
     display: inline;
     font-size: 24px;
     font-weight: 700;
     line-height: 32px;
     margin-top: 10px;
     text-align: center;
     text-transform: capitalize;
     white-space: pre
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .title p {
     color: #ffad33;
     display: inline
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .title p:before {
     content: " "
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .des {
     color: #2dc549;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     margin-top: 14px
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .perks {
     display: grid;
     gap: 4px;
     grid-template-columns: repeat(3, minmax(0, 1fr))
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .perks .perk {
     align-items: center;
     display: flex;
     gap: 4px;
     justify-content: center;
     padding: 10px 0
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .perks .perk .check {
     align-items: center;
     background: #2dc549;
     border-radius: 100%;
     display: flex;
     height: 14px;
     justify-content: center;
     width: 14px
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .perks .perk .check i {
     color: #fff;
     font-size: 10px
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .perks .perk .p-content {
     color: #553e04;
     font-size: 12px;
     font-weight: 600;
     line-height: 16px
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .btns {
     align-items: center;
     display: flex;
     gap: 10px;
     justify-content: center;
     margin-top: 34px
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .btns div {
     border: 1px solid #00bfb2;
     border-radius: 8px;
     cursor: pointer;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     text-align: center
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .btns .skip {
     color: #00bfb2;
     padding: 10px 31px
 }

 .c.pop-up-mystery-box .found-search-popup .fs-container .btns .resume {
     background: #00bfb2;
     color: #fcfcfc;
     padding: 10px 27.5px
 }

 .c.nav-bar {
     background: transparent;
     border-radius: 100px;
     bottom: 30px;
     box-shadow: unset;
     left: 0;
     margin: 0 auto;
     max-width: 500px;
     position: fixed;
     right: 0;
     transition: all .5s ease-in-out;
     width: calc(100vw - 16px);
     z-index: 3000
 }

 .c.nav-bar .nav-bar-list {
     align-items: center;
     display: flex;
     gap: 8px;
     justify-content: space-between;
     padding: 3.5px 24px
 }

 .c.nav-bar .nav-bar-list .nav-bar-item,
 .c.nav-bar .nav-bar-list .nav-bar-item .icon {
     align-items: center;
     display: flex;
     justify-content: center
 }

 .c.nav-bar .nav-bar-list .nav-bar-item .icon {
     height: 45px;
     width: 45px
 }

 .c.nav-bar .nav-bar-list .nav-bar-item .icon i {
     color: #fff;
     font-size: 24px
 }

 .c.nav-bar .nav-bar-list .nav-bar-item .icon .img {
     display: none
 }

 .c.nav-bar .nav-bar-list .nav-bar-item.active {
     -webkit-text-fill-color: transparent;
     text-fill-color: transparent;
     background: linear-gradient(132.93deg, #ffd159 21.12%, #ffad33 86.05%);
     -webkit-background-clip: text;
     background-clip: text
 }

 /* .c.nav-bar .nav-bar-list .nav-bar-item.item-story i {
    display: none
} */

 .c.nav-bar .nav-bar-list .nav-bar-item.item-story .img {
     display: block;
     height: 24px;
     width: 24px
 }

 .c.nav-bar .nav-bar-list .nav-bar-item.item-aths {
     /* display: none */
 }

 .c.nav-bar .container {
     /* display: none; */
     gap: 16px;
     justify-content: space-around
 }

 .c.nav-bar .container .nav-bar-list-left,
 .c.nav-bar .container .nav-bar-list-right {
     align-items: center;
     background: #141414;
     border-radius: 12px;
     box-shadow: 0 16px 32px 0 rgba(50, 50, 71, .08), 0 8px 16px 0 rgba(50, 50, 71, .08), 0 16px 32px 0 rgba(50, 50, 71, .08), 0 8px 16px 0 rgba(50, 50, 71, .08), 0 16px 32px 0 rgba(50, 50, 71, .08), 0 8px 16px 0 rgba(50, 50, 71, .08), 0 16px 32px 0 rgba(50, 50, 71, .08), 0 8px 16px 0 rgba(50, 50, 71, .08);
     display: flex;
     gap: 4px;
     justify-content: space-between;
     padding: 4px
 }

 .c.nav-bar .container .nav-bar-list-left .nav-bar-item,
 .c.nav-bar .container .nav-bar-list-right .nav-bar-item {
     align-items: center;
     background: rgba(255, 255, 255, .05);
     border-radius: 12px;
     display: flex;
     justify-content: center;
     padding: 10px;
     width: inherit
 }

 .c.nav-bar .container .nav-bar-list-left .nav-bar-item .icon,
 .c.nav-bar .container .nav-bar-list-right .nav-bar-item .icon {
     align-items: center;
     display: flex;
     height: 24px;
     justify-content: center;
     width: 44px
 }

 .c.nav-bar .container .nav-bar-list-left .nav-bar-item .icon i,
 .c.nav-bar .container .nav-bar-list-right .nav-bar-item .icon i {
     color: #fff;
     font-size: 24px
 }

 .c.nav-bar .container .nav-bar-list-left .nav-bar-item .icon .img,
 .c.nav-bar .container .nav-bar-list-right .nav-bar-item .icon .img {
     display: none
 }

 .c.nav-bar .container .nav-bar-list-left .nav-bar-item.active,
 .c.nav-bar .container .nav-bar-list-right .nav-bar-item.active {
     background: rgba(255, 255, 255, .2)
 }

 .c.nav-bar .container .nav-bar-list-left .nav-bar-item.item-story i,
 .c.nav-bar .container .nav-bar-list-right .nav-bar-item.item-story i {
     display: none
 }

 .c.nav-bar .container .nav-bar-list-left .nav-bar-item.item-story .img,
 .c.nav-bar .container .nav-bar-list-right .nav-bar-item.item-story .img {
     display: block;
     height: 24px;
     width: 24px
 }

 .c.nav-bar .container .nav-bar-list-left .nav-bar-item.item-aths,
 .c.nav-bar .container .nav-bar-list-right .nav-bar-item.item-aths {
     background: transparent;
     padding: 0
 }

 .c.nav-bar .container .nav-bar-list-left .nav-bar-item.item-aths .icon,
 .c.nav-bar .container .nav-bar-list-right .nav-bar-item.item-aths .icon {
     height: 44px;
     width: 44px
 }

 .c.nav-bar .container .nav-bar-list-left {
     display: none
 }

 .c.nav-bar .container .nav-bar-list-right {
     width: 80%;
     margin: 0 auto;
 }

 @media screen and (min-width: 1280px) {
     .c.nav-bar .nav-bar-item {
         cursor: pointer
     }
 }

 .c.pop-up-nav-bar {
     animation: intro-y-bot .5s;
     background: rgba(0, 0, 0, .2);
     bottom: 0;
     display: none;
     left: 0;
     max-height: 100vh;
     overflow-y: auto;
     position: fixed;
     right: 0;
     top: 0;
     width: 100vw;
     z-index: 4500
 }

 .c.pop-up-nav-bar .aths-popup .tooltip-aths {
     background: #e6f7ff;
     border-radius: 8px;
     bottom: 12.75px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
     left: 0;
     margin: 0 auto;
     padding: 12px;
     position: fixed;
     right: 0;
     width: max-content
 }

 .c.pop-up-nav-bar .aths-popup .tooltip-aths .text {
     align-items: center;
     color: #0061ba;
     display: flex;
     gap: 8px;
     justify-content: center
 }

 .c.pop-up-nav-bar .aths-popup .tooltip-aths .text .aths-title {
     margin-left: -2px;
     position: relative
 }

 .c.pop-up-nav-bar .aths-popup .tooltip-aths .text .aths-title:before {
     background: #d6f2ff;
     bottom: 0;
     content: "";
     height: 8px;
     left: -2px;
     mix-blend-mode: multiply;
     position: absolute;
     width: calc(100% + 4px)
 }

 .c.pop-up-nav-bar .aths-popup .tooltip-aths .arrow {
     background: #e6f7ff;
     clip-path: polygon(49% 100%, 0 0, 100% 0);
     height: 12.75px;
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     top: 99%;
     width: 14.72px
 }

 .i.top-banner {
     background: #b7e7f1
 }

 .i.top-banner .sbt-sticky {
     align-items: center;
     display: none;
     flex-wrap: nowrap;
     gap: 10px;
     justify-content: center;
     padding: 16px
 }

 .i.top-banner .sbt-sticky .sbt-s-text {
     color: #000000;
     font-size: 14px;
     font-weight: 600;
     line-height: 16px;
     width: 225px
 }

 .i.top-banner .sbt-sticky .sbt-s-text .sbt-st-red {
     color: #ee2e8e
 }

 .i.top-banner .sbt-sticky .sbt-s-button {
     background: #fee600;
     border-radius: 100px;
     box-shadow: 0 5px 0 #c6b304;
     color: #04223f;
     font-size: 14px;
     font-weight: 700;
     line-height: 16px;
     padding: 10px 20px
 }

 .i.story {
     display: block;
     position: relative
 }

 .i.story:after {
     background: url(../png/ec584d68b19a8663d214.png) repeat bottom;
     bottom: 10px;
     content: "";
     height: 33.6px;
     left: 0;
     margin: 0 auto;
     position: absolute;
     right: 0;
     width: 100%
 }

 .i.story .story-list {
     -ms-overflow-style: none;
     background: linear-gradient(180deg, rgba(244, 248, 255, 0) 53.68%, #edf4ff 96.03%);
     display: flex;
     gap: 8px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding: 8px 8px 60px;
     scrollbar-width: none
 }

 .i.story .story-list::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.story .story-list .story-item .bg {
     align-items: center;
     border-radius: 1000px;
     display: flex;
     height: 76px;
     justify-content: center;
     overflow: hidden;
     width: 76px
 }

 .i.story .story-list .story-item .bg .image {
     align-items: center;
     border: 3px solid #fff;
     border-radius: 1000px;
     display: flex;
     height: 66px;
     background: #c4deff;
     justify-content: center;
     width: 66px
 }

 .i.story .story-list .story-item .bg .image .icon {
     align-items: center;
     border-radius: 50%;
     overflow: hidden;
     display: flex;
     justify-content: center;
     text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
 }

 .i.story .story-list .story-item .bg .image .icon.new {
     color: #fff;
     font-size: 16px;
     font-weight: 900;
     line-height: 20px;
     text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
 }

 .i.story .story-list .story-item.story-challenges .image {
     background: url(../svg/afa0dbae894c01819cc4.svg) 50% no-repeat;
     background-size: contain;
     border: initial;
     height: 100%;
     width: 100%
 }

 .abt-lc .i.story .story-item.story-challenges .image {
     background-image: url(../svg/b4c2fbd59b62ad9754f0.svg)
 }

 @media screen and (min-width: 1280px) {
     .i.story .story-list {
         justify-content: center
     }

     .i.story .story-list .story-item {
         cursor: pointer
     }
 }

 .i.aths {
     margin: 18px auto 0;
     max-width: 512px;
     padding: 0 8px;
     position: relative;
     transition: all .5s ease-in-out
 }

 .i.aths .close {
     align-items: center;
     background: #fcfcfc;
     border: .99054px solid #ffa630;
     border-radius: 49.527px;
     box-shadow: 0 2.47635px 0 #ffa630;
     display: flex;
     height: 23.96px;
     justify-content: center;
     position: absolute;
     right: 15px;
     top: -8px;
     width: 23.77px;
     z-index: 1
 }

 .i.aths .close i {
     color: #ffa630;
     font-size: 16px
 }

 .i.aths .container {
     align-items: center;
     background: #797ef6;
     border-radius: 8px;
     box-shadow: 0 8px 16px rgba(50, 50, 71, .08), 0 16px 32px rgba(50, 50, 71, .08);
     display: flex;
     justify-content: center;
     overflow: hidden;
     position: relative
 }

 .i.aths .container .c-left {
     position: relative;
     z-index: 1
 }

 .i.aths .container .c-left .logo {
     height: 150px;
     width: 150px
 }

 .i.aths .container .c-right {
     align-items: center;
     display: flex;
     flex-flow: column;
     justify-content: center;
     padding-right: 10px;
     position: relative;
     text-align: center;
     z-index: 1
 }

 .i.aths .container .c-right .title {
     color: #fff;
     font-size: 24px;
     font-weight: 600;
     line-height: 32px
 }

 .i.aths .container .c-right .des {
     color: #fff;
     font-size: 12px;
     font-weight: 400;
     letter-spacing: -.02em;
     line-height: 16px
 }

 .i.aths .container .c-right .aths-button {
     align-items: center;
     background: #fff;
     border: 2px solid #ffa630;
     border-radius: 8px;
     box-shadow: 0 5px 0 #ffa630;
     display: inline-flex;
     gap: 8px;
     justify-content: center;
     margin-top: 12px;
     padding: 8px 12px;
     text-align: center
 }

 .i.aths .container .c-right .aths-button i {
     color: #ffa630;
     font-size: 16px
 }

 .i.aths .container .c-right .aths-button .text {
     color: #ffa630;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.recently-played {
     display: block;
     padding: 8px 0 8px 8px
 }

 .i.recently-played .title {
     color: #141414;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     margin-bottom: 8px
 }

 .i.recently-played .recently-list {
     -ms-overflow-style: none;
     display: flex;
     flex-wrap: nowrap;
     gap: 4px;
     overflow: hidden;
     overflow-x: auto;
     scrollbar-width: none
 }

 .i.recently-played .recently-list::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.recently-played .recently-list .recently-items {
     border-radius: 7px;
     display: flex;
     flex-shrink: 0;
     height: 135px;
     overflow: hidden;
     position: relative;
     width: 125px
 }

 .i.recently-played .recently-list .recently-items:last-child {
     margin-right: 8px
 }

 .i.recently-played .recently-list .recently-items .game-pad {
     align-items: center;
     background: rgba(0, 0, 0, .7);
     border: 1px solid #fff;
     border-radius: 100px;
     box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .15);
     display: flex;
     height: 45px;
     justify-content: center;
     left: 50%;
     pointer-events: none;
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     user-select: none;
     width: 45px
 }

 .i.recently-played .recently-list .recently-items .game-pad i {
     color: #fff;
     font-size: 18px
 }

 .i.recently-played .not-played {
     color: #a6a6a6;
     font-size: 12px;
     font-weight: 400;
     line-height: 14px
 }

 @media screen and (min-width: 1280px) {
     .i.recently-played {
         margin: 0 auto;
         max-width: 1140px;
         padding: 20px 0;
         width: calc(100vw - 144px)
     }

     .i.recently-played .recently-items {
         cursor: pointer
     }
 }

 .i.highlight {
     animation: gradient 15s ease infinite;
     background: linear-gradient(-20deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
     background-size: 400% 400%;
     display: none;
     font-size: 10px;
     margin: 30px 0 15px;
     min-height: 290px;
     padding: 16px;
     position: relative;
     width: calc(100% - 32px)
 }

 .i.highlight .container {
     align-items: center;
     display: none;
     flex-flow: column;
     gap: 8px;
     justify-content: center;
     margin: 0 auto
 }

 .i.highlight .container .mid {
     background: rgba(0, 0, 0, .4);
     border-radius: 8px;
     position: relative
 }

 .i.highlight .container .mid .image {
     overflow: hidden;
     position: relative
 }

 .i.highlight .container .mid .image .logo {
     align-items: center;
     background: #326199;
     border-radius: 100%;
     bottom: 8px;
     display: flex;
     height: 49px;
     justify-content: center;
     left: 5px;
     overflow: hidden;
     position: absolute;
     width: 49px
 }

 .i.highlight .container .mid .image .logo .icon {
     background: url(../png/f218de296975011f2454.png) no-repeat;
     background-size: contain;
     height: 33.541px;
     width: 29.5px
 }

 .i.highlight .container .mid .image img {
     aspect-ratio: 328/229;
     border-radius: 8px;
     object-fit: cover
 }

 .i.highlight .container .mid .game {
     align-items: center;
     display: flex;
     justify-content: space-between;
     padding: 10px 12px 16px
 }

 .i.highlight .container .mid .game-detail .game-des {
     color: #fff;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.highlight .container .mid .game-detail .game-name {
     color: #fff;
     font-size: 24px;
     font-weight: 700;
     line-height: 32px
 }

 .i.highlight .container .mid .game-play {
     align-items: center;
     background: #00bfb2;
     border-radius: 8px;
     box-shadow: 0 4.34452px 0 0 #003f7a;
     display: flex;
     height: 46.342px;
     justify-content: center;
     width: 46.341px
 }

 .i.highlight .container .mid .game-play i {
     color: #fcfcfc;
     font-size: 20px
 }

 @media screen and (min-width: 1280px) {
     .i.highlight {
         margin: 30px auto 0;
         max-width: 1140px
     }

     .i.highlight .container .mid {
         max-width: 328px
     }

     .i.highlight .container .game-play,
     .i.highlight .container .mid .image {
         cursor: pointer
     }
 }

 .c.loading {
     align-items: center;
     bottom: 0;
     display: flex;
     justify-content: center;
     left: 0;
     margin: auto;
     position: absolute;
     right: 0;
     top: 0
 }

 .c.loading i {
     animation: spin 1s linear infinite;
     color: #000000;
     font-size: 40px
 }

 .i.top-10.carousel {
     box-sizing: border-box;
     font-size: 10px;
     margin: 10px auto 0;
     min-height: 140px;
     position: relative;
     width: 100vw
 }

 .i.top-10.carousel .title {
     align-items: center;
     color: #141414;
     display: flex;
     font-size: 14px;
     font-weight: 400;
     gap: 8px;
     line-height: 20px;
     margin-bottom: 8px;
     padding-left: 8px
 }

 .i.top-10.carousel .view-all {
     color: #00bfb2;
     /* display: none; */
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.top-10.carousel .abs-num {
     bottom: -66px;
     color: #f5f5f5;
     font-size: 60px;
     font-weight: 700;
     left: 6px;
     line-height: 64px;
     position: absolute;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, .8)
 }

 .i.top-10.carousel .item-container {
     -ms-overflow-style: none;
     display: flex;
     gap: 4px;
     height: 140px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-bottom: 17px;
     padding-left: 5px;
     padding-right: 5px;
     scrollbar-width: none
 }

 .i.top-10.carousel .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.top-10.carousel .item {
     filter: drop-shadow(0 4px 20px rgba(151, 151, 151, .25));
     flex-shrink: 0;
     height: 117px;
     position: relative;
     width: 110px
 }

 .i.top-10.carousel img {
     border-radius: 6px
 }

 @media screen and (min-width: 1280px) {
     .i.top-10.carousel {
         margin: 0 auto;
         max-width: 1140px
     }

     .i.top-10.carousel .item-container {
         padding-left: 0;
         padding-right: 0
     }

     .i.top-10.carousel .title {
         padding: 0
     }
 }

 .i.delay-loading {
     margin: 15px 0 40px
 }

 .i.delay-loading .title {
     border-radius: 6px;
     height: 20px;
     margin: 0 8px;
     overflow: hidden;
     position: relative;
     width: 202px
 }

 .i.delay-loading .title:after {
     animation: ant-skeleton-loading 1.4s ease infinite;
     background: linear-gradient(90deg, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
     bottom: 0;
     content: "";
     left: -150%;
     position: absolute;
     right: -150%;
     top: 0
 }

 .i.delay-loading .items {
     -ms-overflow-style: none;
     display: flex;
     flex-wrap: nowrap;
     gap: 4px;
     margin-top: 8px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-left: 8px;
     padding-right: 8px;
     scrollbar-width: none
 }

 .i.delay-loading .items::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.delay-loading .items .item {
     border-radius: 6px;
     flex-shrink: 0;
     height: 117px;
     overflow: hidden;
     position: relative;
     width: 110px
 }

 .i.delay-loading .items .item:after {
     animation: ant-skeleton-loading 1.4s ease infinite;
     background: linear-gradient(90deg, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%);
     bottom: 0;
     content: "";
     left: -150%;
     position: absolute;
     right: -150%;
     top: 0
 }

 @media screen and (min-width: 1280px) {
     .i.delay-loading {
         margin: 10px auto 0;
         max-width: 1140px
     }

     .i.delay-loading .title {
         margin: 0
     }

     .i.delay-loading .items {
         padding: 0 !important
     }
 }

 .i.may-like {
     /* display: none; */
     margin-top: 15px;
     min-height: 145px;
     position: relative
 }

 .i.may-like .title {
     align-items: center;
     display: flex;
     gap: 8px;
     justify-content: flex-start;
     margin-bottom: 8px;
     padding: 0 8px
 }

 .i.may-like .title .text {
     color: #141414;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px
 }

 .i.may-like .title .view-all {
     align-items: center;
     cursor: pointer;
     display: flex;
     gap: 4px;
     justify-content: center
 }

 .i.may-like .title .view-all .content {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.may-like .title .view-all i {
     color: #00bfb2;
     font-size: 10px;
     line-height: 14px
 }

 .i.may-like .may-like-list {
     -ms-overflow-style: none;
     align-items: center;
     display: flex;
     flex-wrap: nowrap;
     gap: 4px;
     justify-content: flex-start;
     overflow-x: auto;
     overflow-y: hidden;
     scrollbar-width: none
 }

 .i.may-like .may-like-list::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.may-like .may-like-list .may-like-items {
     cursor: pointer;
     flex-shrink: 0;
     height: 117px;
     position: relative;
     white-space: nowrap;
     width: 110px
 }

 .i.may-like .may-like-list .may-like-items img {
     border-radius: 6px;
     overflow: hidden
 }

 .i.may-like .may-like-list .may-like-items.item-1 {
     margin-left: 8px
 }

 .i.may-like .may-like-list .may-like-items.item-10 {
     margin-right: 8px
 }

 @media screen and (min-width: 1280px) {
     .i.may-like {
         margin-left: auto;
         margin-right: auto;
         max-width: 1140px
     }

     .i.may-like .title {
         padding: 0
     }

     .i.may-like .may-like-items {
         margin: 0 !important
     }
 }

 .i.premium-game {
     align-items: center;
     background-size: cover;
     display: none;
     justify-content: center;
     margin-top: 30px;
     overflow: hidden;
     padding: 30px 30.5px;
     position: relative;
     width: calc(100vw - 61px)
 }

 .i.premium-game .bg-blur {
     background-size: cover !important;
     bottom: 0;
     filter: blur(50px);
     height: 100%;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     width: 100%;
     z-index: -1
 }

 .i.premium-game .container {
     align-items: center;
     background-size: cover !important;
     border-radius: 8px;
     box-shadow: 0 16px 32px 0 rgba(50, 50, 71, .08), 0 8px 16px 0 rgba(50, 50, 71, .08);
     display: flex;
     flex-flow: column;
     gap: 4px;
     height: 447px;
     justify-content: end;
     max-width: 500px;
     padding-bottom: 18px;
     width: 100%
 }

 .i.premium-game .container .top {
     align-items: center;
     display: flex;
     gap: 4px;
     justify-content: center
 }

 .i.premium-game .container .top i {
     color: #fcfcfc;
     font-size: 10px
 }

 .i.premium-game .container .top .content {
     color: #fcfcfc;
     font-size: 10px;
     font-weight: 400;
     line-height: 16px
 }

 .i.premium-game .container .mid {
     align-items: center;
     background: linear-gradient(153deg, #00bfb2 16.67%, #0061ba);
     border-radius: 8px;
     display: flex;
     gap: 4px;
     justify-content: center;
     padding: 12px 0;
     width: calc(100% - 30px)
 }

 .i.premium-game .container .mid i {
     color: #fcfcfc;
     font-size: 16px
 }

 .i.premium-game .container .mid .content {
     color: #fcfcfc;
     font-size: 14px;
     font-weight: 700;
     line-height: 16px
 }

 .i.premium-game .container .bot {
     color: #666;
     font-size: 10px;
     font-weight: 400;
     line-height: 16px;
     text-align: center
 }

 @media screen and (min-width: 1280px) {
     .i.premium-game {
         margin: 30px auto 0;
         max-width: 1140px
     }

     .i.premium-game .mid {
         cursor: pointer
     }
 }

 .i.original.carousel {
     /* display: none; */
     font-size: 10px;
     margin: 10px auto;
     position: relative;
     width: 100vw
 }

 .i.original.carousel .title {
     align-items: center;
     color: #141414;
     display: flex;
     font-size: 14px;
     font-weight: 400;
     gap: 8px;
     line-height: 20px;
     margin-bottom: 8px;
     padding-left: 8px
 }

 .i.original.carousel .view-all {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.original.carousel .original-list {
     overflow: hidden;
     position: relative
 }

 .i.original.carousel .item-container {
     -ms-overflow-style: none;
     align-items: flex-start;
     display: flex;
     flex-direction: row;
     gap: 4px;
     height: 195px;
     margin-left: 8px;
     overflow-x: scroll;
     padding: 0;
     scrollbar-width: none
 }

 .i.original.carousel .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.original.carousel .item-container .item {
     border-radius: 6px;
     flex-shrink: 0;
     height: 195px;
     overflow: hidden;
     position: relative;
     width: 130px
 }

 .i.original.carousel .item-container .item:last-child {
     margin-right: 8px
 }

 .i.original.carousel .item-container .item .ludi-icon {
     background: url(../jpg/a372172cd06f9eb9e695.jpg) 50% no-repeat;
     background-size: cover;
     border-radius: 4px;
     box-shadow: 0 3px 4.88889px rgba(0, 0, 0, .6);
     height: 19px;
     left: 4px;
     position: absolute;
     top: 4px;
     width: 19px
 }

 .i.original.carousel .arrow {
     align-items: center;
     bottom: 0;
     display: flex;
     justify-content: space-between;
     left: 0;
     pointer-events: fill;
     position: absolute;
     right: 0;
     top: 0
 }

 .i.original.carousel .arrow .left,
 .i.original.carousel .arrow .right {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     padding: 8px;
     position: relative;
     transition: all .5s ease-in-out;
     z-index: 1
 }

 .i.original.carousel .arrow .left i,
 .i.original.carousel .arrow .right i {
     color: #e6f7ff;
     font-size: 16px;
     font-weight: 900;
     line-height: 24px;
     transition: all .5s ease-in-out;
     visibility: hidden
 }

 .i.original.carousel .arrow .left:hover,
 .i.original.carousel .arrow .right:hover {
     background: rgba(20, 20, 20, .82);
     cursor: pointer
 }

 .i.original.carousel .arrow .left:hover i,
 .i.original.carousel .arrow .right:hover i {
     visibility: visible
 }

 @media screen and (min-width: 1280px) {
     .i.original.carousel {
         margin: 10px auto;
         max-width: 1140px
     }

     .i.original.carousel .title {
         padding: 0
     }

     .i.original.carousel .item-container {
         cursor: pointer;
         margin: 0
     }
 }

 .i.new-games {
     /* display: none; */
     margin-top: 15px;
     min-height: 130px;
     position: relative
 }

 .i.new-games .title {
     align-items: center;
     display: flex;
     gap: 8px;
     justify-content: flex-start;
     margin-bottom: 8px;
     padding: 0 8px
 }

 .i.new-games .title .text {
     color: #141414;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px
 }

 .i.new-games .title .view-all {
     align-items: center;
     cursor: pointer;
     display: flex;
     gap: 4px;
     justify-content: center
 }

 .i.new-games .title .view-all .content {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.new-games .title .view-all i {
     color: #00bfb2;
     font-size: 10px;
     line-height: 14px
 }

 .i.new-games .new-games-list {
     -ms-overflow-style: none;
     align-items: center;
     display: flex;
     flex-wrap: nowrap;
     gap: 4px;
     justify-content: flex-start;
     overflow-x: auto;
     overflow-y: hidden;
     scrollbar-width: none
 }

 .i.new-games .new-games-list::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.new-games .new-games-list .new-games-items {
     border-radius: 6px;
     cursor: pointer;
     flex-shrink: 0;
     height: 102px;
     overflow: hidden;
     position: relative;
     white-space: nowrap;
     width: 160px
 }

 .i.new-games .new-games-list .new-games-items .tag {
     align-items: center;
     background: linear-gradient(153deg, #00bfb2 16.67%, #0061ba);
     border-radius: 0 0 0 8px;
     box-shadow: 0 16px 32px 0 rgba(50, 50, 71, .08), 0 8px 16px 0 rgba(50, 50, 71, .08);
     color: #fcfcfc;
     display: flex;
     font-size: 12px;
     font-weight: 600;
     gap: 10px;
     justify-content: center;
     line-height: 16px;
     padding: 2px 8px;
     position: absolute;
     right: 0;
     text-transform: uppercase;
     top: 0
 }

 .i.new-games .new-games-list .new-games-items.item-1 {
     margin-left: 8px
 }

 .i.new-games .new-games-list .new-games-items.item-10 {
     margin-right: 8px
 }

 @media screen and (min-width: 1280px) {
     .i.new-games {
         margin: 10px auto 0;
         max-width: 1140px
     }

     .i.new-games .title {
         padding: 0
     }

     .i.new-games .new-games-items {
         margin: 0 !important
     }
 }

 .i.trending {
     /* display: none; */
     margin-top: 15px;
     min-height: 145px;
     padding-bottom: 15px;
     position: relative
 }

 .i.trending .title {
     align-items: center;
     display: flex;
     font-size: 14px;
     font-weight: 400;
     gap: 8px;
     justify-content: flex-start;
     line-height: 20px;
     margin-bottom: 8px;
     padding: 0 8px
 }

 .i.trending .title .text {
     color: #141414;
     font-size: 14px
 }

 .i.trending .title .view-all {
     align-items: center;
     cursor: pointer;
     display: flex;
     gap: 4px;
     justify-content: center
 }

 .i.trending .title .view-all .content {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.trending .title .view-all i {
     color: #00bfb2;
     font-size: 10px;
     line-height: 14px
 }

 .i.trending .trending-list {
     -ms-overflow-style: none;
     align-items: center;
     display: flex;
     flex-wrap: nowrap;
     gap: 4px;
     justify-content: flex-start;
     overflow-x: auto;
     overflow-y: hidden;
     scrollbar-width: none
 }

 .i.trending .trending-list::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.trending .trending-list .trending-items {
     border-radius: 6px;
     cursor: pointer;
     flex-shrink: 0;
     height: 117px;
     overflow: hidden;
     position: relative;
     white-space: nowrap;
     width: 110px
 }

 .i.trending .trending-list .trending-items.item-1 {
     margin-left: 8px
 }

 .i.trending .trending-list .trending-items.item-1 .most-popular {
     display: flex
 }

 .i.trending .trending-list .trending-items.item-10 {
     margin-right: 8px
 }

 @media screen and (min-width: 1280px) {
     .i.trending {
         margin: 10px auto 0;
         max-width: 1140px;
         padding: 0 0 15px
     }

     .i.trending .title {
         padding: 0
     }

     .i.trending .trending-items {
         margin: 0 !important
     }
 }

 .i.action.carousel {
     box-sizing: border-box;
     /* display: none; */
     font-size: 10px;
     margin: 10px 0 auto;
     min-height: 150px;
     width: 100vw
 }

 .i.action.carousel .title {
     align-items: center;
     color: #141414;
     display: flex;
     font-size: 14px;
     font-weight: 400;
     gap: 8px;
     line-height: 20px;
     margin-bottom: 8px;
     padding-left: 8px
 }

 .i.action.carousel .view-all {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.action.carousel .abs-num {
     bottom: -85px;
     color: #f5f5f5;
     font-size: 75px;
     font-weight: 900;
     left: 8px;
     position: absolute;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, .8)
 }

 .i.action.carousel .item-container {
     -ms-overflow-style: none;
     display: flex;
     gap: 4px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
     scrollbar-width: 0;
     scrollbar-width: none
 }

 .i.action.carousel .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.action.carousel .item {
     border-radius: 6px;
     filter: drop-shadow(0 4px 10px rgba(151, 151, 151, .25));
     flex-shrink: 0;
     height: 117px;
     width: 110px
 }

 .i.action.carousel .action-carousel,
 .i.action.carousel .item {
     overflow: hidden;
     position: relative
 }

 .i.action.carousel .action-carousel .arrow {
     align-items: center;
     bottom: 10px;
     display: flex;
     justify-content: space-between;
     left: 0;
     overflow: hidden;
     pointer-events: fill;
     position: absolute;
     right: 0;
     top: 0
 }

 .i.action.carousel .action-carousel .arrow .left,
 .i.action.carousel .action-carousel .arrow .right {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     padding: 8px;
     position: relative;
     transition: all .5s ease-in-out;
     z-index: 1
 }

 .i.action.carousel .action-carousel .arrow .left i,
 .i.action.carousel .action-carousel .arrow .right i {
     color: #e6f7ff;
     font-size: 16px;
     font-weight: 900;
     line-height: 24px;
     transition: all .5s ease-in-out;
     visibility: hidden
 }

 .i.action.carousel .action-carousel .arrow .left:hover,
 .i.action.carousel .action-carousel .arrow .right:hover {
     background: rgba(20, 20, 20, .82);
     cursor: pointer
 }

 .i.action.carousel .action-carousel .arrow .left:hover i,
 .i.action.carousel .action-carousel .arrow .right:hover i {
     visibility: visible
 }

 @media screen and (min-width: 1280px) {
     .i.action.carousel {
         margin: 10px auto 0;
         max-width: 1140px
     }

     .i.action.carousel .title {
         padding: 0
     }

     .i.action.carousel .item-container {
         cursor: pointer;
         margin: 0;
         padding: 0 0 10px
     }
 }

 .i.subway-surfer-series {
     background: url(../jpg/ec48c08eb0a39f035828.jpg) 50% no-repeat;
     background-size: cover;
     display: none;
     font-size: 10px;
     margin: 10px 0 auto;
     min-height: 150px;
     padding: 25px 0 15px;
     position: relative;
     width: 100vw
 }

 .i.subway-surfer-series .title {
     align-items: center;
     color: #141414;
     display: flex;
     font-size: 14px;
     font-weight: 400;
     gap: 8px;
     justify-content: space-between;
     line-height: 20px;
     margin-bottom: 8px;
     padding: 0 8px
 }

 .i.subway-surfer-series .title .coin-icon {
     background: url(../png/e36c5c61d22c9c024d31.png) 50% no-repeat;
     background-size: contain;
     height: 23px;
     width: 24px
 }

 .i.subway-surfer-series .abs-num {
     bottom: -85px;
     color: #f5f5f5;
     font-size: 75px;
     font-weight: 900;
     left: 8px;
     position: absolute;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, .8)
 }

 .i.subway-surfer-series .item-container {
     -ms-overflow-style: none;
     display: flex;
     gap: 4px;
     height: 230px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
     scrollbar-width: 0;
     scrollbar-width: none
 }

 .i.subway-surfer-series .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.subway-surfer-series .item {
     border-radius: 6px;
     filter: drop-shadow(0 4px 10px rgba(151, 151, 151, .25));
     flex-shrink: 0;
     height: 227.749px;
     overflow: hidden;
     width: 304px
 }

 .i.subway-surfer-series .sport-carousel {
     overflow: hidden;
     position: relative
 }

 .i.subway-surfer-series .sport-carousel .arrow {
     align-items: center;
     bottom: 13px;
     display: flex;
     justify-content: space-between;
     left: 0;
     overflow: hidden;
     pointer-events: fill;
     position: absolute;
     right: 0;
     top: 0
 }

 .i.subway-surfer-series .sport-carousel .arrow .left,
 .i.subway-surfer-series .sport-carousel .arrow .right {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     padding: 8px;
     position: relative;
     transition: all .5s ease-in-out;
     z-index: 1
 }

 .i.subway-surfer-series .sport-carousel .arrow .left i,
 .i.subway-surfer-series .sport-carousel .arrow .right i {
     color: #e6f7ff;
     font-size: 16px;
     font-weight: 900;
     line-height: 24px;
     transition: all .5s ease-in-out;
     visibility: hidden
 }

 .i.subway-surfer-series .sport-carousel .arrow .left:hover,
 .i.subway-surfer-series .sport-carousel .arrow .right:hover {
     background: rgba(20, 20, 20, .82);
     cursor: pointer
 }

 .i.subway-surfer-series .sport-carousel .arrow .left:hover i,
 .i.subway-surfer-series .sport-carousel .arrow .right:hover i {
     visibility: visible
 }

 @media screen and (min-width: 1280px) {
     .i.subway-surfer-series.carousel {
         margin: 10px auto;
         max-width: 1140px
     }

     .i.subway-surfer-series.carousel .title {
         padding: 0
     }

     .i.subway-surfer-series.carousel .item-container {
         cursor: pointer;
         margin: 0;
         padding: 0 0 10px
     }
 }

 .sport.carousel {
     /* display: none; */
     font-size: 10px;
     margin: 10px auto 0;
     min-height: 150px;
     width: 100vw
 }

 .sport.carousel .title {
     align-items: center;
     color: #141414;
     display: flex;
     font-size: 14px;
     font-weight: 400;
     gap: 8px;
     line-height: 20px;
     margin-bottom: 8px;
     padding-left: 8px
 }

 .sport.carousel .view-all {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .sport.carousel .abs-num {
     bottom: -85px;
     color: #f5f5f5;
     font-size: 75px;
     font-weight: 900;
     left: 8px;
     position: absolute;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, .8)
 }

 .sport.carousel .item-container {
     -ms-overflow-style: none;
     display: flex;
     gap: 4px;
     height: 120px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
     scrollbar-width: 0;
     scrollbar-width: none
 }

 .sport.carousel .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .sport.carousel .item {
     border-radius: 6px;
     filter: drop-shadow(0 4px 10px rgba(151, 151, 151, .25));
     flex-shrink: 0;
     height: 117px;
     overflow: hidden;
     width: 110px
 }

 .sport.carousel .sport-carousel {
     overflow: hidden;
     position: relative
 }

 .sport.carousel .sport-carousel .arrow {
     align-items: center;
     bottom: 13px;
     display: flex;
     justify-content: space-between;
     left: 0;
     overflow: hidden;
     pointer-events: fill;
     position: absolute;
     right: 0;
     top: 0
 }

 .sport.carousel .sport-carousel .arrow .left,
 .sport.carousel .sport-carousel .arrow .right {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     padding: 8px;
     position: relative;
     transition: all .5s ease-in-out;
     z-index: 1
 }

 .sport.carousel .sport-carousel .arrow .left i,
 .sport.carousel .sport-carousel .arrow .right i {
     color: #e6f7ff;
     font-size: 16px;
     font-weight: 900;
     line-height: 24px;
     transition: all .5s ease-in-out;
     visibility: hidden
 }

 .sport.carousel .sport-carousel .arrow .left:hover,
 .sport.carousel .sport-carousel .arrow .right:hover {
     background: rgba(20, 20, 20, .82);
     cursor: pointer
 }

 .sport.carousel .sport-carousel .arrow .left:hover i,
 .sport.carousel .sport-carousel .arrow .right:hover i {
     visibility: visible
 }

 @media screen and (min-width: 1280px) {
     .i.sport.carousel {
         max-width: 1140px
     }

     .i.sport.carousel .title {
         padding: 0
     }

     .i.sport.carousel .item-container {
         cursor: pointer;
         margin: 0;
         padding: 0 0 10px
     }
 }

 .i.racing {
     display: none;
     font-size: 10px;
     margin: 10px 0 auto;
     min-height: 150px;
     width: 100vw
 }

 .i.racing .title {
     align-items: center;
     color: #141414;
     display: flex;
     font-size: 14px;
     font-weight: 400;
     gap: 8px;
     line-height: 20px;
     margin-bottom: 8px;
     padding-left: 8px
 }

 .i.racing .title .view-all {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.racing .item-container {
     -ms-overflow-style: none;
     display: flex;
     gap: 4px;
     height: 120px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
     scrollbar-width: 0;
     scrollbar-width: none
 }

 .i.racing .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.racing .item-container .item {
     border-radius: 6px;
     filter: drop-shadow(0 4px 10px rgba(151, 151, 151, .25));
     flex-shrink: 0;
     height: 117px;
     overflow: hidden;
     width: 110px
 }

 .i.racing .racing-carousel {
     overflow: hidden;
     position: relative
 }

 .i.racing .racing-carousel .arrow {
     align-items: center;
     bottom: 10px;
     display: flex;
     justify-content: space-between;
     left: 0;
     overflow: hidden;
     pointer-events: fill;
     position: absolute;
     right: 0;
     top: 0
 }

 .i.racing .racing-carousel .arrow .left,
 .i.racing .racing-carousel .arrow .right {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     padding: 8px;
     position: relative;
     transition: all .5s ease-in-out;
     z-index: 1
 }

 .i.racing .racing-carousel .arrow .left i,
 .i.racing .racing-carousel .arrow .right i {
     color: #e6f7ff;
     font-size: 16px;
     font-weight: 900;
     line-height: 24px;
     transition: all .5s ease-in-out;
     visibility: hidden
 }

 .i.racing .racing-carousel .arrow .left:hover,
 .i.racing .racing-carousel .arrow .right:hover {
     background: rgba(20, 20, 20, .82);
     cursor: pointer
 }

 .i.racing .racing-carousel .arrow .left:hover i,
 .i.racing .racing-carousel .arrow .right:hover i {
     visibility: visible
 }

 @media screen and (min-width: 1280px) {
     .i.racing {
         margin: 0 auto;
         max-width: 1140px
     }

     .i.racing .title {
         padding: 0
     }

     .i.racing .item-container {
         cursor: pointer;
         margin: 0;
         padding: 0 0 10px
     }
 }

 .c.mystery-box {
     cursor: pointer;
     display: none;
     margin: 10px auto auto;
     max-width: 400px;
     position: relative;
     width: calc(100vw - 16px)
 }

 .c.mystery-box .container {
     background: linear-gradient(116.57deg, #f4f67d .02%, #f68179 100.03%);
     border-radius: 8px;
     box-shadow: 0 8px 16px rgba(50, 50, 71, .08), 0 16px 32px rgba(50, 50, 71, .08);
     margin-top: 30px;
     overflow: hidden;
     padding: 16px 12px 20px;
     position: relative
 }

 .c.mystery-box .container:before {
     background: rgba(255, 222, 136, .2);
     content: "";
     height: 182px;
     left: -210px;
     mix-blend-mode: screen;
     position: absolute;
     top: -70px;
     transform: rotate(31.48deg);
     width: 439px;
     z-index: 0
 }

 .c.mystery-box .container .content {
     align-items: center;
     display: flex;
     justify-content: space-between;
     position: relative
 }

 .c.mystery-box .container .content .title {
     color: #553e04;
     font-size: 14px;
     font-weight: 700;
     line-height: 16px;
     text-transform: uppercase
 }

 .c.mystery-box .container .content .starts {
     background: url(../svg/e65e0dc3906ebc63c16a.svg) no-repeat 50%;
     bottom: 0;
     height: 34.8px;
     mix-blend-mode: screen;
     position: absolute;
     right: -7.4px;
     top: -9.8px;
     width: 39.4px
 }

 .c.mystery-box .box {
     animation: tilt-shaking .5s infinite;
     filter: drop-shadow(0 4.17778px 5.22222px #913E21) drop-shadow(0 4.17778px 20.8889px rgba(145, 62, 33, .5));
     overflow: hidden;
     position: absolute;
     right: 48px;
     top: -30px
 }

 .c.mystery-box .box .icon {
     background: url(../png/063356b5b95410f5e86d.png) no-repeat 50%;
     background-size: contain;
     border-radius: 6.26667px;
     height: 94px;
     overflow: hidden;
     width: 94px
 }

 .i.knife-smash {
     background: url(../jpg/132d5f189a68ada8db9f.jpg) 50% no-repeat;
     background-size: cover;
     display: none;
     font-size: 10px;
     margin: 30px 0 auto;
     min-height: 150px;
     padding: 8px 0 16px;
     position: relative;
     width: 100vw
 }

 .i.knife-smash .item-about {
     align-items: center;
     display: flex;
     gap: 8px;
     justify-content: space-between;
     margin-bottom: 8px;
     padding: 0 12px
 }

 .i.knife-smash .item-about .left {
     color: #fff
 }

 .i.knife-smash .item-about .left .des {
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.knife-smash .item-about .left .title {
     font-size: 24px;
     font-weight: 700;
     line-height: 32px
 }

 .i.knife-smash .item-about .play-game {
     align-items: center;
     background: #00bfb2;
     border-radius: 8px;
     box-shadow: 0 4.3445239067px 0 0 #003f7a;
     display: flex;
     height: 46.342px;
     justify-content: center;
     width: 46.341px
 }

 .i.knife-smash .item-about .play-game i {
     color: #fff;
     font-size: 20px
 }

 .i.knife-smash .abs-num {
     bottom: -85px;
     color: #f5f5f5;
     font-size: 75px;
     font-weight: 900;
     left: 8px;
     position: absolute;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, .8)
 }

 .i.knife-smash .item-container {
     -ms-overflow-style: none;
     display: flex;
     gap: 4px;
     height: 194px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
     scrollbar-width: 0;
     scrollbar-width: none
 }

 .i.knife-smash .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.knife-smash .item {
     border-radius: 6px;
     filter: drop-shadow(0 4px 10px rgba(151, 151, 151, .25));
     flex-shrink: 0;
     height: 191px;
     overflow: hidden;
     width: 121px
 }

 .i.knife-smash .sport-carousel {
     overflow: hidden;
     position: relative
 }

 .i.knife-smash .sport-carousel .arrow {
     align-items: center;
     bottom: 13px;
     display: flex;
     justify-content: space-between;
     left: 0;
     overflow: hidden;
     pointer-events: fill;
     position: absolute;
     right: 0;
     top: 0
 }

 .i.knife-smash .sport-carousel .arrow .left,
 .i.knife-smash .sport-carousel .arrow .right {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     padding: 8px;
     position: relative;
     transition: all .5s ease-in-out;
     z-index: 1
 }

 .i.knife-smash .sport-carousel .arrow .left i,
 .i.knife-smash .sport-carousel .arrow .right i {
     color: #e6f7ff;
     font-size: 16px;
     font-weight: 900;
     line-height: 24px;
     transition: all .5s ease-in-out;
     visibility: hidden
 }

 .i.knife-smash .sport-carousel .arrow .left:hover,
 .i.knife-smash .sport-carousel .arrow .right:hover {
     background: rgba(20, 20, 20, .82)
 }

 .i.knife-smash .sport-carousel .arrow .left:hover i,
 .i.knife-smash .sport-carousel .arrow .right:hover i {
     visibility: visible
 }

 @media screen and (min-width: 1280px) {
     .i.knife-smash.carousel {
         margin: 30px auto 0;
         max-width: 1140px
     }

     .i.knife-smash.carousel .title {
         padding: 0
     }

     .i.knife-smash.carousel .item-container {
         justify-content: center;
         margin: 0;
         padding: 0 0 10px
     }

     .i.knife-smash.carousel .item-container .item {
         cursor: pointer
     }

     .i.knife-smash.carousel .item-about .title {
         cursor: auto
     }

     .i.knife-smash.carousel .item-about .play-game {
         cursor: pointer
     }
 }

 .i.adventure {
     display: none;
     font-size: 10px;
     margin: 10px 0 auto;
     min-height: 150px;
     width: 100vw
 }

 .i.adventure .title {
     align-items: center;
     color: #141414;
     display: flex;
     font-size: 14px;
     font-weight: 400;
     gap: 8px;
     line-height: 20px;
     margin-bottom: 8px;
     padding-left: 8px
 }

 .i.adventure .title .view-all {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px;
     padding: 5px 10px
 }

 .i.adventure .item-container {
     -ms-overflow-style: none;
     display: flex;
     gap: 4px;
     height: 120px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
     scrollbar-width: 0;
     scrollbar-width: none
 }

 .i.adventure .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.adventure .item-container .item {
     border-radius: 6px;
     filter: drop-shadow(0 4px 10px rgba(151, 151, 151, .25));
     flex-shrink: 0;
     height: 117px;
     overflow: hidden;
     width: 110px
 }

 .i.adventure .adventure-carousel {
     overflow: hidden;
     position: relative
 }

 .i.adventure .adventure-carousel .arrow {
     align-items: center;
     bottom: 10px;
     display: flex;
     justify-content: space-between;
     left: 0;
     overflow: hidden;
     pointer-events: fill;
     position: absolute;
     right: 0;
     top: 0
 }

 .i.adventure .adventure-carousel .arrow .left,
 .i.adventure .adventure-carousel .arrow .right {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     padding: 8px;
     position: relative;
     transition: all .5s ease-in-out;
     z-index: 1
 }

 .i.adventure .adventure-carousel .arrow .left i,
 .i.adventure .adventure-carousel .arrow .right i {
     color: #e6f7ff;
     font-size: 16px;
     font-weight: 900;
     line-height: 24px;
     transition: all .5s ease-in-out;
     visibility: hidden
 }

 .i.adventure .adventure-carousel .arrow .left:hover,
 .i.adventure .adventure-carousel .arrow .right:hover {
     background: rgba(20, 20, 20, .82);
     cursor: pointer
 }

 .i.adventure .adventure-carousel .arrow .left:hover i,
 .i.adventure .adventure-carousel .arrow .right:hover i {
     visibility: visible
 }

 @media screen and (min-width: 1280px) {
     .i.adventure {
         margin: 0 auto;
         max-width: 1140px
     }

     .i.adventure .title {
         padding: 0
     }

     .i.adventure .item-container {
         cursor: pointer;
         margin: 0;
         padding: 0 0 10px
     }
 }

 .i.brain {
     display: none;
     font-size: 10px;
     margin: 10px 0 auto;
     min-height: 150px;
     width: 100vw
 }

 .i.brain .title {
     align-items: center;
     color: #141414;
     display: flex;
     font-size: 14px;
     font-weight: 400;
     gap: 8px;
     line-height: 20px;
     margin-bottom: 8px;
     padding-left: 8px
 }

 .i.brain .title .view-all {
     color: #00bfb2;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.brain .item-container {
     -ms-overflow-style: none;
     display: flex;
     gap: 4px;
     height: 120px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
     scrollbar-width: 0;
     scrollbar-width: none
 }

 .i.brain .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.brain .item-container .item {
     border-radius: 6px;
     display: flex;
     filter: drop-shadow(0 4px 10px rgba(151, 151, 151, .25));
     flex-shrink: 0;
     height: 117px;
     justify-content: center;
     overflow: hidden;
     width: 110px
 }

 .i.brain .bg-carousel {
     overflow: hidden;
     position: relative
 }

 .i.brain .bg-carousel .arrow {
     align-items: center;
     bottom: 10px;
     display: flex;
     justify-content: space-between;
     left: 0;
     overflow: hidden;
     pointer-events: fill;
     position: absolute;
     right: 0;
     top: 0
 }

 .i.brain .bg-carousel .arrow .left,
 .i.brain .bg-carousel .arrow .right {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     padding: 8px;
     position: relative;
     transition: all .5s ease-in-out;
     z-index: 1
 }

 .i.brain .bg-carousel .arrow .left i,
 .i.brain .bg-carousel .arrow .right i {
     color: #e6f7ff;
     font-size: 16px;
     font-weight: 900;
     line-height: 24px;
     transition: all .5s ease-in-out;
     visibility: hidden
 }

 .i.brain .bg-carousel .arrow .left:hover,
 .i.brain .bg-carousel .arrow .right:hover {
     background: rgba(20, 20, 20, .82);
     cursor: pointer
 }

 .i.brain .bg-carousel .arrow .left:hover i,
 .i.brain .bg-carousel .arrow .right:hover i {
     visibility: visible
 }

 @media screen and (min-width: 1280px) {
     .i.brain {
         margin: 10px auto 0;
         max-width: 1140px
     }

     .i.brain .title {
         padding: 0
     }

     .i.brain .item-container {
         cursor: pointer;
         margin: 0;
         padding: 0 0 10px
     }
 }

 .i.cartoon-network {
     background: url(../jpg/bbd194dc687edefa0432.jpg) 50%;
     background-attachment: fixed;
     background-size: contain;
     display: none;
     font-size: 10px;
     margin: 10px 0;
     padding: 24px 0;
     position: relative;
     width: 100vw
 }

 .i.cartoon-network .item-container {
     -ms-overflow-style: none;
     display: flex;
     gap: 4px;
     height: 91px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
     scrollbar-width: 0;
     scrollbar-width: none
 }

 .i.cartoon-network .item-container::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.cartoon-network .item-container .cn-logo {
     align-items: center;
     display: flex;
     flex-flow: column;
     gap: 8px;
     justify-content: center;
     margin-right: 20px
 }

 .i.cartoon-network .item-container .cn-logo .logo {
     background: url(../jpg/afc54f6c41661bc82c2c.jpg) no-repeat 50%;
     background-size: contain;
     height: 50px;
     width: 185px
 }

 .i.cartoon-network .item-container .cn-logo .title {
     color: #fff;
     font-size: 12px;
     font-weight: 400;
     line-height: 16px
 }

 .i.cartoon-network .item {
     border-radius: 6px;
     filter: drop-shadow(0 4px 10px rgba(151, 151, 151, .25));
     flex-shrink: 0;
     height: 88.287px;
     overflow: hidden;
     width: 83.179px
 }

 .i.cartoon-network .cartoon-network-carousel {
     position: relative
 }

 @media screen and (min-width: 1280px) {
     .i.cartoon-network.carousel {
         margin: 10px auto;
         max-width: 1140px
     }

     .i.cartoon-network.carousel .title {
         padding: 0
     }

     .i.cartoon-network.carousel .item-container {
         cursor: pointer;
         justify-content: center;
         margin: 0;
         padding: 0 0 10px
     }
 }

 .i.challenges {
     background: url(../jpg/5c5809f5baa9fefeb07a.jpg) no-repeat;
     background-size: cover;
     margin-top: 12px;
     min-height: 145px;
     padding: 30px 0 0;
     position: relative;
     width: 100vw
 }

 .i.challenges .top {
     align-items: center;
     display: flex;
     gap: 8px;
     justify-content: space-between;
     padding: 0 8px
 }

 .i.challenges .top-left .title .logo-challenges {
     background: url(../png/9d5b4a6c18a288b222c1.png) no-repeat 50%;
     background-size: contain;
     height: 57px;
     width: 230px
 }

 .i.challenges .top-left .description {
     color: #f3f3f3;
     font-size: 12px;
     font-weight: 600;
     line-height: 16px
 }

 .i.challenges .top-right {
     align-items: center;
     background: linear-gradient(132.93deg, #ffd159 21.12%, #ffad33 86.05%);
     border-radius: 100px;
     box-shadow: 0 3px 0 #553e04, inset 0 1px 2px #ffc5d6;
     display: flex;
     height: 40px;
     justify-content: center;
     width: 40px
 }

 .i.challenges .top-right i {
     color: #553e04;
     font-size: 24px
 }

 .i.challenges .challenges-list {
     -ms-overflow-style: none;
     align-items: center;
     display: flex;
     gap: 8px;
     overflow-x: scroll;
     overflow-y: hidden;
     padding-left: 8px;
     padding-right: 8px;
     scrollbar-width: 0;
     scrollbar-width: none
 }

 .i.challenges .challenges-list::-webkit-scrollbar {
     display: none;
     width: 0 !important
 }

 .i.challenges .challenges-list .challenges-items {
     cursor: pointer;
     display: flex;
     filter: drop-shadow(0 .425782px 10.6445px #1C1C1C);
     flex-shrink: 0;
     height: 166px;
     padding-bottom: 40px;
     padding-top: 15px;
     position: relative;
     white-space: nowrap;
     width: 300px
 }

 .i.challenges .challenges-list .challenges-items .is-new {
     align-items: center;
     background: linear-gradient(133deg, #ff7ba2, #e2295f);
     border-radius: 100px;
     box-shadow: 0 16px 32px 0 rgba(50, 50, 71, .08), 0 8px 16px 0 rgba(50, 50, 71, .08);
     color: #fcfcfc;
     display: none;
     font-size: 12px;
     font-weight: 600;
     height: 21px;
     justify-content: center;
     left: 10px;
     line-height: 16px;
     padding: 2px 8px;
     position: absolute;
     top: 23px;
     width: 46px
 }

 .i.challenges .challenges-list .challenges-items.ci-0 .is-new {
     display: flex
 }

 .i.challenges .challenges-list .challenges-items img {
     border-radius: 8px;
     object-fit: cover;
     overflow: hidden
 }

 .i .title {
     cursor: pointer
 }

 .index .i.challenges {
     display: none
 }

 @media screen and (min-width: 1280px) {
     .i.challenges {
         margin: 0 auto;
         max-width: 1140px;
         padding: 30px 60px
     }

     .i.challenges .top {
         gap: 20px;
         justify-content: center
     }

     .i.challenges .top-left {
         text-align: center
     }

     .i.challenges .top-left .logo-challenges {
         cursor: default
     }

     .i.challenges .top-right {
         cursor: pointer
     }

     .i.challenges .challenges-list {
         gap: 15px;
         justify-content: center;
         width: 100%
     }
 }

 .cf.footer {
     background: #000000;
     padding: 28px 16px 120px
 }

 .cf.footer .top {
     border-bottom: .5px solid #444;
     margin-bottom: 8px
 }

 .cf.footer .top .logo {
     align-items: center;
     display: flex;
     gap: 8px;
     margin-bottom: 8px
 }

 .cf.footer .top .logo .img {
     height: 45px;
     width: 72px
 }

 .cf.footer .top .logo .text {
     color: #898989;
     font-size: 14px;
     font-weight: 600;
     line-height: 16px
 }

 .cf.footer .top .description {
     color: #fff;
     font-size: 12px;
     font-weight: 400;
     line-height: 20px;
     margin-bottom: 28px
 }

 .cf.footer .top .registered-before {
     align-items: center;
     background: rgba(255, 255, 255, .1);
     border: 1px solid rgba(255, 255, 255, .3);
     border-radius: 8px;
     display: flex;
     justify-content: space-between;
     margin-bottom: 8px;
     padding: 10px
 }

 .cf.footer .top .registered-before .text {
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px
 }

 .cf.footer .top .registered-before .icon {
     position: relative
 }

 .cf.footer .top .registered-before .icon .tooltip {
     background: #e6f7ff;
     border-radius: 8px;
     bottom: 40px;
     box-sizing: border-box;
     display: none;
     padding: 12px;
     position: absolute;
     right: -10px;
     width: 232px
 }

 .cf.footer .top .registered-before .icon .tooltip:after {
     border: 10px solid transparent;
     border-top-color: #fff;
     content: "";
     position: absolute;
     right: 12px;
     top: 100%
 }

 .cf.footer .top .registered-before .icon .tooltip-header {
     display: flex;
     height: 16px;
     justify-content: space-between;
     margin-bottom: 4px
 }

 .cf.footer .top .registered-before .icon .tooltip-header .title {
     color: #0061ba;
     display: inline-block;
     font-size: 12px;
     font-weight: 600;
     line-height: 16px
 }

 .cf.footer .top .registered-before .icon .tooltip-header .close {
     display: inline-block;
     height: 16px;
     width: 16px
 }

 .cf.footer .top .registered-before .icon .tooltip-content {
     color: #0061ba;
     font-size: 10px;
     font-weight: 400;
     line-height: 16px
 }

 .cf.footer .top .registered-before .icon .tooltip-content .read-more {
     display: inline-block;
     font-weight: 600;
     white-space: pre
 }

 .cf.footer .top .registered-before .icon .tooltip-content .read-more:before {
     content: " "
 }

 .cf.footer .top .registered-before .icon i {
     color: #fff;
     font-size: 20px;
     line-height: 20px
 }

 .cf.footer .bottom {
     border-bottom: .5px solid #444;
     padding: 20px 8px
 }

 .cf.footer .bottom .title {
     color: #fff;
     font-size: 12px;
     font-weight: 600;
     line-height: 16px;
     margin-bottom: 8px
 }

 .cf.footer .bottom .content {
     color: #7c7c7c;
     font-size: 12px;
     font-weight: 400;
     letter-spacing: .02em;
     line-height: 20px;
     margin-bottom: 8px
 }

 .cf.footer .bottom .legal {
     margin-bottom: 16px
 }

 .cf.footer .bottom .legal .policy,
 .cf.footer .bottom .legal .terms-services {
     align-items: center;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     margin-bottom: 16px
 }

 .cf.footer .bottom .legal .terms-services a,
 .cf.footer .bottom .legal .policy a {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .cf.footer .bottom .legal .policy-title,
 .cf.footer .bottom .legal .terms-services-title {
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: .05em;
     line-height: 20px;
     text-transform: capitalize
 }

 .cf.footer .bottom .legal .policy i,
 .cf.footer .bottom .legal .terms-services i {
     color: #fff;
     font-size: 10px;
     font-style: normal;
     font-weight: 900;
     line-height: 16px
 }

 .cf.footer .bottom .legal .divider {
     color: #fff;
     display: none;
     font-size: 10px;
     font-weight: 900;
     line-height: 16px
 }

 /* .index .cf.footer {
    display: none 
} */

 @media screen and (min-width: 1280px) {
     .cf.footer .top {
         margin: 0 auto;
         max-width: 1140px
     }

     .cf.footer .top .logo {
         justify-content: center
     }

     .cf.footer .top .description {
         margin-bottom: 0;
         text-align: center
     }

     .cf.footer .top .registered-before {
         gap: 10px;
         margin: 8px auto 28px;
         width: max-content
     }

     .cf.footer .top .registered-before .icon,
     .cf.footer .top .registered-before .text {
         cursor: pointer
     }

     .cf.footer .bottom {
         text-align: center
     }

     .cf.footer .bottom .legal {
         align-items: center;
         display: flex;
         gap: 16px;
         justify-content: center
     }

     .cf.footer .bottom .legal .divider {
         display: block
     }

     .cf.footer .bottom .policy,
     .cf.footer .bottom .terms-services {
         margin-bottom: 0 !important
     }

     .cf.footer .bottom .policy i,
     .cf.footer .bottom .terms-services i {
         display: none
     }
 }

 @keyframes intro-y {
     0% {
         opacity: .2;
         transform: translateY(-200px)
     }

     to {
         opacity: 1;
         transform: translate(0)
     }
 }

 @keyframes intro-y-bot {
     0% {
         opacity: .2;
         transform: translateY(calc(100vh + 200px)) scale(.6)
     }

     to {
         opacity: 1;
         transform: translateY(0) scale(1)
     }
 }

 @keyframes zoomIn {
     0% {
         opacity: .2;
         transform: translate(-50%, -50%) scale(.5)
     }

     to {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1)
     }
 }

 @keyframes spin {
     to {
         transform: rotate(1turn)
     }
 }

 @keyframes bounce {

     0%,
     to {
         animation-timing-function: cubic-bezier(.8, 0, 1, 1);
         transform: translateY(-25%)
     }

     50% {
         animation-timing-function: cubic-bezier(0, 0, .2, 1);
         transform: none
     }
 }

 @keyframes tilt-shaking {
     0% {
         transform: rotate(0deg)
     }

     25% {
         transform: rotate(3deg)
     }

     50% {
         transform: rotate(0eg)
     }

     75% {
         transform: rotate(-5deg)
     }

     to {
         transform: rotate(0deg)
     }
 }

 @keyframes press-button {
     0% {
         transform: matrix(.9, 0, 0, .9, 0, 0)
     }

     50% {
         transform: matrix(1, 0, 0, 1, 0, 0)
     }

     to {
         transform: matrix(.9, 0, 0, .9, 0, 0)
     }
 }

 @keyframes ant-skeleton-loading {
     0% {
         transform: translateX(-37.5%)
     }

     to {
         transform: translateX(37.5%)
     }
 }

 @keyframes gradient {
     0% {
         background-position: 0 50%
     }

     50% {
         background-position: 100% 50%
     }

     to {
         background-position: 0 50%
     }
 }

 .ccbt {
     bottom: 100px;
     display: none;
     position: fixed;
     right: 12px;
     z-index: 500
 }

 .ccbt .back-to-top {
     align-items: center;
     animation: bounce 1s infinite;
     background: #fff7e2;
     border-radius: 100px;
     box-shadow: 0 4px 0 #553e04;
     cursor: pointer;
     display: flex;
     height: 40px;
     justify-content: center;
     opacity: 0;
     transition: all .2s ease-in-out;
     width: 40px
 }

 .ccbt .back-to-top.show {
     opacity: 1
 }

 .ccbt .back-to-top.hide {
     opacity: 0
 }

 .ccbt .back-to-top i {
     color: #553e04;
     font-size: 24px;
     font-style: normal;
     font-weight: 900;
     line-height: 28px
 }

 html {
     scroll-behavior: smooth
 }