@charset "UTF-8";
/* CSS Document */
	  .image > svg{
		  transform: scale(0.5);
	  }
	  .fa-primary{fill:#eabe54!important}
    .hidden.menu {
      display: none;
    }
	 .ui.basic.table, ul > li{
		  font-size: 1.33em;
	  }
	  .action.button{
		  background-color: #F6CE6C;	  
	  }
	  .action.button:hover{
		  background-color: #eabe54;	  
	  }
	  ul > li{
		 line-height: 2.33em
	  }
	  	 html, #tab {
	scroll-behavior: smooth;
}
.ui.inverted.segment.bckimage{
	background-image: url("https://mint-data.s3.amazonaws.com/framework/specificmodules/cloudcredit/img/bckccredits.png");
	background-repeat: no-repeat;
	background-size: cover;
}
	/*  .ui.inverted.segment{
	background: rgb(252,255,191);
background: -moz-linear-gradient(45deg, rgba(252,255,191,1) 0%, rgba(234,190,84,1) 76%);
background: -webkit-linear-gradient(45deg, rgba(252,255,191,1) 0%, rgba(234,190,84,1) 76%);
background: linear-gradient(45deg, rgba(252,255,191,1) 0%, rgba(234,190,84,1) 76%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcffbf",endColorstr="#eabe54",GradientType=1);
	  }*/
.ui.vertical.stripe.segment{
	background:#fff
}

    .masthead.segment {
      min-height: 700px;
      padding: 1em 0em;
		
    }
    .masthead .logo.item img {
      margin-right: 1em;
    }
    .masthead .ui.menu .ui.button {
      margin-left: 0.5em;
    }
    .masthead h1.ui.header {
      margin-top: 3em;
      margin-bottom: 0em;
      font-size: 4em;
      font-weight: normal;
		text-transform: uppercase;
    }
    .masthead h2 {
      font-size: 1.7em;
      font-weight: normal;
    }

    .ui.vertical.stripe {
      padding: 8em 0em;
    }
    .ui.vertical.stripe h3 {
      font-size: 2em;
    }
    .ui.vertical.stripe .button + h3,
    .ui.vertical.stripe p + h3 {
      margin-top: 3em;
    }
    .ui.vertical.stripe .floated.image {
      clear: both;
    }
    .ui.vertical.stripe p {
      font-size: 1.33em;
    }
    .ui.vertical.stripe .horizontal.divider {
      margin: 3em 0em;
    }

    .quote.stripe.segment {
      padding: 0em;
    }
    .quote.stripe.segment .grid .column {
      padding-top: 5em;
      padding-bottom: 5em;
    }

    .footer.segment {
      padding: 5em 0em;
    }

    .secondary.pointing.menu .toc.item {
      display: none;
    }

    @media only screen and (max-width: 700px) {
      .ui.fixed.menu {
        display: none !important;
      }
      .secondary.pointing.menu .item,
      .secondary.pointing.menu .menu {
        display: none;
      }
      .secondary.pointing.menu .toc.item {
        display: block;
      }
      .masthead.segment {
        min-height: 350px;
      }
      .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
      }
      .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
      }
    }
	  .coin {
  height: 7rem;
  width: 7rem;
  margin: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
margin: 0px auto;
}

.coin::before {
  content: "";
  display: block;
  position: relative;
  height: 7rem;
  width: 7rem;
  border-radius: 50%;
  background-color: #be9d66;
  animation: spin 3s linear infinite;
  background-image: url("https://mint-data.s3.amazonaws.com/framework/specificmodules/cloudcredit/img/cloudcredit.png");
  background-size: 100% 100%;
  background-position: center;
  background-blend-mode: overlay;
}

.coin.flip::before {
  animation-name: flip;
}
	  @keyframes spin {
  0% {
    width: 7rem;
	  transform: rotateY(0);
    box-shadow: 0 0 0 #120e08;
    animation-timing-function: ease-in;
  }

 49.999% {
    width: 0.1rem;
    box-shadow: 0.05rem 0 0 #896c3b, 0.1rem 0 0 #896c3b,
      0.15rem 0 0 #896c3b, 0.2rem 0 0 #896c3b, 0.25rem 0 0 #896c3b,
      0.3rem 0 0 #896c3b, 0.35rem 0 0 #896c3b, 0.4rem 0 0 #896c3b,
      0.45rem 0 0 #896c3b, 0.5rem 0 0 #896c3b, 0.55rem 0 0 #896c3b,
      0.6rem 0 0 #896c3b, 0.65rem 0 0 #896c3b, 0.7rem 0 0 #896c3b,
      0.75rem 0 0 #896c3b;
   transform: rotateY(90deg);
    background-color: #111;
    animation-timing-function: linear;
  }

  50.001% {
    width: 0.1rem;
    box-shadow: -0.05rem 0 0 #896c3b, -0.1rem 0 0 #896c3b,
      -0.15rem 0 0 #896c3b, -0.2rem 0 0 #896c3b,
      -0.25rem 0 0 #896c3b, -0.3rem 0 0 #896c3b,
      -0.35rem 0 0 #896c3b, -0.4rem 0 0 #896c3b,
      -0.45rem 0 0 #896c3b, -0.5rem 0 0 #896c3b,
      -0.55rem 0 0 #896c3b, -0.6rem 0 0 #896c3b,
      -0.65rem 0 0 #896c3b, -0.7rem 0 0 #896c3b,
      -0.75rem 0 0 #896c3b;
     transform: rotateY(-90deg);
    background-color: #111;
    animation-timing-function: ease-out;
  }

  100% {
    width: 7rem;
	  transform: rotateY(0deg);
    box-shadow: 0 0 0 #120e08;
  }
}