* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
/*
:root {
  --bgcolor1: #080A0D; /* body background 
  --bgcolor2: #12151B; /* main div backgrounds 
  --bgcolor3: #6200EA; /* highlighted background 
  --bgcolor4: #000000; /* dark 
  --highlightcolor: #FF007A; /* button hover-clicked color 
  --fontcolor1: #E3E3E3; /* primary text and border color 
  --fontcolor2: #8E8E8E; /* seconday text and border color 
  --fontcolor3: #FFFFFF; /* text color for highlighted backgrounds 
  --highlightfontcolor: #0FF0FC; /* navlinks color 
  --whitefontcolor: #fff;
  --blackfontcolor: #000;
  --bordercolordark: #333;
  --bordercolorlight: #444;
  --buttoncolor: #222;
  --buttoncolorhover: #333;
  --contentcolorhover: #333;
  --pageHeaderHeight:50px;
  --sponsorHeight:140px;
}
*/



body {background-color: var(--bgcolor2);}

p, h1, h2, h3, h4 {
	padding:0px;
	margin:0px;
	font-family: Figtree;
}

a {text-decoration: none;}


.floatLeft {float: left;}
.clearFix {clear: both;}
.widthHalf {width: 50%;}
.displayNone {display: none;}
.displayInlineBlock {display: inline-block;}
.displayInline {display: inline;}



.roundImg {
	border-radius: 50%;
	width: 80%;
	display: block;
	margin: auto;
}

.fa-regular {
	color: var(--fontcolor1);
	
}
.inlineIcons {display: inline; padding-right: 15px;}
.fa-chevron-down, .fa-chevron-up {padding-left:30px;}

.fa-brands, .fa-solid {
	color: var(--fontcolor1);
}
.fa-brandsDark, .fa-solidDark {
	color: var(--fontcolor2);
}
.fa-brands:hover, .fa-solid:hover, .fa-regular:hover {cursor: pointer;color:var(--highlightcolor);}


.fa-brandsDark {
	display: inline; 
	text-align: right;
	padding-top: 20px; padding-left: 20px;
	line-height: 30px;
}

.fa-brandsBizProfile {
	font-size: 125%;
}

.fa-bars-staggered {
	line-height: 50px;
	padding-left: 10px;
	font-size: 200%;
}


.pageHeader {
	position:fixed;
	top:0px; left:0px;
	height:var(--pageHeaderHeight);
	background-color: var(--bgcolor2); 
	border-bottom: 1px solid var(--fontcolor1);
	z-index: 99;
}
.pageHeader p {line-height: var(--pageHeaderHeight);}
.pageHeaderLeft, .pageHeaderRight {width: 30%;}
.pageHeaderCenter{width: 40%;}
.pageHeaderLeft p {text-align: left;}
.pageHeaderCenter p {text-align: center;}
.pageHeaderRight p {text-align: right;}
.pageHeaderRight button {
	width: 70%;
	height:24px;
	margin:12px 0px 0px 20%; 
	border-radius: 8px;
	background-color:var(--bgcolor1);
	color:var(--fontcolor1);
	border: none;
	outline:1px solid var(--fontcolor1);
}
.pageHeaderLeft img {
	width: 48px; padding: 1px;
}

#pageHeaderLogoImg {width: 46px; display: block; margin: 1px auto; border-radius: 50%;}



.pageFooter {
	position:fixed;
	bottom:0px; left:0px;
	height:var(--pageHeaderHeight);
	background-color: var(--bgcolor2); 
	border-top: 1px solid var(--fontcolor1);
}
#pageFooterSocialLinks, #pageFooterDomainName {
	display: inline-block; line-height: 60px;
}

#pageFooterDomainName a {color: var(--highlightcolor);}
#pageFooterSocialLinks i {
	padding-left:20px;
}

.pageBody {
	margin:var(--pageHeaderHeight) auto;
	background-color: var(--bgcolor1);
	max-width: 1080px;
}

.pageContent {
	background-color: var(--whitefontcolor);
}

