.collection-banner-v2 {
    position: relative;
}
.collection-banner-v2 .tablet,
.collection-banner-v2 .mobile {
    display: none;
}
.collection-banner-v2 h1,
.collection-banner-v2 p {
    padding: 0px;
    margin: 0px;
    letter-spacing: 0px;
}
.collection-banner-v2 img {
    width: 100%;
}
.collection-banner-v2 .desktop {
    display: flex;
    align-items: center;
}
.collection-banner-v2 .banner-image {
    width: 60%;
    position: relative;
}
.collection-banner-v2 .wallet-items {
    position: absolute;
    left: 13%;
    bottom: 15%;
    display: flex;
    width: 76%;
    justify-content: space-between;
}
.collection-banner-v2 .wallet-items p {
    font-family: Roboto;
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    color: black;
    text-align: center;
}
.collection-banner-v2 .wallet-items p.first {
    width: 50%;
}
.collection-banner-v2 .wallet-items p.second {
    width: 40%;
}
.collection-banner-v2 .banner-content {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.collection-banner-v2 h1 {
    font-family: TradeGothicLTPro-BdCn20;
    font-size: 48px;
    color: white;
    line-height: 1;
}
.collection-banner-v2 p.info {
    font-family: Roboto;
    font-size: 24px;
    line-height: normal;
    color: white;
    margin: 20px auto;
}
.collection-banner-v2 .banner-items {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.collection-banner-v2 .banner-item {
    padding: 0 10px;
}
.collection-banner-v2 .banner-item p {
    font-family: TradeGothicLTPro-BdCn20;
    font-size: 20px;
    color: white;
}
.collection-banner-v2 .banner-item div {
    max-width: 40px;
    margin: 0 auto 5px auto;
}

@media (max-width: 991px) {
    .collection-banner-v2 .desktop {
        display: none;
    }
    .collection-banner-v2 .tablet {
        display: flex;
    }
    .collection-banner-v2 .banner-item {
        padding: 0 5px;
    }
    .collection-banner-v2 .banner-item div {
        max-width: 20px;
        margin-bottom: 5px;
    }
    .collection-banner-v2 p.info {
        margin: 10px auto;
    }
    .collection-banner-v2 .wallet-items {
        bottom: 13%;
    }
}

@media (max-width: 767px) {
    .collection-banner-v2 .tablet {
        display: none;
    }
    .collection-banner-v2 .mobile {
        display: block;
    }
    .collection-banner-v2.true .mobile {
        
    }
    .collection-banner-v2 .banner-image {
        width: 100%;
        order: 2;
    }
    .collection-banner-v2 .banner-content {
        padding: 40px 20px;
        width: 100%;
        order: 1;
    }
    .collection-banner-v2 .banner-items {
        width: 100%;
        justify-content: center;
    }
    .collection-banner-v2 .banner-item div {
        max-width: 40px;
        margin-bottom: 10px;
    }
    .collection-banner-v2 p.info {
        margin: 15px auto;
    }
    .collection-banner-v2.true p.info {
        margin-bottom: 25px;
    }
    .collection-banner-v2 .banner-item {
        padding: 0 10px;
    }
    .collection-banner-v2.true .banner-item img {
        filter: invert(1);
    }
    .collection-banner-v2 .wallet-items {
        bottom: 18%;
        left: 10%;
        width: 80%;
    }
}
.shg-box {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  /**
   * While `flex: 1` is enough here, we need to supply the rest
   * of the parameters (`1 auto`) to keep compatibility with IE11.
   * Otherwise, IE11 flex would break.
   */
  flex: 1 1 auto;
}

.shg-box > .shg-box-content {
  z-index: 4;
  position: relative;
  /**
   * This is part of an IE11 fallback to avoid flex introducing
   * huge amount of weird space on the bottom on the section element.
   */
  min-height: 1px;
}

.shg-box-vertical-align-wrapper, .shg-box-vertical-center-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.shg-box-vertical-align-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.shg-box-vertical-align-center, .shg-box-vertical-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.shg-box-vertical-align-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.shg-box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
}

.shg-box-video-wrapper {
  /*
    It's very important we don't create a new containing block for shg-box-video-wrapper
    Jarallax uses transforms + position: fixed to achieve it's parallaxing effect

    https://developer.mozilla.org/en-US/docs/Web/CSS/position

    position: fixed
    The element is removed from the normal document flow, and no space is created for the element in the page layout. 
    It is positioned relative to the initial containing block established by the viewport, 

    *
      except when one of its ancestors has a transform, perspective, or filter property set to something other than none 
      (see the CSS Transforms Spec), or the will-change property is set to transform, 
      in which case that ancestor behaves as the containing block. 
    *
  */

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

#s-f7532a3c-b0a0-4ba1-997b-a88dc452d630 {
  margin-top: 0%;
margin-left: 0%;
margin-bottom: 0%;
margin-right: 0%;
}
@media (max-width: 767px){#s-f7532a3c-b0a0-4ba1-997b-a88dc452d630 {
  
}
}







