:root {
/* Social Media */
--facebook:#4267b2;
--facebook-gradient:#2b4987;    
--twitter:#1da1f2;
--twitter-gradient:#1874ad;

/* Error & Success */
--success:#2ecc71;
--success-gradient:#1fb362;
--error:#e9412f;
--error-gradient:#c0392b;
--warning:#ff793f;
--warning-gradient:#cd6133;

/* Main Template */
--background:#2a2e39;
--background-darker:#171717;    
--footer:#262933; /* Plus Subscription History */
--notification:#232323; /* Cookie Reminder */
--giveaway-cards:#262933; /* Behind Image + Winner Box */

/* Giveaway Info Clock */
--clock-gradient1:#DBBA93; 
--clock-gradient2:#A1886A;

/* Text */    
--headers:#ffffff;
--shade1:#bababa;
--shade2:#757575;
--shade-popup:#1c1c1c; /* Text + Shadow */

/* Two Main Styles */
--main-gradient-text:#cfb392;    
--main-gradient1:#f4d3ac;
--main-gradient2:#baa183;

--main-button-gradient1:#1abc9c;
--main-button-gradient2:#139078;

/* Subscription Tiers */
--tooltip-dark:#272b35;
    
--free-color:#757575;
--rare-color:#149dcb;
--epic-color:#cc53cd;
--legend-color:#f8972e;

--free-gradient1:#4b4b4b;
--free-gradient2:#3d3d3d;							
							
--rare-gradient1:#149dcb;
--rare-gradient2:#0964ab;

--epic-gradient1:#cc53cd;
--epic-gradient2:#8e259c;

--legend-gradient1:#f8972e;
--legend-gradient2:#c4631e;   
}

/* JS Color Classes */
.var-background-js {
color:var(--background) !important; 
}
.var-main-gradient1-js {
color:var(--main-gradient1) !important;   
}

img {
-webkit-user-select:none;
   -moz-user-select:none;
    -ms-user-select:none;
        user-select:none;	
}

* {
margin: 0;
border: 0;
padding: 0;
outline:0;

/* Mozilla Scrollbar*/
scrollbar-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15);
}

a {
text-decoration:none;	
color:inherit;
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

::-webkit-scrollbar {
width:18px;
}
::-webkit-scrollbar-thumb {
border-width: 5px 3px 5px 3px;
border-style:solid;
border-color:rgba(0, 0, 0, 0);
background-clip: padding-box;
border-radius: 0px;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset -12px -12px 0px rgba(0, 0, 0, 0.1), inset 12px 12px 0px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-track {
background: rgba(0,0,0,0.15);
}

body {
width:100%;
height:100%;
background:var(--background);
font-size:14px;
color:var(--headers);
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
overflow-y:auto;
overflow-x:hidden;
}

#site-target {
width:100%;
height:100%;
position:relative;
}

#header-target {
width: 100%; 
height: auto; 
margin: 0; 
padding: 0; 
position: relative; 
float: left; 
margin: 0 0 0 0;
}

#header-wrapper {
left:0; 
right:0;
position:relative;
margin:0 auto;
width:1160px;
height:auto;
}

#content-target {
width:100%;
position:relative;
float:left;
}

#content-wrapper {
left:0; 
right:0;
position:relative;
margin:0 auto;
width:1160px;
}

#footer-target {
width:100%;
height:auto;
background:var(--footer);	
position:relative;
float: left;
margin: 50px 0 0 0;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}

#nav-bar {
position:absolute;
z-index:33;
top:0;
left:0;
width:100%;
padding:30px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:justify;
        justify-content:space-between;
}
/*#nav-bar:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height:120px;
background: -webkit-gradient(linear,left bottom, left top,color-stop(0, transparent),to(rgba(0,0,0,.4)));
background: -webkit-linear-gradient(bottom,transparent 0,rgba(0,0,0,.4));
background: linear-gradient(to top,transparent 0,rgba(0,0,0,.4));
}*/
#nav-open, #nav-close {
position:relative;
float:left;
height:88px;
width:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
cursor:pointer;
margin:0 40px 0 0;
}
#nav-open svg, #nav-close svg {
width:40px;
height:40px;
fill:var(--main-gradient1);	
-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.1));
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.1));
}

#nav-logo, #nav-logo-trove {
position:relative;
float:left;
height:88px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-flow:column nowrap;
-webkit-user-select:none;
   -moz-user-select:none;
    -ms-user-select:none;
        user-select:none;
}
#nav-logo-trove {
width:88px;
}
#nav-logo-trove svg {
position:relative;
width:inherit;
height:inherit;	
-webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.1));	
filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)) drop-shadow(-1px -1px 1px rgba(0, 0, 0, 0.1));
stroke-width:1.2;
}

#nav-name {
position:relative;
float:left;
font-weight:bold;
text-transform:uppercase;
color:var(--headers);
font-size:36px;	
margin:0 0 10px 0;
text-shadow: 0 3px 15px rgba(0,0,0,0.7);
}
#nav-tag {
position:relative;
float:left;
padding:8px 14px;
font-weight:bold;
text-transform:uppercase;
color:var(--background);
font-size:16px;
align-self: flex-start;
box-shadow: 0 0px 15px 5px rgba(0,0,0,0.4);
border:1px solid var(--main-gradient1);
}

/* ------ NAV MENU ------ */
#nav-menu {
position:fixed;
width:250px;
background:var(--background);
height:100%;
border-right:1px solid rgba(0,0,0,0.25);
box-shadow: 10px 0px 15px 5px rgba(0,0,0,0.15);
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-flow:column nowrap;
z-index:32;
left:-301px;
display:none;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}

.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: auto;
touch-action: none;
background-color: rgba(23,24,26,.75);
width: 100%;
height: 100%;
z-index: 31;	
display:none;
}

.menu-scroll {
position:relative;
width:250px;
margin:140px 0 0 0;	
overflow-y:auto;
height:100%;
}
.menu-scroll:hover {
overflow-y: auto;
}
.menu-scroll::-webkit-scrollbar {
width:9px;
}
.menu-scroll::-webkit-scrollbar-thumb {
    border-width: 5px 3px 5px 3px;
	border-style:solid;
	border-color:rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.15);
    box-shadow: inset -3px -3px 0px rgba(0, 0, 0, 0.15), inset 3px 3px 0px rgba(0, 0, 0, 0.15);
}
.menu-scroll::-webkit-scrollbar-track {
background: rgba(0,0,0,0.0);
}

.nav-menu-section {
position:relative;
width:100%;
padding:0 0 10px 0;
border-top:1px solid rgba(255,255,255,0.1);		
}
.nav-menu-section a {
text-decoration:none;
color:inherit;
}
.nav-menu-section:first-child {
/* margin:140px 0 0 0;  */
}
.nav-menu-section-row {
position:relative;
width:100%;
height:48px;
line-height:48px;
font-size:14px;
padding:0 20px;	
box-sizing:border-box;

display:-webkit-box;

display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row wrap;
-webkit-box-align:center;
        align-items:center;

-webkit-transition:.2s;

transition:.2s;
cursor:pointer;
}
.nav-menu-section-row:hover {
background:rgba(255,255,255,.05);
-webkit-transition:.2s;
transition:.2s;
}
.nav-menu-section-row-header{
position:relative;
width:100%;
height:48px;
line-height:48px;
font-size:14px;
text-transform:uppercase;
padding:0 16px;	
box-sizing:border-box;
color:var(--shade2);

display:-webkit-box;

display:flex;
-webkit-box-align:center;
        align-items:center;
}
.nav-menu-section-row-icon {
position:relative;
width:24px;
height:24px;
margin:0 20px 0 0;
}
.nav-menu-section-row-icon svg {
width:24px;
height:24px;
fill:var(--headers);
}

#giveaway-image {
opacity:0;
position: relative;
width:100%;
height: 655px;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
filter: blur(0px);
}
#giveaway-image:after {
content: "";
position: absolute;
top: 0%; /* Waas 40% */
bottom: 0;
left: 0;
right: 0;
background: -webkit-gradient(linear,left top, left bottom,color-stop(0, transparent),to(rgba(0,0,0,.7)));
background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.7));
background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.7));
}

#giveaway-image-fade {
displaY:none;
position: fixed;
left: 0;
right: 0;
top: 0;
height: 655px;
z-index: -1;
background-position: top;
background-repeat: no-repeat; 
opacity: .06; /*.03*/
}
#giveaway-image-fade:before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
background: -webkit-gradient(linear,left top, left bottom,color-stop(0, hsla(0,0%,85%,0)),to(var(--background)));
background: -webkit-linear-gradient(top,hsla(0,0%,85%,0) 0,var(--background));
background: linear-gradient(to bottom,hsla(0,0%,85%,0) 0,var(--background));
}

#giveaway-image-logo {
position: absolute;
left: 0;
bottom: 40px;
z-index: 1;
width: 528px;
height: 285px;	
background-repeat: no-repeat;
background-position: center; 
background-size: contain; /* Cover? */
}

#info-entry-column, #info-entry-column-subscriber  {
position: absolute;
bottom:-65px; 
right:0px;
width: 350px;
padding: 25px;
box-sizing:border-box;
background: var(--background);
border:1px solid rgba(0,0,0,0.1);
box-shadow: 0 10px 15px 0px rgba(0,0,0,0.15);
z-index:1;

display:flex;
flex-flow: column wrap;
gap:30px;
}
#info-entry-column-subscriber .main-button, #info-entry-column-subscriber .disable-button, #giveaway-info-button, #giveaway-info-button-check {
margin:0;
}

#info-countdown {
position: absolute;
bottom:-40px; 
left:0px;
width: ;
height: 80px;
z-index:1;	
-webkit-user-select:none;	
   -moz-user-select:none;	
    -ms-user-select:none;	
        user-select:none;
}

#info-countdown-hover {
display:none;
position: absolute;
top:-25px; 
left:0px;
width:100%;
z-index:1;	
text-align:center;
font-weight:bold;
}
#info-countdown-hover > .info-countdown-tabs > span {
padding:5px 5px;
background:rgba(0,0,0,0.3);
color:var(--shade1);
font-size:14px;
}
/*
#info-countdown-hover > .info-countdown-tabs:after {
content:"";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(0,0,0,0.3);	
left:0;
right:0;
margin:0 auto;
top:-12px;
position: absolute;
}
*/
.info-countdown-tab {
position:relative;
float:left;
width:56px;
background: -webkit-linear-gradient(315deg, var(--clock-gradient1) 0%, var(--clock-gradient2) 100%);
background: linear-gradient(135deg, var(--clock-gradient1) 0%, var(--clock-gradient2) 100%);
height:80px;	
margin:0 5px 0 0;	
box-shadow: 0 1px 10px 5px rgba(0,0,0,0.2);
}
.info-countdown-tab:last-child {
margin:0 !important;	
}
.info-countdown-tabs {
position:relative;
float:left;
width:117px;
margin:0 20px 0 0;	
}
.info-countdown-tabs:last-child {
margin:0 !important;	
}
.info-countdown-tab-time {
position:absolute;
width:100%;
height:80px;
line-height:80px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
        justify-content: center;
font-size:52px;
font-weight:bold;
color:var(--background);
font-family: 'Roboto', sans-serif;
letter-spacing: 31px;
left: 16px;
z-index:1;
}
.info-countdown-disable-text {
color: var(--background) !important;
text-shadow: none !important;	
}
.info-countdown-disable-bg {
background: -webkit-linear-gradient(315deg, var(--shade1) 0%, var(--shade2) 100%) !important;
background: linear-gradient(135deg, var(--shade1) 0%, var(--shade2) 100%) !important;
}
#seconds-tab {
margin:0;	
}

/* ------ ADS ------ */
.ablock {
position:relative;
float:left;
width:300px;
/* height:250px; */
display:flex;
align-items:center;
justify-content:center;
}
.abanner {
position: relative;
width: 970px;
/*height: 90px;*/
left: 0;
top: 0;
margin:0 auto;
display:flex;
align-items:center;
justify-content:center;
/*background:red;*/
}
.askyscraper {
position: relative;
width: 300px;
height: 600px;
left: 0;
top: 0;
float:left;
display:flex;
align-items:center;
justify-content:center;
}
.asponsive, .asponsive-inside {
display:none;
position:relative;
width:100%;	
/*background:red;*/
align-items:center;
justify-content:center;
/*height:90px;*/
margin:0 auto;
}

/* ------ GIVEAWAY INFO ------ */
.content-3d {
border-top: 1px solid rgba(0,0,0,0.3);
}

.giveaway-info-ablock {
width:100%;
height:250px;
display: flex;
align-items: center;
justify-content: center;	
}

#giveaway-info-wrapper {
left:0; 
right:0;
position:relative;
margin:100px auto 0px auto;
width:1160px;
height:auto;
display:-webkit-box;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;
}
#giveaway-info-left {
width:calc(100% - 400px);
position:relative;
float:left;
margin:0 50px 0 0;	
}
#giveaway-info-description {
margin:0 0 50px 0;	
position:relative;
width:100%;
}
#giveaway-info-description > ul {
color:var(--shade1);
padding: 0;
margin: 0 0 0 15px;
list-style: square;
}
#giveaway-info-additional {
margin:0 0 0 0;	
position:relative;
width:100%;
}

#giveaway-info-right {
position:relative;
float:left;
width:350px;

display: -webkit-box;

display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
-webkit-box-align: center;
        align-items: center;
}
.giveaway-info-unit {
position:relative;
width:350px;
margin: 0 0 70px 0;
}
.giveaway-info-unit:nth-child(3){
margin: 0 0 0 0;
display: flex;
justify-content: center;
}

#giveaway-info-row { 
position:relative; 
width:100%; 
display: flex; 
flex-direction: row; 
align-items:center; 
justify-content:space-around;
}
#prize-token-selector{ 
position:relative; 
display:flex; 
flex-flow:row; 
justify-content:space-between;
}
.prize-token-select {
position:relative; 
width:50%;
cursor:pointer;
transition:opacity .2s;
}
.prize-token-select:hover {
opacity:1 !important;	
transition:opacity .2s;
}
.prize-token-select:nth-of-type(2) {
position:relative; 
width:50%; 
text-align:right; 
opacity:0.3;
}
.token-select-hr {
margin: 15px 0 18px auto; 
display:none;	
}

.giveaway-info-prizepool {
position:relative;
width:100%;
overflow:visible;
margin:30px 0 0 0;
font-family: 'Roboto', sans-serif;
cursor:pointer;
}
.giveaway-info-prizepool svg {
width:350px; 
position:relative;
width:350px; 
position:relative;
overflow:visible;
-webkit-filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
        filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
}
.giveaway-info-prizepool svg > .left-arm, .giveaway-info-prizepool svg > .right-arm{
fill:rgba(0,0,0,0.25);
}
.giveaway-info-prizepool svg > .legend-hex {
stroke-width:1.5;
}
.giveaway-info-prizepool svg > .tier-hex {
stroke: var(--main-button-gradient1);
stroke-width: 1.5;
}
.giveaway-info-prizepool svg > .tri-hex-back {
fill:none;
}
.giveaway-info-prizepool-numbers {
text-shadow: 0 2px 4px rgba(0,0,0,0.5); 
z-index:1; 
position:absolute; 
margin:0 auto; 
width:100px; 
height:115px; 
font-size:64px; 
color:var(--headers); 
font-weight:bold;	

display:-webkit-box;	

display:flex; 
-webkit-box-align:center; 
        align-items:center; 
-webkit-box-pack:center; 
        justify-content:center; 
}
.tier-prizepool {
top:0; 	
left:0; 
right:0; 
}
.legend-prizepool {
right:0px; 
bottom:0px;
}
.hex-prizepool {
left:0px; 
bottom:0px;
}

.giveaway-info-trove-tokens {
margin:30px 0 0 0;
overflow:visible; 
position:relative; 
width:100%; 
height:115px; 
display:-webkit-box; 
display:flex; 
-webkit-box-orient:
horizontal; 
-webkit-box-direction:
normal; 
        flex-direction:
row; -webkit-box-align:center; align-items:center; 
-webkit-box-pack:center; 
        justify-content:center;
cursor:pointer;
}
.giveaway-info-trove-tokens-small, .giveaway-info-trove-tokens-big {
position:relative; 
width:95px; 
height:103px; 
display:-webkit-box; 
display:flex; 
-webkit-box-orient:horizontal; 
-webkit-box-direction:normal; 
        flex-direction:row; 
-webkit-box-align:center; 
        align-items:center; 
-webkit-box-pack:center; 
        justify-content:center;	
}
.giveaway-info-trove-tokens-big {
z-index:2; 
width:100px; 
height:115px; 
}
.giveaway-info-trove-tokens-big:before {
content:"";
z-index:0; 
position:absolute; 
margin:0 auto; 
left:0; 
right:0; 
width:10px; 
height:10px; 
border-radius:50%; 
box-shadow: 0 0 30px 65px var(--background);
}
.giveaway-info-trove-tokens-small svg, .giveaway-info-trove-tokens-big svg {
width:inherit; 
height:inherit; 
position:absolute;
-webkit-filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
        filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
stroke-width:1.5;
}
.giveaway-info-trove-tokens-small svg > .token-logo-svg-fill, .giveaway-info-trove-tokens-big svg > .token-logo-svg-fill {
fill:var(--background);
}
.giveaway-info-trove-tokens-small:first-child {
margin:0 -15px 0 0; 
}
.giveaway-info-trove-tokens-small:last-child {
margin:0 0 0 -15px; 
}

.add-info-column {
position: relative;
float: left;
width: 250px;
margin: 0px 30px 0 0;
top:-15px;
}
.add-info-column:last-child {
margin: 0 0 0 0;
width: 200px;
}
.add-info-row {
position: relative;
width: 100%;
padding: 15px 0;
box-sizing: border-box;
font-size: 14px;
float: left;
border-bottom:1px solid rgba(255,255,255,0.1);
color:var(--shade1);	
}
.add-info-header {
position: relative;
width: 100%;
padding: 15px 0;
box-sizing: border-box;
font-size: 14px;
float: left;
border-bottom:1px solid rgba(255,255,255,0.1);
font-weight:bold;
}

#trove-token-info-popup, #prizepool-info-popup {
position: relative;
width: 600px;
box-shadow: 0 10px 15px 0px rgba(0,0,0,0.15);	
background: var(--background);
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
}
#trove-token-info-left, #prizepool-info-left {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
width: 200px;
border-right:1px solid rgba(0,0,0,0.15);
background: -webkit-linear-gradient(315deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.2) 100%);
background: linear-gradient(135deg, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.2) 100%);
-webkit-user-select:none;
   -moz-user-select:none;
    -ms-user-select:none;
        user-select:none;	