.pageContentTitle, .pageContentSubTitle, .pageContentBlockTitle h2, .pageContentTitleSection h1, .pageContentTitleSection h2 {
	text-align: center;

}
.pageContentSubTitle {
	padding:6px 24px;

}
.pageContentTitleSection h1, .pageContentTitleSection h2 {
	padding:24px;
}



#pageContentSectionAbout p, #pageContentSectionTokenomics p, .pageContentMainSection p, .pageContentMainSection h2, #pageContentSectionPrivacyPolicy p {
	font-size: 125%;
	padding: 0px 24px 12px 24px;
}




.testimonial {
	text-align: center;
	font-size: 130%;
	line-height: 30px;
	padding-left: 30px;padding-right: 30px;
	color: var(--fontcolor1);
}
.testimonialAuthor {
	text-align: right;
	padding: 30px;
	font-size: 150%;
	line-height: 20px;
}
.testimonialAuthorAddress {
	font-weight: bolder;
	font-size: 70%;
}
#pageContentBlockHomepageInnerBlockTestimonials h1 {
	text-align: center;
	font-size: 1000%;
	line-height: 0px;
	padding:80px 0px 0px 0px;
}
#pageContentBlockHomepageInnerBlockTestimonials i {
	color: #000;
	font-size: 400%;
	text-align: center;
	width: 100%;
}




/* ##### SIDE NAV ######################################################### */

.pageSideNav {
	height: 100%;
	width: 320px;
	background-color: var(--bgcolor2); 
	position: fixed;
	top: 0;
	border-right: 1px solid var(--fontcolor1);
	z-index: 99;
}

.pageSideNavScrollable {
	margin-top: 4px;
	height:75%;
	overflow-y: scroll;
}

#pageSideNavProfileName, #pageSideNavProfileAddress, #profileFollows {
	padding-left:30px;
	line-height: 24px;
}

.pageSideNavLink {
	min-height:40px; width: 260px;
	margin:20px 0px 0px 30px;
	line-height:40px;

}

.pageSideNavSocialLink {
	height:40px; width: 230px;
	margin:10px 0px 0px 30px;
	line-height:40px;

}

.pageSideNavLinkFollowUsDropDown {
	width: 260px;
	margin:0px 0px 0px 30px;
}

.pageSideNavSectionDivider {
	border-bottom: 1px solid var(--fontcolor1);
	width: 260px; margin:40px auto;
}

.pageSideNavLink h2, .pageSideNavLink h3, .rightNavProfileImg {
	display: inline;
}
.pageSideNavLink:hover {
	background-color: var(--bgcolor1);
	cursor: pointer;
}
#pageSideNavProfileImg {
	width: 200px; height: 200px; border-radius: 5px;
	margin: 20px 0px 30px 60px;
}
#pageSideNavProfileName, .profileFollowsNum, .pageSideNavLink h2, .pageSideNavLink h3, .rightNavIcons, .footerIcon {color: var(--highlightfontcolor);}


.pageSideNavLinkCharacter {
	height:120px;
}
.rightNavProfileImg {
	width: 120px;
	border-radius: 50%;
}

.pageSideNavSectionCategories a {
	text-decoration: none;
}


#pageSideNavCloseBar {
	height: 100%;
	width: 600px;
	background-color: var(--highlightcolor);
	opacity: 0.0;
	position: fixed;
	top: 0;
	z-index: 99;
}

.pageSideNavFlavorLinkImg {
	width: 96px;
	display: block;
}

.pageSideNavFlavorLink h2 {
	line-height:24px; font-size: 120%; display: block;
}



.sideNavOnScreen {
	animation: moveOnScreen 0.1s ease-out 0s 1 normal;
	left: 0px;
}
.sideNavOffScreen {
	animation: moveOffScreen 0.1s ease-out 0s 1 normal;
	left: -320px;
}

.sideNavCloseBarOnScreen {
	animation: moveSideNavCloseBarOnScreen 0.1s ease-out 0s 1 normal;
	left: 320px;
}
.sideNavCloseBarOffScreen {
	animation: moveSideNavCloseBarOffScreen 0.1s ease-out 0s 1 normal;
	left: -920px;
}







/* #### FLAVORS PAGE ############################## */

