html, body { height: 100%; margin: 0; padding: 0;background-color:rgba(0,0,0,1);font-family: sans-serif;font-size:15px; }
.invisible { display:none;position:relative;height:0;width:0; clear:none;margin:0;padding:0;}


.web3modal-modal-lightbox { z-index: 100000000 !important; }

@font-face {
  font-family: AZfontBold;
  src: url("fonts/AzeretMono-Bold.ttf");
}
@font-face {
  font-family: AZfont;
  src: url("fonts/AzeretMono-Regular.ttf");
}
@font-face {
  font-family: quartz;
  src: url("fonts/quartz regular.ttf");
}

body { font-family:AZfont; }
h1, h2, .AZfont { font-family:AZfontBold; }
.digitize { font-family:quartz; }

a { transition: all .25s ease-out; }

#wrapper { height: fit-content; }
.parallaxit { 
  background-image: url("images/stars.png");
/* Create a parallax effect */
background-attachment: fixed;
background-position: 50% -80px;
background-repeat: repeat;
/* background-size: cover; */
}

.slime { background-image:url("images/slime_sm.png");background-size:contain;background-repeat:no-repeat;width:389px;height:159px;position:absolute;top:80px;right:0;z-index:88; }

/* Header
-----------------------------------*/
header { position:fixed;display:block;z-index:89;height:80px;top:0;left:0;width:100%;background-color:rgba(0,0,0,1);border-bottom: 1px solid rgba(92,92,92,.76);box-sizing: border-box; }
header #inner-wrapper { width: calc(100% - 10%);margin: 0 auto;height: 100%;position-relative; }

#branding { display:inline-block;float:left;height:80px;box-sizing: border-box; }
#branding a { display:block;width:80px;height: 80px;margin-top:0;background-image: url('images/MC_White_Logo.png');background-position: 50% 50%;background-size:60px 60px;background-repeat: no-repeat; }
#branding a:hover, #branding a.active { height: 80px;margin-top:0;background-image: url('images/MC_Green_Logo.png'); }


/* Navigation 
-----------------------------------*/
#nav { display:inline-block;float:left; }
ul#nav { list-style-type: none;margin: 0;padding: 0;overflow: hidden;height:80px;box-sizing: border-box;}
ul#nav li { float: left;height:80px;box-sizing: border-box;margin-left: 30px; }
ul#nav li a { display: block;color: white;text-align: center;padding: 0 8px;text-decoration: none;line-height:80px; }
ul#nav li a:hover, ul#nav li a.active { color: rgb(165,250,0,1); }

/* Social
-----------------------------------*/
#social { display:inline-block;float:right; }
#social ul { list-style-type: none;margin: 0;padding: 0;overflow: hidden; }
#social ul li { float: left;line-height: 80px; }
#social ul li a { display: block;color: white;text-align: center;padding: 0 16px;text-decoration: none;transition: all .05s ease-out; }
#social ul li a:hover {}
#social ul li a img { height:20px;width:20px }
#social ul li a.blocks, a.blocks { background-position: center;background-size: 20px 20px;background-repeat: no-repeat;height: 70px;width: 40px; }
  #social ul li a.ico-ether, a.ico-ether { background-image: url('images/ico_ether_w.png'); }
  #social ul li a.ico-ether:hover, a.ico-ether:hover { background-image: url('images/ico_ether_g.png'); }
#social ul li a.ico-blocks, a.ico-blocks { background-image: url('images/ico_blocks_w.png'); }
#social ul li a.ico-blocks:hover, a.ico-blocks:hover { background-image: url('images/ico_blocks_g.png'); }
  #social ul li a.ico-twitter, a.ico-twitter { background-image: url('images/ico_twitter_w.png'); }
  #social ul li a.ico-twitter:hover, a.ico-twitter:hover { background-image: url('images/ico_twitter_g.png'); }
#social ul li a.ico-discord, a.ico-discord { background-image: url('images/ico_discord_w.png'); }
#social ul li a.ico-discord:hover, a.ico-discord:hover { background-image: url('images/ico_discord_g.png'); }
  #social ul li a.ico-opensea, a.ico-opensea { background-image: url('images/ico_opensea_w.png'); }
  #social ul li a.ico-opensea:hover, a.ico-opensea:hover { background-image: url('images/ico_opensea_g.png'); }


.discord-override {
    background-size: 26px 20px !important;
    height:20px;width:26px  !important;
    margin-left:3px !important;
    margin-right:3px !important;
}