font-family: 'Roboto', sans-serif;
}
#prizepool-info-left  {
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:justify;
        justify-content:space-between;
height:320px;
padding:30px;
box-sizing:border-box;
}

#trove-token-info-right, #prizepool-info-right {
position: relative;
box-sizing: border-box;
padding: 30px;
width: 400px;
font-size: 14px;
color: var(--shade1);	
}
#trove-token-info-right  > p > b, #prizepool-info-right > p > b {
font-size:14px;
color:var(--headers);	
}

.prizepool-info-hex {
position:relative;
width:100px;
height:113px;
}
.prizepool-info-hex svg {
position:relative;
width:inherit;
height:inherit;
overflow: visible;
-webkit-filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
        filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
stroke-width: 1.5;
}
.prizepool-info-hex svg > #tri-hex-back-pop {
fill: none;
}
#legend-prizepool-pop {
bottom: 30px;
left: 0;
right: 0;
}
#hex-prizepool-pop {
top: 30px;
left: 0;
right: 0;	
}

.token-table-row {
position:relative;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;	
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.token-table-row-cell {
position:relative;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;	
border-top: 2px solid var(--background);
}

.token-table-cell {
position:relative;
width:50%;
text-align:center;
font-weight:bold;	
font-size:14px;
color:var(--shade1);
height:36px;
line-height:36px;
}
.token-table-button, .token-table-header {
position:relative;
width:50%;
text-align:center;
font-weight:bold;	
font-size:14px;
color:var(--headers);
height:36px;
line-height:36px;	
background: rgba(0,0,0,0.1);	
-webkit-transition:.2s;	
transition:.2s;
}
.token-table-button {
border-top: 2px solid var(--background);
}
.token-table-button:hover {
cursor:pointer;
background: rgba(0,0,0,0.2);
-webkit-transition:.2s;
transition:.2s;
}

#get-token-info, #get-prizepool-info {
cursor:pointer;	
}

.preorder-box {
display:flex; 
align-items:center; 
box-sizing:border-box; 
border:2px solid var(--warning); 
background: linear-gradient(120deg, var(--warning), var(--warning-gradient)); 
color:var(--background); 
font-size:14px; 
line-height:20px; 
width:530px; 
margin:0 0 25px 0; 
position:relative;
}
.preorder-box > svg {
fill:var(--background);
width:70px; 
padding:15px;
}
.preorder-box > span {
padding:15px 15px 15px 5px;
}

/* ------- GIVEAWAY ENTRY ------ */
.entry-wrapper, #entry-success-wrapper {
left: 0;
right: 0;
position: relative;
width: 1110px;
margin: 0 auto;	
}
#entry-success-wrapper {
display:flex;
gap:0px 50px;
flex-direction: row;
justify-content:center;
align-items:center;	
}
#entry-success-additional {
display:flex;
gap:20px 0px;
flex-direction: column;
justify-content:center;
align-items:center;	
}
.entry-header {
margin: 150px auto 0px auto;	
position: relative;
}
#entry-standard {
display: flex;
gap: 0 50px;
justify-content: center;
}

#entry-left {
width:calc(100% - 350px);
position:relative;
float:left;
margin:0;	
display:-webkit-box;	
display:flex;	
-webkit-box-orient: vertical;	
-webkit-box-direction: normal;	
        flex-flow: column;
}
#entry-right {
position:relative;
float:left;
width:300px;
display:-webkit-box;
display:flex;
-webkit-box-align: center;
        align-items: center;
height:707px;
}
.entry-step {
margin:0 0 50px 0;
float:left;
}
.entry-step:last-child {
margin:0 0 0 0;
}
.entry-status {
position:absolute;
right:0;
opacity:0.25;
}
.entry-status h2 {
font-size:16px;
}

#entry-image-logo {
position: relative;
z-index: 1;
width: 528px;
height: 285px;
left:0;
right:0;
margin:0 auto 0 auto;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

#entry-token-tip {
position: relative;
float:left;
width: 350px;
height: 300px;
padding: 25px;
box-sizing:border-box;
background: var(--background);
border:1px solid rgba(0,0,0,0.1);
box-shadow: 0 10px 50px 5px rgba(0,0,0,0.2);	
}

#entry-inputs {
position:relative;
width:100%;
float:left;
display:-webkit-box;
display:flex;	
-webkit-box-orient: horizontal;	
-webkit-box-direction: normal;	
        flex-flow: row wrap;
}
#entry-email {
position:relative;
width:60%;
float:left;
margin: 0 5% 0 0;
}
#entry-name {
position:relative;
width:35%;
float:left;
margin: 0 0 0 0;	
}
#entry-email > input, #entry-name > input {
width:100%;
}

#social-buttons {
position:relative;
width:100%;
float:left;
display:-webkit-box;
display:flex;	
-webkit-box-orient: horizontal;	
-webkit-box-direction: normal;	
        flex-flow: row wrap;
}
.social-split {
position:relative;
width:47.5%;
float:left;
margin: 0 5% 0 0;
}
.social-split > h3 {
font-size:14px;
}
.social-split:last-child {
margin: 0 0 0 0;	
}

#entry-buttons {
position:relative;
width:100%;
float:left;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;
-webkit-box-align: center;
        align-items: center;
}
.tacs-agreement {
position:relative;
float:left;
width:100%;
margin-left:calc(302px + 5%);
margin-top:20px;
text-align:center;
font-size:12px;
color:var(--shade1);
opacity:0.75;
}
.tacs-agreement a {
text-decoration:underline;
color:var(--shade1);
}
#google-captcha-entry {
position: relative;
float: left;
width: 302px;
height: 76px;
}
#giveaway-entry-button, #giveaway-entry-button-check, #giveaway-entry-button-loading, #giveaway-entry-button-complete{
position:relative;
float:left;
width:calc(95% - 302px);
margin:0 0 0 5%;
}

#entry-subscriber-popup {
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
}
#entry-subscriber-popup:before {
content: "";
z-index: 0;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
width: 0px;
height: 0px;
border-radius: 50%;
box-shadow: 0 0 140px 140px var(--shade-popup);
}
#entry-subscriber-popup > .error-notification, #entry-subscriber-popup > .success-notification {
margin-bottom: 20px;
}

#entry-subscriber-tokens {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-direction: row;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack: center;
        justify-content: center;
-webkit-box-flex: 0;
        flex: 0 0 auto;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;	
}
#entry-subscriber-tokens svg {
width:118px; 
height:130px;
}
#entry-subscriber-tokens-current {
position: relative;
width: 72px;
height: 58px;
right: -6px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
font-size: 32px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-align: center;
border: 3px solid transparent;
}
#entry-subscriber-tokens-max {
position: absolute;
width: 118px;
height: 130px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
color: var(--shade-popup);
right: 0;
font-size: 48px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-align: center;
}

#bottom-banner {
float:left;
position:relative;
margin: 0px auto 0px auto;
width:100%;
}

/* ------- GIVEAWAY SUCCESS ------- */
#entry-success-left {
width:calc(100% - 350px);
position:relative;
float:left;
display:-webkit-box;	
display:flex;	
-webkit-box-orient: vertical;	
-webkit-box-direction: normal;	
        flex-flow: column;
}
#entry-success-right {
position:relative;
float:left;
width:300px;
display:-webkit-box;
display:flex;
height:707px;
}
.entry-success-additional {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: flex-start;
gap: 0 30px;	
}
.entry-success-split {
position: relative;
width: 365px;
float: left;
box-sizing:border-box;
border:2px solid rgba(255,255,255,0.1);
padding:20px;

display:-webkit-box;

display:flex;	
-webkit-box-orient: vertical;	
-webkit-box-direction: normal;	
        flex-flow: column wrap;
-webkit-box-pack:center;
        justify-content:center;	
}
.entry-success-split:last-child {
margin: 0 0 0 0;	
}
.entry-success-split > a { /*Fix Bug with Button Hover*/
width:100%;
}

.entry-success-token-row {
position:relative;
width:100%;
height:100px;
margin:0 0 25px 0;
display:-webkit-box;
display:flex;	
-webkit-box-orient: horizontal;	
-webkit-box-direction: normal;	
        flex-flow: row wrap;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack:center;
        justify-content:center;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.entry-success-token-row:first-child{
margin:5px 0 25px 0;
}
.entry-success-token-row:last-child {
margin:0 0 5px 0;
}
.entry-success-split p {
margin:15px 0 0 0;
padding:15px 0 0 0;
border-top:2px solid rgba(255,255,255,0.1);	
}
.entry-success-token-row-text {
position:relative;
height:30px;
line-height:30px;
padding:5px 10px;
font-size:16px;
color:var(--background);
font-weight:bold;
text-transform:uppercase;
background:var(--main-gradient-text);
}
.entry-success-token-row-hex {
position:relative;
width:100px;
height:100px;
margin:0 0 0 0;
}
.entry-success-token-row-hex svg {
width:100px;
height:100px;	
fill:var(--main-gradient1);
-webkit-filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
        filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
}
.entry-success-token-row-hex svg > .icon-perk-stroke {
stroke:var(--main-gradient1); 
stroke-width:1.5;
}

.entry-success-token-row-number {
position: absolute;
font-family: 'Roboto', sans-serif;
width: 100px;
height: 100px;
line-height: 98px;
text-align: center;
left: 0;
right: 0;
top: 0;
font-weight: bold;
font-size: 52px;
margin: 0 auto;
color:var(--background);
}

.entry-success-subscription-icons {
position:relative;
width:100%;
display:-webkit-box;
display:flex;	
-webkit-box-orient: horizontal;	
-webkit-box-direction: normal;	
        flex-flow: row wrap;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack:center;
        justify-content:center;	
margin: 0 auto;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
	
.entry-success-subscription-icon {
position:relative;
width:80px;
height:80px;	
margin:35px 12px 5px 12px;
}
.entry-success-subscription-icon:nth-child(1), .entry-success-subscription-icon:nth-child(2), .entry-success-subscription-icon:nth-child(3) {
margin-top:5px;
}
.entry-success-subscription-icon svg {
width:80px;
height:80px;
}
.entry-success-subscription-icon-number {
position: absolute;
font-family: 'Roboto', sans-serif;
width: 80px;
height: 80px;
line-height: 76px;
text-align: center;
left: 0;
right: 0;
top: 0;
font-weight: bold;
font-size: 28px;	
}

/* ------- SUBSCRIPTIONS ------- */
#subscription-trial {
position:relative;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
margin:30px auto 0 auto;
}

#subscription-trial-button {
position: relative;
padding: 0px 30px;
height: 60px;
line-height: 60px;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
box-shadow: 0 0px 20px 5px rgba(0,0,0,0.1);
cursor: pointer;
background: -webkit-linear-gradient(315deg, var(--main-button-gradient1) 0%, var(--main-button-gradient2) 100%);
background: linear-gradient(135deg, var(--main-button-gradient1) 0%, var(--main-button-gradient2) 100%);
color:var(--headers);
text-shadow: 0 1px 4px rgba(0,0,0,.5);
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
#subscription-trial-button:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--main-button-gradient1);
-webkit-transition: .2s;
transition: .2s;
}
#subscription-trial-button:hover:after {
top:-5px;
left:-5px;
right:-5px;
bottom:-5px;
}

#subscriptions-tier {
position:relative;
float:left;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;	
-webkit-box-align:center;	
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
margin:0 0 50px 0;
}

.subscriptions-tier-triple {
position:relative;
float:left;
width:320px;
display:-webkit-box;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-flow: column;	
margin:15px 40px 15px 0;

background: var(--background);
border:1px solid rgba(0,0,0,0.1);
box-shadow: 0 10px 15px 0px rgba(0,0,0,0.15);

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.subscriptions-tier-triple:last-child {
margin:15px 0px 15px 0;
}

.subscriptions-tier-triple-rare:after, .subscriptions-tier-triple-epic:after, .subscriptions-tier-triple-legend:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid hsla(0,0%,96.1%,0);
pointer-events: none;
-webkit-transition: .25s;
transition: .25s;
}
.subscriptions-tier-triple-rare:hover:after{
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
border-color:var(--rare-color);	
}
.subscriptions-tier-triple-epic:hover:after{
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
border-color:var(--epic-color);		
}
.subscriptions-tier-triple-legend:hover:after{
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
border-color:var(--legend-color);	
}

.subscriptions-tier-name {
position:relative;
float:left;
width:100%;
text-align:center;
height:100px;
line-height:100px;

font-weight:bold;
font-size:32px;	
}
.subscriptions-tier-price {
position:relative;
float:left;
width:100%;
text-align:center;
height:90px;
line-height:90px;

font-weight:bold;
font-size:36px;	
text-shadow:0 2px 4px rgba(0,0,0,0.5);
}
.subscriptions-tier-price.price-slash-month:after {
content:"/mo";
font-size: 20px;
text-transform:lowercase;
}
.subscriptions-tier-description {
position:relative;
float:left;
width:100%;
text-align:center;

box-sizing:border-box;
padding:40px 20px;
font-size:14px;	

color:var(--shade1);
display:table-cell;
vertical-align:middle;
}
.subscriptions-tier-feature {
position:relative;
float:left;
width:100%;
height:70px;
font-size:14px;
background:rgba(0,0,0,0.075);	
box-sizing: border-box;
padding: 10px 20px;
/* font-weight:bold; */
color: var(--shade1);

display:-webkit-box;

display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;	
-webkit-box-align:center;	
        align-items:center;
-webkit-box-pack:start;
        justify-content:flex-start;
}
.subscriptions-tier-feature:nth-child(odd) {
background:none;	
}
.subscriptions-tier-feature-details {
position:relative;
float:left;
width:100%;
font-size:14px;
background:rgba(0,0,0,0.075);	
box-sizing: border-box;
padding: 10px 20px 10px 80px;
/* font-weight:bold; */
color: var(--shade1);
}

.rare-button:hover:after, .epic-button:hover:after, .legend-button:hover:after{
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
}
.rare-button, .epic-button, .legend-button {
position:relative;
float:left;
box-sizing:border-box;
height:80px;
line-height:80px;
font-weight:bold;
text-transform:uppercase;
color:var(--headers);
font-size:24px;	
margin:40px 20px 20px 20px;
cursor:pointer;
text-align:center;
text-shadow: 0 1px 4px rgba(0,0,0,0.5);

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.rare-button:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--rare-color);
-webkit-transition: .2s;
transition: .2s;
}
.epic-button:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--epic-color);
-webkit-transition: .2s;
transition: .2s;
}
.legend-button:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--legend-color);
-webkit-transition: .2s;
transition: .2s;
}

.subscriptions-tier-feature-icon {
position:relative;
width:40px;
height:40px;
margin:0 20px 0 0;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}

.subscriptions-tier-feature-icon-number {
position:absolute; 
font-family: 'Roboto', sans-serif;
width:40px; 
height:40px; 
line-height:40px; 
text-align:center; 
margin:0 auto; 
left:0; 
right:0; 
top:0; 
font-weight:bold; 
font-size:16px;
}

.subscriptions-tier-feature-text-max {
position:relative;
margin:0 0 0 7px;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding:1px 2px;
color:var(--background);
font-family: 'Roboto', sans-serif;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}

#subscriptions-faq {
position:relative;
float:left;
width:100%;
margin:0 0 0 0;
}

#subscriptions-faq-questions {
position:relative;
float:left;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;	
-webkit-box-align: baseline;	
        align-items: baseline;
margin: 30px 0 0 0;
}
.subscriptions-faq-question {
position:relative;
float:left;
width:47.5%;
margin:0 5% 5% 0;
}
.subscriptions-faq-question > p > a {
text-decoration:underline;
}
.subscriptions-faq-question:nth-child(even) {
margin:0 0 5% 0;
}
.subscriptions-faq-question:last-child,
.subscriptions-faq-question:nth-last-child(2) {
margin-bottom:0 !important;
}

.subscriptions-options {
position:relative;
width:500px;
height:60px;
float:left;
left: 58px;
bottom: -20px;
z-index:1;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}

/* Tooltip Styles */
[data-tooltip] {
position: relative;
cursor: pointer;
}

[data-tooltip]:after {
position: absolute;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform:         translate3d(0, 0, 0);
pointer-events: none;
box-sizing: border-box;
}

[data-tooltip]:hover:after,
[data-tooltip]:focus:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
box-sizing: border-box;
}

[data-tooltip]:after {
z-index: 1000;
padding: 10px 20px 10px 0;
width: 240px;
height:70px;
content: attr(data-tooltip);
font-size:13px;
line-height:16px;
box-sizing: border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
        align-items:center;
}

.tooltip-short:after {
padding: 10px 50px 10px 0 !important;	
}
.tooltip-dark-rare:after {
background-color:var(--tooltip-dark);
color:var(--rare-color);
}
.tooltip-light-rare:after {
background-color: var(--background);
color:var(--rare-color);
}
.tooltip-dark-epic:after {
background-color: var(--tooltip-dark);
color:var(--epic-color);
}
.tooltip-light-epic:after {
background-color: var(--background);
color:var(--epic-color);
}
.tooltip-dark-legend:after {
background-color: var(--tooltip-dark);
color:var(--legend-color);
}
.tooltip-light-legend:after {
background-color: var(--background);
color:var(--legend-color);
}

[data-tooltip]:after {
bottom: 0px;
left: 80px;
box-sizing: border-box;
}

/* ------ CHECKOUT ------ */
#checkout-logged-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
background:var(--background);
width: 500px;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;	
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 10px 15px 0px rgba(0,0,0,0.15);

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}

#checkout-logged-options {
position:relative;
width:100%;
padding:30px;
}
#checkout-logged-options > h3 {
margin:0;
}

#paypal-button-container {
position:relative;
width:100%;
height:auto; /* 80px */
margin:0 0 0 0;	
z-index: 0;
}

.checkout-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
background: ;
width: 800px;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;	
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 10px 15px 0px rgba(0,0,0,0.15);

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.checkout-left {
position:relative;
width:calc(100% - 240px);
box-sizing:border-box;
padding:30px;
background:var(--background);
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;	
align-content:center;
-webkit-box-pack:justify;
        justify-content:space-between;
}
.checkout-left-options {
position:relative;
margin:0 0 30px 0;
}
.checkout-left-options-content {
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row wrap;
-webkit-box-pack:justify;
        justify-content:space-between;	
}
.checkout-left-options-duration {
position:relative;	
width: calc(95% - 175px);
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;	
margin:0 5% 0 0;
float:left;
cursor:pointer;
}
.checkout-left-options-duration-dropdown {
position:relative;	
height:60px;
width:100%;
background: rgba(0,0,0,0.05);
border-style: solid;
border-color:var(--shade2);
border-widtH:2px 0 2px 2px;
box-sizing: border-box;
padding: 0px 15px;
line-height: 58px;
text-transform: uppercase;
color: var(--shade1);
text-align: left;
font-weight: bold;
font-size:14px;
}
.checkout-left-options-duration-arrow {
position:relative;		
height:60px;
width:60px;
background:var(--shade2);	
display:-webkit-box;	
display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
-webkit-box-flex:0;
        flex:0 0 auto;
}
.checkout-left-options-duration-arrow svg {
fill:var(--background);
}