#s-f7532a3c-b0a0-4ba1-997b-a88dc452d630 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-f7532a3c-b0a0-4ba1-997b-a88dc452d630.shg-box.shg-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#s-3354adac-1073-4931-83b3-8e09ed4fb83b {
  min-height: 50px;
}








#s-3354adac-1073-4931-83b3-8e09ed4fb83b > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-3354adac-1073-4931-83b3-8e09ed4fb83b.shg-box.shg-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#s-83a14aa0-cd17-4288-97fb-faa443220aa8 {
  padding-left: 8%;
padding-right: 8%;
min-height: 50px;
}








#s-83a14aa0-cd17-4288-97fb-faa443220aa8 > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-83a14aa0-cd17-4288-97fb-faa443220aa8.shg-box.shg-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.accordion-block .read-button {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.accordion-block p {
    padding: 0px;
    margin: 0px;
}
.accordion-block .read-button img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    transform: rotate(90deg);
    transform-origin: center;
    transition: transform .25s;
}
.accordion-block.active .read-button img {
    transform: rotate(-90deg);
}
@media (min-width: 992px) and (max-width: 1199px){#s-50da904e-f64f-47d7-b204-599a667fa3b5 {
  margin-top: 24px;
margin-bottom: 24px;
}
}@media (min-width: 768px) and (max-width: 991px){#s-50da904e-f64f-47d7-b204-599a667fa3b5 {
  margin-top: 16px;
margin-bottom: 16px;
}
}@media (max-width: 767px){#s-50da904e-f64f-47d7-b204-599a667fa3b5 {
  margin-top: 16px;
}
}
#s-2ec1e629-ded1-4382-9bcd-f9c925659c08 {
  text-align: left;
}

#s-7145bb75-2a81-4464-b491-3671122a281f {
  margin-top: 40px;
margin-left: 10%;
margin-bottom: 40px;
margin-right: 10%;
min-height: 50px;
}








#s-7145bb75-2a81-4464-b491-3671122a281f > .shg-box-overlay {
  background-color: #fff;
  opacity: 0;
}#s-7145bb75-2a81-4464-b491-3671122a281f.shg-box.shg-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.wallets-new-banner .tablet, 
.wallets-new-banner .mobile {
    display: none;
}
.wallets-new-banner {
    position: relative;
}
.wallets-new-banner .banner-content {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.wallets-new-banner .banner-sub-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wallets-new-banner p {
    margin: 0px;
    padding: 0px;
}
.wallets-new-banner a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: 0.3s;
    margin: auto;
}
.wallets-new-banner a:hover {
    border: 1px solid #232323;
    background: transparent !important;
}

@media (max-width: 991px) {
    .wallets-new-banner .desktop {
        display: none;
    }
    .wallets-new-banner .tablet {
        display: block;
    }
}

@media (max-width: 767px) {
    .wallets-new-banner .tablet {
        display: none;
    }
    .wallets-new-banner .mobile {
        display: block;
    }
    .wallets-new-banner .banner-sub-content {
        align-items: flex-end;
        justify-content: center;
    }
}
#s-443e58ef-e4ea-461e-89e3-ee7e204d6343 {
  margin-top: 4%;