#social ul li a .connect-btn { height:40px;line-height:40px;padding:0 18px;background-color:#FFD43C;border-radius: 6px;color: #111;margin-top: 16px;transition: all .35s ease-out;cursor:pointer; }
#social ul li a .connect-btn::after { cursor:pointer; }
#social ul li a:hover .connect-btn { background-color: white; }

div.ctabtn, a.ctabtn { height:40px;line-height:40px;padding:0 18px;background-color:#FFD43C;border-radius: 6px;color: #111;margin-top: 16px;transition: all .35s ease-out; width: fit-content;
  margin: 0 auto;display:block;position:relative;cursor:pointer; }
div.ctabtn:after, a.ctabtn:after { cursor:pointer; }
div.ctabtn:hover, a.ctabtn:hover { background-color: white; }

.black-on-green { color:black;text-decoration: underline;}
.black-on-green:hover { text-decoration:line-through;cursor:pointer; }

#connect-mobile {
  display: none;
  top: 0px;
  height:40px;
  line-height:40px;
  padding:0 18px;
  background-color:#FFD43C;
  border-radius: 6px;
  color: #111;
  margin-top: 0;
  transition: all .35s ease-out;
  width:fit-content;
  margin-bottom:18px;
}
#connect-mobile:hover { background-color: white; }

#connect-mobile.no-after:after{content:none;}

/* Section Formatting 
-----------------------------------*/

section { position:relative;display:block;overflow:auto;height:100vh;width:100%;min-height:720px; }
section .region { position:relative;margin:0 auto;width:100%;max-width:1250px;height:100%;padding:0;margin-top:110px;box-sizing: border-box;border: 1px solid rgba(92,92,92,.76);box-sizing: border-box; }

.section .region { position:relative;margin:0 auto;margin-top:100px;width:100%;max-width:1250px;height:100%;padding:180px 0 0 0;box-sizing: border-box;border:none; }
.mutantverse-page .section .region { height:auto; }

.region.light { color: rgba(255,255,255,1); }

.section-header, .section-content {
  border-right: 1px solid rgba(92,92,92,.76);
  border-left: 1px solid rgba(92,92,92,.76);
}
.section-header { border-top: 1px solid rgba(92,92,92,.76);border-top-left-radius: 24px;border-top-right-radius: 24px;height:auto;overflow: auto;padding:0;border-bottom: 1px solid rgba(92,92,92,.76); }
.section-header.green { border-top: none; background-color:rgba(165,250,0,1); }
.section-content { border-bottom: 1px solid rgba(92,92,92,.76);border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;
  min-height:400px;/* height: calc(100% - 190px);*/
  height:auto; /*100vh - 143px(header) -  */
  max-height:480px;
  overflow: auto;
}

.section-content p { line-height: 1.65em; }

.section-content .left-big, .section-content .left-sm, .section-content .right-big, .section-content .right-sm { display:inline-block;position:relative;float:left;margin:0;padding:0;box-sizing: border-box;min-height:400px; }

.section-content .left-66 { float:left;width:66%; }
.section-content .left-50 { float:left;width:50%; }
.section-content .left-big { float:left;width:60%; }
.section-content .left-sm { float:left;width:40%; }
.section-content .left-33 { float:left;width:33%;border-right:1px solid rgba(92,92,92,.76); }


.section-content .middle-33 { float:left;width:33%;border-right:1px solid rgba(92,92,92,.76); }

.section-content .right-66 {float:right;width:66%; }
.section-content .right-50 {float:right;width:50%; }
.section-content .right-big {float:right;width:60%; }
.section-content .right-sm { float:right;width:40%; }
.section-content .right-33 { float:right;width:33%; }

.section-content p { margin:0;padding: 32px 48px 0 48px;font-size: 16px; }

#Section001, #Section002, #Section30, #Section0, #Section1, #Section2, #Section3, #Section4, #Section5, #Section6 { overflow:hidden; }
#DAO1, #DAO2, #DAO3, #DAO4, #DAO5, #DAO6, .mutantverse-page .section { overflow: hidden; } 

.mutantverse-page .section-content #DAO1 .section-content, #DAO2 .section-content, #DAO3 .section-content, #DAO4 .section-content  { 
  border: 1px solid rgba(92,92,92,.76);
  border-radius: 24px;
  min-height:400px;/* height: calc(100% - 190px);*/
  height:auto; /*100vh - 143px(header) -  */
  max-height:480px;
  overflow: auto;
  display: flex;
}