.checkout-left-options-duration-ul {
display: none;
overflow-y: auto;
position: absolute;
top: 60px;
width: 100%;
background:var(--background);
z-index: 101;
list-style: none;
margin: 0;
padding: 0;
box-shadow: 0px 5px 15px 2px rgba(0,0,0,0.3);
border:solid rgba(0,0,0,0.2);
border-width:0 1px 1px 1px ;
box-sizing:border-box;
}
.checkout-left-options-duration-li {
position: relative;
float: left;
width: 100%;
height: 50px;
line-height: 50px;
background: rgba(0,0,0,0.075);
color: var(--shade1);
font-size: 14px;
border-bottom: 1px solid rgba(0,0,0,0.2);
cursor: pointer;
text-align: left;
box-sizing:border-box;
padding:0 7px 0 15px;
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
        justify-content:space-between;
-webkit-box-align:center;
        align-items:center;
text-transform:uppercase;
}

.checkout-left-options-duration-li:hover {
background: rgba(255,255,255,0.05);
}
.checkout-left-options-duration-li span {
position: relative;
font-weight:bold;
margin:0 0 0 auto;
font-family: 'Roboto', sans-serif;
font-size:11px;
padding:3px 6px; 
border: 1px solid var(--success); 
text-transform:uppercase;
color: var(--success);
}
.no-discounts {
text-decoration:line-through !important;
color: var(--error) !important;
}

.checkout-left-options-discount {
position:relative;
width:175px;
height:60px;
margin:0 0 0 auto;	
display:-webkit-box;	
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row nowrap;	
-webkit-box-pack:justify;	
        justify-content:space-between;
float:left;
justify-content: start;
color: var(--shade1);
text-align: left;
font-weight: bold;
font-size: 14px;
text-transform:uppercase;
}

#checkout-left-options-discount-text {
line-height:60px;
height:60px;
margin: 0 12px 0 0;
}
								
#checkout-left-options-discount-checkbox {
position:relative;
float:left;
width:80px;
height:60px;
line-height:60px;
}
								
.discount-box {
display: none;
}
.discount-box:checked  + .discount-button:before, .discount-box:checked  + .discount-button:after {
-webkit-transform: translate(-80px);
transform:translate(-80px);
-webkit-transition:.2s;
transition:.2s;
}
.discount-box:checked  + label.discount-button {
background:var(--shade2);
-webkit-transition:.2s;
transition:.2s;
}

.discount-button {
position:relative;
float:left;
width:80px;
height:60px;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row nowrap;
-webkit-box-align:center;
        align-items:center;
text-align:center;
font-weight:bold;
font-size:18px;	
color:var(--headers);
cursor:pointer;
text-transform:uppercase;
background:var(--success);
text-shadow:0 1px 4px rgba(0,0,0,0.5);
box-sizing:border-box;
border:1px solid rgba(0,0,0,0.2);
}
.discount-button:before {
content: "On";
position:relative;
float:left;
width:80px;
height:60px;
-webkit-transition:.2s;
transition:.2s;
-webkit-box-flex:0;
        flex:0 0 auto;
}
.discount-button:after {
content: "Off";
position:relative;
float:left;
width:80px;
height:60px;
-webkit-transition:.2s;
transition:.2s;	
-webkit-box-flex:0;	
        flex:0 0 auto;
}

.checkout-left-payment {
position:relative;
}
.checkout-left-payment-method {
position: relative;
padding: 0 30px;
height:60px;
line-height:60px;
box-sizing:border-box;
border: 2px solid var(--shade2);
font-weight: bold;
text-transform: uppercase;
color: var(--shade1);
font-size: 16px;
float: left;
cursor: pointer;
-webkit-transition:.2s;
transition:.2s;
margin:2px 15px 0 0;
}
.checkout-left-payment-method:hover {
border-color:var(--shade1);
color:var(--shade1);
-webkit-transition:.2s;
transition:.2s;
}
.checkout-left-payment-method-active {
border-color:var(--main-gradient1) !important;
color:var(--main-gradient1) !important;
-webkit-transition:.2s;
transition:.2s;
}
.checkout-left-payment-method-active:after{
content:"\2714";
position:absolute;
width:26px;
height:26px;
line-height:26px;
text-align:center;
font-size:16px;
background:var(--background);
bottom:-13px;
right:-13px;
border-radius:26px;
color:var(--success) !important;
}

.checkout-right {
position:relative;
width:240px;
box-sizing:border-box;
padding:30px 0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;	
align-content:center;
-webkit-box-pack:justify;
        justify-content:space-between;
}
.checkout-right-row {
position:relative;	
display:-webkit-box;	
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;	
align-content:center;
}

.checkout-right-row-header {
position:relative;	
padding:8px 10px;
font-size:18px;
font-weight:bold;
background:var(--background);
margin:0 auto;
text-transform:uppercase;

/* Discount Box Flicker Fix */
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}
.checkout-right-row-figure {
position:relative;	
color:var(--headers);
margin:0 auto;
text-transform:uppercase;	
text-align: center;
padding:10px 0 0 0;
font-weight: bold;
font-size: 36px;
text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.price-slash-month:after {
content:"/mo";
margin-left: 2px;
font-size: 20px;
text-transform:lowercase;
}

/* ------ CREATE ACCOUNT ------ */
#create-account-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
background: ;
width: 1000px;	
}
#create-account-inputs {
position:relative;
float:left;
width:100%;	
display:-webkit-box;	
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;
margin:0 0 50px 0;	
}
#create-account-email, #create-account-name, #create-account-password, #create-account-repeat {
position: relative;
width: 47.5%;
float: left;
margin: 0 0 0 0;

display:-webkit-box;

display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
}
#create-account-email > input, #create-account-name > input, #create-account-password > input, #create-account-repeat > input {
width: 100%;
}
#create-account-email, #create-account-password {
margin: 0 5% 0 0;
}
#create-account-inputs > #create-account-email, #create-account-inputs > #create-account-name {
margin-bottom:30px;
}

#create-account-perks {
position:relative;
float:left;
width:100%;	
/* display:flex;
flex-flow: row wrap; */
margin:0 0 50px 0;			
}
.create-account-perks-split {
position: relative;
width: 47.5%;
float: left;
margin: 0 5% 0 0;
display:-webkit-box;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row nowrap;
}
.create-account-perks-split:last-child {
margin: 0 0 0 0;
}

.create-account-perks-icon {
position:relative;
width:120px;
height:120px;
}
.create-account-perks-icon svg {
width:120px;
height:120px;
}
.create-account-perks-icon svg > .icon-perk-stroke {
stroke:var(--main-gradient1); 
stroke-width:1.5;
}
.create-account-perks-icon svg:first-child {
-webkit-filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
        filter: drop-shadow( 0px 5px 5px rgba(0, 0, 0, 0.2));
}
.create-account-perks-icon svg:last-child {
position:absolute;
width:60px;
height:60px;
margin:0 auto;
top:30px;
left: 0;
right: 0;
fill:var(--background);
}

.create-account-perks-icon-text {
position: relative;
margin:0 0 0 30px;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-flow: column wrap;
-webkit-box-pack: center;
        justify-content: center;
}

#create-account-buttons {
position:relative;
float:left;
width:100%;	
display:-webkit-box;	
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;	
-webkit-box-align:center;	
        align-items:center;
}
#google-captcha-create-account {
position:relative;
float:left;
width:302px;
height:76px;
}

#create-account-button, #create-account-button-loading, #create-account-button-complete {
position: relative;
float: left;
width: calc(95% - 302px);
margin: 0 0 0 5%;
}

/* ------ LOGIN ------ */
#login-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
background: ;
width: 400px;	
display:-webkit-box;	
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-flow: column wrap;
}
#login-welcome {
position:relative;
margin:0 0 50px 0;
text-align:center;
font-weight:bold;
font-size:18px;
text-transform:uppercase;	
display: -webkit-box;	
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-flow: column wrap;
-webkit-box-align: center;
        align-items: center;
}
#login-welcome svg {
width:120px;
height:120px;
position:relative;
}

#login-inputs {
position:relative;
float:left;
width:100%;	
-webkit-box-orient: vertical;	
-webkit-box-direction: normal;	
        flex-flow: column wrap;
margin:0 0 0px 0;	
}
#login-email, #login-password {
position: relative;
width: 100%;
float: left;
margin: 0 0 10px 0;
}
#login-email > input, #login-password > input {
width:100%;
}
#login-password {
margin: 0 0 0 0;
}

.login-additional {
width:100%;
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack: justify;
        justify-content: space-between;	
margin:20px 0 0 0;
color:var(--shade2);
}

.login-keep {
position:relative;	
}

label.checkbox input {
display: none; 
}
label.checkbox #checkbox-inactive {
height: 30px;
width: 30px;
display: inline-block;
position: relative;
background:rgba(0,0,0,0.2);
margin: 0 10px 0 0;
border: 1px solid rgba(0,0,0,0.1);
box-sizing: border-box;
}
.checkbox {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
        align-items: center;
position: relative;
height: 30px;
cursor:pointer
}
[type=checkbox].checkbox:checked + #checkbox-inactive:after {
content: '\2714';
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
color: var(--success);
text-align: center;
line-height: 30px;
font-size: 20px;
font-weight: bold;
z-index:1;
}
.login-forgot {
position:relative;
}
.login-create {
position:relative;
margin:20px 0 0 auto;
color:var(--shade2);	
}

#login-buttons {
position:relative;
float:left;
width:100%;	
display:-webkit-box;	
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;	
}

#login-button, #login-button-loading, #login-button-complete {
position: relative;
float: left;
width: 100%;
}

/* ------ PROFILE ------ */
#profile-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
width: 1160px;
}	

#profile-giveaways-wrapper {
position: relative;
width: 100%;
margin: 0px auto 0 auto;
display:-webkit-box;
float: left;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row wrap;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;	
}

#profile-no-giveaways {
position:relative;
width:100%;	
height:450px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
}
#profile-no-giveaways-message {
position:relative;
padding:20px 30px;
color:var(--shade2);
font-size:28px;
text-transform:uppercase;
text-align:center;
border:3px solid var(--shade2);
font-weight:bold;	
}

.profile-giveaway {
position:relative;
float:left;
width:300px;
margin: 0px 32px 65px 32px;
padding:30px;
background:var(--background);
box-shadow: 0 10px 15px 0px rgba(0,0,0,0.15);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
}

.profile-giveaway-top {
position:absolute;
left:0;
top:0;
width:100%;
height:53%; /*170px*/
}

.profile-giveaway-title {
position: relative;
width:100%;
margin: 0 0 20px 0;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.profile-giveaway-info {
position:relative;
float:left;
width:100%;

display:-webkit-box;

display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:justify;
        justify-content:space-between;
}
.profile-giveaway-info-box {
position:relative;
width:110px;
height:148px;
-webkit-box-flex:0;
        flex:0 0 auto;
box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.15);
border: 1px solid rgba(0,0,0,0.3);
}
.profile-giveaway-info-tokens {
position:relative;
right:-5px;
top:-20px;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
-webkit-box-flex:0;
        flex:0 0 auto;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.profile-giveaway-info-tokens svg {
width:62px; 
height:72px;
fill:var(--background);
}

.profile-giveaway-info-tokens-current {
position:relative;
width:40px;
height:32px;
right:-3px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
font-size:20px;
font-family: 'Roboto', sans-serif;
font-weight:bold;
text-align:center;
color: var(--background);
border:3px solid var(--background);
}
.profile-giveaway-info-tokens-max {
position:absolute;
width:62px;
line-height:72px;
right:0;
height:72px;
font-size:26px;
font-family: 'Roboto', sans-serif;
font-weight:bold;
text-align:center;
-webkit-filter: brightness(0.9);
        filter: brightness(0.9);
}
.profile-giveaway-button {
font-size:20px !important;
height:72px !important;
line-height:72px !important;	
}

/* ------ WINNERS ------ */
#winner-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
background: ;
width: 1160px;

display:-webkit-box;

display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row wrap;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
}	
#winner-header {
position: relative;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack: center;
        justify-content: center;
margin:0 0 40px 0;
}
#winner-header-message {
position: relative;
padding: 20px 30px;
color: var(--shade2);
font-size: 28px;
text-transform: uppercase;
text-align: center;
border: 3px solid var(--shade2);
font-weight: bold;
}

#winner-soon {
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
		align-items:center;
-webkit-box-pack:center;
		justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
		flex-direction:column;
height:500px;
}

#winner-soon-text {
position:relative;
font-size: 20px;
text-transform:uppercase;
}		

#winner-soon-clock {
position:relative;
font-size: 80px;
font-weight:bold;
color:var(--main-button-gradient1);
}		
			
.winner-giveaway {
position:absolute;
width:600px;
padding:30px;
background:var(--background);
box-shadow: 0 10px 15px 0px rgba(0,0,0,0.15);
box-sizing:border-box;

z-index: 1;	

display:-webkit-box;	

display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
-webkit-box-align:center;
        align-items:center;
}

.winner-giveaway-top {
position:absolute;
left:0;
top:0;
width:100%;
height:150px;
}

.winner-giveaway-info-title {
position: relative;
width:100%;
line-height:30px;
text-transform: uppercase;
font-size: 14px;
text-shadow: 0 1px 4px rgba(0,0,0,0.5);
margin:-20px 0 0 0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
text-align:center;
}
.winner-giveaway-info-title span {
position: relative;
width:100%;
}
.winner-giveaway-info-title span:first-child {
font-size:24px;
font-weight: bold;
}
.winner-giveaway-info-title span:last-child {
font-size:14px;
}

.winner-giveaway-info {
position:relative;
float:left;
width:100%;

display:-webkit-box;

display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
}
.winner-giveaway-info-box {
position:relative;
margin: 0 10px 0 0;
width:110px;
height:148px;
-webkit-box-flex:0;
        flex:0 0 auto;
box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.15);
border: 1px solid rgba(0,0,0,0.3);
}

.winner-tabs {
position:relative;
margin:30px 0 0 0;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-flow:column;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;	

-webkit-user-select:none;	

   -moz-user-select:none;	

    -ms-user-select:none;	

        user-select:none;
}
.winner-row1, .winner-row2 {
position:relative;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;		
flex-flow: row wrap;
}
.winner-row2 {
margin:0 0 0 0;	
}

.winner-tab {
position:relative;
float:left;
display:-webkit-box;
display:flex;
margin: 30px 15px 0 15px;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:justify;
        justify-content:space-between;	
}

.winner-tab-flag {
position:relative;
height:40px;
width:40px;
background:rgba(0,0,0,0.1);
margin:0 10px 0 0;	
border:1px solid rgba(0,0,0,0.2);
}

.winner-tab-flag img {
height:40px;
width:40px;
}

.winner-tab-name {
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-flow:column wrap;
text-align:left;	
font-weight: bold;
}
.winner-tab-name span:first-child {
font-size:18px;
}
.winner-tab-name span:last-child {
font-size:12px;
text-transform:uppercase;
}

.winner-boxes {
position:relative;	
display:-webkit-box;	
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row wrap;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;	
width:900px;
}

.winner-box {
position:relative;
width:110px;
height:148px;
padding:12px;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
cursor:pointer;
margin:20px 20px;
-webkit-transition:.2s;
transition:.2s;
z-index: 1;
}
.winner-box:hover{
box-shadow: 0 20px 30px 0px rgba(0,0,0,0.3);	
-webkit-transform: translateY(-5px);	
        transform: translateY(-5px);
-webkit-transition:.2s;
transition:.2s;
}
.winner-box-image {
position:relative;
width:110px;
height:148px;
box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.15);
border: 1px solid rgba(0,0,0,0.3);
z-index:1;
background:var(--giveaway-cards);
}

.winner-box-top {
position:absolute;
height:50%;	
top:0;	
left:0;
width:100%;
}
.winner-box-bottom {
position:absolute;
height:50%;	
width:100%;	
bottom:0;
left:0;
background:var(--background);
}

/* ------ INDEX/HOME------ */
#toggle-clock-wrapper, #toggle-account-wrapper {
position:relative; 
width:100%;		
display:-webkit-box;		
display:flex; 
-webkit-box-pack:justify; 
        justify-content:space-between; 
}

.toggle-box {
display: none;
}
.toggle-box:checked  + .toggle-button:before {
-webkit-transform: translate(100%);
transform:translate(100%);
-webkit-transition:.2s;
transition:.2s;
}
.toggle-button {
position:absolute;
width:100%;
height:60px;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row nowrap;
box-sizing:border-box;
}
.toggle-button:before {
content:"";
position:relative;
width:50%;
height:100%;
-webkit-transition:.2s;
transition:.2s;
background: -webkit-linear-gradient(315deg, var(--main-gradient1) 0%, var(--main-gradient2) 100%);
background: linear-gradient(135deg, var(--main-gradient1) 0%, var(--main-gradient2) 100%);
-webkit-box-flex:0;
        flex:0 0 auto;
}

.giveaway-toggle {
position:relative;
margin:0 auto;
border:2px solid var(--main-gradient1);
height:60px;
width:300px;	

display:-webkit-box;	

display:flex;
flex-diretion:row;
-webkit-box-align:center;
        align-items:center;
}
.giveaway-toggle-option {
position:relative;
width:50%;
height:60px;
line-height:60px;
text-align:center;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
-webkit-transition: .2s;
transition: .2s;
cursor:pointer;
z-index: 1;
}
#exclusive-toggle {
color:var(--background);
}
#shared-toggle {
color:var(--main-gradient1);
}
.giveaway-toggle-option:before {
content: '';    
display: block;
height: 100%;
width:100%;
position: absolute;
top: 0; 
left: 0;
opacity: 0;
background: -webkit-linear-gradient(315deg, var(--main-gradient1) 0%, var(--main-gradient2) 100%);
background: linear-gradient(135deg, var(--main-gradient1) 0%, var(--main-gradient2) 100%);
-webkit-transition: .2s;
transition: .2s;
z-index: -1;
}

#giveaway-toggle-icon, #giveaway-toggle-icon-close {
position:absolute;
right:-60px;
width:30px;
height:30px;
cursor:pointer;
}
#giveaway-toggle-icon svg, #giveaway-toggle-icon-close svg {
width:30px;
height:30px;
fill:var(--main-gradient1);
}