.flavorsPageListing {
	width: 49%; margin:24px 0px 0px 0.65%;
	float: left;

}
.flavorsPageListingName, .flavorsPageListingDescription {
	text-align: center;
}
.flavorsPageListingName {
	font-size: 125%;
	padding: 0px 12px;
}
.flavorsPageListingDescription {
	font-size: 105%;
	padding: 0px 12px;
	color: var(--highlightfontcolor);
}
.flavorsPageListingImg {
	border-radius: 50%;
}


.flavorsPageListingSmall {
	width: 96%; margin: 0px auto 12px auto;
	border-bottom: 1px solid var(--bgcolor3);
}


.flavorsPageListingSmallImg {
	width:25%;
	float: left;
}

.flavorsPageListingSmallImg img {
	border-radius: 50%;
}
.flavorsPageListingSmallDetails {
	width:75%;
	float: left;
}
.flavorsPageListingSmallDetails h3, .flavorsPageListingSmallDetails p { 
	padding:6px 6px 0px 6px;

}

#pageContentBlockFullFlavorImages {
	min-height:400px;
}


#pageContentBlockHomepageFlavorQuickPic, #pageContentBlockHomepageCollections, #pageContentBlockHomepageMenuQuickPic, #pageContentBlockFullFlavorImages {
	width: 100%;
	 overflow-y: hidden;overflow-x: scroll;
	
}

#pageContentBlockFullFlavorImageList {
	width: 1100px;
	height: 400px;
	background-color: var(--colorfulBgColor5);
	
}
.pageContentBlockFullFlavorImageListing {
	height: 400px;
	width: 360px;
	margin-right: 0px;
	background-color: #222;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.pageContentBlockFullFlavorImageListing img {
	height: 100%; padding: 0px;
}

#pageContentFullFlavorDetailsName {
	padding: 48px 24px 0px 24px;
}

#pageContentFullFlavorDetails p {
	padding: 0px 24px 0px 24px;
}

#pageContentFullFlavorDetailsPrice {
	font-size: 175%; font-weight: bolder;
}
#flavorsPageMore {
	width: 90%; margin: 24px auto;
	min-height:50px;
	border-radius: 25px;
	background-color: var(--bgcolor3);
	cursor: pointer;
}
#flavorsPageMore h2 {
	line-height:50px;
	padding-left: 25px;
}
#flavorsPageMore h2, #flavorsPageMoreChevron {
	display: inline;
}

.flavorsPageListing a, .flavorsPageListingSmall a {
	color: var(--blackfontcolor);
}

.flavorUnavaliable {
	background-color: var(--bgcolor3);
	color: var(--highlightfontcolor);
	line-height:24px;
	border-radius: 12px;
	padding:2px 12px;
	font-size: 90%;
}


.pageBodyButton {
	width: 100%;
	height: 40px;
	margin: 20px 0px 0px 0px;
	background-color: var(--highlightfontcolor);
	color: #fff;
	font-size: 125%;
	border: none;
}

.pageContentBlockButton {
	width: 100%;
	height: 40px;
	margin: 20px 0px 20px 0px;
	background-color: red;
	color: #fff;
	font-size: 125%;
	border: none;
}
.pageContentBlockButton:hover, .pageBodyButton:hover {
	cursor: pointer;
}
.pageContentBlockInnerBlockButton, .pageContentMainSectionButton {
	width: 80%;
	margin: 20px auto 20px auto;

	
}
.pageContentBlockInnerBlockButton button {
	width: 100%;
	height: 40px;
	margin: 20px 0px 20px 0px;
	background-color: var(--buttoncolor);
	color: #fff;
	font-size: 125%;
	border: none;
}




#pageContentFullFlavorDetails {
	min-height: 300px;
}
#pageContentFullFlavorDetailsPrice {
	font-size: 150%; font-weight: bolder;
}

#pageContentFullFlavorBuyButton, #pageContentFullFlavorReview {
	width: 90%; margin-left: auto; margin-right: auto;
}
#pageContentFullFlavorDetails h1, #pageContentFullFlavorDetails p {
	text-align: center;
	text-align: left;
}
#pageContentFullFlavorDetails h1 {
	padding:50px 25px 0px 25px;
}
#pageContentFullFlavorDetails p {
	padding: 5px 15% 5px 15%;
	padding:5px 25px 5px 25px;
}

