
:root {
    --background: 0 0% 4.3%;
    --foreground: 210 40% 98%;

    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;

    --popover: 0 0% 4.3%;
    --popover-foreground: 210 40% 98%;

    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;

    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;

    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;

    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;

    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;

    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;

    --ring: hsl(212.7,26.8%,83.9);
    --radius: 0.5rem;
}


/*!
Version: 1.0.0
Text Domain: fcoins

*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/* Interactive
         ========================================================================== */

details {
    display: block;
}

summary {
    display: list-item;
}

/* Misc
         ========================================================================== */

template {
    display: none;
}

/**
     * Add the correct display in IE 10.
     */
[hidden] {
    display: none;
}

/* Box sizing
    --------------------------------------------- */

*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/* Typography
    --------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: #A7A9B1;
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements
    --------------------------------------------- */
body {
    background: #0B0B0B;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

*:hover,
*:focus,
*:active {
    outline: 0;
}

textarea {
    width: 100%;
}

/* MAIN
--------------------------------------------- */

.wrap {width:1280px;margin:auto;}
.wrap1000 {width:1000px;margin:auto;}
.wrap880 {width:880px;margin:auto;}
.wrap820 {width:820px;margin:auto;}
.wrap780 {width:780px;margin:auto;}
.wrap580 {width:580px;margin:auto;}
.wrap480 {width:480px;margin:auto;}

h1, h2, h3 {font-family: "Turret Road", sans-serif;font-weight: 800;}
.heading--large {color:#07F468;margin-top:0;font-size: 80px;line-height: 110%;}
.heading--medium {color:#07F468;margin-top:0;font-size: 64px;line-height: 110%;}
.heading--small {color:#07F468;margin-top:0;font-size: 48px;line-height: 110%;}
.heading--tiny {font-family: "Turret Road", sans-serif;color: #07F468; font-size: 32px; font-weight: 800; line-height: 110%;margin-top:0;}

.text--largest {font-size: 24px; line-height: 140%;}
.text--20 {font-size: 20px; line-height:150%;}
.text--large {font-size: 18px; line-height: 160%;}
.text {font-size: 16px;line-height: 150%; }
.text--small {font-size: 14px; line-height: 140%; }

.button {font-size: 14px;font-weight: 700;line-height: 24px;column-gap:16px; display:inline-flex;padding:8px 64px;align-items: center;justify-content: center;border-radius: 6px; }

.button--dark {background: rgba(255, 255, 255, 0.05); color:#fff;}

.button--green {background:#07F468;color:#020617;}

.button--green:hover, .button--green:focus {background: #5CF89C; }
.button--green:disabled{background: rgba(255, 255, 255, 0.1);cursor: none;}
.button--dark:hover, .button--dark:focus {background: rgba(255, 255, 255, 0.1);}

.center {text-align:center;}

a, a:hover, button, button:hover {transition: all 0.15s ease-out;}
input, input:focus {transition: all 0.15s ease-out;}

.input__row label {display:block;color: #FFF; font-size: 14px; font-weight: 500; line-height:142.857%; margin-bottom:6px;}
.input__row input {padding:12px 16px;font-size: 16px; font-weight: 400; line-height: 24px; width:100%;border-radius: 8px; border: 1px solid #585858; background: #000; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);}
.input__row input:focus, .input__row textarea:focus {border: 1px solid #07F468;}

.input__row input.input__red {border: 1px solid #EF4444;color:#EF4444 }
.input__row input.input__red:focus {border: 1px solid #EF4444;color:#EF4444 }

.payment__method.input__red {border: 1px solid #EF4444;color:#EF4444 }

/* SPACING
--------------------------------------------- */

.p256 {padding:256px 0;}

.pt128 {padding-top:128px;}
.pt80 {padding-top:80px;}
.pb128 {padding-bottom:128px;}

.mb64 {margin-bottom:64px;}
.mb48 {margin-bottom:48px;}
.mb40 {margin-bottom:40px;}
.mb32 {margin-bottom:32px;}
.mb24 {margin-bottom:24px;}
.mb16 {margin-bottom:16px;}

/* HEADER
--------------------------------------------- */

.header {color: #808080;position:relative;z-index:10; }
.header__bar {padding:16px 0;}
.header__bar--grid {display:grid;grid-template-columns:auto auto;justify-content: space-between;align-items: center;}
.header__bar--left a {display:flex;column-gap:12px;align-items: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: 125%; }
.header__bar--right {display:flex;column-gap:32px;align-items: center;}

.header--currency .selectron23 {width:80px;}

.header--language, .header--currency {display:grid;}
.header--language .selectron23 {width:100px;}
.header--cart a {font-size: 16px; font-weight: 600;line-height: 125%; }

.header__content {background:#0F0F0F;padding:32px 0;}
.header__content--grid {display:grid;grid-template-columns:auto auto;justify-content: space-between;align-items: center;}
.header__logo a img {display:block;}
.header__menu ul {display:flex;list-style:none;column-gap:48px;align-items:center;margin:0;padding:0;}
.header__menu ul li a {display:flex;column-gap:12px;align-items: center;font-size: 16px; font-weight: 600;line-height: 125%;}
.header__menu ul li a svg path {transition: all 0.15s ease-out;}
.header__menu ul li a:hover {color:#fff;}
.header__menu ul li a:hover svg path.hs {stroke:#07F468;transition: all 0.15s ease-out;}
.header__menu ul li a:hover svg path.hf {fill:#07F468;transition: all 0.15s ease-out;}
.menu__live {animation: glow 1s infinite alternate;color: var(--base-white, #FFF);font-size: 10px; font-weight: 600; line-height: 140%;border-radius: 8px; border: 1px solid #07F468; background: rgba(7, 244, 104, 0.10); padding:6px; }

@keyframes glow {
    from {box-shadow: 0px 0px 0px 0px rgba(7, 244, 104, 0.15), 0px 0px 0px 0px rgba(7, 244, 104, 0.25), 0px 0px 0px 0px rgba(7, 244, 104, 0.50);}
    to {box-shadow: 0px 0px 16px 0px rgba(7, 244, 104, 0.15), 0px 0px 12px 0px rgba(7, 244, 104, 0.25), 0px 0px 6px 0px rgba(7, 244, 104, 0.50);}
}

.menu-toggle {display:none;}

/* HOME
--------------------------------------------- */

.page__header {position:relative;}
.page__header img {position:absolute;top:0;left:0;width:100%;}
.page__header__content {position:relative;z-index:2;}

.exchange__box {position:relative;z-index:2;padding:48px 80px;border-radius: 8px; border: 1px solid #07F468; background: linear-gradient(101deg, rgba(11, 11, 11, 0.10) 75.74%, rgba(7, 244, 104, 0.10) 99.21%), #0B0B0B;box-shadow: 0px 0px 88px 0px rgba(7, 244, 104, 0.15), 0px 0px 64px 0px rgba(7, 244, 104, 0.25), 0px 0px 32px 0px rgba(7, 244, 104, 0.50);}

.exchange__baner {position:absolute;top:0;transform:translateY(-50%) translateX(-50%);left:50%;border-radius: 8px; border: 1px solid #0CE565; background: rgba(12, 227, 100, 0.10); backdrop-filter: blur(12px); padding:16px 32px;font-size: 18px; line-height: 140%; color:#fff;}
.exchange__baner span {color:#07F468}

.ex__platforms {display:grid;grid-template-columns:auto auto;justify-content: space-between;align-items: center;}
.platform__select button {display:inline-block;font-size: 14px; font-weight: 600; line-height: 140%; border-radius: 8px; border: 1px solid transparent;padding:12px 24px;background: transparent;}
.platform__select button:hover {background: rgba(7, 244, 104, 0.10);}
.platform__select button.active {border: 1px solid #07F468; background: rgba(7, 244, 104, 0.10);}

.ex__calculate .text--small {margin-bottom:10px;color: #787B87; font-weight: 700; }
.ex__calculate__sellamount {display:grid;grid-template-columns:auto auto;justify-content: space-between;}
.ex__calculate__sellamount span {color: #07F468; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}

#amount-input {-webkit-appearance: none; -moz-appearance: textfield;color: var(--base-white, #FFF);font-size: 24px;font-weight: 600;line-height: 140%; width:100%;padding:16px 24px 16px 64px;border-radius: 8px; border: 1px solid #4A4A4A; background: rgba(255, 255, 255, 0.05) url(../images/coins.svg);background-size:auto;background-repeat:no-repeat;background-position:left 24px center;}
#amount-input:focus {border: 1px solid #07F468;}

#amount-range {-webkit-appearance: none; appearance: none; width: 100%; height: 7px; border-radius: 100px; background: linear-gradient(to right, #07F468 0%, #07F468 50%, rgba(255, 255, 255, 0.10) 50%, rgba(255, 255, 255, 0.10) 100%); outline: none;}
#amount-range::-webkit-slider-thumb {border:none;position:relative;-webkit-appearance: none; appearance: none; width: 24px; height: 24px; background: #fff; cursor: pointer;border-radius:50%;}
#amount-range::-moz-range-thumb {border:none;position:relative;width: 24px; height: 24px; background: #fff; border-radius:50%; cursor: pointer;}

.ex__code__grid {display:grid;grid-template-columns:auto auto;justify-content: space-between;align-items: center;}
.ex__code__grid.ex__code__wide {grid-template-columns:70% auto;}
.code__input .text--small {margin-bottom:10px;font-weight:700;}
#code__form {display:grid;grid-template-columns:1fr auto;}
#code {width:100%;border-radius: 8px 0px 0px 8px; background: rgba(255, 255, 255, 0.05); border: 1px solid #585858; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);padding:12px 16px;}
#code:focus {border: 1px solid #07F468;}
#code__form input[type="submit"] {border:none;cursor:pointer;padding:8px 16px;font-size: 14px;font-weight: 700; line-height: 24px;color:#020617; border-radius: 0px 8px 8px 0px; background:#07F468;transition: all 0.15s ease-out;}
#code__form input[type="submit"]:focus {background: #5CF89C;transition: all 0.15s ease-out;}

.result__hidden {display:none;}
.code__result {font-size: 16px; font-weight: 400; line-height: 24px; padding:8px 24px;display:inline-flex;align-content: center;column-gap:12px; border-radius: calc(var(--radius) - 2px); background: rgba(7, 244, 104, 0.10);}
.code__result p {margin:0;}
.code__name {color:#07F468;}

.ex__delivery span {color: #07F468; }

.ex__price {color:#07F468; font-size: 32px; font-weight: 600; line-height: 140%;}

.ex__buttons {display:grid;grid-template-columns:49% 49%;justify-content: space-between;}
.ex__buttons .button {border:none;cursor:pointer;width:100%;}

.ex__legal {margin-bottom:12px;display:grid;grid-template-columns:auto auto;justify-content: space-between;}
.ex__legal p {margin:0;}
.ex__trustpilot span {color:#07F468;}
.ex__trustpilot a {color:#fff;text-decoration:underline;}

.service__grid {display:grid;justify-content: space-between;grid-template-columns:30% 68%;}
.service__right {display:grid;grid-template-columns:45% 45%;grid-row-gap:64px;justify-content: space-between;}
.service__block {display:grid;align-items: center;grid-template-columns:62px 1fr;grid-column-gap:24px;}
.service__block__content h4 {margin-top:0;color: #FFF;font-size: 24px; font-weight: 600; line-height: 160%;}

.giveaways {background:#0B0B0B url(../images/hex_bg.svg);background-position:-40px;}

.giveaways__double {display:grid;grid-template-columns:48% 48%;justify-content: space-between; border-radius: 8px; border: 1px solid #07F468; background: #020617; box-shadow: 0px 0px 88px 0px rgba(7, 244, 104, 0.15), 0px 0px 64px 0px rgba(7, 244, 104, 0.25), 0px 0px 32px 0px rgba(7, 244, 104, 0.50);padding:64px;}
.gc__header {display:grid;grid-template-columns:auto auto;justify-content: space-between;align-items: center;}
.gc__header .heading--tiny {margin:0;}
.giveaway__timer {border-radius: 8px; border: 1px solid #0CE565; background: #0B2214; padding:12px 16px;display:inline-flex;column-gap:24px;align-items: center;}
.countdown__timer {color: #07F468; font-size: 18px; font-weight: 700; line-height: 140%;}
.gc__img img {display:block;width:100%;}

.instructions {background: #0D0D0D; }
.instructions__grid {display:grid;grid-template-columns:31% 31% 31%;justify-content: space-between;}
.instruction__box__img img {display:block;margin:auto;}
.instruction__box h4 {margin-bottom:12px;color: #FFF;margin-top:0;font-size: 32px; font-weight: 700; line-height: 140%;}

.opinions__grid {display:grid;grid-template-columns:48% 48%;justify-content: space-between;grid-row-gap:64px;}
.opinion__name {font-family: "Turret Road", sans-serif;color: #07F468;font-size: 24px; font-weight: 800; line-height: 110%;}

.newsletter {background: #1D1D1D;}
.newsletter .text--large {max-width:740px;margin-left:auto;margin-right:auto;}
#newsletter__form {max-width:580px;margin:auto;}
#newsletter__form .button {width:100%;border:none;cursor:pointer;}

/* ORDER
--------------------------------------------- */


.order__grid {display:grid;grid-template-columns:54% 38%;justify-content: space-between;}

.order__step {display:grid;grid-template-columns:auto 1fr;align-items: center;grid-column-gap:24px;}
.order__step__count span {padding:6px;border-radius: 8px; border: 1px solid #7E7E7E; background: rgba(126, 126, 126, 0.10);color: #FFF; font-size: 14px; font-weight: 600;line-height: 140%;}
.order__step .heading--small {margin-bottom:0;}

.order__left .text--small {font-weight: 500; color: #808080; }

.order__rows {display:grid;grid-row-gap:24px;}

.order__row {position: relative}
.password__toggle {position:absolute;right:10px;bottom: 12px;cursor:pointer;}

.order__label__grid {display:grid;grid-template-columns:auto auto;justify-content: space-between;margin-bottom:6px;}
.order__label__grid label {margin-bottom:0;}
.tooltip__toggle {position:relative;}
.tooltip__link {color: #FFF; font-size: 14px; font-weight: 500; line-height: 142.857%; text-decoration-line: underline;}
.tooltip__link:hover, .tooltip__link:focus {color:#07F468}
.tooltip__inner {display:none;position:absolute;bottom: 100%; left: 50%; transform: translateX(-50%);width:370px;padding:12px;border-radius: 2px;color: #AAAABB; text-align: center;font-size: 12px;font-weight: 400;line-height: 166.667%; border: 1px solid #AAAABB; background: #0F0F0F;box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10);}
.tooltip__inner.active {display:block;}
.input__red {border: 1px solid #EF4444;color:#EF4444 }

.payment__info {display:flex;align-items: center;column-gap:12px;}
.secure__info {color:#fff;font-size: 14px; font-weight: 700; line-height: 100%; padding:8px 12px;display:inline-flex;align-items: center;column-gap:12px; border-radius: 8px; border: 1px solid #07F468; background: rgba(7, 244, 104, 0.05);}

.payment__methods {display:grid;grid-row-gap:24px;}
.payment__method {cursor:pointer;border-radius: var(--Spacing-8PX, 8px); border: 1px solid rgba(255, 255, 255, 0.15); background: #000; padding:16px 24px;display:grid;grid-template-columns:auto 1fr auto;grid-column-gap:16px;align-items: center;transition: all 0.15s ease-out;}
.payment__method.active {border: 1px solid #07F468;transition: all 0.15s ease-out;}
.payment__logo {padding-right:16px;border-right: 1px solid #252525;}
.payment__logo img {display:block;}
.payment__name {color: #FFF; font-size: 14px; font-weight: 700;line-height: 100%;}
.payment__arrow img {display:block;}
.payment__arrow {transition: all 0.15s ease-out;}
.payment__method:hover .payment__arrow, .payment__method.active .payment__arrow {transform:translateX(6px);transition: all 0.15s ease-out;}

.order__tickets {border-radius: 8px; border: 1px solid #07F468; background: rgba(7, 244, 104, 0.05); padding:16px 24px;display:grid;grid-template-columns:auto 1fr;align-items: center;grid-column-gap:32px;}
.order__tickets__icon img {display:block}
.order__tickets__desc {color: #FFF; font-size: 14px; line-height: 150%;}
.order__tickets__desc p {margin-top:0;font-weight: 700;}
.order__tickets__desc a {text-decoration: underline;}
.order__tickets__desc a:hover, .order__tickets__desc a:focus {color:#07F468}

.order__summary {border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.10); background: #0F0F0F;padding:24px;}
.summary__item {display:grid;grid-template-columns:auto auto;justify-content: space-between;grid-column-gap:32px;}
.smi__count {color: #FFF; font-size: 30px; font-weight: 600; line-height: 120%; letter-spacing: -0.225px; }
.smi__info {display:flex;column-gap:24px;flex-wrap:wrap;row-gap:16px;color: #808080; font-size: 16px; line-height: 175%;}
.smi__platform span {font-weight: 700; color:#fff;}
.smi__bonus span {font-weight: 700;color: #07F468; }
.smi__remove a {color: #808080; font-size: 16px; line-height: 175%;text-decoration: underline;}
.smi__remove a:hover, .smi__remove a:focus {color:#fff;}
.summary__item__price {text-align:right;}
.price__del {color: #333; font-size: 24px; font-weight: 600; line-height: 140%;}
.price__final {color: #07F468; font-size: 32px; font-weight: 600; line-height: 140%;}

.order__promo {display:grid;grid-row-gap:24px;}
.order__promo .heading--tiny {margin-bottom:0;}
.order__promo .code__result {width:100%;}

.order__button .button {width:100%;border:none;cursor:pointer;}

/* CHECK ORDER
--------------------------------------------- */

.check__order {position:relative;z-index:2;}
#check-order {display:grid;grid-row-gap:24px;}
.check__order__row {display:grid;grid-template-columns:49% 49%;justify-content: space-between;}
.check__order__submit .button {width:100%;cursor:pointer;border:none;}

/* ORDER STATUS
--------------------------------------------- */

.order__status__header .text--largest {color: #FFF; font-weight: 600;}
.order__status__line {height:1px; background: #2B2B2B; }
.order__status__grid {display:grid;grid-template-columns:25% 25% 25% 25%;}
.order__status__step {padding-top:48px;position:relative;}
.order__status__dot {border-radius: 50%; border: 1px solid #2B2B2B;width:32px;height:32px;position:absolute;top:-16px;left:0;right:0;display:flex;align-items:center;justify-content: center;margin:auto;}
.order__status__dot span {background: #4F4F4F; border-radius:50%;width:14px;height:14px;}
.order__status__step.active .order__status__dot span {background: #07F468;animation: glow 1s infinite alternate;}

@keyframes glow2 {
    from {box-shadow: 0px 0px 44px 0px rgba(7, 244, 104, 0.10), 0px 0px 48px 0px rgba(7, 244, 104, 0.15), 0px 0px 16px 0px rgba(7, 244, 104, 0.20);}
    to {box-shadow: 0px 0px 88px 0px rgba(7, 244, 104, 0.15), 0px 0px 64px 0px rgba(7, 244, 104, 0.25), 0px 0px 32px 0px rgba(7, 244, 104, 0.50);}
}

.order__status__step.active .text--largest {color: #07F468;}
.order__status__description .text--largest {padding: 0px 8vw;}

/* STORE
--------------------------------------------- */

.store__grid {display:grid;grid-template-columns:repeat(4, 23%);justify-content: space-between;grid-row-gap:64px;}
.store__product {position:relative;}
.store__product__img img {display:block;width:100%;}
.store__product__price {text-align:right;color: #07F468;font-family: "Turret Road", sans-serif; font-size: 24px; font-weight: 800;line-height: 110%;}
.store__product .heading--tiny {color:#fff;}
.store__product .store__product__link {position:absolute;width:100%;height:100%;top:0;left:0;}

/* STORE SINGLE
--------------------------------------------- */

.single__product__grid {display:grid;grid-template-columns:48% 49%;justify-content: space-between;}
.single__product__left img {width:100%;display:block;}
.single__product__price {text-align:right;color: #07F468;font-family: "Turret Road", sans-serif;font-size: 48px; font-weight: 800; line-height: 110%; /* 52.8px */ }
.single__product__right .heading--medium {color:#fff;}
.single__product__meta {display:grid;grid-template-columns:auto auto 1fr;grid-column-gap:32px;}
.single__product__availability {font-size: 14px; font-weight: 600; line-height: 140%; border-radius: 2px; background: rgba(7, 244, 104, 0.10);padding:8px 24px;display:inline-flex;align-items: center;column-gap:12px;}
.single__product__type {font-size: 14px; font-weight: 600; line-height: 140%;border-radius: 2px; background: rgba(7, 244, 104, 0.10);padding:8px 24px;display:inline-flex;align-items: center;column-gap:12px;}
.single__produtc__addtocart .button {cursor:pointer;border:none;padding:8px 16px;width:100%;}

/* GIVEAWAYS
--------------------------------------------- */

.giveaways__header {position:relative;z-index:2;}
.giveaways__progress {background: #1D1D1D; }
.giveaways__progress .button {cursor:pointer;border:none;width:100%;}

.giveaways__archive {background:#0B0B0B url(../images/hex_bg.svg);background-position:-40px;}
.giveaways__archive__grid {display:grid;grid-template-columns:31% 31% 31%;justify-content: space-between;grid-row-gap:64px;}

.giveaways__single {border-radius: 8px; border: 1px solid #07F468; background: #0F0F0F; box-shadow: 0px 0px 88px 0px rgba(7, 244, 104, 0.15), 0px 0px 64px 0px rgba(7, 244, 104, 0.25), 0px 0px 32px 0px rgba(7, 244, 104, 0.50); padding:64px;}
.giveaway__row {display:grid;grid-template-columns:48% 48%;align-items:center;justify-content: space-between;}
.giveaway__row__left img {display:block;width:100%;}

/* TOS
--------------------------------------------- */

.tos__section .text {color:#fff;font-weight:600;}
.tos__section .text--20 {color:#fff;}

/* FAQ
--------------------------------------------- */

.faq__grid {display:grid;justify-content: space-between;grid-template-columns:34% 61%;}
.faq__right {display:grid;grid-row-gap:24px;}
.faq__question {border-bottom:1px solid rgba(255, 255, 255, 0.10);}
.faq__question:last-of-type {border-bottom:none;}
.faq__question h4 {color: #FFF; font-size: 24px; font-weight: 700; line-height: 140%; margin-top:0;}

.faq__more {background: #1D1D1D;}
.faq__more__buttons {display:grid;grid-template-columns:49% 49%;justify-content: space-between;}


/* CONTACT
--------------------------------------------- */

.contact__hero .text {color: #FFF; font-weight: 600; }
.contact__hero .text--contact {color: #FFF; }

.contact__info {display:grid;grid-template-columns:49% 49%;justify-content: space-between;}
.contact__info__icon span {display:inline-flex;justify-content: center; align-items: center; border-radius: 50%;width:48px;height:48px;line-height:48px; background: #161515; }
.contact__info__box h4 {color: #FFF; font-size: 20px; font-weight: 600; line-height: 140%; letter-spacing: -0.1px;}
.contact__info__links {display:flex;flex-direction: column;}
.contact__info__box a {color: #07F468; font-size: 16px; font-weight: 600; line-height: 150%;}

#contact-form {display:grid;grid-row-gap:24px;}
.contact__row textarea {padding:12px 16px;height:150px;width:100%;font-size: 16px; line-height: 24px; color:#fff;width:100%;border-radius: 8px; border: 1px solid #585858; background: #000; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);}
.contact__row .button {width:100%;cursor:pointer;border:none;}

.ct__gif img {display:block;margin:auto;width:160px;}
.contact__thankyou .text--20 {color: #FFF; }
.contact__thankyou .button {width:100%;}

/* FOOTER
--------------------------------------------- */

.footer {color: #808080; }
.footer__grid {display:grid;grid-template-columns:auto auto auto auto auto;justify-content: space-between;column-gap:80px;}
.footer__logo {display:block;}
.footer__column p {font-size: 14px; font-weight: 400; line-height: 140%;margin-top:0;}
.footer__column ul {margin:0;padding:0;list-style: none;display:grid;row-gap:12px;}
.footer__column ul li a {font-size: 14px;font-weight: 400; line-height: 140%;}
.footer__column ul li a:hover {color:#fff;}
.footer__socials {display:flex;column-gap:12px;}
.footer__socials a svg path {transition: all 0.15s ease-out;}
.footer__socials a:hover svg path {fill:#fff;transition: all 0.15s ease-out;}
.footer__legal {color: #484A51;font-size: 12px;font-weight: 400;line-height: 140%;display:grid;grid-template-columns:460px auto;justify-content: space-between;}

/* RWD
--------------------------------------------- */

@media (max-width: 1380px){
    .gc__header .heading--tiny {font-size:28px;}
    .giveaways .wrap {width:1200px;}
    .giveaway__column .heading--small {font-size: 40px;}
}

@media (max-width: 1280px){
    .wrap, .giveaways .wrap {width:100%;padding:0 10px;}
    .menu-toggle {display:block;background:url('../images/menu.svg')center center no-repeat;width:24px;height:24px;border:none;}
    .header__content {position:relative;}
    .header__menu ul {display:none;}
    .header__menu ul.toggled {position:absolute;display:flex;align-items: flex-start;flex-direction:column;left: 0; top: 100%; z-index: 999;background: #0F0F0F;justify-content: center;row-gap:14px;padding:24px 16px;width:100%;}

    .heading--large {font-size: 64px;}
    .text--large {font-size: 16px;}
    .giveaways__double, .giveaways__single {padding: 48px;}
    .gc__header {grid-template-columns: 100%; grid-row-gap: 8px;}
    .footer__grid {column-gap: 48px;}
    .single__product__grid {grid-template-columns: 45% 53%;}
    .single__product__meta {grid-column-gap: 16px;}
    .order__grid {grid-template-columns: 54% 43%;}
    .order__status__step {padding-top: 32px;}
}

@media (max-width: 1080px){
    .wrap1000 {width:100%;padding:0 10px;}
}

@media (max-width: 920px){
    .wrap880 {width:100%;padding:0 10px;}
    .wrap820 {width:100%;padding:0 10px;}

    .footer__legal {grid-template-columns: 100%; grid-row-gap:8px;}
    .store__grid {grid-template-columns: repeat(3, 31%); grid-row-gap: 48px;}
}

@media (max-width: 780px){
    .wrap780 {width:100%;padding:0 10px;}

    .heading--medium {font-size: 48px;}
    .heading--small {font-size: 40px;}
    .heading--tiny, .gc__header .heading--tiny  {font-size: 24px; }
    .text--largest {font-size: 18px;}
    .text--20 {font-size: 18px;}
    .text {font-size: 14px;}

    .button {line-height: 20px;column-gap:12px;padding:8px 24px;}
    .input__row input {font-size: 14px;line-height: 20px;}

    .p256 {padding:128px 0;}
    .pt128 {padding-top:64px;}
    .pt80 {padding-top:48px;}
    .pb128 {padding-bottom:64px;}

    .mb64 {margin-bottom:48px;}
    .mb48 {margin-bottom:40px;}
    .mb40 {margin-bottom:32px;}
    .mb32 {margin-bottom:24px;}
    .mb24 {margin-bottom:16px;}

    .exchange__box {padding: 32px 48px;}
    .exchange__baner {padding: 12px 24px; width: 100%; text-align: center; font-size: 14px;}
    .platform__select a {padding: 8px 16px;}
    .service__grid, .faq__grid {grid-template-columns: 100%;}
    .service__block {grid-template-columns: 48px 1fr; grid-column-gap: 16px;}
    .footer__grid {grid-row-gap:16px;grid-column-gap:16px;}
    .footer__column:nth-of-type(1), .footer__column:nth-of-type(5) {grid-column-start: 1;grid-column-end: 6;}
    .instruction__box h4 {font-size: 24px;}
    .single__product__grid {grid-template-columns:100%;grid-row-gap:24px;}
    .single__product__availability, .single__product__type {padding: 8px 16px;column-gap: 8px;}
    .single__product__price {font-size: 40px;}
    .order__grid {grid-template-columns: 100%;grid-row-gap:24px;}
    .tooltip__inner {left: auto; transform: translateX(0); width: 300px; padding: 8px; right: 0;}
}

@media (max-width: 640px){
    .wrap580 {width:100%;padding:0 10px;}
    .text--largest {font-size: 16px;}
    .header__bar--left a {column-gap: 8px;font-size: 12px;}
    .header__bar--left a img {width:16px;}
    .header--cart a, .selectron23-container .selectron23-option {font-size: 14px;}
    .header__bar--right {column-gap: 16px;}
    #amount-input {font-size: 20px; padding: 12px 16px 12px 48px; background-position: left 16px center;}
    .ex__code__grid {grid-template-columns: 100%; grid-row-gap: 8px;}
    .service__right {grid-template-columns: 100%; grid-row-gap: 32px;}
    .giveaways__double, .giveaways__single {padding: 32px;}
    .giveaways__double, .giveaway__row {grid-template-columns: 100%;grid-row-gap: 24px;}
    .store__grid, .giveaways__archive__grid {grid-template-columns: repeat(2, 49%); grid-row-gap: 24px;}
    .ex__calculate__sellamount {grid-template-columns: 100%; grid-row-gap: 4px;}
}

@media (max-width: 480px){
    .wrap480 {width:100%;padding:0 10px;}

    .heading--large {font-size: 40px;}
    .heading--medium {font-size: 40px;}
    .heading--small, .giveaway__column .heading--small {font-size: 32px;}
    .text--largest {font-size: 16px;}
    .text--20 {font-size: 16px;}
    .p256 {padding:48px 0;}
    .pt128 {padding-top:48px;}
    .pt80 {padding-top:40px;}
    .pb128 {padding-bottom:48px;}

    .mb64 {margin-bottom:40px;}
    .mb48 {margin-bottom:32px;}
    .mb40 {margin-bottom:24px;}
    .mb32 {margin-bottom:16px;}

    .header__bar {padding: 8px 0;}
    .header__bar--grid { grid-template-columns: 100%;grid-row-gap:8px;}
    .header__bar--left a, .header__bar--right {justify-content: center;}
    .header__content {padding: 24px 0;}
    .exchange__box {padding: 32px 24px;}
    .ex__platforms, .ex__buttons  {grid-template-columns: 100%; grid-row-gap: 8px;}
    .ex__platforms .text {text-align:center;}
    .platform__select {display: flex; column-gap: 4px; justify-content: center;}
    .opinions__grid, .contact__info  {grid-template-columns: 100%; grid-row-gap: 24px;}
    .instructions__grid, .giveaways__archive__grid {grid-template-columns: 100%; grid-row-gap: 16px;}
    .instruction__box__img img {max-width:100px;}
    .check__order__row {grid-template-columns: 100%; grid-row-gap: 16px;}
    #contact-form {grid-row-gap: 16px;}
    .ct__gif img {width: 100px;}
    .faq__question h4 {font-size: 20px;}
    .single__product__meta {grid-template-columns: 49% 49%;grid-column-gap:0;justify-content: space-between; grid-row-gap: 16px;}
    .single__produtc__addtocart {grid-column-start: 1;grid-column-end: 3;}
    .ex__code__grid.ex__code__wide {grid-template-columns: 100%;}
    .giveaways__double {padding: 24px;}
    .giveaway__timer {padding: 12px; column-gap: 16px;}
    .countdown__timer {font-size: 16px;}
    .payment__info {flex-wrap: wrap; row-gap: 8px;}
    .payment__method {padding: 16px; grid-column-gap: 12px;}
    .payment__logo {padding-right: 12px;}
    .order__step {grid-column-gap: 16px;}
    .order__step .heading--small {font-size: 24px;}
    .smi__count {font-size: 24px;}
    .smi__info {font-size: 14px;}
    .summary__item {grid-column-gap: 16px;}
    .order__tickets {padding: 16px; grid-column-gap: 16px;}
    .order__summary {padding: 16px;}
    .price__del {font-size: 20px;}
    .price__final {font-size: 24px;}
    .order__status__step .text--largest {font-size:12px;}
    .order__status__step {padding-top: 24px;}
    .order__status__dot {width: 24px; height: 24px; top: -12px;}
    .order__status__dot span {width: 12px; height: 12px;}
}

@media (max-width: 380px){
    .store__grid {grid-template-columns: repeat(1, 100%); grid-row-gap: 16px;}
}