#new-giveaways-clock-wrapper {
position:relative; 
display:-webkit-box; 
display:flex; 
-webkit-box-align:center; 
        align-items:center; 
margin:0px auto;
border: 2px solid var(--main-button-gradient1);
height: 60px;
width: 340px;
}

#new-giveaways-text {
color: var(--background);	
background:-webkit-linear-gradient(315deg,var(--main-button-gradient1) 0%,var(--main-button-gradient2) 100%);	
background:linear-gradient(135deg,var(--main-button-gradient1) 0%,var(--main-button-gradient2) 100%);
width: 190px;
}

#new-giveaways-clock {				
color: var(--main-button-gradient1);
font-size:24px;
width: 150px;
}

.new-giveaways-clock-split {
position: relative;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
z-index: 1;				
}

#toggle-tooltip {
position:absolute; 
color:var(--headers); 
padding:20px; 
box-sizing:border-box; 
background:var(--background); 
right:-2px; 
top:-2px; 
width:304px; 
border:2px solid var(--main-gradient1); 
z-index:3; 
box-shadow: 0 5px 10px 0 rgba(0,0,0,.5);
}

#toggle-tooltip:after {
position:absolute;
content:"";
top:20px;
right:-16px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-left: 16px solid var(--main-gradient1);
border-bottom: 10px solid transparent;	
-webkit-filter: drop-shadow( 03px 3px 3px rgba(0,0,0,0.4));	
        filter: drop-shadow( 03px 3px 3px rgba(0,0,0,0.4));					  
}


#giveaway-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
width: 990px;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
	
.giveaway-card-wrapper {
position: relative; /*relative*/
margin: 30px auto 0 auto;	

display:-webkit-box;	

display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-flow:row wrap;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
width: 100%;

/* Format Testing */
gap:20px 20px;
}

.card-tag-rare,
.card-tag-epic,
.card-tag-legend 
{
position:absolute;
right:0;
top:0;
color:var(--headers);
padding:0 15px 0 10px;
height:50px;
line-height:50px;
font-weight:bold;
text-transform:uppercase;
font-size:16px;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.5);
border:none !important;
z-index:2;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}
.card-tag-rare {
background:-webkit-gradient(linear, left top, right top, from(var(--rare-gradient1)), to(var(--rare-gradient2)));
background:-webkit-linear-gradient(left, var(--rare-gradient1) 0%, var(--rare-gradient2) 100%);
background:linear-gradient(to right, var(--rare-gradient1) 0%, var(--rare-gradient2) 100%);
}
.card-tag-epic {
background:-webkit-gradient(linear, left top, right top, from(var(--epic-gradient1)), to(var(--epic-gradient2)));
background:-webkit-linear-gradient(left, var(--epic-gradient1) 0%, var(--epic-gradient2) 100%);
background:linear-gradient(to right, var(--epic-gradient1) 0%, var(--epic-gradient2) 100%);
}
.card-tag-legend {
background:-webkit-gradient(linear, left top, right top, from(var(--legend-gradient1)), to(var(--legend-gradient2)));
background:-webkit-linear-gradient(left, var(--legend-gradient1) 0%, var(--legend-gradient2) 100%);
background:linear-gradient(to right, var(--legend-gradient1) 0%, var(--legend-gradient2) 100%);
}
.card-tag-rare:before,
.card-tag-epic:before,
.card-tag-legend:before
 {
content:"";
position:absolute;
top:0;
right:100%;
width: 0;
height: 0;
background:none !important;
border-top: 51px solid rgba(0,0,0,0.5);
border-left: 51px solid transparent;
}
.card-tag-rare:after,
.card-tag-epic:after,
.card-tag-legend:after 
{
content:"";
position:absolute;
top:0;
right:100%;
z-index:1;
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 50px solid transparent;
}
.card-tag-rare:after {
border-top-color:var(--rare-color);
}
.card-tag-epic:after {
border-top-color:var(--epic-color);
}
.card-tag-legend:after {
border-top-color:var(--legend-color);
}

.giveaway-card-image {
position:absolute;
width:100%;
height:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.1);
filter: brightness(90%);
}

.lozad-fade {
	-webkit-animation-name: lozad-fade;
	        animation-name: lozad-fade;
	-webkit-animation-duration: 0.8s;
	        animation-duration: 0.8s;
}

@-webkit-keyframes lozad-fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes lozad-fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}	

/* Giveaway Card Formats */
.giveaway-card-logo {
position:absolute;
width:100%;
height:100%;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index:1;
}

.giveaway-card-ablock, .giveaway-card-asidescraper, .giveaway-card-askyscraper {
-webkit-box-flex: 0;
        flex: 1 1 auto;
z-index:1;
position: relative;
float: left;
}

.giveaway-card-skyscraper, 
.giveaway-card-sidescraper, 
.giveaway-card-big-square, 
.giveaway-card-skyscraper-thin, 
.giveaway-card-sidescraper-long, 
.giveaway-card-twotangle  {
-webkit-transition:.2s;
transition:.2s;	
cursor:pointer;
-webkit-box-flex: 0;
        flex: 1 1 auto;
z-index:1;
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
position: relative;
float: left;
background-color: var(--giveaway-cards);
}

.giveaway-card-skyscraper:hover, 
.giveaway-card-sidescraper:hover, 
.giveaway-card-big-square:hover, 
.giveaway-card-skyscraper-thin:hover, 
.giveaway-card-sidescraper-long:hover, 
.giveaway-card-twotangle:hover  {
box-shadow: 0 60px 90px -40px rgba(0,0,0,0.6);	
z-index: 2;
-webkit-transform: translateY(-5px);
        transform: translateY(-5px);
-webkit-transition:.2s;
transition:.2s;
}

.giveaway-card-skyscraper {
width: 350px;
height: 600px;
}

.giveaway-card-sidescraper {
width: calc(100% - 320px);
height: 250px;
}

.giveaway-card-big-square {
width: calc(100% - 321px); /* Fixes Format 2 Positioning on Flex when Ad Removed */
height: 600px;
}

.giveaway-card-big-square > a > .giveaway-card-logo {
background-size: auto !important;
}

.giveaway-card-skyscraper-thin {
width: 301px; /* Fixes Format 2 Positioning on Flex when Ad Removed */
height: 600px;
}

.giveaway-card-sidescraper-long {
width: 100%; /*970*/
height: 250px;
}

.giveaway-card-ablock {
width: 300px;
height: 250px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto;
}

.giveaway-card-asidescraper {
width: calc(100% - 340px); /*650*/
height: 250px;
}

.giveaway-card-twotangle {
width: calc(50% - 20px); /*475*/
height: 300px;
}

#giveaway-card-skyscraper-thin-square {
position:relative; 
display:-webkit-box; 
display:flex; 
-webkit-box-orient:vertical; 
-webkit-box-direction:normal; 
        flex-direction:column; 
width:calc(100% - 340px); 
height: 600px; 
margin: 0 10px;	
}

#giveaway-card-skyscraper-thin-square > .giveaway-card-sidescraper {
height:290px; 
width:100%; 
margin:0 0 0 0;
}
#giveaway-card-skyscraper-thin-square > .giveaway-card-sidescraper:last-child {				
margin:20px 0 0 0;
}

/* ------ RESOURCES ------ */
#faq-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
background: ;
width: 980px;
}

.faq-questions {
position:relative;
margin-top:20px;	
float:left;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
}
.faq-questions > p > a {
text-decoration:underline;
}
.faq-questions h3{
margin-top:40px;	
}
.faq-questions h3:first-child {
margin-top:0px;	
}

#faq-menu {
position:relative;
margin-bottom:40px;
float:left;
width:100%;

display:-webkit-box;

display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;	
-webkit-box-align:center;	
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}

.faq-button {
position: relative;
padding: 0 30px;
height: 60px;
line-height: 60px;
box-sizing: border-box;
border: 2px solid var(--shade2);
font-weight: bold;
text-transform: uppercase;
color: var(--shade1);
font-size: 16px;
float: left;
cursor: pointer;
-webkit-transition: .2s;
transition: .2s;
margin: 0px 15px 0 0;
transition:.2s;
}
.faq-button:last-child {
margin: 0 0 0 0;
}
.faq-button:hover {
border: 2px solid var(--shade1);
color: var(--shade1);
-webkit-transition:.2s;
transition:.2s;
}
.faq-button-active {
border-color:var(--main-gradient1) !important;
color:var(--main-gradient1) !important;
-webkit-transition:.2s;
transition:.2s;
}

/* ------ EDIT ACCOUNT ------ */
#toggle-account-wrapper {
margin: 0 auto 60px auto;
}

#account-menu {
position: relative;
margin: 0 auto 0 auto;
float: left;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-direction: row;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack: center;
        justify-content: center;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;	
}
.account-button {
position: relative;
padding: 0 30px;
height: 60px;
line-height: 60px;
box-sizing: border-box;
border: 2px solid var(--shade2);
font-weight: bold;
text-transform: uppercase;
color: var(--shade1);
font-size: 16px;
float: left;
cursor: pointer;
-webkit-transition: .2s;
transition: .2s;
margin: 0px 15px 0 0;
}
.account-button-last {
margin: 0 0 0 0;
}
.account-button:hover {
border: 2px solid var(--shade1);
color: var(--shade1);
-webkit-transition: .2s;
transition: .2s;
}
.account-button-active {
border-color: var(--main-gradient1) !important;
color: var(--main-gradient1) !important;
-webkit-transition: .2s;
transition: .2s;	
}

#edit-account-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
background: ;
width: 900px;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-flow: column;
}
.edit-account-section {
position:relative;
width:100%;	
margin:0 0 80px 0;
}
.edit-account-section:last-child {
margin:0 0 0 0;
}
#edit-account-section-modify-header {
position:relative; 
width:100%; 
margin-bottom:5px;
}
.edit-account-section-modify {
left: 0;
right: 0;
position: relative;
background: ;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 10px 15px 0px rgba(0,0,0,0.15);
margin:50px 0 0 0;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;	
}
.edit-account-section-modify:nth-of-type(1) {
margin:0px 0 0 0;
}
.edit-account-section-modify-left {
position: relative;
width: 240px;
box-sizing: border-box;
padding: 30px 0;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
align-content: center;
-webkit-box-pack: justify;
        justify-content: space-between;
}
.edit-account-section-modify-row {
position:relative;	
display:-webkit-box;	
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;	
align-content:center;
}

.edit-account-section-modify-header {
position:relative;	
padding:8px 10px;
font-size:18px;
font-weight:bold;
background:var(--background);
margin:0 auto;
text-transform:uppercase;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}

.edit-account-section-modify-figure {
position:relative;	
color:var(--headers);
margin:0 auto;
text-transform:uppercase;	
text-align: center;
padding:10px 0 0 0;
font-weight: bold;
font-size: 16px;
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.edit-account-section-modify-right {
width: calc(100% - 240px);
box-sizing: border-box;
padding: 30px;
background: var(--background);
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
position:relative;
}
.edit-account-section-modify-right > .main-button:nth-of-type(1)   {
margin:10px 0 0 0;	
}

.upgrade-notification {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-direction: row;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack: center;
        justify-content: center;
position: relative;
margin: 0 auto;
text-align: left;
color: var(--shade2);
background: var(--background-darker);
line-height: 16px;
font-size: 12px;
width: 100%;
padding: 16px 10px;
box-sizing: border-box;		
}	

.upgrade-notification svg {
position: relative;
width: 26px;
height: 26px;
padding: 0 15px 0 0;
fill: var(--shade2);	
}

#checkout-upgrade-notification {
margin:15px 0 0 0;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-direction: row;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack: center;
        justify-content: center;
position: relative;
text-align: left;
color: var(--shade2);
background: var(--background-darker);
line-height: 16px;
font-size: 12px;
width: 300px;
padding: 15px;
box-sizing: border-box;		
}	

#upgrade-notification-wrapper {
position:relaitve;
margin:0 auto 30px auto;
display:flex;
}

#epic-upgrade-notification {
position: relative;
box-shadow: 0 10px 15px 0 rgba(0,0,0,.15);
bottom: 0;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
left: 0;
right: 0;
margin: 0 auto;
text-align: left;
color: var(--shade2);
background: var(--background-darker);
line-height: 18px;
font-size: 12px;
padding: 16px 16px;
box-sizing: border-box;
}

.subscription-history-row-wrapper {
position:relative;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
-webkit-box-align:end;
        align-items:flex-end;
-webkit-box-pack:justify;
        justify-content:space-between;	
cursor:pointer;
margin: 5px 0 0px 0;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.subscription-history-row-wrapper:first-child{
margin: 0px 0 0px 0;
}

.subscription-history-row {
position:relative;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:justify;
        justify-content:space-between;	
cursor:pointer;

border-width:2px 2px 2px 2px;
border-style:solid;
border-color:rgba(0,0,0,0.1);
background:var(--background);
}

.subscription-history-row-lower {
display:none;	
	
position:relative;
width:100%;

-webkit-box-orient:horizontal;

-webkit-box-direction:normal;

        flex-direction:row;
-webkit-box-pack:justify;
        justify-content:space-between;	
cursor:pointer;

border-bottom:2px  solid rgba(0,0,0,0.1);
border-left:2px  solid rgba(0,0,0,0.1);
border-right:2px solid var(--footer);
background:var(--footer);
}

.subscription-history-row-tab {
position:relative;
height:60px;	
display:-webkit-box;	
display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;	
font-weight:bold;
font-size:14px;
}
.row-tab-tier {
width:242px;	
-webkit-box-flex: 0;	
        flex: 0 0 auto;
font-weight: bold;
font-size: 18px;
color:var(--background);
text-transform:uppercase;
border-width: 0 2px 0 0px;
border-style: solid;
border-color: var(--footer);
}
.row-tab-duration, .row-tab-amount, .row-tab-type {
width:240px;	
-webkit-box-flex: 1;	
        flex: 1 1 auto;
color:var(--shade1);
}
.row-tab-type {
border-width:0 2px 0 2px;
border-style:solid;
border-color:rgba(0,0,0,0.1);
}
.row-tab-amount{
font-size:16px;
color:var(--headers);
}

.row-tab-payment, .row-tab-status, .row-tab-date {
width:240px;	
-webkit-box-flex: 1;	
        flex: 1 1 auto;
color:var(--shade1);
}

.row-tab-partner {
width:242px;	
-webkit-box-flex: 0;	
        flex: 0 0 auto;
font-weight: bold;
font-size: 16px;
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-transform:uppercase;
color:var(--headers);
border-width: 0 2px 0 0px;
border-style: solid;
border-color: rgba(0,0,0,0.1);
}
.row-tab-payment {
border-width:0 2px 0 2px;
border-style:solid;
border-color:rgba(0,0,0,0.1);
}
.row-tab-status-paid {
font-size:16px;
color:var(--success);
text-transform:uppercase;
}
.row-tab-status-refunded {
font-size:16px;
color:var(--failure);
text-transform:uppercase;
}

.row-tab-arrow {
width:52px;	
-webkit-box-flex: 0;	
        flex: 0 0 auto;
background:var(--footer);
}
.row-tab-arrow svg {
fill:var(--shade2);
width:16px;
height:16px;
}
.arrow-flip {
-webkit-transform: rotate(180deg);
        transform: rotate(180deg); 
}

#update-account-section {
display:-webkit-box;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row;	
-webkit-box-pack:justify;	
        justify-content:space-between;
}
#change-password-section {
display:-webkit-box;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-flow: column;	
}	

#change-password-section-inputs {
display:-webkit-box;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row;	
-webkit-box-pack:justify;	
        justify-content:space-between;
}	
#change-password , #confirm-change-password  {
width:47.5%;
position: relative;
}
#change-password input, #confirm-change-password input {
width:100%;
}

#partner-avatar {
position:relative;
width:200px;
height:200px;
margin:0 5% 5px 5px;
outline:5px solid rgba(0,0,0,0.3);
background-size: cover;
}
#partner-avatar img {
width: inherit;
height: inherit;
}

#partner-remove-section, #partner-remove-section--shrink {
margin:0 auto !important;	
}
#partner-remove-section {
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;	
-webkit-box-align:center;	
        align-items:center;
-webkit-box-pack:justify;
        justify-content:space-between;
}
#partner-avatar-remove {
position:relative;
width:calc(100% - 5% - 205px);
}
#partner-avatar-remove > .main-button {
margin:10px 0 0 0;	
}
#partner-avatar-remove > h2 span, #partner-avatar-remove--shrink > h2 span {
text-transform:capitalize !important;
}

.edit-account-split {
position: relative;
width: 47.5%;
float: left;
display:-webkit-box;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-flow: column;
}
#update-email input, #change-username input {
width:100%;	
}

/* ------ RESOURCES ------ */
#resources-wrapper {
left: 0;
right: 0;
position: relative;
width: 1110px;
margin: 0 auto;	
}
#resources-wrapper h2{
margin-top:30px;	
}
#resources-wrapper h2:first-child {
margin-top:0px;	
}
#resources-wrapper ul {
color:var(--shade1);
padding-left: 30px;	
}

/*STYLE*/
.top-spacer {
margin-top:200px !important;	
}

.center-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: auto;
touch-action: auto;
background-color: rgba(23,24,26,.75);
width: 100%;
height: 100%;
z-index: 35;	
padding: 0 30px;
box-sizing: border-box;
display:-webkit-box;	

display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
}
.center-overlay-close {
position: absolute;
top: -40px;
right: -40px;
width: 30px;
height: 30px;
z-index: 1;	
cursor:pointer;
}
.center-overlay-close  svg {
width: 30px;
height: 30px;
fill:var(--shade1);
}

/* ----- INPUTS ----- */
.input {
height: 80px;
line-height: 80px;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2);
box-sizing: border-box;
background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.3)),to(rgba(0,0,0,0.1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 100%);
font-weight: bold;
font-size: 16px;
padding: 20px 30px;
color: var(--shade1);
border-radius:0px;
}
.input:focus {
background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.4)),to(rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 100%);
}
.input-error{
box-shadow: inset 2px 2px 0 0 var(--error), inset -2px -2px 0 0px rgba(0,0,0,0.2) !important;	
color:var(--error) !important;
}
.input-error-message {
display:none;
position:relative;
float:left;
padding:15px 15px;
font-size:14px;
color:var(--shade1);
color:var(--error);
box-shadow: inset 2px -2px 0 0 var(--error) !important;	
align-self: flex-start;
-webkit-user-select:none;
   -moz-user-select:none;
    -ms-user-select:none;
        user-select:none;
}
.input-valid {
box-shadow: inset 0px 0px 0px 2px var(--success) !important;	
color:var(--success) !important;
}