#DAO1 .left-50, #DAO2 .left-50, #DAO3 .left-50, .mutantverse-page .left-50 { border-right: 1px solid solid rgba(92,92,92,.76); }

#Section0 { z-index: 60; }
#Section0 .section-header { 
  padding-top:120px;
  border-top:none;
  border-radius: 0;
  border-right: 1px solid rgba(92,92,92,.76);
  border-left: 1px solid rgba(92,92,92,.76);
  border:none;
}
#Section0 .section-content { 
  position:relative;
  border-right: 1px solid rgba(92,92,92,.76);
  border-left: 1px solid rgba(92,92,92,.76);
  border-radius: 0;
  min-height: 100px;
  border:none;
}

#Section4 .section-header, #Section5 .section-header { position: relative; }

.section-content.no-border { border: none; }



#top-bg-image {
  background-image: url('images/splash_bg.png');
  background-position: center 20px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 48;
  width: 100%;
  height: 1000px;
  opacity: 0;
  background-size: 1024px 796px;
}

#Section0 .region {
  margin-top: 0px;
  padding: 80px 0 0 0;
}
#Section001 { height:160vh; }

.green { background-color: rgb(165,250,0,1);color: rgba(0,0,0,1); } /* 85E309 */
.green-text { color: rgb(165,250,0,1); }

h1.white { 
  font-size:98px;
  color: rgba(255,255,255,1);
  background-color:transparent;
  text-transform:uppercase;
  margin:0;padding:0;
  line-height:1.20em;   
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0 8%;
  text-align: center;
}

h1.green { 
  font-size:98px;
  color: rgba(165,250,0,1);
  background-color:transparent;
  text-transform:uppercase;
  margin:0;
  padding:0;
  line-height:1.20em;
  text-shadow: 0 24px 24px rgba(165,250,0,.40);
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0 8%;
  text-align: center;
  margin-bottom: 60px;
}


h2 { font-size:76px;background-color:transparent;text-transform:uppercase;padding:32px 24px;line-height:1em;color:rgba(255,255,255,1);display:inline-block;float:left;margin:0;width:fit-content;letter-spacing: -2px; }
h2.green { color: rgba(165,250,0,1); }
h2.black { color: rgba(0,0,0,1); }

h2 .digitize { color:rgba(165,250,0,1);text-shadow:0 2px 24px rgb(165,250,0,.80); }
h2.black .digitize { color:inherit; }


h3 { font-size:40;text-transform:uppercase;color:rgba(255,255,255,1); }

div.circle-cta, a.circle-cta { position:absolute;z-index:88;width:160px;height:160px;border-radius:80px;font-size:13px;text-align: center;vertical-align: middle;transition: all .35s ease-out;cursor: pointer; }
a.circle-cta.small { width:120px;height:120px;border-radius:60px;font-size:13px;cursor: pointer; }
a.circle-cta.blk { background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);cursor: pointer; }
a.circle-cta.blk:hover { background-color:rgba(255,255,255,1);color:rgba(0,0,0,1);cursor: pointer; }

