:root {
  --avocado-green: #6ca924;
  --dark-grass-green: #2e6f00;
  --button-green: #339d13;
  --button-green-hover: #23c416;
  --button-green-outline: #275b2e;
}

.mobileOnly {
  display: none;
}

html,
body {
  height: auto;
  min-height: 100%;
}

body {
  position: relative;
  margin: 0px;
  padding: 0px;

  background-color: #FFFFFF;

  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #151515;
  line-height: 22px;
}

a {
  color: #6141d2;
  text-decoration: underline;

  transition: color .5s ease-in-out;
  -moz-transition: color .5s ease-in-out;
  -webkit-transition: color .5s ease-in-out;
}

a:hover {
  color: #000000;
  text-decoration: none;
}


p {
  margin-bottom: 20px;
}


.hide {
  display:none;
}


strong {
  font-weight: 500;
}

.clear {
  clear: both;
}

.centerText {
  text-align: center;
}

.leftText {
  text-align: left;
}

.rightText {
  text-align: right;
}

.underlined {
  text-decoration: underline;
}


h1 {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 55px;
  margin: 0px;
  padding: 140px 0px 40px 0px;
  text-align: center;
  color: #6141d2;
}


h1 + p,
h2 + p {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 60px;
}

h2 {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 55px;
  margin-bottom: 24px;
  color: #6141d2;
}

h3 {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 42px;
}


header {
  position: fixed;
  top: 40px;
  left: 0px;
  width: 100%;
  z-index: 1000;
  transition: top 1s ease-in-out;
}

header .inner {
  width: 1000px;
  height: 80px;
  display: block;
  margin: 0 auto;

  border-radius: 15px;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px rgba(0,0,0,0.25);
  transition: width 1s ease-in-out, height 1s ease-in-out, border-radius 1s ease-in-out;
}


header.scrolled {
  top: 0px;
}