margin-bottom: 4%;
padding-top: 0px;
padding-left: 4%;
padding-bottom: 0px;
padding-right: 4%;
}
@media (max-width: 767px){#s-443e58ef-e4ea-461e-89e3-ee7e204d6343 {
  margin-top: 5%;
margin-bottom: 5%;
padding-left: 5%;
padding-right: 5%;
}
}
.accordion-block .read-button {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.accordion-block p {
    padding: 0px;
    margin: 0px;
}
.accordion-block .read-button img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    transform: rotate(90deg);
    transform-origin: center;
    transition: transform .25s;
}
.accordion-block.active .read-button img {
    transform: rotate(-90deg);
}
@media (min-width: 992px) and (max-width: 1199px){#s-98f38423-ded7-481a-adac-26ccf889f3c4 {
  margin-top: 24px;
margin-bottom: 24px;
}
}@media (min-width: 768px) and (max-width: 991px){#s-98f38423-ded7-481a-adac-26ccf889f3c4 {
  margin-top: 16px;
margin-bottom: 16px;
}
}@media (max-width: 767px){#s-98f38423-ded7-481a-adac-26ccf889f3c4 {
  margin-top: 16px;
}
}
/*
  $vgutter : 20px
  $hgutter : 10px;
*/

.shg-c:before,
.shg-c:after {
  content: " ";
  display: table;
}

/**
  Ref:
  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
  https://dnf.slack.com/archives/C0514HB79/p1538741509000100
**/
.shogun-root {
  z-index: 1;
  position: relative;
  isolation: isolate;
}

.shogun-root iframe {
  display: initial;
}

@media (max-width: 1024px) {
  .shg-c,
  .shg-box {
    background-attachment: scroll !important;
  }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: landscape) {
  .shg-box {
    background-attachment: scroll !important;
  }
}

#mc_embed_signup .clear {
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
}

.shg-clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.shogun-image {
  max-width: 100%;
  min-height: inherit;
  max-height: inherit;
  display: inline !important;
  border: 0;
  vertical-align: middle;
}

.shg-fw {
  margin-left: calc(50% - 50vw);
  width: 100vw;
}

.shg-fw .shg-fw {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

div[data-shg-lightbox-switch] {
  cursor: pointer;
}

.shg-lightbox {
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.85);
}

.shg-lightbox.hidden {
  display: none !important;
}

.shg-lightbox .shg-lightbox-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.shg-lightbox .shg-lightbox-close {
  position: absolute;
  right: 0;
  padding: 5px 0;
  color: #fff;
  font-size: 45px;
  margin-right: 10px;
  line-height: 30px;
  user-select: none;
  cursor: pointer;
  z-index: 1;
}

.shg-lightbox .shg-lightbox-image-container {
  padding: 25px;
}

.shg-lightbox .shg-lightbox-image {
  margin: auto;
  max-height: 90vh;
  max-width: 100%;
}

.shg-lightbox .shg-lightbox-close:hover,
.shg-lightbox .shg-lightbox-close:focus {
  color: #a2a2a2;
  text-decoration: none;
  cursor: pointer;
}

.shg-lightbox .shg-lightbox-nav {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 35px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(0%, -50%);
  z-index: 1;
}

.shg-lightbox .shg-lightbox-nav.hidden {
  display: none !important;
}

.shg-lightbox .shg-lightbox-nav.shg-nav-left {
  left: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==);
}

.shg-lightbox .shg-lightbox-nav.shg-nav-right {
  right: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+);
}

@media screen and (min-width: 769px) {
  .shg-lightbox .shg-lightbox-image-container {
    padding: 50px;
  }
}

.shogun-lazyload:not([src]),
.shogun-lazyloading:not([src]) {
  opacity: 0;
}
.shogun-lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

.shogun-lazyload-bg-image {
  display: none;
}