div.circle-cta.y, a.circle-cta.y { background-color:#FFD43C;color:rgba(0,0,0,1);cursor: pointer; }
div.circle-cta.y:hover, a.circle-cta.y:hover { background-color:rgba(255,255,255,1);cursor: pointer; }

.circle-cta span { position: absolute;top: 50%;transform: translateY(-50%);text-align: center;margin: 0;width: 100%;display: block;font-size: 21px; }
a.circle-cta.small span { font-size:17px;}

.hero-cat { position: relative;display:inline-block;float:left;width:257px;height:257px;background-image: url("images/cats-heroRev2.png");background-position: center bottom;background-size: cover; }
.text-rotation { position: relative;display:inline-block;float:left;width:calc(60% - 257px);color:rgba(255,255,255,1); }

.side-column.right-side, .side-column.left-side { display:block;position:absolute;width:98px;height:100%;box-sizing:border-box;color:rgba(255,255,255,1);background-color:rgba(0,0,0,.86);z-index:60; }
.side-column.right-side { right:0;top:0; } /* transform: rotate(90deg);font-size: 48px; } */
.side-column.left-side { left:0;top:0; } /* transform: rotate(270deg);font-size: 48px; } */

/* .rotated-text-bg { position:relative;width:100%;height:100%;background-image: url("images/Group%20325.png");background-position: center;background-repeat: repeat-y;background-size: contain; } */

.corner-borders, .green-corner-borders { display: inline-block;position: relative;padding: 0;margin: 36px;}
.green-corner-borders:before,
.green-corner-borders:after,
.corner-borders:before,
.corner-borders:after { height: 14px;width: 14px;position: absolute;content: ''; }
.corner-borders:before { right: 0;bottom: 0;border-right: 3px solid black;border-bottom: 3px solid black; }
.corner-borders:after { left: 0;top: 0;border-left: 3px solid black;border-top: 3px solid black; }
.green-corner-borders:before { right: 0;bottom: 0;border-right: 3px solid rgba(165,250,0,1);border-bottom: 3px solid rgba(165,250,0,1); }
.green-corner-borders:after { left: 0;top: 0;border-left: 3px solid rgba(165,250,0,1);border-top: 3px solid rgba(165,250,0,1); }

.green-corner-borders p { margin: 22px;padding: 10px;font-size: 19px; }


.callout-small { position:relative;display:block;clear:both;float:left;color:rgba(0,0,0,1);margin: 0 5%;box-sizing:border-box;font-size:24px;padding:6px 24px;line-height:1.65em;margin-bottom: 16px; }
.big-number { position:relative;display:block;width:100%;clear:both;text-align:left;color:rgba(0,0,0,1);font-size: 160px;padding: 0 5%;box-sizing:border-box;margin:2% 0;  }
.callout-large {     position: relative;
  display: block;
  width: 60%;
  clear: both;
  float: right;
  color: rgba(0,0,0,1);
  margin: 0 5%;
  box-sizing: border-box;
  font-size: 24px;
  line-height: 2.0em;
  margin-top: 32px; }

.left-33 .boxy {
    display:block;
    border-bottom: 1px solid rgba(92,92,92,.76);
    box-sizing: border-box;
}
.left-33 .caption { font-size: 18px;margin: 24px 24px 8px 24px;line-height: 1.65em;text-align: center; }
.left-33 .value { font-size: 30px;font-weight: 500;margin:4px 24px 0 24px;text-align: center;
}

.vault {}
.vault img {
  width: calc(90% - 60px);
  margin: 0 auto;
  display: block;
  margin-top: 24px;
  margin-bottom: 24px;
}
.vault .image-caption { color:rgba(255,255,255,1); }


#join { overflow: hidden; }

#join .section-header h2 { display: inline-block;float: left;width: 100%;box-sizing: border-box;text-align: center; }

#join .section-content { display: flex; }
#join .left-50 { border-right: 1px solid solid rgba(92,92,92,.76);
    box-sizing: border-box; }
#join h3 {
  width: 100%;
  box-sizing: border-box;
  padding: 48px 8px 48px 48px;
  text-align: left;
  display: block;
  margin: 0;
  font-size: 40px;
}

#join .linkbox { display:block;box-sizing: border-box;position: relative;width:100%;text-align:left;padding-left:48px;padding-top:0;    clear: both; }
#join .linkbox a.button-green { border:1px solid rgba(165,250,0,1);padding:12px 18px;color:rgba(165,250,0,1);text-transform: uppercase;text-decoration: none;display:inline-block;float:left;margin:0 36px 18px 0;transition: all .35s ease-out; }
#join .linkbox a.button-green:hover { background-color: rgba(165,250,0,1);color:rgba(0,0,0,1); }

.zoom {  
    height:100%;  
    width:100%;  
    top:0;  
    left:0;
    position:fixed;
}
.zoom h1 { position:fixed; }



.image-caption { width: calc(90% - 60px);margin: 0 auto;line-height:1.65em;margin-bottom: 10%; }
.image-caption .title { font-size: 22px; }
.image-caption .yellow { color: #FFD43C; }



.content-link:hover { cursor:pointer; }
.content-link img { height: 400px; }
.content-link:hover img { -webkit-filter: invert(100%);filter: invert(100%);transition: all .35s ease-out; }
.content-link:hover .image-caption { color: rgba(165,250,0,1); }



.section-header h2 { display: inline-block;float: left;width: auto; }

.header-center-caption { width:320px;display:inline-block;float:left;position:relative; }
.header-center-caption span { 
  color: white;
  font-size: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
  margin: 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-left: 24px;
}


#Section5 .section-content { background-color: rgba(0,0,0,1);position:relative; }
#Section5 .section-content img { 
  margin: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
 }