.textarea {
border: none;
padding: 20px 30px;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2);
background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.3)),to(rgba(0,0,0,0.1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 100%);
font-size: 16px;
line-height: 24px;
color: var(--shade1);
resize: none;
width: 100%;
height: 135px;
overflow: hidden;
font-family: inherit;	
}
.textarea:focus {
background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.4)),to(rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.2) 100%);
}

#show-password, #hide-password {
position:absolute;
width:35px;
height:80px;	
top:0px;
right:0px;
cursor:pointer;
displaY:flex;
-webkit-box-align:center;
        align-items:center;
z-index:1;
}
#show-password svg, #hide-password svg {
width:20px;
height:20px;	
fill:var(--shade2);
opacity:0.75;
}

.button-loading {
display: inline-block;
width: 44px;
height: 44px;
margin:0 0 0 25px;
}
.button-loading:after {
content: "";
display: block;
width: 32px;
height: 32px;
margin: 1px;
border-radius: 50%;
border: 5px solid var(--headers);
border-color: var(--headers) transparent var(--headers) transparent;
-webkit-animation: button-loading 1.2s linear infinite;
        animation: button-loading 1.2s linear infinite;
}
@-webkit-keyframes button-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes button-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*-------------FOOTER------------*/
#footer-wrapper, #footer-wrapper-partner {
left: 0;
right: 0;
position: relative;
margin: 50px auto;
width: 1000px;	

display:-webkit-box;	

display:flex;
-webkit-box-pack:center;
        justify-content:center;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
}
#footer-columns {
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
width:calc(100%);
}
#footer-columns-partner {
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
width:calc(100% - 210px);
}
.footer-column {
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;

width:200px;
margin:0 55px 0 0;	
}
.footer-column-right {
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
text-align:right;
width:200px;
margin:0 0 0 55px;	
}
.footer-column-section-links > .footer-row:first-child {
padding:15px 0 0 0;
}
.footer-row {
position: relative;
width: 100%;
padding:25px 0 0 0;
font-size: 14px;
box-sizing: border-box;
-webkit-transition: .2s;
transition: .2s;
cursor: pointer;
transition:.2s;	
color:var(--shade1);
}
.footer-row > a {
width:100%;
display:block;
}
.footer-row:hover {
-webkit-transition:.2s;
transition:.2s;	
color:var(--main-gradient1);
}

.footer-header {
position: relative;
width: 100%;
padding:0 0 15px 0;
font-size: 14px;
text-transform: uppercase;
box-sizing: border-box;
color: var(--shade2);
border-bottom:1px solid rgba(255,255,255,0.1);
}

#footer-partner-column {
margin:0 0 0 0;	
width:210px;
}
#footer-partner-avatar {
position: relative;
width: 200px;
height: 200px;
outline: 5px solid rgba(0,0,0,0.3);
}
#footer-partner-avatar img {
width: inherit;
height: inherit;
}
#footer-partner-avatar-hover {
position:absolute;
display:none;
margin:0 auto;
left:0;
right:0;
text-align: center;
top:-50px;
}
#footer-partner-avatar-hover span {
padding: 7px 7px;
background: rgba(0,0,0,0.3);
color: var(--shade1);
font-size: 18px;
font-weight:bold;
text-transform:capitalize;
}
#footer-partner-avatar-hover:after {
content:"";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(0,0,0,0.3);	
left:0;
right:0;
margin:0 auto;
bottom:-16px;
position: absolute;
}
#footer-logo {
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
width:180px;
margin:0 0 0 0;	
}
#footer-logo svg {
position:relative;
width:inherit;
fill:rgba(0,0,0,0.1);	
/* stroke:rgba(0,0,0,0.1);
stroke-width:2; */
}

#footer-copyright {
position:relative;
width:100%;
height:70px;
font-size:12px;
color:var(--shade2);	
background:rgba(0,0,0,0.1);
box-sizing: border-box;
padding: 0 20px;
}

/* ----- STYLES ----- */
.golden {
background: -webkit-linear-gradient(315deg, var(--main-gradient1) 0%, var(--main-gradient2) 100%);
background: linear-gradient(135deg, var(--main-gradient1) 0%, var(--main-gradient2) 100%);
}

.hexagon-gradient1 {
stop-color:var(--main-gradient1);
}
.hexagon-gradient2 {
stop-color:var(--main-gradient2);
}

.main-gradient1 {
stop-color:var(--main-button-gradient1);
}
.main-gradient2 {
stop-color:var(--main-button-gradient2);
}

.free-hexagon1 {
stop-color:var(--free-gradient1);	
}
.free-hexagon2 {
stop-color:var(--free-gradient2);	
}
.free-gradient {
background: -webkit-linear-gradient(315deg, var(--free-gradient1) 0%, var(--free-gradient2) 100%);
background: linear-gradient(135deg, var(--free-gradient1) 0%, var(--free-gradient2) 100%);	
}
.free-color {
color:var(--free-color);
fill:var(--free-color);
}

.rare-hexagon1 {
stop-color:var(--rare-gradient1);	
}
.rare-hexagon2 {
stop-color:var(--rare-gradient2);	
}
.rare-border {
border-color:var(--rare-color) !important;	
}
.rare-stroke {
stroke:var(--rare-color);	
}
.rare-gradient {
background: -webkit-linear-gradient(315deg, var(--rare-gradient1) 0%, var(--rare-gradient2) 100%);
background: linear-gradient(135deg, var(--rare-gradient1) 0%, var(--rare-gradient2) 100%);	
}
.rare-color {
color:var(--rare-color);
fill:var(--rare-color);
}

.epic-hexagon1 {
stop-color:var(--epic-gradient1);	
}
.epic-hexagon2 {
stop-color:var(--epic-gradient2);	
}
.epic-border {
border-color:var(--epic-color) !important;	
}
.epic-stroke {
stroke:var(--epic-color);	
}
.epic-gradient {
background: -webkit-linear-gradient(315deg, var(--epic-gradient1) 0%, var(--epic-gradient2) 100%);
background: linear-gradient(135deg, var(--epic-gradient1) 0%, var(--epic-gradient2) 100%);	
}
.epic-color {
color:var(--epic-color);
fill:var(--epic-color);	
}

.legend-hexagon1 {
stop-color:var(--legend-gradient1);	
}
.legend-hexagon2 {
stop-color:var(--legend-gradient2);	
}
.legend-border {
border-color:var(--legend-color) !important;	
}
.legend-stroke {
stroke:var(--legend-color);	
}
.legend-gradient {
background: -webkit-linear-gradient(315deg, var(--legend-gradient1) 0%, var(--legend-gradient2) 100%);
background: linear-gradient(135deg, var(--legend-gradient1) 0%, var(--legend-gradient2) 100%);	
}
.legend-color {
color:var(--legend-color);
fill:var(--legend-color);
}

.flex-central-column {
display:-webkit-box !important;
display:flex !important;
-webkit-box-orient:vertical !important;
-webkit-box-direction:normal !important;
        flex-direction:column !important;
-webkit-box-align: center !important;
        align-items: center !important;
-webkit-box-pack:center !important;
        justify-content:center !important;
}
.flex-central-row {
display:-webkit-box !important;
display:flex !important;
-webkit-box-orient:horizontal !important;
-webkit-box-direction:normal !important;
        flex-direction:row !important;
-webkit-box-align: center !important;
        align-items: center !important;
-webkit-box-pack:center !important;
        justify-content:center !important;
}
.flex {
display:-webkit-box !important;
display:flex !important;
}

h2 {
font-size:20px;
text-transform:uppercase;	
color:var(--headers);
line-height:30px;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.h2-center {
text-align:center;	
}

h3 {
font-size:16px;
text-transform:uppercase;	
color:var(--headers);
padding: 0 0 12px 0;
margin: 0 0 15px 0;
border-bottom:2px solid rgba(255,255,255,0.1);
line-height:24px;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.unbold {
font-weight:normal;	
}
.grayscale {
background:-webkit-linear-gradient(315deg, var(--shade1) 0%, var(--shade2) 100%) !important;
background:linear-gradient(135deg, var(--shade1) 0%, var(--shade2) 100%) !important;
color:var(--background) !important;
text-shadow: none !important;
}
.grayscale:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--shade1) !important;
-webkit-transition: .2s;
transition: .2s;
}

p {
color:var(--shade1);	
line-height:21px;
}

hr {
position:relative;
height: 3px;
border: 0;
margin: 15px 0 18px 0;
width:100px;
}
.hr-center {
margin: 20px auto;
}

/* ------- BUTTON ------- */
.main-button {
position: relative;
float: left;
margin: 30px 0 0 0;
width: 100%;
height: 80px;
background:-webkit-linear-gradient(315deg, var(--main-button-gradient1) 0%, var(--main-button-gradient2) 100%);	
background:linear-gradient(135deg, var(--main-button-gradient1) 0%, var(--main-button-gradient2) 100%);
color:var(--headers);
text-align: center;
text-transform: uppercase;
border-radius: 0;
font-size: 24px;
font-weight:bold;
cursor:pointer;
-webkit-transition: .2s;
transition: .2s;
text-shadow: 0 1px 4px rgba(0,0,0,0.5);

display:-webkit-box;

display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}

.main-button:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--main-button-gradient1);
-webkit-transition: .2s;
transition: .2s;
}

.overlay-button {
position: relative;
padding: 0px 40px;
height: 60px;
line-height: 60px;
font-weight: bold;
text-transform: uppercase;
color: var(--background);
font-size: 18px;
box-shadow: 0 0px 20px 5px rgba(0,0,0,0.4);
cursor: pointer;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.overlay-button:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--main-gradient1);
-webkit-transition: .2s;
transition: .2s;
}

.main-button > a {
width:inherit;
height:inherit;	
z-index:1;
display: flex;
justify-content: center;
align-items: center;
}

.main-button:hover:after, .social-button:hover:after, #nav-subscribe:hover:after, .overlay-button:hover:after{
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
}
#nav-subscribe:hover:after {
box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.18), -1px -1px 0px 1px rgba(0,0,0,0.18);    
}

.disable-button {
position: relative;
float: left;
margin: 30px 0 0 0;
width: 100%;
height: 80px;	
background:-webkit-linear-gradient(315deg, var(--shade1) 0%, var(--shade2) 100%);	
background:linear-gradient(135deg, var(--shade1) 0%, var(--shade2) 100%);
color:var(--background);
text-align: center;
text-transform: uppercase;
border-radius: 0;
font-size: 24px;
font-weight:bold;
-webkit-transition: .2s;
transition: .2s;

display:-webkit-box;

display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.disable-button:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--shade1);
}

#nav-subscribe {
position:relative;
padding:0px 40px;
height:80px;
line-height:80px;
font-weight:bold;
text-transform:uppercase;
color:var(--background);
font-size:28px;	
margin: 8px 0 0 auto;
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.4), -1px -1px 0px 1px rgba(0,0,0,0.05);
cursor:pointer;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
#nav-subscribe:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--main-gradient1);
-webkit-transition: .2s;
transition: .2s;
}

.social-button {
position: relative;
float: left;
margin: 30px 0 0 0;
color:var(--headers);
width: 100%;
height: 80px;
line-height: 80px;
text-align: center;
text-transform: uppercase;
border-radius: 0;
font-size: 24px;
font-weight: bold;
cursor:pointer;
-webkit-transition: .2s;
transition: .2s;
text-shadow: 0 1px 4px rgba(0,0,0,0.5);

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.twitter-style {
background: -webkit-linear-gradient(315deg, var(--twitter), var(--twitter-gradient));
background: linear-gradient(135deg, var(--twitter), var(--twitter-gradient));	
}
.twitter-style:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--twitter);
-webkit-transition: .2s;
transition: .2s;
}
.facebook-style { 
background: -webkit-linear-gradient(315deg, var(--facebook), var(--facebook-gradient)); 
background: linear-gradient(135deg, var(--facebook), var(--facebook-gradient));		
}
.facebook-style:after {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid var(--facebook);
-webkit-transition: .2s;
transition: .2s;
}

/* NOTIFICATIONS */
.success-notification {
position:relative;
height:120px;
margin:auto;	
display:-webkit-box;	
display:flex;	
-webkit-box-orient: horizontal;	
-webkit-box-direction: normal;	
        flex-flow: row wrap;
-webkit-box-pack:center;
        justify-content:center;
margin-bottom:60px;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.success-notification svg {
width:120px;	
height:120px;	
fill:var(--success);
}

.success-notification-right {
position:relative;
display:-webkit-box;
display:flex;	
-webkit-box-orient: vertical;	
-webkit-box-direction: normal;	
        flex-flow: column wrap;
-webkit-box-pack:center;
        justify-content:center;
}
.success-notification-right > a {
align-self:flex-start;
}
.success-notification-right > a > .success-notification-button:hover {
color:var(--headers);
border:2px solid var(--headers);
-webkit-transition:.2s;
transition:.2s;
cursor:pointer;
}
.success-notification-text {
position:relative;
font-size:36px;
color:var(--success);
font-weight:bold;
margin:-9px 0 0 30px;
text-transform:uppercase;
text-align:center;
}
.success-notification-button {
position:relative;
font-size:14px;
color:var(--success);
font-weight:bold;
margin:5px 0 0 30px;	
text-transform:uppercase;
padding: 8px 10px;
border:2px solid var(--success);
align-self: flex-start;
-webkit-transition:.2s;
transition:.2s;
}

.error-notification {
position:relative;
height:120px;
margin:auto;	
display:-webkit-box;	
display:flex;	
-webkit-box-orient: horizontal;	
-webkit-box-direction: normal;	
        flex-flow: row wrap;
-webkit-box-pack:center;
        justify-content:center;
margin-bottom:60px;

-webkit-user-select:none;

   -moz-user-select:none;

    -ms-user-select:none;

        user-select:none;
}
.error-notification svg {
width:120px;	
height:120px;	
fill:var(--error);
}

.error-notification-right {
position:relative;
display:-webkit-box;
display:flex;	
-webkit-box-orient: vertical;	
-webkit-box-direction: normal;	
        flex-flow: column wrap;
-webkit-box-pack:center;
        justify-content:center;
}
.error-notification-right > a {
align-self:flex-start;
}
.error-notification-right > a > .error-notification-button:hover {
color:var(--headers);
border:2px solid var(--headers);
-webkit-transition:.2s;
transition:.2s;
cursor:pointer;
}
.error-notification-text {
position:relative;
font-size:36px;
color:var(--error);
font-weight:bold;
margin:-9px 0 0 30px;
text-transform:uppercase;
text-align:center;
}
.error-notification-button {
position:relative;
font-size:14px;
color:var(--error);
font-weight:bold;
margin:5px 0 0 30px;	
text-transform:uppercase;
padding: 8px 10px;
border:2px solid var(--error);
align-self: flex-start;
-webkit-transition:.2s;
transition:.2s;
}

.google-captcha-error {
box-shadow: 0 0 0 2px var(--error) !important;
}

/* COOKIE */
.notification {
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
position:fixed;
padding:20px;
box-sizing:border-box;
margin:0 auto;
bottom:0; /*18px*/
opacity:0;
z-index:2;
text-align:center;
color:var(--shade1);
font-size:12px;
background: var(--notification);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;   
}
#cookie-confirm {
border: 1px solid rgba(0,0,0,0.1);
right:10px;
width:320px;
}
#traffic-alert {
border: 1px solid rgba(0,0,0,0.1);
border-left:5px solid var(--warning);
left:10px;
width:320px;
line-height:18px;    
}
#cookie-confirm > a{
text-decoration:underline;
color:var(--shade1);
}
#cookie-confirm-button, #traffic-alert-button {
height:60px;	
font-size:18px;
margin: 25px 0 0 0;
}

/* AB WARNING */
.no-box-row {
	position:relative; 
	display:flex; 
	flex-direction:row; 
	align-items:center; 
	width:100%; 
	height:60px;
	margin:0 0 10px 0;
}
.no-box-row:nth-of-type(3) {
	margin:0 0 30px 0;
}			
.no-box, .yes-box {
	display:flex; 
	justify-content:center;
	align-items:center; 
	width:60px; 
	height:60px; 
	background: linear-gradient(120deg, var(--error), var(--error-gradient)); 
	color:var(--headers); 
	font-weight:bold; 
	font-size:18px;
	text-transform: uppercase;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.yes-box {
	background: linear-gradient(120deg, var(--success), var(--success-gradient)); 
}

.no-box-text {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 60px);
	height: 60px;
	color: var(--shade1);
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(0,0,0,0.1);
    text-align: center;
    box-sizing: border-box;
    padding: 15px;
}

#ab-warning-popup {
position:relative;
width:460px;	
box-shadow: 0 10px 15px 0px rgba(0,0,0,0.15);
}
#ab-warning-error-notification {
display:-webkit-box;
display:flex; 
margin:0 auto; 
padding:30px; 
background:-webkit-gradient(linear, right top, left top, from(var(--error)), to(var(--error-gradient))); 
background:-webkit-linear-gradient(right, var(--error), var(--error-gradient)); 
background:linear-gradient(120deg, var(--error), var(--error-gradient));	
}
#ab-warning-error-notification svg {
fill:var(--headers);
}
#ab-warning-error-notification > .error-notification-right > .error-notification-text {
color:var(--headers);
}
#ab-warning-error-notification > .error-notification-right > .error-notification-button {
color:var(--headers);
border:2px solid var(--headers);
}
#ab-warning-message {
position:relative; 
box-sizing:border-box; 
display:-webkit-box; 
display:flex; 
-webkit-box-orient:vertical; 
-webkit-box-direction:normal; 
        flex-direction:column; 
padding:30px; 
background:var(--background);
font-size:14px;
color:var(--shade1);
}
#ab-warning-message  > p > b {
color:var(--shade1);	
}
#ab-warning-message  > p > b > a {
text-decoration:underline;	
}

/* CENTER BOTTOM NOTIFICATIONS */
#bottom-center-notification {
position:fixed;
margin:0 auto;
left:0;
right:0;
bottom:0;
z-index:99;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;	
border-top:1px solid rgba(0,0,0,0.2);
}
#bottom-center-error-notification {
position:relative;
margin: 0 auto;
padding:20px;
background:-webkit-gradient(linear, left top, left bottom, from(var(--error)), to(var(--error-gradient)));
background:-webkit-linear-gradient(top, var(--error), var(--error-gradient));
background:linear-gradient(180deg, var(--error), var(--error-gradient));
}

#bottom-center-success-notification {
position:relative;
margin: 0 auto;
padding:20px;
background:-webkit-gradient(linear, left top, left bottom, from(var(--success)), to(var(--success-gradient)));
background:-webkit-linear-gradient(top, var(--success), var(--success-gradient));
background:linear-gradient(180deg, var(--success), var(--success-gradient));	
}

