@media screen and (max-width:425px){
  html{
    font-size:60%;
  }
}

h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:0;
}

img{
  display:block;
  max-width:100%;
  height:auto;
}

header span {
	font-size:1.2em;
}

.future-coin{
  padding:15px;
  overflow: hidden;
}
.coin-header{padding-top:40px}
.coin-header span{color:#000000;}
.coin-header span a, .coin-header span a:active, .coin-header span a:visited, .coin-header span a:hover {color:#000000;font-weight:bold;text-decoration: none;}
.coin-header > .logo > .logo-img{
  margin:0 auto;
  transform:translateY(-200%);
  transition:transform .5s;
  width:450px;
}
.coin-header > .logo > .logo-img.-from-top{
    transform:translateY(0);
}

.coin-content > .content-header{
  margin:50px 0 10px 0;
}

.coin-content > .content-header > .ribbon{
  margin: 0 auto;
  text-align:center;
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,.5);
}

.coin-content > .content-header > .ribbon.-top{
  max-width:600px;
  padding:5px;
  transform:skew(60deg) translateX(-400%);
  margin-bottom:15px;
  transition: transform 1s;

  background: #0694ac;
  background: -moz-linear-gradient(top, #0694ac 0%, #08adbd 29%);
  background: -webkit-linear-gradient(top, #0694ac 0%,#08adbd 29%);
  background: linear-gradient(to bottom, #0694ac 0%,#08adbd 29%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0694ac', endColorstr='#08adbd',GradientType=0 );
}
  .coin-content > .content-header > .ribbon.-top.-from-left{
    transform:skew(15deg) translateX(0);
  }
  .coin-content > .content-header > .ribbon.-top > .heading-top{
    transform: skew(-15deg);
    font-size:3.5rem;
    font-weight:300;
  }

.coin-content > .content-header > .ribbon.-bottom{
  max-width:480px;
  padding:10px 0;
  transform:skew(-20deg) translateX(400%);
  transition: transform 1s;

  background: #0aa7bd;
  background: -moz-linear-gradient(top,  #0aa7bd 1%, #0af1e0 100%);
  background: -webkit-linear-gradient(top,  #0aa7bd 1%,#0af1e0 100%);
  background: linear-gradient(to bottom,  #0aa7bd 1%,#0af1e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0aa7bd', endColorstr='#0af1e0',GradientType=0 );
}
  .coin-content > .content-header > .ribbon.-bottom.-from-right{
    transform:skew(20deg) translateX(0);
  }
  .coin-content > .content-header > .ribbon.-bottom > .heading-bottom{
    transform: skew(-20deg);
    font-size:3.2rem;
    font-weight:300;
  }

.coin-content > .golden-coin{
  position:relative;
  max-height:320px;
  max-width:320px;
  margin:0 auto;
}
  .coin-content > .golden-coin > .rollen-strips{
    width: 320px;
    height: 320px;
    border-right: 20px solid #fff;
    border-left: 20px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    box-sizing: border-box;

    animation-name: rollen-strips;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }

  .coin-content > .golden-coin > .coin-img{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%) rotateY(360deg);
    transition:transform .7s;
  }
  .coin-content > .golden-coin > .coin-img.-toRoll{
    transform:translate(-50%, -50%) rotateY(0);
  }

  .coin-content > .golden-coin > .shine{
    position: absolute;
    top: -90px;
    right: -90px;
  }
.embed-container {position: relative;padding-bottom: 56.25%; height: 0;overflow: hidden;display: table;width: 100%;}
.embed-container {position: relative;height: 0;overflow: hidden;display: table;width: 100%;}
.embed-container iframe,.embed-container object,.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.incms-button {display: inline-block;}
.incms-button {max-width: 90%;text-align: center;width: 100%;display: inline-block;}
.incms-button a {display:block;}
.incms-button-button1 {margin-bottom: 1em;}
.incms-button-button1 a {font-family:Arial, sans-serif;font-weight: 300;font-style: normal;font-size: 140%;color: rgba(34,34,34,1);;text-decoration: none;text-shadow: 0px 1px 1px rgba(255,255,255,1);;padding: 14px 10px;background: #EEEEEE;background: -moz-linear-gradient(top,#EEEEEE 0%, #999999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#999999)); background: -webkit-linear-gradient(top,#EEEEEE 0%,#999999 100%); background: -o-linear-gradient(top,#EEEEEE 0%,#999999 100%); background: -ms-linear-gradient(top,#EEEEEE 0%,#999999 100%); background: linear-gradient(to bottom,#EEEEEE 0%,#999999 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#999999' ); zoom: 1;border: 1px solid rgba(153,153,153,1);;border-radius: 0.2em;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);;-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);;box-shadow: 1px 1px 5px rgba(0,0,0,0.4);;}
.incms-button-button1:hover a {color: rgba(255,255,255,1);;text-decoration: none;font-style: normal;font-weight: bold;padding: 14px 10px;text-shadow: 0px 1px 1px rgba(0,0,0,1);;background: #BBBBBB;background: -moz-linear-gradient(top,#BBBBBB 0%, #555555 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBBBBB), color-stop(100%,#555555)); background: -webkit-linear-gradient(top,#BBBBBB 0%,#555555 100%); background: -o-linear-gradient(top,#BBBBBB 0%,#555555 100%); background: -ms-linear-gradient(top,#BBBBBB 0%,#555555 100%); background: linear-gradient(to bottom,#BBBBBB 0%,#555555 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBBBBB', endColorstr='#555555'); zoom: 1;border: 1px solid rgba(119,119,119,1);;}
.incms-button-button2 {margin-bottom: 0.6em;}
.incms-button-button2 a {font-family: "arial";font-weight: initial;font-style: normal;font-size: 200%;color: rgba(255,255,255,1);;text-decoration: none;text-shadow: 3px 3px 3px rgba(0,0,0,0.7);;padding: 14px 10px;background: #1795AC;background: -moz-linear-gradient(top,#1795AC 0%, #29EFDF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1795AC), color-stop(100%,#29EFDF)); background: -webkit-linear-gradient(top,#1795AC 0%,#29EFDF 100%); background: -o-linear-gradient(top,#1795AC 0%,#29EFDF 100%); background: -ms-linear-gradient(top,#1795AC 0%,#29EFDF 100%); background: linear-gradient(to bottom,#1795AC 0%,#29EFDF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1795AC', endColorstr='#29EFDF' ); zoom: 1;border: 0px solid rgba(255,255,255,1);;border-radius: 0.3em;-webkit-border-radius: 0.3em;-moz-border-radius: 0.3em;-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);;-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);;box-shadow: 0px 0px 0px rgba(0,0,0,0);;}
.incms-button-button2:hover a {color: rgba(255,255,255,1);;text-decoration: none;font-style: normal;font-weight: normal;padding: 14px 10px;text-shadow: 2px 2px 3px rgba(0,0,0,0.9);;background: #29EFDF;background: -moz-linear-gradient(top,#29EFDF 0%, #1795AC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29EFDF), color-stop(100%,#1795AC)); background: -webkit-linear-gradient(top,#29EFDF 0%,#1795AC 100%); background: -o-linear-gradient(top,#29EFDF 0%,#1795AC 100%); background: -ms-linear-gradient(top,#29EFDF 0%,#1795AC 100%); background: linear-gradient(to bottom,#29EFDF 0%,#1795AC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29EFDF', endColorstr='#1795AC'); zoom: 1;border: 0px solid rgba(255,255,255,1);;}
.incms-button-button3 {margin-bottom: 1em;}
.incms-button-button3 a {font-family: Arial, sans-serif;font-weight: 700;font-style: italic;font-size: 140%;color: rgba(10,27,87,1);;text-decoration: none;text-shadow: 0px 1px 1px rgba(255,255,255,1);;padding: 16px 10px;background: #FFF553;background: -moz-linear-gradient(top,#FFF553 0%, #FFB82E 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF553), color-stop(100%,#FFB82E)); background: -webkit-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: -o-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: -ms-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: linear-gradient(to bottom,#FFF553 0%,#FFB82E 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF553', endColorstr='#FFB82E' ); zoom: 1;border: 1px solid rgba(170,170,170,1);;border-radius: 0.3em;-webkit-border-radius: 0.3em;-moz-border-radius: 0.3em;-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);;box-shadow: 0px 2px 5px rgba(0,0,0,0.4);;}
.incms-button-button3:hover a {color: rgba(10,27,87,1);;text-decoration: none;font-style: italic;font-weight: bold;padding: 13px 7px;text-shadow: 0px 1px 1px rgba(255,255,255,1);;background: #FFF553;background: -moz-linear-gradient(top,#FFF553 0%, #FFB82E 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF553), color-stop(100%,#FFB82E)); background: -webkit-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: -o-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: -ms-linear-gradient(top,#FFF553 0%,#FFB82E 100%); background: linear-gradient(to bottom,#FFF553 0%,#FFB82E 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF553', endColorstr='#FFB82E'); zoom: 1;border: 4px solid rgba(245,139,17,1);;}
 
 
 
  @media screen and (max-width:370px){
    .coin-content > .golden-coin > .rollen-strips{
      display:none;
    }
    .coin-content > .golden-coin > .coin-img{
      transition:none;
    }
    .coin-content > .golden-coin > .coin-img.-toRoll{
      position:static;
      transform:translate(0, 0) rotateY(0);
      margin:0 auto;
    }
    .coin-content > .golden-coin > .shine{
      display:none;
    }
  }

  @keyframes rollen-strips{
    from {
        transform: rotate(0deg);
    } to {
        transform: rotate(360deg);
    }
  }
  
.margin-bottom--10{margin-bottom:10px !important}
.margin-bottom--20{margin-bottom:20px !important}
.margin-bottom--30{margin-bottom:30px !important}
.margin-bottom--40{margin-bottom:40px !important}
.margin-bottom--50{margin-bottom:50px !important}
.margin-bottom--60{margin-bottom:60px !important}
.margin-bottom--70{margin-bottom:70px !important}
.margin-bottom--80{margin-bottom:80px !important}
.margin-bottom--90{margin-bottom:90px !important}