/* Footer
-----------------------------------*/
footer { position:relative;display:block;height:150px;width:100%;text-align: center; }

footer span { text-transform:uppercase; }
footer span a { text-decoration:none;color:rgba(255,255,255,1);margin:0 48px;font-size:14px; }
footer span a:hover { color: rgba(165,250,0,1);text-decoration:none; }





/* Scrolling Button 
-----------------------------------*/
a#next {
  position:fixed;
  bottom:24px;
  left:80%;
  display:block;
  width:200px;
  height:54px;
  background-color: rgba(165,250,0,1);
  color:rgba(0,0,0,1);
  line-height: 54px;
  font-size: 32px;
  text-align: center;
  z-index: 99;
  transition: all .25s ease-out;
  text-decoration: none;
  border: 2px solid rgba(0,0,0,1);
}
a#next:hover { 
  background-color:rgba(0,0,0,1);
  color: rgba(165,250,0,1);
  border: 2px solid rgba(165,250,0,1);
}



/* Scrollers
-----------------------------------*/

.fadein { opacity:0; }
.fadeinleft { opacity:0; margin: 0 0 0 -300px;max-width:100%;  }
.fadeinright { opacity:0;margin:0 300px 0 0;max-width:100%; }






#fullsplash {
  position: absolute;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  display: block;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-image:url("images/MutantCatsBannerBG.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index:55;
  opacity:0;
}

#fullsplash #fadeinSquiggleLeft, #fullsplash #fadeinSquiggleRight, #fullsplash #fadeinLogo {
  position: absolute;
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  display: block;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  opacity:0;
}
#fullsplash #fadeinSquiggleLeft { background-image:url("images/MutantCatsBannerLS.png");z-index:58; }
#fullsplash #fadeinSquiggleRight { background-image:url("images/MutantCatsBannerRS.png");z-index:59; }
#fullsplash #fadeinLogo { background-image:url("images/MutantCatsBannerText.png");z-index:60; }


.istable .boxy { display: table;box-sizing: border-box;padding: 0 24px; }
.istable .boxy .step { font-size:24px; display: table-cell; vertical-align: middle; }


.section-spacer { display:block;width:100%;clear:both;height:0; } /* height:200px; */



.dao-page #Section0 { min-height:100vh;height:auto; }
.dao-page .left-50, .dao-page .right-50 { box-sizing: border-box;border-right:none; }
#DAO1 .section-content { border-top: 1px solid rgba(92,92,92,.76);border-top-right-radius:24px;border-top-left-radius:24px; }
.dao-page .left-50, .dao-page .right-50 { min-height: 400px; }
#DAO2 .section-content, #DAO3 .section-content, #DAO4 .section-content {
  border: 1px solid rgba(92,92,92,.76);
  border-radius: 24px;
  min-height: 400px;
  height: auto;
  max-height: 1480px;
  overflow: auto;
  display: flex;
}
#DAO4 .right-50 { margin: 0;font-size: 17px; } 



#gallery-header, #gallery-grid { display:block;height:auto;overflow:visible;width:100%;margin-top:110px;max-width:1400px;margin: 0 auto;min-height:0;z-index: 75; }
#gallery-header { margin-top:64px; }
#gallery-grid .item { display: inline-block;width: 33%;float:left;text-align:center;border: 1px solid rgba(92,92,92,.76);padding: 24px 0 0 0;box-sizing:border-box; }
#gallery-grid .item.w34 { width:34%; }
#gallery-grid .item span { display:block;width:100%;margin:12px;box-sizing:border-box;text-align:center;color: rgba(255,255,255,1);font-size:22px; }
.vault-page #Section0 { min-height:100px;height:auto; }
.vault-page .vault-value { border:none;text-align:center;padding:24px 0;font-size:36px;color:white;border-top-right-radius:24px;border-top-left-radius:24px;width:100%; }
.vault-page .vault-value .yellow { color:yellow; }
#section0 .section-header { }