#bottom-center-error-notification svg, #bottom-center-success-notification svg  {
fill:var(--headers);
}
#bottom-center-error-notification > .error-notification-right > .error-notification-text, #bottom-center-success-notification > .success-notification-right > .success-notification-text {
color:var(--headers);
}
#bottom-center-error-notification > .error-notification-right > .error-notification-button, #bottom-center-success-notification > .success-notification-right > .success-notification-button {
color:var(--headers);
border:2px solid var(--headers);
}

/* SSL */
#secure-notification {
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
        flex-direction:row;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;

position: absolute;
bottom: -74px;
left: 0;
right: 0;
margin: 0 auto;
text-align: left;
color: var(--shade2);
background: var(--background-darker);
line-height:16px;
font-size:12px;
width:100%;
padding:16px 10px;
box-sizing:border-box;
}

#secure-notification svg {
position:relative;
width:42px;
height:42px;
padding:0 15px 0 0;
fill:var(--shade2);
}

/* LOADING */
#loading-screen {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
background:var(--background);
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
z-index:10000;
}
#loading-svg  {
position:relative;
width:180px;
height:180px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
        flex-direction:column;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
}
#loading-svg:before  {
content:"";
z-index:0; 
position:absolute; 
margin:0 auto; 
left:0; 
right:0; 
width:0px; 
height:0px; 
border-radius:50%; 
box-shadow: 0 0 80px 80px rgba(0,0,0,0.2);
}
#loading-svg svg {
width:180px;
height:180px;
position:absolute;	
}

.logo-ghost-1 {
  stroke-dasharray: 0 1000;
  -webkit-animation: drawLogo 2.5s linear forwards;
          animation: drawLogo 2.5s linear forwards;
}
.logo-ghost-2 {
  stroke-dasharray: 0 1000;
  -webkit-animation: drawLogo 5s linear forwards;
          animation: drawLogo 5s linear forwards;
}
.logo-ghost-3 {
  stroke-dasharray: 0 1000;
  -webkit-animation: drawLogo 7.5s linear forwards;
          animation: drawLogo 7.5s linear forwards;
}
@-webkit-keyframes drawLogo {
  from {
    stroke-dasharray: 0 1000; 
  }
  to {
    stroke-dasharray: 1000 0;
  }
}
@keyframes drawLogo {
  from {
    stroke-dasharray: 0 1000; 
  }
  to {
    stroke-dasharray: 1000 0;
  }
}

.logo-ghost-fadein {
	opacity: 0;
	-webkit-animation: fadeIn 250ms linear 0s 1 normal forwards;
	        animation: fadeIn 250ms linear 0s 1 normal forwards;
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}
@-webkit-keyframes fadeIn {
	from { 
		opacity: 0; 
	} 
	to { 
		opacity: 1; 
	} 
}
@keyframes fadeIn {
	from { 
		opacity: 0; 
	} 
	to { 
		opacity: 1; 
	} 
}

.logo-ghost-fadeout {
	opacity: 1;
	-webkit-animation: fadeOut 250ms linear 0s 1 normal forwards;
	        animation: fadeOut 250ms linear 0s 1 normal forwards;
	-webkit-animation-delay: 1.2s;
	        animation-delay: 1.2s;
}
@-webkit-keyframes fadeOut {
	from { 
		opacity: 1; 
	} 
	to { 
		opacity: 0; 
	} 
}
@keyframes fadeOut {
	from { 
		opacity: 1; 
	} 
	to { 
		opacity: 0; 
	} 
}

.loading-pulse {
  position:relative; 
  margin:0 auto; 
  left:0;
  right:0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(26, 188, 156, 0.4);
  -webkit-animation: pulse 1.5s infinite;
          animation: pulse 1.5s infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
@-webkit-keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(26, 188, 156, 0.4);
	}
	70% {
		box-shadow: 0 0 0 130px rgba(26, 188, 156, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(26, 188, 156, 0);
	}
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(26, 188, 156, 0.4);
	}
	70% {
		box-shadow: 0 0 0 130px rgba(26, 188, 156, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(26, 188, 156, 0);
	}
}

/* Loading Overlay: Applying Subscriptions */
#applying-subscription {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
}
#applying-subscription:before  {
content:"";
z-index:0; 
position:absolute; 
margin:0 auto; 
left:0; 
right:0; 
width:0px; 
height:0px; 
border-radius:50%; 
box-shadow: 0 0 140px 140px var(--shade-popup);
}

#applying-subscription span {
position:relative;
margin:30px 0 0 0;
font-size:24px;
font-weight:bold;
color:var(--headers);
text-align:center;
}
.button-loading-overlay {
display: inline-block;
width: 140px;
height: 140px;
}
.button-loading-overlay:after {
content: "";
display: block;
width: 118px;
height: 118px;
margin: 1px;
border-radius: 50%;
border: 10px solid var(--headers);
border-color: var(--headers) transparent var(--headers) transparent;
-webkit-animation: button-loading 1.2s linear infinite;
        animation: button-loading 1.2s linear infinite;
}

/* Loading Overlay: Subscription Applied */
#subscription-applied, #subscription-applied-paypal {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
}
#subscription-applied:before, #subscription-applied-paypal:before  {
content:"";
z-index:0; 
position:absolute; 
margin:0 auto; 
left:0; 
right:0; 
width:0px; 
height:0px; 
border-radius:50%; 
box-shadow: 0 0 140px 140px var(--shade-popup);
}

#subscription-applied span, #subscription-applied-paypal span {
position:relative;
margin:30px 0 0 0;
font-size:24px;
font-weight:bold;
color:var(--success);
text-align:center;
}
#subscription-applied-paypal span {
margin:30px 0 30px 0;
}

#subscription-applied-icon {
position:relative;
width: 140px;
height: 140px;
}
#subscription-applied-icon  svg {
position:relative;
width: 140px;
height: 140px;
fill:var(--success);
}
	
/* Add-Time + Upgrade Tier */
#checkout-solid-wrapper	{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;	
}

#checkout-solid {
display: -webkit-box;
display: flex;
width: 100%;	
}

#secure-notification-solid {
position:relative;
bottom:0;	
display: -webkit-box;	
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-direction: row;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack: center;
        justify-content: center;
left: 0;
right: 0;
margin: 0 auto;
text-align: left;
color: var(--shade2);
background: var(--background-darker);
line-height: 16px;
font-size: 12px;
width: 100%;
padding: 16px 10px;
box-sizing: border-box;
}

#secure-notification-solid svg {
position: relative;
width: 42px;
height: 42px;
padding: 0 15px 0 0;
fill: var(--shade2);
}

/* Forgot Password + Contact Us */
#support-wrapper {
left: 0;
right: 0;
position: relative;
margin: 0 auto;
width: 800px;	
}

#support-buttons {
position: relative;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
        flex-flow: row wrap;
-webkit-box-align: center;
        align-items: center;
margin:30px 0 0 0;
}	
#google-captcha-support {
position: relative;
float: left;
width: 302px;
height: 76px;
}	
				
#support-button, #support-button-loading, #support-button-complete  {
position: relative;
float: left;
width: calc(95% - 302px);
margin: 0 0 0 5%;	
}

#support-inputs-combo, #support-password-combo {
display:-webkit-box;
display:flex;
width: 100%;	
margin:0 0 30px 0;	
}

#support-email, #support-name, #support-subject, #support-message {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;	
margin: 0 0 0 0;
width: 100%;	
}
#support-inputs > #support-subject {
margin:30px 0 30px 0;	
}
#support-inputs-combo > #support-email, #support-inputs-combo > #support-name {
width: 47.5%;
}
#support-inputs-combo  > #support-email {
margin: 0 5% 0 0;
}

#support-button-full, #support-button-full-loading, #support-button-full-completel  {
position: relative;
float: left;
width: 100%;	
}

#support-password, #support-repeat {
position: relative;
width: 47.5%;
float: left;
margin: 0;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
        flex-direction: column;
}

#support-password {
margin: 0 5% 0 0;
}

#support-expired-code {
position: relative;
width: 100%;
height: 450px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
        align-items: center;
-webkit-box-pack: center;
        justify-content: center;	
}

#support-expired-code-message {
position: relative;
padding: 20px 30px;
color: var(--error);
font-size: 28px;
text-transform: uppercase;
text-align: center;
border: 3px solid var(--error);
font-weight: 700;
}

/* Server Error */
#server-error {
position:fixed; 
display:-webkit-box; 
display:flex;
-webkit-box-align:center;
        align-items:center;
-webkit-box-pack:center;
        justify-content:center;
width:100%; 
background: -webkit-gradient(linear, left top, left bottom, from(var(--error)), to(var(--error-gradient)));
background: -webkit-linear-gradient(top, var(--error), var(--error-gradient));
background: linear-gradient(180deg, var(--error), var(--error-gradient));
bottom:0; 
right:0; 
z-index:99;	
border-top:1px rgba(0,0,0,0.4);
padding:30px 30px;
box-sizing:border-box;
}

#server-error svg {
position:relative;	
width:80px;
height:80px;
fill:var(--headers);	
margin:0 30px 0 0;
}

#server-error-text {
position:relative;	
width:500px;
font-size:16px;
line-height:21px;
color:var(--headers);
}

/****************************************/
/****************************************/
/****** General Media Queries SEC1 ******/
/****************************************/
/****************************************/

@media (max-width: 1229.98px) {
/* Footer */
	#footer-wrapper, #footer-wrapper-partner  {
		margin: 50px 90px;
		width: calc(100% - 180px);
	}
	
/* Subscriptions */
	.subscriptions-tier-triple {
		width: 295px;
	}
	[data-tooltip]:after {
		width: 215px;
	}

/* Add Time and Upgrade Tier */
	#content-wrapper {
		width:calc(100% - 60px);	
	}
	
/* Profile - Account */
	#profile-wrapper {
		width:calc(100% - 60px);
	}		
	.profile-giveaway {
		margin-bottom:65px;
		margin: 0px 24px 65px 24px;
	}

/* Winners */
	#winner-wrapper {
		width:calc(100% - 60px);
	}	
	
/* Privacy Policy and Terms of Use */
	#resources-wrapper {
		width:calc(100% - 60px);
	}		
}
	
@media (max-width: 1049.98px) {
/* Footer */
	#footer-wrapper, #footer-wrapper-partner {
		margin: 50px 30px;
		width: calc(100% - 60px);
	}
	.footer-column-right {
		margin: 0 0 0 30px;
	}
	.footer-column {
		margin: 0 30px 0 0;
	}

/* FAQ */
	#faq-wrapper {
		width: calc(100% - 60px);
	}

/* Subscriptions */
	.subscriptions-tier-triple, .subscriptions-tier-triple:last-child {
		width:800px;
	    margin: 0 auto 50px auto;
	}
	[data-tooltip]:after {
		position:relative;
		padding:0;
		margin: 0 auto 0 30px;
		height:auto;
		width:auto;
		left:0;
		visibility:visible;
		opacity:1;
		z-index:1;
	}
	.tooltip-short:after {
		padding:0 !important;
	}
	
	.subscriptions-tier-feature-text {
		flex: 0 0 auto;
	}
	.subscriptions-tier-feature {
		flex-flow:row;
	}
	.checkout-wrapper > .center-overlay-close {
		right:0;
		top:-50px;
	}
	.subscriptions-options {
		left:0;
		margin:0 auto;
		float:none;
	}
	#subscriptions-tier {
		margin: 50px 0 50px 0;
	}	
	
/* Add Time and Upgrade Tier */
	.checkout-wrapper {
	    width: 100%;
		flex: 0 1 auto;
	}
	.checkout-left {
		width:calc(100% - 220px);
	}
	.checkout-right {
		width:220px;
	}
	
/* Edit Account */
	#edit-account-wrapper {
		width:calc(100% - 60px);		
	}
	#partner-remove-section {
		display:flex !important;
	}
	#partner-remove-section--shrink {	
		display:none !important;
	}	
	
/* Profile - Account */
	.profile-giveaway {
		margin-bottom:65px;
		margin: 0px 24px 65px 24px;
	}
	
	/* Account Nav */
	#toggle-clock-wrapper, #toggle-account-wrapper {
		flex-direction: column;
	}
	#account-menu {
		order:1;
	}
	#toggle-account-wrapper > div:last-child {
		margin-top:0 !important;
	}
	#toggle-account-wrapper > .giveaway-toggle {
		order:2;
		margin: 50px auto 0 auto;
	}
	
/* Main Giveaways */
	#giveaway-wrapper, #header-wrapper {
		width:calc(100% - 40px);
	}

/* Create Account */
	#create-account-wrapper {
		width:calc(100% - 60px);		
	}
	
/* Forgot Password and Contact Us */
	#support-wrapper {
		width:calc(100% - 60px);
	}
}

@media (max-width: 767.98px) {
/* Navigation */
    #nav-bar {
        padding: 30px 20px; 
    }
    
/* Footer */
	#footer-logo {
		position:absolute;
		left:0;
		right:0;
		margin:0 auto;
	}
	.footer-column-right {
		min-width:100px;
		margin: 0 30px 0 0;
		z-index:1;
	}
	.footer-column-right:last-child {
		margin: 0;
	}
	.footer-column {
		margin: 0 30px 0 0;
		z-index:1;
	}
	
	.footer-header {
		border-bottom:none;
	    padding: 0 0 5px 0;
	}
	#footer-copyright {
		padding: 0 20px;
		text-align: center;
		box-sizing: border-box;
	}	
	
	/* Footer Partner */
	#footer-wrapper-partner  {
		flex-direction:column;
	}
	#footer-columns-partner  {
		width: 100%;		
	}
	#footer-columns-partner > .footer-column:nth-last-child(-n + 2) {
		margin: 0 0 0 30px !important;
		text-align: right!important;
	}
	#footer-partner-column {
		margin: 30px auto 0 auto;
	}
	
/* Subscriptions */
	.subscriptions-tier-triple, .subscriptions-tier-triple:last-child {
		width:800px;
	    margin: 0 auto 50px auto;
	}
	[data-tooltip]:after {
		position:relative;
		padding:0;
		margin: 0 auto 0 30px;
		height:auto;
		width:auto;
		left:0;
		visibility:visible;
		opacity:1;
		z-index:1;
	}
	.tooltip-short:after {
		padding:0 !important;
	}
	.subscriptions-tier-feature-text {
		flex: 0 0 auto;
	}
	.subscriptions-tier-feature {
		flex-flow:row;
	}
	.subscriptions-options {
		left:0;
	}
	#subscriptions-tier {
		margin: 50px 0 50px 0;
	}	
	
	/* Checkout */
	.center-overlay > .checkout-wrapper > .center-overlay-close {
		right:0;
		top:-50px;
	}
	.center-overlay > .checkout-wrapper {
		flex-direction:column;
	}
	
	/* Sub FAQ */
	#subscriptions-faq-questions {
		flex-flow:column;
	}
	.subscriptions-faq-question, .subscriptions-faq-question:nth-last-child(2), .subscriptions-faq-question:nth-child(even) {
		width: 100%;
		margin: 0 0 50px 0 !important;		
	}
	.subscriptions-faq-question:last-child {
		margin: 0 !important;		
	}
	
	
/* Add Time and Upgrade Tier */
	.checkout-wrapper {
	    width: 100%;
		flex: 0 1 auto;
	}
	#checkout-solid {
		flex-flow:column;
	}
	.checkout-left {
		width:100%;
		order:2;
	}
	.checkout-left-options-content {
		width:100%;
	}
	.checkout-left-options-duration {	
		width:calc(95% - 175px);
	}
	.checkout-left-options-discount {
		justify-content:start;
		width:175px;
	}
	.checkout-right {
		width:100%;
		flex-flow:row;
		order:1;
		justify-content: space-around;
		padding:30px;
	}
	
/* Edit Account */
	#edit-account-wrapper {
		width:calc(100% - 60px);		
	}
	#change-password-section-inputs {
		flex-flow: column;
	}
	#change-password, #confirm-change-password {
		width:100%;
	}
	#change-password {
	    margin: 0 0 30px 0;
	}
	
	#update-account-section {
		flex-flow: column;
	}
	.edit-account-split {
		width:100%;
	}
	.edit-account-split:first-child {
		margin: 0 0 30px 0;
	}
	
	#partner-remove-section {
		display:none !important;
	}
	#partner-remove-section--shrink {	
		display:flex !important;
	}	
	
	/* Subscription Information */
	.edit-account-section-modify-left {
		width:200px;
	}
	.edit-account-section-modify-right {
		width: calc(100% - 200px);
	}	
	
	/* Transaction History */
	.row-tab-partner, .row-tab-tier {
		width:200px;
		flex: 0 1 50%;
	}
	.subscription-history-row-wrapper {
		display:flex !important;
	}
	.subscription-history-row-wrapper--shrink {
		display:none !important;
	}
	
/* Profile - Account */
	.profile-giveaway {
		margin-bottom:65px;
		margin: 0px 24px 65px 24px;
	}
	
	/* Account Nav */
	#toggle-clock-wrapper, #toggle-account-wrapper {
		flex-direction: column;
	}
	#account-menu {
		order:1;
	}
	#toggle-account-wrapper > .giveaway-toggle {
		order:2;
	}
	
/* Main Giveaways */
	#giveaway-wrapper {
		width:calc(100% - 40px);
	}

/* Winners */
	.winner-giveaway {
		width:500px;
	}

/* Create Account */
	#create-account-wrapper {
		width:calc(100% - 60px);		
	}
	#google-captcha-create-account {
		margin:0 auto;
	}
	#create-account-button, #create-account-button-loading, #create-account-button-complete {
		width:100%;
		margin:30px 0 0 0;
	}	
	#create-account-email, #create-account-password	{
		margin:0;
	}
	#create-account-inputs > #create-account-email, #create-account-inputs > #create-account-name, #create-account-inputs > #create-account-password {
		margin-bottom:30px;
	}
	#create-account-email, #create-account-name, #create-account-password, #create-account-repeat {
		width:100%;
	}
	.create-account-perks-split {
		width:100%;
		margin:0 0 30px 0;
	}
	.tacs-agreement {
		margin-left:0;
	}		
	
/* Forgot Password and Contact Us */
	#support-wrapper {
		width:calc(100% - 60px);
	}
	#google-captcha-support {
		margin:0 auto;
	}
	
/* General */
	.center-overlay {
		z-index: 35 !important;
		overflow-y: auto;
	}
}