.flavorRating {font-size: 260%; padding:20px;}

#pageContentFullFlavorDetailsMore {
	position: relative;
	min-height: 50px;
}
#pageContentFullFlavorDetailsMore p {
	line-height: 44px;
	padding-left: 30px;
}
#pageContentFullFlavorDetailsMoreExpand {
	height: 40px; width: 40px; 
	border-radius: 20px; 
	border: 1px solid #aaa;
	line-height: 36px;
	position:absolute;right:10px;top:0px;
}
#pageContentFullFlavorDetailsMoreExpand i {
	text-align: center; font-size: 150%; padding: 6px 0px 0px 0px;
}

#pageContentBlockFlavorRating {
	min-height: 200px;
}
.pageContentBlockFlavorReview {
	border-top:1px solid #ccc; 
	min-height: 200px;
}

.flavorReviewStar {font-size: 200%;}
.flavorReviewNumStarSelector {width: 20%; margin-bottom: 20px; text-align: center;}


.flavorReviewUpVote:hover, .flavorReviewDownVote:hover {
	cursor: pointer; color:orange;
}


.reviewNameLeft {
	width: 50px; height: 50px; 
	border-radius: 25px; 
	background-color: #aaa; 
	margin-top:20px;margin-left: 10px;
}
.reviewNameLeft p {
	color: #fff; 
	text-align: center; 
	font-size: 170%; 
	line-height: 45px;
	font-weight: bolder;

}
.reviewNameRight {
	margin-top:20px;margin-left: 10px;
}
.reviewNameRight p {
	line-height: 20px; font-size: 80%;
}
.reviewNameRight .fa-solid {
	padding: 5px 0px 5px 0px;
}
.reviewContent {
	padding:0px 30px 5px 50px;
}
.reviewSubject {
	font-weight: bolder;
	padding:15px 30px 5px 50px;
}


#reviewContentMoreLeft {
	width: 40%; margin:30px 0px 20px 10%;
}
#reviewContentMoreRight {
	width: 45%; margin:30px 0px 20px 0px;
}
#reviewContentMoreRight p {
	text-align: right;
}

#pageContentBlockFlavorReviewFormFields {
	width: 90%;
	margin: 12px auto;
}

.flavorReviewFormField {
	min-height: 40px;
	width: 100%;
	margin:0px auto 24px auto;
	padding-left: 12px;
}
#flavorReviewCustomerReview {
	min-height: 100px;
}


#pageContentBlockHomepageFlavorQuickPicList {
	width: 2200px;
	height: 480px;
	background-color: var(--colorfulBgColor5);
	
}

.pageContentBlockHomepageFlavorQuickPicListing, .pageContentBlockHomepageMenuQuickPicListing {
	height: 480px;
	width: 320px;
	margin-right: 2px;
	background-color: var(--bgcolor1);
	display: inline-block;
	position: relative;
	overflow: hidden;
	
}

.pageContentBlockHomepageFlavorQuickPicListing img, .pageContentBlockHomepageFlavorCollectionsListing img {
	width: 480px;
		object-fit: fill;
}

.pageContentBlockHomepageFlavorQuickPicListing a {
	text-decoration: none;
	color:var(--fontcolor4);
}

.pageContentBlockHomepageFlavorQuickPicListingDetails {
	width: 100%;
	min-height:50px;
	position: absolute;
	left: 0px;bottom: 0px;
	text-shadow: 0px 0px 3px #fff;
}
.pageContentBlockHomepageFlavorQuickPicListingDetails p, .pageContentBlockHomepageFlavorQuickPicListingDetails h1, .pageContentBlockHomepageFlavorQuickPicListingDetails h2 {
	text-align: center; padding:0px 20px;
}
.pageContentBlockHomepageFlavorQuickPicListingDetails p {padding-bottom: 10px;}
.pageContentBlockHomepageFlavorQuickPicListingDetails h1, .pageContentBlockHomepageFlavorCollectionsListingDetails h1, .pageContentBlockHomepageFlavorQuickPicListingDetails h2 {
	font-size: 130%;
}
.pageContentBlockHomepageFlavorQuickPicListingAdd {
	width: 56px; height: 56px;
	border-radius: 28px;
	background-color: var(--highlightcolor);
	position: absolute;
	right:20px; bottom: 90px;
}
.pageContentBlockHomepageFlavorQuickPicListingAdd p {
	text-align: center;
	line-height: 46px;
	font-size: 440%;
	color: var(--fontcolor3);

}