.btn-carousel{ display:none;cursor:pointer;position: absolute;top: 100px;opacity: 0.5;padding: 10px;background: #333;color: #FFF;font-weight: bold;font-size: 20px; }
#previous { left:0px; }
#next { right:0px; }
#slider-div div { position:relative;display:none;width:100%;height:100%; }
#slider-div { display:block;position:relative;width:100%;height:100%; }


#on-page-nav { position:fixed;width:100%;display:block;bottom:12px;left:0;text-align:center;height: auto;z-index: -97; }
#on-page-nav a.on-page-btn, #on-page-nav div.on-page-btn {
  position: relative;
  display: inline-block;
  padding: 10px 12px;
  margin: 0 6px;
  background-color: rgba(165,250,0,1);
  color: black;
  text-decoration: none;
  font-size: 22px;
  border: 2px solid black;
}
#on-page-nav a.on-page-btn:hover, #on-page-nav div.on-page-btn:hover { background-color:rgba(0,0,0,1);color: rgba(165,250,0,1);border:2px solid rgba(165,250,0,1); }

.mobile-nav {
  display:none;
  overflow:hidden;
  position: relative;
  cursor: pointer;
}
.mobile-nav #myLinks { display: none; }
.mobile-nav a { color: white;padding: 14px 16px;text-decoration: none;font-size: 17px;display: block; }
.mobile-nav a.blocks { padding: 14px 10px; }
.mobile-nav a:hover { color:black;background-color:rgba(165,250,0,1);cursor: pointer; }
a.hamburger-icon { background: black;display:none;position: absolute;right: 0;top: 24px;border-radius: 2px;color:white;margin-right:12px;width:50px;height:50px; }
a.hamburger-icon span {
  display: none;
  width: 33px;
  height: 4px;
  margin-bottom: 7px;
  position: relative;  
  background: white;
  border-radius: 3px;
}
.mobile-nav a:hover { background-color: #ddd;color: black; }
.mobile-nav a.blocks { display:inline-block; }
/* .video-tables { 26 x 240, 640 x 360, 854 x 480 } */


.dao-page h2 .digitize { margin-right:32px; }
#MV02 .section-content, #MV03 .section-content { max-height: none;display:flex; }

.mobile .block-header { display:none; }
video:hover { cursor:pointer; }

#blackout { 
  display:none;
  position:fixed;
  height:100%;
  width:100%;
  left:0;
  top:0;
  background-color: rgba(0,0,0,.88);
  z-index:-998;
  transition: all .35s ease-out;
}
#blackout.isvisible { display:block;opacity:.86;z-index:998; }

#lightbox-content {
  display: none;
  position: fixed;
  height: 80vh;
  width: 800px;
  left: calc(50% - 400px);
  background-color: black;
  border: 2px solid rgba(165,250,0,1);
  z-index: -999;
  transition: all .35s ease-out;
  top: 40px;
  padding-top:24px;
  overflow-y: scroll;
}
#lightbox-content p { margin:24px 64px;color:rgba(165,250,0,1); }
#lightbox-content.isvisible { display:block;opacity:1;z-index:999; }
#lightbox-content #closereadmore { display:block;position:absolute;top:0;right:0;margin:4px 64px;color:rgba(165,250,0,1);font-size:17px;cursor: pointer; }
#lightbox-content #closereadmore:hover { text-decoration: underline;cursor: pointer; }

.mc-paw.relative { 
  display: block;
  position: absolute;
  width: 84px;
  height: 84px;
  background-image: url('images/mcpaw.svg');
  background-size: cover;
  margin: 0 auto;
  transform: rotateZ(-15deg);
  left: calc(70% - 47px);
  top: 180px;
}


#tldr { position:relative;overflow:inherit; }
#tldr .section-header { border-top: 1px solid rgba(92,92,92,.76);border-left: 1px solid rgba(92,92,92,.76);border-top-left-radius:24px;border-right: 1px solid rgba(92,92,92,.76);border-top-right-radius:24px; }
#tldr .section-header h3.green { font-size:32px;background-color:transparent;color:rgba(165,250,0,1);box-sizing:border-box;padding-left:24px; }
#tldr .section-content { border-bottom: 1px solid rgba(92,92,92,.76);border-left: 1px solid rgba(92,92,92,.76);border-bottom-left-radius:24px;border-right: 1px solid rgba(92,92,92,.76);border-bottom-right-radius:24px;overflow: visible;
position: relative;  }
#tldr .section-content .w25 { position:relative;display:inline-block;float:left;width:25%;box-sizing:border-box; }
#tldr .section-content .w25 .title { box-sizing:border-box;padding:36px 24px 0 24px;font-size: 44px;color:rgba(165,250,0,1); }
#tldr .section-content .w25 p { box-sizing:border-box; }
#tldr .section-content #corner-blobs { position:absolute;display:block;right:0px;bottom:-34px;z-index:88; }

.only-mobile, .mobile-only { display:none !important; }
.not-mobile { display:block !important; }