.shogun-root a:empty,
.shogun-root article:empty,
.shogun-root dl:empty,
.shogun-root h1:empty,
.shogun-root h2:empty,
.shogun-root h3:empty,
.shogun-root h4:empty,
.shogun-root h5:empty,
.shogun-root h6:empty,
.shogun-root p:empty,
.shogun-root section:empty,
.shogun-root ul:empty {
  display: unset;
}

.shogun-root div:empty {
  display: inline-block;
}

/* User Content Animations --> */
[data-animations*="enterviewport"][data-animations*="fadeIn"],
[data-animations*="enterviewport"][data-animations*="zoomIn"] {
  opacity: 0;
}
/* <-- User Content Animations */

.shogun-form-error-msg, .shogun-form-field-error-msg {
  display: flex;
  align-items: center;
  color: #dc143c;
}

.shogun-badge {
  margin-bottom: 50px;
}

.shogun-badge-container {
  position: fixed;
  right: 0;
  bottom: 0;
  margin-bottom: -10px;
}

.shg-c:after,.shg-c:before{content:" ";display:table}.shogun-root{z-index:1;position:relative;isolation:isolate}.shogun-root iframe{display:initial}@media (max-width:1024px){.shg-box,.shg-c{background-attachment:scroll!important}}@media only screen and (min-width:1024px) and (max-height:1366px) and (-webkit-min-device-pixel-ratio:1.5) and (hover:none) and (orientation:landscape){.shg-box{background-attachment:scroll!important}}#mc_embed_signup .clear{width:auto!important;height:auto!important;visibility:visible!important}.shg-clearfix:after{content:"";display:block;clear:both}.shogun-image{max-width:100%;min-height:inherit;max-height:inherit;display:inline!important;border:0;vertical-align:middle}.shg-fw{margin-left:calc(50% - 50vw);width:100vw}.shg-fw .shg-fw{margin-left:auto;margin-right:auto;width:100%}div[data-shg-lightbox-switch]{cursor:pointer}.shg-lightbox{position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,.85)}.shg-lightbox.hidden{display:none!important}.shg-lightbox .shg-lightbox-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.shg-lightbox .shg-lightbox-close{position:absolute;right:0;padding:5px 0;color:#fff;font-size:45px;margin-right:10px;line-height:30px;user-select:none;cursor:pointer;z-index:1}.shg-lightbox .shg-lightbox-image-container{padding:25px}.shg-lightbox .shg-lightbox-image{margin:auto;max-height:90vh;max-width:100%}.shg-lightbox .shg-lightbox-close:focus,.shg-lightbox .shg-lightbox-close:hover{color:#a2a2a2;text-decoration:none;cursor:pointer}.shg-lightbox .shg-lightbox-nav{cursor:pointer;position:absolute;top:50%;width:35px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(0,-50%);z-index:1}.shg-lightbox .shg-lightbox-nav.hidden{display:none!important}.shg-lightbox .shg-lightbox-nav.shg-nav-left{left:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==)}.shg-lightbox .shg-lightbox-nav.shg-nav-right{right:0;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+)}@media screen and (min-width:769px){.shg-lightbox .shg-lightbox-image-container{padding:50px}}.shogun-lazyload:not([src]),.shogun-lazyloading:not([src]){opacity:0}.shogun-lazyloaded{opacity:1;transition:opacity .3s}.shogun-lazyload-bg-image{display:none}.shogun-root a:empty,.shogun-root article:empty,.shogun-root dl:empty,.shogun-root h1:empty,.shogun-root h2:empty,.shogun-root h3:empty,.shogun-root h4:empty,.shogun-root h5:empty,.shogun-root h6:empty,.shogun-root p:empty,.shogun-root section:empty,.shogun-root ul:empty{display:unset}.shogun-root div:empty{display:inline-block}[data-animations*=enterviewport][data-animations*=fadeIn],[data-animations*=enterviewport][data-animations*=zoomIn]{opacity:0}.shogun-form-error-msg,.shogun-form-field-error-msg{display:flex;align-items:center;color:#dc143c}.shogun-badge{margin-bottom:50px}.shogun-badge-container{position:fixed;right:0;bottom:0;margin-bottom:-10px}