#noFlavorReviewsTitle {
    text-align: center;
    font-size: 250%;
    color: #bbb;
    margin-top: 30px;
}
#noFlavorReviewsSubTitle {
	text-align: center;
    font-size: 125%;
}



#pageContentBlockFlavorReviewFormFields input[type=text], #pageContentBlockFlavorReviewFormFields input[type=email], #pageContentBlockFlavorReviewFormFields input[type=text], #pageContentBlockFlavorReviewFormFields input[type=email], #pageContentBlockFlavorReviewFormFields input[type=date], #pageContentBlockFlavorReviewFormFields input[type=time] {
	background: transparent;
	color: #222;
	font-size: 125%;
	border-top: none; border-left: none; border-right: none;
	border-bottom: 1px solid #bbb;
}
#pageContentBlockFlavorReviewFormFields input[type=text]:focus, #pageContentBlockFlavorReviewFormFields input[type=email]:focus, #pageContentBlockFlavorReviewFormFields input[type=text]:focus, #pageContentBlockFlavorReviewFormFields input[type=email]:focus {
	outline: none;
	border-bottom: 1px solid #222;
	font-size: 150%;
}
#pageContentBlockFlavorReviewFormFields input[type=text]::placeholder, #pageContentBlockFlavorReviewFormFields input[type=email]::placeholder, #pageContentBlockFlavorReviewFormFields input[type=text]::placeholder, #pageContentBlockFlavorReviewFormFields input[type=email]::placeholder {
	color: #444;
	opacity: 0.6;
}

#pageContentBlockFlavorReviewFormFields textarea {
	background: transparent;outline: none;
	color: #222;
	font-size: 125%;
	border-top: none; border-left: none; border-right: none;
	border-bottom: 1px solid #bbb;
	border: 1px solid #bbb;
}
#pageContentBlockFlavorReviewFormFields textarea:focus {
	outline: none;
	border: 1px solid #222;
	font-size: 150%;
}
#pageContentBlockFlavorReviewFormFields textarea::placeholder {
	color: #444;
	opacity: 0.6;
}

#noFlavorReviewsTitle { text-align:center; font-size:250%; color: #bbb; margin-top: 30px;}
#noFlavorReviewsSubTitle { text-align:center; font-size:125%; }

#pageContentFullFlavorDetails .pageContentBlockFlavorRatingLeft h1 {
	padding-top: 15px;
}













#pageContentBlockHomepageFollowUs h2, #pageContentBlockHomepageFindUs h2 {
    text-align: center;
    font-size: 190%;
    padding-top: 30px;
}

#pageContentBlockHomepageFindUs p {
    text-align: center;
    padding: 20px 30px;
    font-size: 125%;
}












.whitepaperIcons {
	font-size: 500%;

}

.whitepaperIconContainer {
	width: 100px;
	margin: 24px auto 6px auto;
}



.pageContentMainSectionImg {
	margin:24px auto 0px auto;
	max-width: 480px;

}


#pageContentPhaseTwoTransactionFees {
	background-color: var(--bgcolor3);
	width: 80%; max-width: 600px;
	margin: 24px auto;
}
#pageContentPhaseTwoTransactionFees h2 {
	padding:12px 12px 12px 24px;
	font-size: 200%;
}

#pageFooterSiteMap {
	background-color: var(--bgcolor3);
}

#pageFooterSiteMap p {
	padding: 24px 12px 24px 24px;
}
#pageFooterSiteMap h2 {
	padding: 24px 12px 0px 24px;
}