.legalsection { 
  width: 100%;
  text-align: center;
  margin-top: 24px;
  padding: 0 24px;
  box-sizing: border-box;
}
.legalsection a {color:white;text-decoration: none;margin:0 12px 0 12px; }
.legalsection a:hover { text-decoration: underline; }

#Section0 h1.white { text-align: left; }
#Section2 .section-content { display: flex; }

#tldr .section-content p {
  margin: 0;
  padding: 32px 24px 0 24px;
  font-size: 19px;
}
#tldr .section-header h2 {
  display: inline-block;float: none;width:100%;margin:0 auto;text-align: center;box-sizing: border-box;
}


.right-50.coffee { background-position: 50% 50%; }
#copy { max-width:1250px;width:100%;margin:0 auto;color:white;padding:24px;box-sizing: border-box;height: fit-content; }
#copy p { color:white; }

.copyright { display:block;clear:both;width: 100%;margin:0 auto;padding:48px 0;text-align:center;color: white; }

#gallery-grid .item img#wideNFT {
  height: auto;
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
  width:400px;
  height:400px;
}

.mutantverse-page .section {
  overflow: auto;
  height: auto;
}
.mutantverse-page .section .section-content {
  border-bottom: 1px solid rgba(92,92,92,.76);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  min-height: 400px;
  height: auto;
  max-height: 48000px;
  overflow: auto;
}

.home-page #Section1.section, .home-page #Section3.section, .home-page #Section4.section, .home-page #Section002.section {
  overflow: auto;
  height: auto;
}

.home-page #Section1.section .section-content { height:auto;max-height:10000px;overflow: auto; }