@media (max-width: 639.98px) {
/* Footer */
	#footer-logo {
		position:absolute;
		left:0;
		right:0;
		margin:0 auto;
	}
	.footer-column-right {
		margin: 0 30px 0 0;
		z-index:1;
	}
	.footer-column-right:last-child {
		margin: 0;
	}
	.footer-column {
		margin: 0 30px 0 0;
		z-index:1;
	}

	/* Footer Partner */
	#footer-wrapper-partner  {
		flex-direction:column;
	}
	#footer-columns-partner  {
		width: 100%;		
	}
	#footer-columns-partner > .footer-column:nth-last-child(-n + 2) {
		margin: 0 0 0 30px !important;
		text-align: right!important;
	}
	#footer-partner-column {
		margin: 30px auto 0 auto;
	}
	
/* Subscriptions */
	.subscriptions-tier-triple, .subscriptions-tier-triple:last-child {
		width:800px;
	    margin: 0 auto 50px auto;
	}
	[data-tooltip]:after {
		position:relative;
		padding:0;
		margin: 0 auto 0 30px;
		height:auto;
		width:auto;
		left:0;
		visibility:visible;
		opacity:1;
		z-index:1;
	}
	.tooltip-short:after {
		padding:0 !important;
	}
	
	.subscriptions-tier-feature-text {
		flex: 0 0 auto;
	}
	.subscriptions-tier-feature {
		flex-flow:row;
	}
	.subscriptions-options {
		left:0;
		width: 100%;
	}
	#subscriptions-tier {
		margin: 50px 0 50px 0;
	}	
	
	/* Sub Checkout */
	.center-overlay > .checkout-wrapper > .center-overlay-close, #checkout-logged-wrapper > .center-overlay-close {
		right:0;
		top:-50px;
	}
	.center-overlay > .checkout-wrapper {
		flex-direction:column;
	}
	
	/* Sub FAQ */
	#subscriptions-faq-questions {
		flex-flow:column;
	}
	.subscriptions-faq-question, .subscriptions-faq-question:nth-last-child(2), .subscriptions-faq-question:nth-child(even) {
		width: 100%;
		margin: 0 0 50px 0 !important;		
	}
	.subscriptions-faq-question:last-child {
		margin: 0 !important;		
	}
	
/* Add Time and Upgrade Tier */
	.checkout-wrapper {
	    width: 100%;
		flex: 0 1 auto;
	}
	#checkout-solid {
		flex-flow:column;
	}
	.checkout-left {
		width:100%;
		order:2;
	}
	.checkout-left-options-content {
		width:100%;
	}
	.checkout-left-options-duration {	
		width:calc(95% - 175px);
	}
	.checkout-left-options-discount {
		justify-content:start;
		width:175px;
	}
	.checkout-right {
		width: 100%;
		flex-flow: row;
		order: 1;
		justify-content: space-between;
		padding:30px;
	}
	.checkout-right-row-header {
		font-size:16px;
	}
	.checkout-right-row-figure {
		font-size:32px;
	}	
	
/* Edit Account */
	#edit-account-wrapper {
		width:calc(100% - 60px);		
	}
	#change-password-section-inputs {
		flex-flow: column;
	}
	#change-password, #confirm-change-password {
		width:100%;
	}
	#change-password {
	    margin: 0 0 30px 0;
	}
	
	#update-account-section {
		flex-flow: column;
	}
	.edit-account-split {
		width:100%;
	}
	.edit-account-split:first-child {
		margin: 0 0 30px 0;
	}
	.edit-account-section-modify-figure {
		font-size: 18px;	
	}	
	#partner-remove-section {
		display:none !important;
	}
	#partner-remove-section--shrink {
		display:flex !important;
	}	

	/* Subscription Information */
	.edit-account-section-modify {
		flex-flow: column wrap;
	}
	.edit-account-section-modify-left {
		flex-direction: row;
		justify-content: space-around;
		padding:30px;
	}
	.edit-account-section-modify-row:nth-child(3) {
		display:none;
	}

	.edit-account-section-modify-left, .edit-account-section-modify-right {
		width:100%;
	}

	/* Transaction History */
	.row-tab-partner, .row-tab-tier {
		width:200px;
		flex: 0 1 50%;
	}
	.subscription-history-row-wrapper {
		display:none !important;
	}
	.subscription-history-row-wrapper--shrink {
		display:flex !important;
	}
	
/* Profile - Account */
	.profile-giveaway {
		margin-bottom:65px;
		margin: 0px 24px 65px 24px;
	}
	
	/* Account Nav */
	#toggle-clock-wrapper, #toggle-account-wrapper {
		flex-direction: column;
	}
	#account-menu {
		order:1;
	}
	#toggle-account-wrapper > .giveaway-toggle {
		order:2;
	}
	
/* General */
	.success-notification, .error-notification {
		flex-flow: column wrap;
		height:auto;
	}
	.success-notification svg, .success-notification-right > a, .error-notification svg, .error-notification-right > a {
		margin:0 auto;
	}
	.success-notification-text, .success-notification-button, .error-notification-text, .error-notification-button  {
		margin: 10px auto 0 auto;
	}
	
/* Main Giveaways */
	#giveaway-wrapper {
		width:calc(100% - 40px);
	}

/* Winners */
	.winner-box {
		margin: 20px 10px;	
	}
	.winner-giveaway {
		width:460px;
		top: 40px;
	}
	.winner-giveaway > .center-overlay-close	{
		right:0px;
		top:-50px;
	}
	
/* Create Account */
	#create-account-wrapper {
		width:calc(100% - 60px);		
	}
	#google-captcha-create-account {
		margin:0 auto;
	}
	#create-account-button, #create-account-button-loading, #create-account-button-complete {
		width:100%;
		margin:30px 0 0 0;
	}	
	#create-account-email, #create-account-password	{
		margin:0;
	}
	#create-account-inputs > #create-account-email, #create-account-inputs > #create-account-name, #create-account-inputs > #create-account-password {
		margin-bottom:30px;
	}
	#create-account-email, #create-account-name, #create-account-password, #create-account-repeat {
		width:100%;
	}
	.create-account-perks-split {
		width:100%;
		margin:0 0 30px 0;
	}
	.tacs-agreement {
		margin-left:0;
	}	

/* Forgot Password and Contact Us */
	#support-wrapper {
		width:calc(100% - 60px);
	}
	#google-captcha-support {
		margin:0 auto;
	}
	#support-button, #support-button-loading, #support-button-complete {
		width:100%;
		margin:30px 0 0 0;
	}
}

@media (max-width: 499.98px) {
/* Nav */
	#nav-subscribe {
		display:none;
	}

/* FAQ */
	#faq-menu {
	    flex-direction: column;
	}
	.faq-button {
	    margin: 0px 0px 15px 0;	
		text-align:center;
		widtH:100%;
	}
	
/* Footer */
	#footer-wrapper, #footer-wrapper-partner  {
		margin:30px auto;
		width: calc(100% - 60px);
	}
	.footer-column-right {
		display:none;
	}
	.footer-column {
		margin: 0 auto 0 0;
		text-align:left;
	}
	.footer-column:nth-of-type(2) {
		margin: 0 0 0 auto;
		text-align:right;
	}
	.footer-header {
		border-bottom:none;
	    padding: 0 0 5px 0;
	}
	#footer-copyright {
		padding: 0 20px;
		text-align: center;
		box-sizing: border-box;
	}

	/* Footer Partner */
	#footer-columns-partner > .footer-column:nth-last-child(-n + 2) {
		display:none;
	}
	
/* Create Account */
	.create-account-perks-split {
		flex-flow: column;
		align-items: center;	
	}
	.create-account-perks-icon-text {
		margin: 30px 0 0 0px;
		flex-flow: column wrap;
	}
	.create-account-perks-icon-text > h3 {	
		text-align: center;
	}
	
/* Profile */
	.profile-giveaway {
		width: 282px;
		margin:0 auto 65px auto;
	}
	.profile-giveaway:last-child{
		margin:0 auto 0 auto;
	}
	.account-button {
		padding: 0 17px;
	}
	#profile-no-giveaways {
		height: 250px;
	}
	
/* Edit Account */	
	.edit-account-section-modify-left, .edit-account-section-modify-right {
		padding:20px;
	}
	#partner-avatar-remove--shrink {
		width:100% !important;		
	}
	#partner-avatar-remove--shrink > .main-button {
		width:100% !important;
	}
	#toggle-account-wrapper > .giveaway-toggle {
		margin: 50px auto 0 0;
	}
	
	#bottom-center-success-notification > svg, #bottom-center-error-notification > svg {
	    width: 80px;
		height: 80px;	
	}
	#bottom-center-success-notification > .success-notification-right > #edit-success-text , #bottom-center-error-notification > .error-notification-right > #edit-error-text {
	    text-align:center;
	}
	
/* Add Time and Upgrade Subscription */
	.checkout-left, .checkout-right {
		padding:20px;
	}
	.checkout-left-options-content {
		flex-flow:column;
	}
	.checkout-left-options-duration {
		margin: 0 auto 20px auto;
		width:100%;
	}
	.checkout-left-options-discount {
		margin: 0 auto 0 0;
	}
	.checkout-left-payment-method {
		margin: 0 auto;
		width: 100%;
		text-align: center;	
	}
	.checkout-left-payment-method:nth-of-type(1) {
		margin-bottom: 20px;
	}
	.checkout-right-row-figure {
		font-size:28px;	
	}
	.checkout-right-row:nth-of-type(2) {
		display:none;
	}	
	
	.checkout-left > .disable-button, .checkout-left > .main-button {
		font-size: 20px;
	}
	#secure-notification-solid {
		flex-direction: column;
		text-align:center;
	}
	#secure-notification-solid svg {
		padding: 0 0 15px 0;	
	}
	
	#checkout-upgrade-notification {
		width:100%;
	}
	
/* Winners */
	.winner-giveaway {
		width:calc(100% - 20px);
		top: 70px;
	}
	.winner-giveaway-info-box {
		margin:0 auto;
	}
	#winner-header-message {
		font-size:24px;
	}
	.winner-giveaway-info-title {
		display:none;
	}
	
	#winner-soon {
		height:260px;
	}
	#winner-soon-text {
		font-size:18px;
	}
	#winner-soon-clock {
		font-size:72px;
	}
	
/* Subscriptions */
	.subscriptions-tier-triple, .subscriptions-tier-triple:last-child {
		width:340px;
	    margin: 0 auto 50px auto;
	}
	[data-tooltip]:after {
		position:absolute;
		z-index: 1000;
		padding: 10px 20px 10px 0;
		width: 250px;
		height: 70px;
		content: attr(data-tooltip);
		font-size: 13px;
		line-height: 16px;
		box-sizing: border-box;
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		left: 44px;
		opacity:0;
	}
	.tooltip-short:after {
		padding:0 !important;
	}
	
	.subscriptions-tier-feature-text {
		flex: 0 1 auto;
	}
	.subscriptions-tier-feature {
		flex-flow:row wrap;
		padding: 10px 14px;
	}
	.checkout-wrapper > .center-overlay-close {
		right:0;
		top:-50px;
	}
	
	.subscriptions-options {
		left:0;
		margin:0 auto;
		float:none;
	}
	
	.checkout-right {
		justify-content: space-around;
	}
	
	#subscribe-click-pop.center-overlay {
		padding:0 10px;
	}
	#subscribe-click-pop > .checkout-wrapper {
		max-height: 100%;
		top: 70px;
	}
	#subscribe-click-pop > .checkout-wrapper > #secure-notification svg {
		display:none;
	}
	#subscribe-click-pop > .checkout-wrapper > #secure-notification {
		position: relative;
		bottom: 0px;
		order: 3;
		text-align:center;
	}

	#subscription-trial-button {
		padding: 0px 25px;
	}

/* Contact Us */
	#support-inputs-combo {
		flex-direction: column;
	}
	#support-inputs-combo > #support-email, #support-inputs-combo > #support-name {
		width:100%;
	}
	#support-inputs-combo > #support-email {
		margin:0 auto 30px auto;		
	}
	#support-message {
		margin: 0 auto 30px auto;
	}

/* Forgot Password And reset */
	#support-expired-code-message {
	    font-size: 24px;
	}
	#support-password-combo {
		flex-direction: column;
		margin:0 auto;
	}
	#support-password-combo > #support-password, #support-password-combo > #support-repeat {
		width:100%;
	}
	#support-password-combo > #support-password {
		margin:0 auto 30px auto;		
	}

/* Headers */
	#content-wrapper, #login-wrapper, #giveaway-wrapper, #profile-wrapper, #winner-wrapper, #resources-wrapper, #entry-success-wrapper, #support-wrapper, #faq-wrapper, #create-account-wrapper, #edit-account-wrapper, login-wrapper, .entry-wrapper  {
		width:calc(100% - 40px) !important;	
	}

/* General */
	#server-error {
		padding: 30px 20px;
		flex-flow: column;
	}	
	#server-error svg {
		margin: 0 0 20px 0;
	}
	#server-error-text {
		width:100%;
	}
}
@media (max-width: 420.98px) {
/* Subscriptions */
	.subscriptions-tier-triple, .subscriptions-tier-triple:last-child {
		width:300px;
	}
	[data-tooltip]:after {
		width: 210px;
	}	
}
@media (max-width: 375.98px) {
    /* Navigation */
    #nav-bar {
        padding: 30px 10px; 
    }
    
	/* Subscription */
	.checkout-right {
		justify-content: space-between;
	}
	
	/* Main Giveaway */
	#giveaway-wrapper > #toggle-clock-wrapper > .giveaway-toggle {
		height: 60px;
	}
	#giveaway-wrapper > #toggle-clock-wrapper > .giveaway-toggle > .giveaway-toggle-option {
		height: 60px;
		line-height: 60px;
		font-size:15px;
	}
	#giveaway-wrapper > #toggle-clock-wrapper  > .giveaway-toggle > #toggle-tooltip {
		padding:15px;
	}
	#giveaway-wrapper > #toggle-clock-wrapper  > .giveaway-toggle > #toggle-tooltip:after {
		top: 20px;
	}
	#giveaway-wrapper > #toggle-clock-wrapper  > .giveaway-toggle > .toggle-button {
		height:60px;
	}
	
	#new-giveaways-clock-wrapper {
		height:60px;
	}
	#new-giveaways-text {
		height: 60px;
		line-height: 60px;
		font-size: 15px;	
	}
	#new-giveaways-clock {
		font-size:23px;
		height: 60px;
		line-height: 60px;
	}
/* Headers */
	#content-wrapper, #login-wrapper, #giveaway-wrapper, #giveaway-info-wrapper, #header-wrapper, #profile-wrapper, #winner-wrapper, #resources-wrapper, #entry-success-wrapper, #support-wrapper, #faq-wrapper, #create-account-wrapper, #edit-account-wrapper, #login-wrapper, .entry-wrapper  {
		width:calc(100% - 20px) !important;	
	}		
	
/* General */
	#server-error {
		padding: 20px 10px;
		flex-flow: column;
	}	
}	
@media (max-width: 359.98px) {
	.edit-account-section-modify-row:nth-of-type(1) {
		display:none;
	}
/* Subscriptions */
	.subscriptions-tier-triple, .subscriptions-tier-triple:last-child {
		width:270px;
	}
	[data-tooltip]:after {
		width: 180px;
	}	
	#subscription-trial-button {
		padding: 0px 20px;
		font-size: 17px;
	}
	#subscription-trial-button {
		padding: 0px 20px;
		font-size: 17px;
	}
    
    #traffic-alert, #cookie-confirm {
        width:300px;
    }       
}

/****************************************/
/****************************************/
/****** Page Specific Queries SEC2 ******/
/****************************************/
/****************************************/

/* Main Giveaways */
@media (max-width: 1049.98px) {
	#giveaway-wrapper > #toggle-clock-wrapper > div:first-child {
		margin-top: 0 !important;
	}
	#giveaway-wrapper > #toggle-clock-wrapper > #new-giveaways-clock-wrapper {
		margin:30px auto 0 auto;
	}
}

@media (max-width: 899.98px) {
	.giveaway-card-big-square > a > .giveaway-card-logo {
		background-size: contain !important;
	}	
}

@media (max-width: 767.98px) {
	#giveaway-wrapper > .giveaway-toggle {
		width: 278px;
	}
	
	.legend, .epic, .rare {
		width:100%;
		/*margin:30px auto 0 auto;*/
		height:250px;
	}
	
	.giveaway-card-wrapper {
		flex-flow:column;
		gap:30px 30px;
	}
	.giveaway-card-big-square > a > .giveaway-card-logo {
		background-size: contain !important;
	}
	
	#a-1, #a-2, #a-3 {
		/*margin:30px auto 0 auto;*/
	}
	#weekly-1 {
		order:3;
	}
	#a-1 {
		order:2;
	}
	#bi-weekly-1 {
		order:4;
	}
	#monthly-1 {
		order:1;
        margin:0 auto; /* Needed for Order:1 */
	}
	
	#weekly-2 {
		order:7;
	}
	#a-2 {
		order:5;
	}
	#bi-weekly-2 {
		order:9;
	}
	#monthly-2 {
		order:6;
	}
	
	#weekly-3 {
		/* order:9; */
	}
	#a-3 {
		order:8;
	}
	#bi-weekly-3 {
		/* order:11; */
	}
	#monthly-3 {
		order:10;
	}

	#ex-1 {
		order:1;
		margin:0 auto;		
	}
	#ex-2 {
		order:2;	
	}
	#ex-3 {
		order:3;	
	}
	#ex-4 {
		order:4;	
	}
	#ex-5 {
		order:5;	
	}
	#ex-6 {
		order:6;	
	}
	#ex-7 {
		order:7;	
	}
	#ex-8 {
		order:8;	
	}
	#ex-9 {
		order:9;	
	}
	
	.giveaway-card-combo {
		display:none !important;
	}
	.giveaway-card--shrink {
		display:flex !important;
	}
}	
@media (max-width: 499.98px) {
	.giveaway-toggle {
		height: 65px;
		width: calc(100% - 50px);
		margin: 20px auto 0 0;
	}
	.giveaway-toggle > .giveaway-toggle-option {
		height: 65px;
		line-height: 65px;
		font-size:16px;
	}
	.giveaway-toggle > #toggle-tooltip {
	    width: calc(100% + 4px);
		padding:15px;
	}
	.giveaway-toggle > #toggle-tooltip:after {
		top: 22px;
		right: -12px;
		border-left: 12px solid var(--main-gradient1);
	}
	.giveaway-toggle > .toggle-button {
		height:65px;
	}
	
	#giveaway-toggle-icon, #giveaway-toggle-icon-close {
		right:-48px;
	}	
	
	#new-giveaways-clock-wrapper {
		width: calc(100% - 4px);
		height:65px;
		margin: 20px auto 0 auto;
	}
	#new-giveaways-text {
		height: 65px;
		line-height: 65px;
		text-align: center;
		font-size:16px;
		width: 58%;		
	}
	#new-giveaways-clock {
		font-size:25px;
		height: 65px;
		line-height: 65px;
		width:42%;
	}
}
@media (max-width: 375.98px) {
	.giveaway-toggle {
		height: 60px;
	}
	.giveaway-toggle > .giveaway-toggle-option {
		height: 60px;
		line-height: 60px;
		font-size:15px;
	}
	.giveaway-toggle > #toggle-tooltip {
		padding:15px;
	}
	.giveaway-toggle > #toggle-tooltip:after {
		top: 20px;
	}
	#.giveaway-toggle > .toggle-button {
		height:60px;
	}
	
	#new-giveaways-clock-wrapper {
		height:60px;
	}
	#new-giveaways-text {
		height: 60px;
		line-height: 60px;
		font-size: 15px;	
	}
	#new-giveaways-clock {
		font-size:23px;
		height: 60px;
		line-height: 60px;
	}
}		