header.scrolled .inner {
  width: 90%;
  height: 40px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

header.scrolled .inner .navMain ul li a {
  line-height: 30px;
}

header.scrolled .inner .navMain ul li {
  margin: 5px 0;
}



header .inner .navMain ul {
  list-style: none outside none;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}

header .inner .navMain ul li {
  display: inline-block;
  padding: 0px 20px;
  margin: 10px 0;
  border-left: 1px solid rgba(0,0,0,0.1);
  transition: margin 1s ease-in-out;
}

header .inner .navMain ul li.first {
  padding-left: 0px;
  border-left: none;
}

header .inner .navMain ul li.last {
  padding-right: 0px;
}



header .inner .navMain ul li a {
  color: #454545;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  transition: line-height 1s ease-in-out;
}

header .inner .navMain ul li a:hover {
  color: #6141d2;
}


.joinUsOn {
  text-align: center;
  line-height: 40px;
  padding-top: 20px;
}

.joinUsOn span.label {
  color: #FFFFFF;
  font-weight: 300;
  padding-right: 10px;
}

.socialLinks a,
.joinUsOn a {
  text-decoration: none;
  font-size: 0px;
  display: inline-block;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  vertical-align: top;
  margin: 0px 5px;
  opacity: 0.8;
  transition: opacity 0.5s ease-in-out;
}

.socialLinks a {
  height: 50px;
  height: 50px;
}

.socialLinks a:hover,
.joinUsOn a:hover {
  opacity: 1;
}


.socialLinks a.discord,
.joinUsOn a.discord {
  background-image: url(../i/socialDiscord.svg);
}

.socialLinks a.twitter,
.joinUsOn a.twitter {
  background-image: url(../i/socialTwitter.svg);
}

.socialLinks a.telegram,
.joinUsOn a.telegram {
  background-image: url(../i/socialTelegram.svg);
}

.socialLinks a.github,
.joinUsOn a.github {
  background-image: url(../i/socialGithub.svg);
}

.socialLinks a.reddit,
.joinUsOn a.reddit {
  background-image: url(../i/socialReddit.svg);
}

.socialLinks a.instagram,
.joinUsOn a.instagram {
  background-image: url(../i/socialInstagram.svg);
}

.socialLinks a.snapshot,
.joinUsOn a.snapshot {
  background-image: url(../i/socialSnapshot.svg);
}


.socialLinks a.mirror,
.joinUsOn a.mirror {
  background-image: url(../i/socialMirror.svg);
}

.socialLinks a.link3,
.joinUsOn a.link3 {
  background-image: url(../i/socialLink3.svg);
}

.socialLinks a.lens,
.joinUsOn a.lens {
  background-image: url(../i/socialLens.svg);
}



footer {
  color: #FFFFFF;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px;
  font-size: 13px;
  box-shadow: inset 0px 10px 20px rgba(0,0,0,0.25);
}

footer a,
footer a:hover {
  color: #FFFFFF;
}


footer .logo {
  width: 150px;
  height: 150px;
  margin: 30px auto;
}




.minervaGradient {
  background-image: -webkit-linear-gradient(right, #443ad2, #8349d1);
  background-image: -moz-linear-gradient(right, #443ad2, #8349d1);
  background-image: -o-linear-gradient(right, #443ad2, #8349d1);
  background-image: -ms-linear-gradient(right, #443ad2, #8349d1);
  background-image: linear-gradient(to left, #443ad2, #8349d1);
}

.minervaGradientInv {
  background-image: -webkit-linear-gradient(right, #8349d1, #443ad2);
  background-image: -moz-linear-gradient(right, #8349d1, #443ad2);
  background-image: -o-linear-gradient(right, #8349d1, #443ad2);
  background-image: -ms-linear-gradient(right, #8349d1, #443ad2);
  background-image: linear-gradient(to left, #8349d1, #443ad2);
}

section {
  position: relative;
}

section.firstSection .owl {
  width: 100%;
  height: 100%;
  display: block;

  position:absolute;
  top: 0px;
  left: 0px;

  background-image: url(../i/owl-custom-animated.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto;

  mix-blend-mode: lighten;
  opacity: 0.55;


}


section.firstSection  {
  height: 1000px;
}

section.firstSection .sectionInner {
  padding-top: 120px;
}


.logo {
  width: 300px;
  height: 300px;
  display: block;
  margin: 60px auto;
  font-size: 0px;
  text-indent: -50000em;

  /* background: url(../i/logo-owl-top.svg); */
  background: url(../i/logo-owl-top-animated.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}



.playStoreButton {
  position: relative;
  z-index: 20;
}

.playStoreButton a {
  width: 250px;
  height: 60px;
  display: block;
  margin: 0 auto;
  font-size: 0px;
  text-indent: -50000em;
  border-radius: 5px;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.2);

  background-color: #FFFFFF;
  background-image: url(../i/google-play-badge.svg);
  background-size: auto 54px;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;

  transition: box-shadow 0.5s ease-in-out, width 0.5s ease-in-out;
}

.playStoreButton a:hover {
  width: 280px;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.5);
}




section.secondSection  {
  width: 100%;
  display: block;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px -40px 40px rgba(0,0,0,0.10);
  position: relative;
  transform: translateY(-50%);
}


section .sectionInner  {
  width: 1000px;
  text-align: center;
  margin: 0 auto;
}



.getMinerva {
  padding-top: 15px;
  margin: 0px;
}

.getMinerva h2 {
  color: #454545;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 13px;
  line-height: 18px;
  text-align: left;
}

.getMinerva h2 span {
  font-weight: 300;
}

.getMinerva h2 + p,
.getMinerva p {
  width: auto;
  margin: 0px;
}

.getMinerva .androidWrapper,
.getMinerva .separator,
.getMinerva .iOSWrapper {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.getMinerva .androidWrapper,
.getMinerva .iOSWrapper {
  padding-top: 20px;
}

.getMinerva .appButtons {
  height: 80px;
  line-height: 80px;
}

.getMinerva .appButtons .or {
  font-size: 18px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  vertical-align: top;
}


.getMinerva .appButton {
  height: 80px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  box-shadow: 4px 4px 0px rgba(0,0,0,0.15);
  font-size: 0px;
  text-indent: 0px;

  background-color: #FFFFFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;

  position: relative;
  top: 0px;

  transition: box-shadow 0.25s ease-in-out, top 0.25s ease-in-out, border-color 0.25s ease-in-out;
}

.getMinerva .appButton.playStore {
  width: 240px;
  background-image: url(../i/storeIcon-GooglePlay.svg);
}

.getMinerva .appButton.apkDownload{
  width: 100px;
  background-image: url(../i/storeIcon-APK.svg);
}


.getMinerva .androidWrapper .appButton:hover {
  box-shadow: 6px 6px 0px rgba(0,0,0,0.05);
  top: -3px;
  border-color: #454545;
}

.getMinerva .iOSWrapper {
  text-indent: 0px;
}

.getMinerva .iOSWrapper .appButton {
  width: 100px;
  border-color: #e7e7e7;
  box-shadow: 4px 4px 0px rgba(0,0,0,0.05);
  background-image: url(../i/storeIcon-iOS.svg);
}


.getMinerva .iOSWrapper .soon {
  border-radius: 3px;
  background-color: #FFFFFF;
  text-transform: uppercase;
  color: #676767;
  font-weight: 500;
  text-align: center;
  width: 110px;
  height: 25px;
  line-height: 25px;
  box-shadow: 1px 0px 2px rgba(0,0,0,0.3);
  display: block;
  font-size: 18px;
  position: absolute;
  left: -5px;
  top: 25px;

  transform: rotateZ(-7deg);
}

.getMinerva .separator {
  width: 2px;
  height: 180px;
  background-color: #7f7f7f;
  margin-left: 50px;
  margin-right: 50px;
}


.sectionSeparator {
  background: #f2f2f2;
  width: 60%;
  margin: 0 auto;
  border-radius: 5px;
  height: 5px;
  position: relative;
  top: -130px;
}




.highlightWrapper {

}


.highlight  {
  width: 235px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

.highlight.last {
  margin-right: 0px;
}

.highlight img {
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 3px;
}

.highlight h3 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;

  position: absolute;
  top: 0px;
  width: auto;
  text-align: center;

  padding-top: 55px;
  padding-left: 20px;
  padding-right: 20px;
  color: #454545;

  background: url(../i/minerva-owl.svg) no-repeat center 20px;
  background-size: 25px auto;

}

#highlight-blockchains h3 {
  color: #FFFFFF;
  background: none;
}

.highlight h3 span {
  color: #6141d2;
}

.swiper-pagination .swiper-pagination-bullet {
  transition: background-color 0.5s ease-in-out;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #6141d2;
}



section.fourthSection{
    background-color: #f2f2f2;
}

section.sixthSection {
  background-image: url(../i/testerSectionBG.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #FFFFFF;
}

section.sixthSection h2,
section.sixthSection a {
  color: #8664ff;
}

section.sixthSection a:hover {
  color: #FFFFFF;
}

section.sixthSection .buttonWrapper {
  margin-bottom: 0px;
}

section.ninthSection .sectionInner,
section.fourthSection .sectionInner,
section.sixthSection .sectionInner,
section.fifthSection .sectionInner,
section.seventhSection .sectionInner {
  padding-top: 100px;
  padding-bottom: 100px;
}


section.fourthSection .sectionInner {
  margin-top: 100px;
}








.buttonWrapper {
  margin: 10px 0px;
}

.buttonWrapper a,
.buttonWrapper>span {
  min-width: 250px;
  height: 60px;
  padding: 0px 30px;
  display: inline-block;
  margin: 0 auto;
  border-radius: 5px;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.2);

  background-color: #FFFFFF;
  margin-top: 0px;

  line-height: 60px;
  font-weight: 500;
  text-decoration: none;
  color: #FFFFFF;

  transition: box-shadow 0.5s ease-in-out, padding 0.5s ease-in-out;
}

.buttonWrapper a:hover {
  padding: 0px 50px;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.5);
}

.buttonWrapper>span.disabled {
  opacity: 0.5;
}


.orSeparator {
  margin: 0px;
  font-weight: 500;
}


.sovereignBoxes {
  padding-top: 30px;
}


.sovereignBoxes .sBox {
  width: 240px;
  height: 500px;
  display: inline-block;
  background-color: #FFFFFF;
  background-position: center 50px;
  background-repeat: no-repeat;
  background-size: 200px auto;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  vertical-align: top;
  margin: 0px 50px;
  border-bottom: 5px solid #6141d2;
  border-radius: 3px;
}

.sovereignBoxes #sovereign-money {
  background-image: url(../i/sovereign-money.svg);
}

.sovereignBoxes #sovereign-keys {
  background-image: url(../i/sovereign-keys.svg);
}

.sovereignBoxes #sovereign-identity {
  background-image: url(../i/sovereign-identity.svg);
}


.sovereignBoxes .sBox:first-child {
  margin-left: 0px;
}

.sovereignBoxes .sBox:last-child {
  margin-right: 0px;
}




.sovereignBoxes .sBox h3 {
  background-color: #6141d2;
  border-radius: 3px;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
  text-align: center;
  padding: 5px 20px;
  font-size: 18px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  top: -20px;
  color: #FFFFFF;
}

.sovereignBoxes .sBox .sBoxText {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 1px;
  font-size: 15px;

  background-color: #FFFFFF;
  box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
  width: 100%;
  margin-left: -20px;
  height: 200px;
  margin-top: 200px;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,0.2);
  border-top: 3px solid #6141d2;
}

.sovereignBoxes .sBox .sBoxTextInner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


section.fifthSection {
  background-color: #fcfcff;
}


.left-50 {
  width: 450px;
  display: inline-block;
  margin-right: 25px;
  vertical-align: top;
  padding-top: 50px;
}

.left-50 h3 span {
  font-size: 22px;
}

.right-50 {
  width: 450px;
  margin-left: 25px;
  display: inline-block;
  text-align: left;
}

.mivaTokenInfo {
  text-align: left;
}

.mivaTokenInfo .tokenInfoRow {
  border-bottom: 1px solid #D1D1D1D1;
  padding-top: 10px;
  font-size: 16px;
  display: block;
  position: relative;
}

.mivaTokenInfo .label {
  font-size: 13px;
  font-weight: 500;
  width: 100px;
  display: block;
  position: absolute;
  bottom: 0px;
}

.mivaTokenInfo .info {
  display: inline-block;
  width: calc(100% - 120px);
  float: left;
  padding-left: 100px;
}

.mivaTokenInfo .MIVA-token-icon {
  width: 15px;
  height: 15px;
}


.mivaTokenInfo .contractAdress {
  font-size: 14px;
}

.mivaTokenInfo .contractAdressRow {
  border-bottom: none;
}

.mivaTokenInfo .addButton {
  padding-top: 0px;
}




.mivaTokenInfo .tokenInfoRow a {
  text-decoration: none;
}

.mivaTokenInfo .buttonWrapper {
  text-align: center;
  padding-top: 20px;
}

.fifthSection .separator {
  background: #f2f2f2;
  width: 100%;
  margin: 40px auto;
  border-radius: 5px;
  height: 5px;
  position: relative;
}

.distributionStatus h3 {
  font-size: 20px;
}


.distributionFlows {
  /* background-image: url(../i/distributionFlow-conv.gif); */

  background-image: url(../i/distributionFlowVert.svg);
  background-repeat:no-repeat;
  background-size: 40px 120px;
  background-position: -3px 60px;
}



.distributionFlows .flowInner {
  border-left: 2px solid #454545;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 4px;
}

.distributionFlows .bar {
  height: 50px;
  display: block;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.distributionFlows .in {
  margin-bottom: 60px;
}


.distributionFlows .value {
  font-size: 13px;
  font-weight: 500;
  padding-top: 10px;
}

.distributionFlows .value .nr {
  font-size: 20px;
  font-weight: 300;
  padding-right: 10px;
  width: 100%;
  display: block;
}


.pie {
  background-image: url("../i/tokenPie-2022.webp"); /* no webp fallback */
  background-image: url("../i/tokenPie-2022.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 450px;
  height: 450px;
  display: block;
  position: relative;
}

.pieLegendWrapper {
  text-align: left;
  padding-left: 50px;
  padding-right: 50px;
}

.pieLegend .percentage {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 22px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  margin-right: 10px;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
  text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

.pieLegend.community .percentage {
  background-image: -webkit-linear-gradient(right, #4839ec, #7643eb);
  background-image: -moz-linear-gradient(right, #4839ec, #7643eb);
  background-image: -o-linear-gradient(right, #4839ec, #7643eb);
  background-image: -ms-linear-gradient(right, #4839ec, #7643eb);
  background-image: linear-gradient(to left, #4839ec, #7643eb);
}

.pieLegend.funding .percentage {
  background-image: -webkit-linear-gradient(right, #246f9c, #3da4d3);
  background-image: -moz-linear-gradient(right, #246f9c, #3da4d3);
  background-image: -o-linear-gradient(right, #246f9c, #3da4d3);
  background-image: -ms-linear-gradient(right, #246f9c, #3da4d3);
  background-image: linear-gradient(to left, #246f9c, #3da4d3);
}

.pieLegend.core .percentage {
  background-image: -webkit-linear-gradient(right, #65aa26, #98da3f);
  background-image: -moz-linear-gradient(right, #65aa26, #98da3f);
  background-image: -o-linear-gradient(right, #65aa26, #98da3f);
  background-image: -ms-linear-gradient(right, #65aa26, #98da3f);
  background-image: linear-gradient(to left, #65aa26, #98da3f);
}



.pieLegend.ecosystem .percentage {
  background-image: -webkit-linear-gradient(right, #002060, #103a8e);
  background-image: -moz-linear-gradient(right, #002060, #103a8e);
  background-image: -o-linear-gradient(right, #002060, #103a8e);
  background-image: -ms-linear-gradient(right, #002060, #103a8e);
  background-image: linear-gradient(to left, #002060, #103a8e);
}

.pieLegend.user .percentage {
  background-image: -webkit-linear-gradient(right, #828282, #bab9b9);
  background-image: -moz-linear-gradient(right, #828282, #bab9b9);
  background-image: -o-linear-gradient(right, #828282, #bab9b9);
  background-image: -ms-linear-gradient(right, #828282, #bab9b9);
  background-image: linear-gradient(to left, #828282, #bab9b9);
}


.seventhSection {
  background-image: url(../i/devOwl.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 1000px auto;
}



.notYetInfoMessage {
  display: none;
}


.addToWallet {
  font-weight: 500;
  text-transform: uppercase;
  padding: 3px 15px;
  display: inline-block;
  color: #FFFFFF;
  border-radius: 3px;
  margin-left: 100px;
  margin-top: 4px;
  margin-bottom: 5px;
  font-size: 13px;

}

.getXdai {
  font-weight: 500;
  text-transform: uppercase;
  padding: 3px 15px;
  display: inline-block;
  color: #FFFFFF;
  border-radius: 3px;
  margin-left: 10px;
  font-size: 13px;
}

.getXdaiAddress {
  height: 40px;
  line-height: 40px;
  letter-spacing: 0.7px;
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  font-size: 15px;
  width: 500px;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(0,0,0,0.25);
  transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  border: 1px solid #FFFFFF;
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
}

.getXdaiAddress:hover {
  box-shadow: 0px 5px 8px rgba(0,0,0,0.15);
}


.faucetStatusMessage {
  background-color: #6141d2;
  color: #FFFFFF;
  padding: 15px 0px;
  border-radius: 5px;
  display: none;
  margin-top: 40px;
}

.faucetStatusMessage.visible {
  display: block;
}

.ninthSection h3 {
  margin-top: 0px;
}

.ninthSection .rules  {
  margin-top: 0px;
  font-size: 14px;
}

.getXdaiAddressWrapper {
  padding: 20px 0px;
  border: 1px solid rgba(0,0,0,0.25);
  background-color: #FFFFFF;
  margin-bottom: 50px;
}

.getXdaiAddressWrapper label {
  width: 100%;
  text-align: center;
  display: block;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.5;
}


.addToWallet:hover {
    color: #FFFFFF;
    background: #443ad2;
}


.error404 h2 {
  font-size: 30px;
  color: #454545;
}




.error404 section.firstSection {
  height: auto;
  background-image: url(../i/devOwl.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 2000px auto;
  padding-bottom: 500px;
}


.mtPelerin section.firstSection {
  color: #FFFFFF;
  height: auto;
  padding-bottom: 30px;
}

.mtPelerin section.firstSection h1 {
  color: #FFFFFF;
  margin-top: 0px;
  padding-top: 50px;
}


.mtPelerin section.secondSection {
  height: auto;
  border-radius: 0px;
  transform: none;
  padding-top: 30px;
}

.mtpelerinSellBuy {
  text-align: center;
  margin-bottom: 50px;
  padding-top: 50px;
  width: 100%;
}

.mtpelerinBuy,
.mtpelerinSell {

}


iframe.mtpelerinWidget {
  width: 100%;
  min-height: 1000px;
  display: block;
  margin-bottom: 0px;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 5px;
}

#section-cooperations {
  padding-top: 100px;
}

#section-networks {
  padding-top: 100px;
}

.cooperationItem,
.mainnetItem {
  width: 200px;
  height: 80px;
  padding-top: 150px;
  display: inline-block;
  background: #FFFFFF;
  vertical-align: top;
  margin: 20px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  position: relative;
  transition: box-shadow 0.5s ease-in-out;
}

.cooperationItem:hover,
.mainnetItem:hover {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.cooperationItem figure,
.mainnetItem figure {
  width: 150px;
  height: 150px;
  position: absolute;
  left: 25px;
  top: 0px;
}

.cooperationItem h3,
.mainnetItem h3 {
  font-size: 20px;
  color: #454545;
  margin-bottom: 0px;
  height: 35px;
}

.cooperationItem h4 {
  font-size: 16px;
  color: #454545;
  font-weight: 300;
}

.mainnetItem {
  height: 60px;
  margin-top: 0px;
  margin-bottom: 40px;
}

.testnets {
  padding-top: 50px;
  padding-bottom: 100px;
}

.testnetItem {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background: #FFFFFF;
  vertical-align: top;
  margin: 10px;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  position: relative;
  transition: box-shadow 0.5s ease-in-out;
}

.testnetItem:hover {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.testnetItem a {
  display: block;
  color: #454545;
  text-decoration: none;
  padding-left: 50px;
  padding-right: 15px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 50px auto;
  font-weight: 300;
}

.testnetItem.ethereum a {   background-image: url(../i/networks/ethereum.svg); }
.testnetItem.gnosis a {   background-image: url(../i/networks/gnosischain.svg); }
.testnetItem.polygon a {   background-image: url(../i/networks/polygon.svg); }
.testnetItem.optimism a {   background-image: url(../i/networks/optimism.svg); }
.testnetItem.arbitrum a {   background-image: url(../i/networks/arbitrum-one.svg); background-size: 40px auto;}
.testnetItem.avalanche a {   background-image: url(../i/networks/avalanche.svg); }
.testnetItem.bnb a {   background-image: url(../i/networks/bnbchain.svg); }
.testnetItem.celo a {   background-image: url(../i/networks/celo.svg); background-size: 40px auto; }
.testnetItem.lukso a {   background-image: url(../i/networks/lukso.png); background-size: 30px auto;   background-position: 10px center;}
.testnetItem.zkSync a {   background-image: url(../i/networks/zkSync.svg); }

.testnetItem a span {
  font-weight: 500;
}


.dappEntry {
  width: auto;
  height: auto;
  display: inline-block;
  border-radius: 5px;
  color: #FFFFFF;
  margin: 0px 10px 20px 10px;
  border-width: 2px;
  border-style: solid;
  position: relative;
  transition: border-color 0.5s ease-in-out;
  vertical-align: top;
}

.dappEntry:hover {
  border-color: #FFFFFF !important;
}

.dappEntry a {
  padding: 60px 20px 20px 20px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: left;
  display: block;
  width: 185px;
}

.dappEntry h3 {
  padding-top: 5px;
  padding-bottom: 0px;
  margin: 0px;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
}

.dappEntry p {
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
  color: #FFFFFF;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
}

.dappEntry figure {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 10px;
  left: 20px;
}

.dappEntry figure img {
  width: 100%;
  height: auto;
}

.dappListing {
  padding-top: 30px;
  font-size: 24px;
  line-height: 36px;
}


.proposal {
  width: 250px;
  height: 100px;
  padding: 20px;
  display: inline-block;
  background: #FFFFFF;
  vertical-align: top;
  margin: 20px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  position: relative;
  transition: box-shadow 0.5s ease-in-out;
  text-align: left;
  border-top: 4px solid #6141d2;
  border-radius: 5px;
}

.proposal:hover {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.proposal a {
  text-decoration: none;
}

.proposal p {
  color: #454545;
  margin-bottom: 0px;
}

.proposal span.label {
  display: inline-block;
  width: 70px;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}

.proposal .successful {
  color: #43a91b;
}

.proposal .unsuccessful {
  color: #c00000;
}

.previousProposalsText {
  padding-top: 30px;
  font-style: italic;
  font-size: 16px;
}


.snapshotProposals {
  width: calc(100% - 80px);
  padding: 20px;
  display: block;
  background: #FFFFFF;
  vertical-align: top;
  margin: 20px auto;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  position: relative;
  transition: box-shadow 0.5s ease-in-out;
  text-align: left;
  border-top: 4px solid #6141d2;
  border-radius: 5px;
}

.snapshotProposals .snapShotproposal {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.snapshotProposals .snapShotproposal:last-child {
  border-bottom: 0px solid #CCCCCC;
  padding-bottom: 0px;
  margin-bottom: 0px;
}



.snapshotProposals h3 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0px;
}

.snapshotProposals a {
  text-decoration: none;
}

.snapShotproposal .period {
  color: #252525;
  font-size: 16px;
  margin: 0px;
}

.snapShotproposal .period .label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #909090;
  display: block;
}



/* Nav auto fade out fix */
@media screen and (min-width: 768px) {
  header .inner,
  header.scrolled .inner {
    display: block !important;
  }


  .swiper-pagination {
    display: none;
  }

  /* Force Disable Swiper on Desktop */
  .swiper-container-pointer-events {  touch-action: none !important; }
  .highlight {
    width: 235px !important;
  }

  .sovereignBoxes .sBox {
    width: 240px !important;
    margin: 0px 50px !important;
  }


  .highlightWrapper,
  .sovereignBoxes {
    transform: translate3d(0px, 0px, 0px) !important;
  }


}

/* Deeplink Page */

.deeplinkPage section.secondSection {
  transform: none;
}
.deeplinkPage section.secondSection .sectionInner {
  padding: 100px 0px;
}

.deeplinkPage header {
  position: relative;
  top: 0px;
  width: 80px;
  margin: 0 auto;
  background-color: #FFFFFF;
  box-shadow: 0px 5px 20px rgba(0,0,0,0.25);
  height: 80px;
  border-radius: 0px 0px 10px 10px;
}

.deeplinkPage h1 {
  color: #FFFFFF;
  padding-top: 80px;
}

.deeplinkPage .buttonWrapper {
  text-align: center;
  padding-bottom: 50px;
}

.deeplinkPage .buttonWrapper button:hover {
  cursor: pointer;
}

.deeplinkPage .buttonWrapper a {
  background-color: #FFFFFF;
  background-image: url(../i/logo-sideways-openwith.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 80px;
  padding-top: 20px;
  padding-bottom: 20px;
}


#redirectButton button {
  border: none;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
}

.deeplinkPage header .logo {
  height: 80px;
  width: 80px;
  display: block;
  margin: 0 auto;
  background-image: url(../i/minerva-owl.svg);
  background-size: 60px auto;
}



/* USEFUL INFOS

--- New Colors ----
  avocado-green
  #6ca924
  rgb 108 169 36
  rgba(108,169,36,1);


  dark-grass-green
  #2e6f00
  rgb 46 111 0
  rgba(46,111,0,1);

--- Font ----
  font-family: 'Montserrat', sans-serif;
  weights:  300 (light)
            400 (normal/regular),
            500 (Medium),
            600 (Semi-bold)
            700 (bold)

--- spacings ---
  spacing-xxs 4px       1x
  spacing-xs  8px       2x
  spacing-s   12px      3x
  spacing-m   16px      4x
  spacing-l   24px      6px
  spacing-xxl 32px      8px
  spacing-xl  52px      13




 */