@media only screen and (min-width: 320px) and (max-width: 767px){
    
                .cat-opensea {
            display:none;
        }

  h1.white, h1.green { font-size:68px; }
  h1.green { text-shadow: 0 24px 24px rgb(165 250 0 / 15%); }
  h2 {  font-size:56px; }

  .mobile-nav { display:block;overflow: visible;position:relative;width:100%;clear:both; }
  a.hamburger-icon, a.hamburger-icon span { display:block }
  header { height:auto; }
  ul#nav li { margin-left:0; }
  #nav, #social { display:none; }
  /* #social ul li a { padding:0; }
  #social ul li a .connect-btn { height:40px;line-height:40px;padding:0 4px;background-color:#FFD43C;border-radius: 6px;color: #111;margin-top: 16px;transition: all .35s ease-out; }
  #social ul li a .connect-btn::after { content:"CONNECT"; }
  #social ul li a:hover .connect-btn { background-color: white; } */

  .mutantverse-page .mc-paw.relative, .dao-page .mc-paw.relative, .vault-page .mc-paw.relative {
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    background-image: url('images/mcpaw.svg');
    background-size: cover;
    margin: 0 auto;
    transform: rotateZ(-15deg);
    left: calc(75% - 1px);
    top: 160px;
  }

  .mobile-justify {}
  
  .section .region { padding:80px 0 0 0; }

  #Section002 .region { padding:80px 0 0 0; }
  #Section002 { min-height:100px;height: 100vh; }
  #Section2 .section-content { display: block; }

  #connect-mobile { 
    display:block;
    position: relative;
    float:left;
    top: 0px;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    background-color: #FFD43C;
    border-radius: 6px;
    color: #111;
    margin-top: 16px;
    transition: all .35s ease-out;
    width: fit-content;
    margin-bottom: 24px;
  }

  .slime { top:0; }
  /* .mc-paw { display:none; } */
  
  .section-header h2 { font-size:48px;text-align: center;width: 100%;box-sizing: border-box; }

  .dao-page #Section0 h1.white { font-size:60px;margin:0 auto;padding:0;box-sizing:border-box; }


  #Section0 .region { padding: 80px 0 0 0;margin-top:80px;min-height:1px; }
  #Section0 h1.white { font-size:24px;text-align: center; }
  .header-center-caption { display:block;clear:both;width:100%;text-align: center; }
  
  section, .section-content { height:auto;overflow:visible;max-height: 10000px; }
  .section-content, .section-header { border:none; }
  .section-content p { padding: 16px 32px;min-height: 10px; }
  .callout-large { padding:5%; }

  .callout-large,
  .hero-cat,
  .text-rotation.green-corner-borders,
  #gallery-grid .item,
  #gallery-grid .item.w34,
  .section-content .left-66, 
  .section-content .left-50,
  .section-content .left-big, 
  .section-content .left-sm,
  .section-content .left-33,
  .section-content .right-66,
  .section-content .right-50,
  .section-content .right-big,
  .section-content .right-sm,
  .section-content .right-33,
  .mutantverse-page .section-content,
  #MV02 .section-content,
  #MV03 .section-content { 
    display:block;
    clear:both;
    width:100%;
    margin:0 auto;
    overflow: visible;
    min-height: fit-content;
    max-height: 10000px;
 }

  #Section001 { height: 600px;min-height: 10px; }
  #Section002 .section-content { min-height:920px; }
  #Section0 .circle-cta.y { display:none; }
  .home-page #Section0 .section-content { min-height: calc(100vh - 600px); }
  .hero-cat { display:inline-block;float:left;width: 50%;clear: none; }
  .text-rotation.green-corner-borders { display:inline-block;float:right;width: 50%;clear: none; }

  .callout-large .mobile-only { font-size:19px; }
  .big-number { font-size: 80px; }


  video { width:100%; }
  video:hover { cursor:pointer; }
  #fullsplash { min-height: 400px;height: 400px; }
  #fullsplash #fadeinSquiggleLeft, #fullsplash #fadeinSquiggleRight, #fullsplash #fadeinLogo { min-height: 400px;height: 400px; }

  .right-50.coffee { background-size: contain; }

  #Section3c .left-33 .boxy { text-align: center; }

  
  #gallery-grid .item { border:none; }
  #gallery-grid .item img { height: auto;width:90%;margin: 0 auto; }

  #DAO1 .left-50, #DAO1 .right-50, #DAO2 .left-50, #DAO2 .right-50, #DAO3 .left-50, #DAO3 .right-50, #DAO4 .left-50, #DAO4 .right-50  { display:block;clear:both;width:100%;margin:0 auto;min-height:10px; }
  #DAO2 .section-content, #DAO3 .section-content { border:none;display:block; }
  #DAO1 .section-content { border:none; }
  .dao-page h2 .digitize { margin-right:24px; }

  h2 .block-header { font-size: 48px;text-align: center; }
  .right-50 .block-header { display:none; }
  .mobile .block-header { display:block; }

  .dao-page h2.block-header { font-size: 48px;text-align: center; }

  #on-page-nav a.on-page-btn { position: relative;display: inline-block;padding: 8px;margin: 0 4px; }  
  #on-page-nav a.on-page-btn, #on-page-nav div.on-page-btn {
    position: relative;
    display: inline-block;
    padding: 6px 8px;
    margin: 0 4px;
    background-color: rgba(165,250,0,1);
    color: black;
    text-decoration: none;
    font-size: 19px;
    border: 2px solid black;
  }

  #join .section-content { display: block; }
  #join .left-50, #join .right-50 { display:block;clear:both;width:100%; }

  #tldr .section-header { border:none;text-align:center; }
  #tldr .section-header h3.green { padding-left:0; }
  #tldr .section-content { border:none; }
  #tldr .section-content #corner-blobs { display:none; }
  #tldr .section-content .w25 { width: 49%;box-sizing: border-box;min-height: 300px; }
  #tldr .section-content .w25 p { padding-left:12px;padding-right:12px;}
  #tldr .section-content .w25:nth-child(2n) { float:right; }

  footer span a { margin: 0 12px; }
  footer { margin-top: 124px; }

  .right-50.coffee { background-position: 100% 50%; }

  #readmore { margin-bottom:48px; }


  .vault-page #Section0 h1.white, .mutantverse-page #Section0 h1.white { font-size: 68px;text-align: center; }


  #lightbox-content { height:100%;width:100%;top:0;left:0;padding-top:24px;  }
  .only-mobile, .mobile-only { display:block !important; }
  .not-mobile { display:none !important; }

  .mobile-only .caption, .mobile-only .value {
    font-size: 30px;
    font-weight: 500;
    margin: 24px 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  #gallery-grid .item span {
    display: block;
    width: 100%;
    margin: 12px 0 12px 0;
    box-sizing: border-box;
    text-align: center;
    color: rgba(255,255,255,1);
    font-size: 19px;
  }

  #gallery-grid .item img#wideNFT {
    height: auto;
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
  }

  #tldr .section-content .w25 .title { padding: 12px; }



}

@media only screen and (min-width: 768px) and (max-width: 991px){}
@media only screen and (min-width: 1024) {}