/* Giveaway Info */
@media (max-width: 1249.98px) {
	#giveaway-info-wrapper, #header-wrapper  {
		width:calc(100% - 60px);
	}
	.add-info-column:nth-of-type(1) {
		width:calc(50% - 30px);
	}	
	.add-info-column:nth-of-type(2) {
		width:50%;
		margin:0;
	}
	.add-info-column:nth-of-type(3) {
		display:none;
	}	
}	
@media (max-width: 999.98px) {
	#giveaway-info-wrapper, #header-wrapper  {
		width:calc(100% - 160px);
	}
	
	#giveaway-info-standard { 
		display:none;
	}
	#giveaway-info-shrink { 
		display:block !important;
	}
	#info-entry-column, #info-entry-column-subscriber, #giveaway-info-wrapper > #giveaway-info-right {
		display:none;
	}
	
	#giveaway-info-left {
		width:100%;
		margin:0;
	}
	#giveaway-info-left > .asponsive-inside {
		display:flex !important;
		margin:0px auto 50px auto;
	}
	
	#giveaway-image-logo {
		left: 0px;
		margin: 0 auto;
		right: 0;		
	}

	#info-countdown {
		left: 0px;
		margin: 0 auto;
		right: 0;
		width: 528px;		
	}
	#seconds-tab {
		margin:0;
	}
	
	#giveaway-info-description {	
		margin: 0 0 50px 0; 
		position: relative; 		
	}	
	#giveaway-info-description > p {
		width: 100%; 
		height:105px; 
		overflow:hidden;	
		position: relative;		
	}
	#giveaway-info-description > p  + #read-more {
		display:block !important;
		position:relative;
		border:2px solid var(--shade2);
		padding: 2px;
		width: 120px;
		height:30px;
		text-align:center;
		line-height:30px;
		font-weight:bold;
		color:var(--shade1);
		cursor:pointer;
		margin:18px auto 0 auto;
		text-transform:uppercase;
		transition:border .2s;		
	}	
	#giveaway-info-description > p  + #read-more:hover {
		border:2px solid var(--shade1);
		transition:border .2s;
	}		
	
	#prize-token-info--shrink{
		margin:0;
		width:300px;
	}
	#giveaway-info-row > .giveaway-info-ablock {
		margin:0 0 0 50px;
		width:300px;
	}
	
	#prize-token-info--shrink > .giveaway-info-prizepool svg {
		width:100%;
	}
	.giveaway-info-prizepool > .giveaway-info-prizepool-numbers {
		font-size:58px;
		width: 29%;
		height: 44%;
	}
	#giveaway-info-right--shrink {
		position:relative; 
		width:100%; 
		display:flex; 
		flex-direction:column; 
		margin:0 auto;
		gap:50px 0px;
	}
	#giveaway-info-button--shrink, #one-click-entry-button--shrink, #one-click-entry-button-loading--shrink, #giveaway-info-button-check--shrink {
		width:100%;
		margin:0px auto 50px auto;
		float:none;
	}
    .preorder-box {
        width:100%; 
    }
}
@media (max-width: 849.98px) {
	#giveaway-info-wrapper, #header-wrapper  {
		width:calc(100% - 60px);
	}	
}	
@media (max-width: 767.98px) {
	#giveaway-info-wrapper, #header-wrapper  {
		width:calc(100% - 60px);
	}	
	
	#prize-token-info--shrink {
		margin:0 auto 50px auto;
	}	
	
	.info_responsive_1 {
		order:0;	
	}
	#giveaway-info-button--shrink {
		order:1;
	}
	#giveaway-info-right--shrink > .asponsive-inside {
		display:flex !important;	
		order:1;
	}

	#giveaway-info-row  {
		order:3;
	}
	#giveaway-info-row > .giveaway-info-ablock {
		display:none;	
	}
	
	#giveaway-info-button--shrink, #one-click-entry-button--shrink, #one-click-entry-button-loading--shrink, #giveaway-info-button-check--shrink  {
		margin: 0 auto 0px auto;
	}
	
	#giveaway-image-logo {
		width:100%;
	}
	
	#info-countdown {
		width: 464px;
	}
	.info-countdown-tabs {
		width: 101px;	
	}
	.info-countdown-tab {
		height: 70px;
		width: 48px;
	}
	.info-countdown-tab-time {
		height: 70px;
		line-height: 70px;
		letter-spacing: 26px;
		left: 14px;
		font-size: 48px;
	}
	
	#trove-token-info-popup > .center-overlay-close, #prizepool-info-popup > .center-overlay-close {
		right: 0;
		top: -50px;
	}
	#trove-token-info-popup, #prizepool-info-popup {
		width:580px;
	}
	
	#ab-warning.center-overlay {
		width:100%;
	}
}
@media (max-width: 649.98px) {
	#giveaway-info-wrapper, #header-wrapper  {
		width:calc(100% - 60px);
	}	
	#trove-token-info-popup, #prizepool-info-popup {
		width:100%;
	}
	#ab-warning-popup {
		max-height: 100%;
	}
	
	#entry-subscriber-tokens {
		margin: 10px auto 0 auto;
	}
}		

@media (max-width: 549.98px) {
	#giveaway-info-wrapper, #header-wrapper  {
		width:calc(100% - 40px);
	}	
	#giveaway-info-wrapper {
		margin:70px auto 0 auto;
	}
	#giveaway-image {
		height:475px;
	}
	#trove-token-info.center-overlay, #prizepool-info.center-overlay {
		padding:0 10px;
	}
	#trove-token-info-right, #prizepool-info-right {
		width:100%;
	}
	#trove-token-info-left, #prizepool-info-left {
		display:none;
	}
	
	#info-countdown {
		bottom: -28px;
		height: 56px;
		width:282px;
	}
	.info-countdown-tabs {
		width: 87px;	
		margin: 0 10px 0 0;
	}
	#info-countdown-hover  {
		width:300px;
	}
	#info-countdown-hover > .info-countdown-tabs > span {
		font-size:12px;
	}
	.info-countdown-tab {
		height: 56px;
		width: 41px;
	}
	.info-countdown-tab-time {
		height: 56px;
		line-height: 57px;
		left: 13px;
		letter-spacing: 25px;
		font-size: 36px;
	}
	#minutes-tab {
		margin:0;
	}
	#seconds-tab {
		display:none;
	}
	#info-countdown-hover > .info-countdown-tabs:last-child {
		display:none;
	}
	
	.giveaway-info-prizepool > .giveaway-info-prizepool-numbers {
		font-size:48px;
	}
	
	.add-info-column:nth-of-type(1) {
		width:100%;
		margin:0 auto 30px auto;
	}
	.add-info-column:nth-of-type(2) {
		width:100%;
	}
	
	#ab-warning.center-overlay {
		padding: 0 20px;
	}	
}
@media (max-width: 375.98px) {
	#ab-warning.center-overlay {
		padding: 0 10px;
	}		
	#ab-warning-popup {
		top:10px;	
	}
}

/* Giveaway Entry */
@media (max-width: 1199.98px) {
	.entry-wrapper {
		width:calc(100% - 60px);
	}
}	
@media (max-width: 1049.98px) {
	.entry-wrapper {
		width:calc(100% - 60px);
	}		
	
	#entry-abanner-top, #entry-abanner-bot {
		width:920px !important;
	}
		
	#entry-buttons {
		flex-flow: column;
	}
	#entry-left > .entry-row:nth-of-type(2) > .entry-step {
		width:100%;
	}
	#entry-left > .entry-row:nth-of-type(3) > .entry-step {
		margin:0;
	}
	#entry-left > .entry-row:nth-of-type(3) {		
		display: flex;
		align-items: center;
		flex-flow:row wrap;
	}
	
	#giveaway-entry-button, #giveaway-entry-button-check, #giveaway-entry-button-loading, #giveaway-entry-button-complete {
		width: 100%;
		margin: 20px 0 0 0;
	}		
	#entry-buttons > .tacs-agreement {
		margin-left:0;
	}	
	
	#google-captcha-entry {
		margin: 12px auto 10px auto;	
	}
}
@media (max-width: 999.98px) {
	#entry-abanner-top, #entry-abanner-bot {
		width:728px !important;
	}
}
@media (max-width: 959.98px) {
	.entry-wrapper {
		width:calc(100% - 100px);
	}	
	#entry-abanner-top {
		display:none;
	}
	#entry-asponsive-1, #entry-asponsive-2 {
		display:flex !important;
		float:left;
		width:300px;
		height:250px;
		/*margin:0 auto 0 30px;*/
	}
	#entry-standard {
		display:none !important;
	}
	#entry-shrink {
		display:block !important;
	}
	
	#entry-inputs {
		flex-flow: column;
	}		
	#entry-email, #entry-name {
		width: 100%;
	}
	#entry-name {		
		margin: 20px 0 0 0;
	}
	
	#entry-left {
		width:100%;
		margin:0;
	}	
	
	.entry-step {
		width: calc(100% - 330px);	
		position:relative;
		margin:0;
	}	
	.entry-row {
		position:relative;
		width:100%;
	}
	#entry-left > .entry-row:nth-of-type(2) > .entry-step {
		
		margin:50px 0 50px 0;
	}	
	#entry-left > .entry-row:nth-of-type(1), #entry-left > .entry-row:nth-of-type(3) {
		display:flex;
		flex-flow:row nowrap;
		gap:0 30px;
	}	
	#entry-left > .entry-row:nth-of-type(1) > .entry-step, #entry-left > .entry-row:nth-of-type(3) > .entry-step {
		width:100%;
	}			
	
	#google-captcha-entry--shrink {
		margin: 12px auto 0 auto;	
	}	
}
@media (max-width: 849.98px) {
	.entry-wrapper {
		width:calc(100% - 60px);
	}		
}	
@media (max-width: 799.98px) {
	.entry-wrapper {
		width: 580px;
	}		
	
	#entry-image-logo {
		width:100%;
	}
	
	#entry-asponsive-1, #entry-asponsive-2 {
		width:100%;
		float:none;
		margin: 0px auto 0px auto;
	}
	#entry-asponsive-2 {
		order:2;
	}
	
	.entry-step	{
		width:100%;
	}

	#social-buttons > p, #social-buttons > h3 {
		display:block !important;
	}
	#social-buttons > h3 {
		font-size:14px;
	}
			
	.social-split {
		width:100%;
		margin:0 0 0 0;
	}	
	.social-split > h3, .social-split  > p {
		display:none;
	}	
	
	#entry-left > .entry-row:nth-of-type(1) {
		display:flex;
		margin: 0;
		flex-flow:column wrap;
		margin: 0 0 0 0;
	}
	#entry-left > .entry-row:nth-of-type(2) {
		margin: 50px auto;
	}
	#entry-left > .entry-row:nth-of-type(2) > .entry-step {
		margin:0 auto;
	}		
	#entry-left > .entry-row:nth-of-type(3) {
		margin: 0 0 0 0;
		flex-flow: column;
	}
	#entry-left > .entry-row:nth-of-type(3) > .entry-step {
		order:3;
	}	
	
	#google-captcha-entry--shrink {
		margin: 0 auto;	
	}
}
@media (max-width: 767.98px) { 
	#entry-abanner-bot {
		display:none;
	}
	#entry-asponsive-3 {
		display:flex !important;
		width:calc(100% - 40px);
	}
}
@media (max-width: 649.98px) {
	.entry-wrapper {
		width:calc(100% - 60px);
	}		
}	

@media (max-width: 499.98px) {
	#entry-asponsive-3 {
		display:none !important;
	}	
	#bottom-banner {
		display:none;
	}
	.entry-status {
		display:none;
	}			
}	

/* Giveaway Success */
@media (max-width: 1199.98px) {
	#entry-success-wrapper {
		width:800px;
	}
	.entry-success-additional {
		flex-flow: row wrap;
		justify-content: center;
		align-items: flex-start;
		gap: 30px 30px;
	}
	
	#entry-success-left {
		margin:0 auto;
		width:100%;
	}
	#entry-success-left > .success-notification {
		margin: 0 auto 40px 0;
	}
	#entry-success-right {
		display:none;
	}
	#entry-success-right--shrink {
		display:block !important;
		margin-top:-50px;
		position: relative;
		float: left;
		order:2;
	}
	.entry-success-split:first-child {
		width:calc(100% - 330px);
		order:1;
	}
	.entry-success-split:last-child {
		width:100%;
		order:3;
	}
	.entry-success-subscription-icon:nth-last-child(-n + 3) {
		margin-top:0 !important;
	}
	.entry-success-split > h3 {
		text-align:center;
	}
}	
@media (max-width: 1049.98px) {
	#entry-success-wrapper {
		width:calc(100% - 240px);
	}	
	.entry-success-subscription-icon {
	    margin: 35px 8px 5px 8px;
	}
	#abanner-success-top, #abanner-success-bottom {
		width:920px !important;
	}
}
@media (max-width: 999.98px) {
	#abanner-success-top, #abanner-success-bottom {
		width:728px !important;
	}
}
@media (max-width: 949.98px) {
	#entry-success-wrapper {
		width:calc(100% - 100px);
	}
}
@media (max-width: 829.98px) {
	#entry-success-wrapper {
		width:calc(100% - 80px);
	}
	#abanner-success-top {
		position:absolute;
		top:-90px;
		left:0;
		right:0;
		margin:0 auto;
	}	
	#entry-success-header > #entry-image-logo{
		margin-top:240px;
	}
}	
@media (max-width: 767.98px) {
	#entry-success-wrapper {
		width:calc(100% - 60px);
	}	
	#entry-success-right--shrink, #entry-success-header > #entry-image-logo {
		display:none !important;
	}	
	#entry-success-left > .success-notification {
		margin: 40px auto 40px auto;
	}
	.entry-success-subscription-icons {
		width:320px;
	}
	.entry-success-split:first-child {
		/*margin:0px auto 40px auto;*/
	}
	.entry-success-split:first-child, .entry-success-split:last-child {
		width:100%;
	}
	.entry-success-subscription-icon:nth-last-child(-n + 3) {
		margin-top:9px !important;
	}
	
	#abanner-success-top, #abanner-success-bottom {
		display:none !important;
	}
	#success-asponsive-1, #success-asponsive-2, #success-asponsive-3 {
		display:flex !important;
	}
	#success-asponsive-1 {
		width:calc(100% - 40px);
	}
}	
@media (max-width: 649.98px) {
	#entry-success-wrapper {
		width:calc(100% - 60px);
	}	
}		
@media (max-width: 499.98px) {
	#success-asponsive-1 {
		/*display:none !important;*/
	}
	#bottom-banner {
		display:none;
	}
}		
@media (max-width: 420.98px) {
	.entry-success-subscription-icons {
		width:100%;
	}
	.entry-success-subscription-icon {
	    margin: 5px 5px 5px 5px;
	}
}	
@media (max-width: 359.98px) {
	.entry-success-token-rows, .entry-success-subscription-icons {
		display:none;
	}
	.entry-success-split p {
		margin:0;
		padding:0;
		border-top:none;	
	}
}	

/* ---- Mobile Divs --- */
/* Edit-account - Partner */
#partner-remove-section--shrink {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
#partner-avatar-remove--shrink {
	text-align: center; 
	position: relative;
	width: auto;
	margin: 0 auto;	
}				
#partner-avatar--shrink {
	margin: 35px auto 0 auto;
	position: relative;
    width: 200px;
    height: 200px;
    outline: 5px solid rgba(0,0,0,0.3);
}
#partner-avatar--shrink > img {
	position: relative;
    width: 200px;
    height: 200px;
}
#partner-avatar-remove--shrink > .main-button {
    margin: 35px auto 0 auto;
    float: none;
    width: 400px;
}

/* Edit-account - Transaction History */
.subscription-history-row-wrapper--shrink {
position: relative;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
justify-content: space-between;
cursor: pointer;
margin: 5px 0 0px 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;	
}
.subscription-history-row-aligner {
position:relative; 
display:flex; 
flex-flow:row wrap; 
width:100%;
}
.subscription-history-row-lower--shrink {
position:relative; 
display:flex; 
flex-flow:row; 
width:100%;	
}
.row-tab-tier--shrink {
width: 242px;
-webkit-box-flex: 0;
flex: 0 0 auto;
font-weight: bold;
font-size: 18px;
color: var(--background);
text-transform: uppercase;
border-width: 0 2px 0 0px;
border-style: solid;
border-color: var(--footer);
}
.row-tab-tier--shrink, .row-tab-duration--shrink, .row-tab-date--shrink, .row-tab-partner--shrink, .row-tab-type--shrink, .row-tab-payment--shrink, .row-tab-status-paid--shrink  {
width:50%;	
}
.row-tab-type--shrink, .row-tab-status-paid--shrink {
border-width: 0 0 0 2px;
border-style: solid;
border-color: rgba(0,0,0,0.1);	
}
.row-tab-date--shrink {
border-width: 2px 0 2px 0;
border-style: solid;
border-color: rgba(0,0,0,0.1);		
}
.row-tab-payment--shrink {
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: rgba(0,0,0,0.1);		
}
.row-tab-payment--shrink, .row-tab-duration--shrink, .row-tab-type--shrink, .row-tab-date--shrink {
-webkit-box-flex: 1;
flex: 1 1 auto;
color: var(--shade1);
}
.row-tab-partner--shrink {
-webkit-box-flex: 0;
flex: 1 1 auto;
font-weight: bold;
font-size: 16px;
text-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-transform: uppercase;
color: var(--headers);
border-style: solid;
border-color: rgba(0,0,0,0.1);
}
.row-tab-status-paid--shrink {
font-size: 16px;
color: var(--success);
text-transform: uppercase;
}
.row-tab-status-refunded--shrink {
font-size:16px;
color:var(--failure);
text-transform:uppercase;
}