#featuredBillionairesBlock {
    background-color: var(--bgcolor2);
    margin-bottom: 0px;
    min-height: 460px;
    max-width: 800px;
    margin: 0px auto;
    overflow-y: hidden;
}

#pageContentBlockFeaturedBillionairesScoller {
    width: 3000px;
    height: 460px;
    position: relative;
    animation: slowScrollToTheLeft 30s linear 0s infinite normal;
}


.pageContentSectionBillionaireImg {
	display: block;
	margin: auto;
	width:80% ;max-width: 640px;
}

.pageContentSectionBillionaireListing {
	margin-top: 24px;
}

#pageContentSectionBillionaires p, .pageContentSectionBillionaireListing p {
	font-size: 125%;
	padding:12px 24px;
}

.billionaireListingSpacer {
    display: block;
    width: 80%;
    max-width: 480px;
    margin: 0px auto;
}

@keyframes slowScrollToTheLeft {
 	0% {left:0px;opacity: 0.0;}
 	3% {opacity: 1.0;}
 	97% {opacity: 1.0;}
 	100% {left:-2400px;opacity: 0.0;}
}







#pageContentBlockContactForm {
	width: 90%;
	display: block;
	margin: 12px auto;
}

.pageContentBlockFormField {
	min-height: 40px;
	width: 100%;
	margin:0px auto 24px auto;
	padding-left: 12px;
	border-radius: 6px;
	outline: none;
	border:0px solid var(--highlightfontcolor);
	font-size: 125%;
}

#contactUsFormFieldMessage {
	min-height: 120px;
}

.pageContentBlockFormField:hover {
	border:1px solid var(--highlightfontcolor);
}
.pageContentBlockFormField:focus {
	border:1px solid var(--highlightfontcolor);
	color: var(--highlightfontcolor);
}



#contactFormSubmitResponse {
	font-size: 125%;
	color:var(--highlightfontcolor);
}









.privacyPolicyBold {
	font-weight: bolder;
}
















.pageContentMainLogo {width: 50%; margin: 0px auto; max-width: 400px;}
#pageContentMainLogo {width: 100%;}

.pageContentMainLogo {
	width: 100%; 
	margin: -20% auto 0 auto; 
	max-width: 800px; 
	overflow: hidden; 
	z-index: -1;
	background-color: var(--bgcolor4);
}


#pageContentMainLogoSpinning {
    width: 160%;
    margin-left: -30%;
    margin-top: -35%;
    z-index: -1;
    animation: spinningWorkingAnimation 30.0s linear 0s infinite normal;
}

#pageContentMainLogo {
    width: 30%;
    margin: -105% auto 0px auto;
}

#pageContentMainLogoImg {
    width: 100%;
}


#pageContentMainTitle {
	padding: 24px 24px 12px 24px;
}
#pageContentMainSubTitle {
	padding: 0px 24px 12px 24px;
	font-size: 125%;
}

#homePageMottoDetails {
	padding: 0px 24px 12px 24px;
	font-size: 125%;
}
















.footerIcons {
	font-size: 150%;
	padding: 0px 0px 0px 11%;
	line-height: var(--pageHeaderHeight);
	color: var(--highlightfontcolor);
}


.spinningWorking {
	width: 80px !important; 
	height:80px; 
	margin: auto;
	animation:spinningWorkingAnimation 0.5s linear 0s infinite normal; 
	z-index: 99;
}
@keyframes spinningWorkingAnimation {
 	100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}
}

@keyframes slowScrollToTheLeft {
 	0% {left:0px;opacity: 0.0;}
 	3% {opacity: 1.0;}
 	97% {opacity: 1.0;}
 	100% {left:-2400px;opacity: 0.0;}
}

@keyframes moveOnScreen{
    from {left: -320px;} 
    to{left:0px;} 
}
@keyframes moveOffScreen{
    from {left: 0px;} 
    to{left:-320px;} 
}

@keyframes moveSideNavCloseBarOnScreen{
    from {left: -920px;} 
    to{left:320px;} 
}
@keyframes moveSideNavCloseBarOffScreen{
    from {left: 320px;} 
    to{left:-920px;} 
}

@media only screen and (min-width: 600px) { /* larger than a phone */
	

}