/* inconsolata-regular - latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inconsolata-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Inconsolata Regular'), local('Inconsolata-Regular'),
       url('../fonts/inconsolata-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inconsolata-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/inconsolata-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/inconsolata-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/inconsolata-v15-latin-regular.svg#Inconsolata') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v9-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

body {
  background-color: #f4f7f9;
  background-image: url('../images/bg_.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: 'Source Sans Pro', sans-serif;
  color: #f9fbfc;
  font-size: 16px;
  font-weight: 400;
}

.borderradius4 {
  border-radius: 4px;
}

.borderradius4:hover {
  border-radius: 4px;
}

.borderradius4:active {
  border-radius: 4px;
}

.borderradius4:focus {
  border-radius: 4px;
}

.fontregular {
  font-weight: 400;
  text-decoration: none;
}

.fontsemibold {
  font-weight: 600;
  text-decoration: none;
}

.fontbold {
  font-weight: 700;
  text-decoration: none;
}

.font16 {
  font-size: 16px;
  text-decoration: none;
}

.font16.colorblue.brand {
  display: inline-block;
}

.font16.colordarkblue.brand {
  display: block;
}

.font16.inconsolata.colordarkblue.brand {
  padding-top: 11px;
  text-align: center;
  text-transform: uppercase;
}

.font22 {
  font-size: 22px;
  text-decoration: none;
}

.font28 {
  font-size: 28px;
  text-decoration: none;
}

.font28.colordarkblue.brand {
  line-height: 37px;
}

.font38 {
  font-size: 38px;
  line-height: 28px;
  text-decoration: none;
}

.font38.fontsemibold.colorblue.margin40 {
  line-height: 44px;
}

.front {
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.front.brand {
  width: 860px;
}

.logo {
  height: 80px;
  margin-left: -125px;
  background-image: url('../images/logo.svg');
  background-position: 0px 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.slogan {
  opacity: 0;
}

.slogan.font28 {
  width: 606px;
  padding-top: 18px;
}

.description {
  width: 409px;
  padding-top: 36px;
}

.description.font28 {
  line-height: 37px;
}

.description.font23 {
  line-height: 31px;
}

.description.font38 {
  padding-top: 56px;
  line-height: 42px;
}

.font14 {
  font-size: 14px;
}

.buttonlearnmore {
  margin-top: 40px;
  padding: 12px 20px 13px;
  border-radius: 4px;
  background-color: #2ed8a3;
}

.buttonlearnmore:hover {
  border-radius: 4px;
  background-color: #2cd09d;
}

.buttonlearnmore.borderradius4.font14.fontbold.transition.dropshadow.test {
  float: left;
}

.buttonlearnmore.font14.fontbold.borderradius4 {
  padding-right: 20px;
  padding-left: 20px;
}

.buttonlearnmore.font14.fontbold.borderradius4.dropshadow {
  border-radius: 4px;
}

.buttongetstarted {
  padding: 12px 20px 13px;
  background-color: #2970ff;
}

.buttongetstarted:hover {
  background-color: #2669ef;
}

.buttongetstarted:active {
  background-color: #2669ef;
}

.buttongetstarted:focus {
  background-color: #2669ef;
}

.buttongetstarted.font14.fontbold.borderradius4 {
  margin-left: 16px;
  background-color: #2970ff;
}

.buttongetstarted.borderradius4.font14.fontbold.transition.dropshadow:hover {
  background-color: #2669ef;
}

.dropshadow {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}

.dropshadow:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.dropshadow:active {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
}

.transition {
  -webkit-transition: all 100ms cubic-bezier(.455, .03, .515, .955);
  transition: all 100ms cubic-bezier(.455, .03, .515, .955);
}

.below {
  position: absolute;
  left: 0px;
  top: 100%;
  right: 0px;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
}

.below.brand {
  z-index: 2;
}

.below.subpage {
  top: 0%;
  margin-top: 345px;
}

.statistics {
  padding-top: 65px;
  padding-bottom: 65px;
  background-color: #2970ff;
}

.statisticsminedbar {
  width: 300px;
  height: 8px;
  background-color: #0c1e3e;
}

.statisticsmindebarpercent {
  width: 0%;
  height: 100%;
  background-color: #2ed8a3;
}

.columnpercentmined {
  width: 35%;
}

.column {
  float: left;
}

.column.percentmined {
  width: 400px;
}

.column.supplydistribution {
  width: 480px;
}

.column.development {
  width: 220px;
}

.h2 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.h2.font22.fontregular.guideblockheader.transition.margin20.guideblockheaderactive.borderradius4.backgroundcyan.colordarkblue {
  float: left;
}

.h1 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.margin40 {
  margin-top: 0px;
  margin-bottom: 40px;
  line-height: 28px;
}

.margin20 {
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 17px;
}

.piechart {
  width: 140px;
  height: 140px;
  margin-right: 20px;
  float: left;
  border-radius: 50%;
}

.overview {
  background-color: #fff;
}

.mission-section {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 340px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.mission-section.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mission-section.last {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.width1100 {
  display: block;
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
}

.backgroundgray {
  background-color: #f4f7f9;
}

.centerblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 533px;
  padding-top: 65px;
  padding-bottom: 65px;
}

.transitionslow {
  -webkit-transition: all 500ms cubic-bezier(.77, 0, .175, 1);
  transition: all 500ms cubic-bezier(.77, 0, .175, 1);
}

.opacity000 {
  opacity: 0;
}

.opacity075 {
  opacity: 0.75;
}

.transitionmodest {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.guide {
  background-color: #091440;
}

.guide .header {
  cursor: pointer;
}

.width940 {
  display: block;
  width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.big {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: auto;
  margin-left: auto;
  border: 4px solid #0c1e3e;
  border-radius: 50%;
  background-color: #2970ff;
}

.small {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: auto;
  margin-left: auto;
  border: 4px solid #0c1e3e;
  border-radius: 50%;
  background-color: #2970ff;
}

.vertical {
  display: block;
  width: 1px;
  height: 20px;
  margin-left: 29px;
  background-color: #2970ff;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.block {
  overflow: hidden;
}

.dot {
  width: 60px;
  float: left;
}

.guideblockcenter {
  padding-top: 13px;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
}

.header {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 13px 20px 14px;
  float: left;
  color: #69d5f7;
  text-decoration: none;
}

.header:hover {
  color: #d5edfa;
}

.backgroundcyan {
  background-color: #69d3f5;
  color: #0c1e3e;
}

.backgroundcyan:hover {
  color: #69d5f7;
}

.guideblockheaderactive {
  display: inline-block;
  margin-left: -20px;
  padding: 13px 20px;
  color: #0c1e3e;
  font-size: 24px;
}

.guideblockheaderactive:hover {
  color: #0c1e3e;
}

.colordarkblue {
  color: #0c1e3e;
}

.colordarkblue:hover {
  color: #0c1e3e;
}

.font24 {
  font-size: 24px;
}

.text {
  max-width: 380px;
  margin-bottom: 26px;
  float: left;
  clear: left;
  color: #d5edfa;
}

.buttoncontinue {
  padding: 12px 20px 13px;
  float: left;
  clear: left;
  background-color: #2970ff;
}

.buttoncontinue:hover {
  background-color: #2669ef;
}

.info {
  padding-bottom: 60px;
  float: left;
  clear: left;
}

.buttonback {
  margin-left: 16px;
  padding: 12px 20px 13px;
  float: left;
  background-color: hsla(0, 0%, 100%, .03);
}

.buttonback:hover {
  background-color: hsla(0, 0%, 100%, .02);
}

.buttonback.borderradius4.font14.fontsemibold.transition.dropshadow:hover {
  background-color: hsla(0, 0%, 100%, .02);
}

.backgrounddarkblue {
  background-color: #0c1e3e;
}

.child {
  overflow: hidden;
  float: left;
}

.media {
  width: 460px;
  height: 225px;
  margin-left: 20px;
  float: right;
  clear: left;
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
}

.font18 {
  font-size: 18px;
  line-height: 17px;
}

.guideblocksubheader {
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 13px 20px 14px;
  float: left;
  color: #69d5f7;
}

.guideblocksubheader:hover {
  color: #fff;
}

.content {
  overflow: hidden;
  padding-top: 15px;
  padding-left: 50px;
  float: left;
}

.colordarkkeyblue {
  color: #0c1e3e;
}

.colordarkkeyblue:hover {
  color: #0c1e3e;
}

.colordarkkeyblue:active {
  color: #0c1e3e;
}

.colordarkkeyblue:focus {
  color: #0c1e3e;
}

.guideblockcontentlast {
  margin-left: 30px;
  padding-left: 50px;
  border-left: 0px solid transparent;
}

.cursor {
  cursor: default;
}

.margin5 {
  margin-top: 5px;
}

.backgroundblue {
  background-color: #2970ff;
}

.verticalblue {
  border-left: 1px solid #0c1e3e;
}

.fronta {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fronta.brand {
  overflow: hidden;
  background-color: #091440;
  background-image: url('../images/bg-brand.png');
  background-position: 50% 50%;
  background-size: 884px;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.fronta.subpage {
  height: 345px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #0c1e3e;
}

.fronta.join-slack {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.charts {
  width: 400px;
  height: 400px;
}

.mission-section-image {
  position: relative;
  width: 567px;
  margin-right: 80px;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.mission-section-image.chart {
  width: 373px;
  margin-right: 0px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.mission-section-image.lightning {
  width: 260px;
}

.mission-text-body {
  display: block;
}

.colorblue {
  color: #2970ff;
}

.colorgray {
  color: #5a6d81;
}

.underline {
  text-decoration: underline;
}

.margin30 {
  margin-top: 0px;
  margin-bottom: 30px;
}

.overviewtextbottom {
  border-top: 1px solid #e2e2e2;
}

.overviewflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.overviewimageright {
  margin-right: 0px;
  margin-left: 100px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.mission-content {
  width: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.overviewflexreverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.overviewtextbottomlink {
  display: block;
  line-height: 10px;
  text-decoration: none;
}

.overviewtextbottomlink:hover {
  color: rgba(41, 112, 255, .8);
}

.overviewtextbottomlink.font14.fontsemibold.colorblue {
  padding-top: 10px;
  padding-bottom: 10px;
}

.lineheigh45 {
  margin-bottom: 16px;
  line-height: 45.6px;
}

.networkstatistics {
  width: 240px;
  float: left;
}

.networkstatisticssection {
  position: relative;
  z-index: 2;
  display: block;
  height: 17%;
  padding: 3px 10px 5px;
  color: #fff;
}

.networkstatisticssectionpercent {
  display: block;
  width: 43px;
  margin-left: 10px;
  float: right;
  text-align: left;
}

.networkstatisticssectionname {
  float: left;
}

.networkstatisticsfloat {
  position: absolute;
  width: 240px;
  height: 28px;
  background-color: #2ed8a3;
}

.networkstatisticsfloat.borderradius4.transitionmodest.dropshadow {
  z-index: 0;
}

.developmentrow {
  display: block;
  padding-top: 1px;
  padding-bottom: 10px;
}

.developmentrowname {
  display: inline-block;
  min-width: 100px;
  margin-right: 14px;
  padding-top: 2px;
  padding-bottom: 4px;
  text-align: right;
}

.developmentrownum {
  display: inline-block;
  min-width: 75px;
  padding: 2px 7px 4px;
  color: #fff;
  text-align: left;
  text-decoration: none;
}

.backgroundturquoise {
  background-color: #2ed6a1;
}

.backgroundwashedblue {
  background-color: #2252a3;
}

.footer {
  padding-top: 65px;
  padding-bottom: 65px;
  background-color: #2970ff;
}

.margin65 {
  margin-bottom: 65px;
}

.colorlightblue {
  color: #69d5f7;
}

.footerblock {
  display: block;
  width: 20%;
  float: left;
}

.icondecred {
  width: 32px;
  height: 32px;
  background-image: url('../images/iconDecred.svg');
  background-position: 50% 100%;
  background-size: 32px;
  background-repeat: no-repeat;
}

.icon {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  margin-bottom: 8px;
  margin-left: 10px;
  float: right;
  background-image: url('../images/transparent.png');
  background-position: 50% 100%;
  background-size: 32px;
  background-repeat: no-repeat;
}

.icon:hover {
  background-position: 50% 0px;
}

.icon.youtube {
  background-image: url('../images/iconYoutube.svg');
  background-position: 50% 100%;
  background-size: auto;
}

.icon.youtube:hover {
  background-position: 50% 0px;
}

.decred {
  background-image: url('../images/iconDecred.png');
}

.slack {
  background-image: url('../images/iconSlack.svg');
}

.forum {
  background-image: url('../images/iconForum.svg');
}

.github {
  background-image: url('../images/iconGithub.svg');
}

.twitter {
  background-image: url('../images/iconTwitter.svg');
}

.reddit {
  background-image: url('../images/iconReddit.svg');
}

.irc {
  background-image: url('../images/iconIrc.svg');
}

.medium {
  background-image: url('../images/iconMedium.svg');
}

.footerblockindicator {
  display: inline-block;
  margin-top: 9px;
  padding: 3px 12px;
  float: right;
  clear: right;
  text-transform: lowercase;
}

.font12 {
  font-size: 12px;
}

.backgroundlightblue {
  background-color: #d5edfa;
}

.opacity100 {
  opacity: 1;
}

.footerblocklink {
  display: block;
  margin-bottom: 18px;
  padding-top: 2px;
  padding-bottom: 4px;
  color: #d5edfa;
  text-decoration: none;
}

.footerblocklink:hover {
  color: #fff;
  text-decoration: none;
}

.footerblocklinkdev {
  display: block;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 35px;
  background-image: url('../images/iconDecredLightBlue.svg');
  background-position: 0px 100%;
  background-size: 32px;
  background-repeat: no-repeat;
  color: #d5edfa;
  font-weight: 600;
  text-decoration: none;
}

.footerblocklinkdev:hover {
  background-image: url('../images/iconDecredWhite.svg');
  background-position: 0px 100%;
  background-size: 32px;
  color: #fff;
}

.footerblockstatsname {
  padding-top: 2px;
  padding-right: 6px;
  padding-bottom: 4px;
  float: right;
}

.footerblockstatsrow {
  display: block;
  margin-bottom: 18px;
}

.footerblockstatslink {
  display: inline-block;
  min-width: 81px;
  padding: 3px 10px;
  float: right;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.lineleft {
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-left: 29px;
  float: left;
}

.main {
  position: relative;
  z-index: 0;
}

.width860 {
  display: block;
  width: 860px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 100px;
  padding-bottom: 65px;
  clear: left;
}

.section {
  padding-top: 80px;
  padding-bottom: 60px;
}

.columnleft {
  width: 430px;
  padding-right: 40px;
  float: left;
}

.columnright {
  width: 430px;
  padding-left: 40px;
  float: right;
}

.columnfull {
  width: 100%;
  float: left;
}

.swatchtop {
  height: 120px;
}

.swatchbottom {
  height: 40px;
  padding-top: 10px;
  font-family: Inconsolata, monospace;
  color: #132f4b;
  font-size: 16px;
  text-align: center;
}

.border4 {
  border-radius: 3px;
}

.test {
  position: relative;
  width: 100px;
  height: 120px;
  background-color: #132f4b;
}

.swatch {
  width: 100px;
  height: 160px;
}

.swatch.borderradius4 {
  border-radius: 4px;
}

.element {
  width: 100px;
  height: 160px;
  border-radius: 4px;
}

.width-half {
  display: block;
  width: 50%;
  float: left;
}

.width-half.right-padding-90 {
  padding-right: 90px;
  text-align: left;
}

.width-half.left-padding-50 {
  padding-left: 50px;
}

.width-half.left-padding-50.right-padding-40px {
  padding-right: 40px;
  text-align: left;
}

.width-640 {
  display: block;
  width: 640px;
  float: left;
}

.width-full {
  display: block;
  width: 100%;
  clear: left;
}

.width-full.margin-bottom-60 {
  margin-bottom: 60px;
}

.width-full.brand {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
}

.coloraltblue {
  color: #2970ff;
}

.height-122 {
  height: 122px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}

.height-122.width-122 {
  float: left;
}

.height-122.width-122.margin20.ss {
  background-image: url('../images/sourceSans.svg');
  background-position: 50% 50%;
  background-size: 68px;
  background-repeat: no-repeat;
}

.height-122.width-122.margin20.ii {
  background-image: url('../images/inconsolata.svg');
  background-position: 50% 50%;
  background-size: 68px;
  background-repeat: no-repeat;
}

.height-122.margin20.brand {
  position: relative;
  background-image: url('../images/logoWithBlueType.svg');
  background-position: 50px 37px;
  background-size: 228px;
  background-repeat: no-repeat;
}

.width-122 {
  width: 122px;
}

.width-120 {
  width: 120px;
}

.height-120 {
  height: 120px;
}

.height-160 {
  height: 160px;
}

.height-160.width-100.brand {
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}

.height-160.width-100.brand:hover {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2);
}

.height-160.width-100.brand.margin20 {
  cursor: pointer;
}

.margin10 {
  margin-bottom: 10px;
}

.width-third {
  width: 33.3333%;
  float: left;
}

.width-100 {
  width: 100px;
}

.width-100.colors.brand {
  color: #5a6d81;
}

.width-100.colors.brand.font16.inconsolata {
  float: left;
  color: #8795a3;
  text-align: center;
}

.inconsolata {
  font-family: Inconsolata, monospace;
}

.backgroundroyalblue {
  background-color: #2971ff;
}

.backgroundgreen {
  background-color: #41bf53;
}

.backgroundorange {
  background-color: #fd714a;
}

.notification.brand {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 999;
  padding-top: 38px;
  text-align: center;
}

.notification.brand.top-minus-72 {
  top: -72px;
}

.notification.brand.up-and-hidden {
  top: -72px;
  opacity: 0;
}

.notification.message.brand {
  width: 100px;
  height: 34px;
  background-color: #41bf53;
}

.notification-message {
  display: inline-block;
  height: 34px;
  padding-top: 6px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 5px;
  background-color: #41bf53;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}

.notification-message-bold {
  font-weight: 700;
}

.transitionslowest {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  max-height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(12, 30, 62, .2);
}

.modal.modalhide.opacity000 {
  display: none;
  opacity: 1;
}

.width1180 {
  position: relative;
  display: block;
  width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

.width1180.modal {
  position: relative;
  overflow: auto;
  max-height: 768px;
  min-height: 200px;
  padding: 50px 80px;
  background-color: #fff;
}

.stakepool-data {
  position: relative;
  min-height: 100px;
  color: #0c1e3e;
  font-size: 12px;
}

.buttonclose {
  padding: 12px 20px 13px;
  background-color: #8997a5;
  text-transform: capitalize;
}

.buttonclose:hover {
  background-color: #5a6d81;
}

.buttonclose.borderradius4.font14.fontsemibold.transition.dropshadow {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-top: 40px;
  margin-right: 80px;
}

.html-embed-test {
  width: 100%;
  min-height: 50px;
}

.modalparagraph {
  width: 460px;
  margin-top: 30px;
  color: #5a6d81;
  font-size: 13px;
  text-align: left;
}

.modalparagraph.left {
  float: left;
}

.modalparagraph.right {
  float: right;
}

.modalparagraphbold {
  color: #fd714a;
  font-weight: 700;
}

.modalhide {
  display: none;
}

.navigation {
  position: fixed;
  left: 900px;
  top: 35px;
  right: 0px;
  bottom: 35px;
  z-index: 999;
  display: block;
  width: 60px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
  cursor: pointer;
}

.button {
  padding-top: 6px;
  padding-right: 25px;
  padding-left: 50px;
  float: left;
  border-radius: 4px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
  -webkit-transition: background-color 50ms cubic-bezier(.445, .05, .55, .95), box-shadow 50ms cubic-bezier(.445, .05, .55, .95);
  transition: background-color 50ms cubic-bezier(.445, .05, .55, .95), box-shadow 50ms cubic-bezier(.445, .05, .55, .95);
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  text-transform: capitalize;
}

.button:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
}

.button:active {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
}

.button.download-wallet {
  height: 38px;
  margin-top: 41px;
  padding-top: 9px;
  clear: left;
  background-color: #2ed8a3;
  background-image: url('../images/button-wallet.svg');
  background-position: 20px 50%;
  background-repeat: no-repeat;
  font-weight: 600;
}

.button.download-wallet:hover {
  background-color: #2cd09d;
}

.button.getting-started {
  margin-top: 31px;
  margin-left: 10px;
  float: none;
  background-color: #2970ff;
  background-image: url('../images/button-guide.svg');
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95), cubic-bezier(.445, .05, .55, .95);
  transition-timing-function: cubic-bezier(.445, .05, .55, .95), cubic-bezier(.445, .05, .55, .95);
}

.button.getting-started:hover {
  background-color: #2669ef;
}

.button.all-downloads {
  margin-top: 5px;
  margin-left: 22px;
  padding: 2px 0px 0px;
  float: left;
  clear: left;
  border-bottom: 1px solid #e2e2e2;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none;
  -webkit-transition-property: none;
  transition-property: none;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
}

.button.all-downloads:hover {
  color: #f4f7f9;
}

.button.os-specific {
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 22px;
  clear: left;
  border-style: none;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none;
  color: hsla(0, 0%, 100%, .7);
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
}

.button-description {
  display: block;
  clear: left;
  font-size: 11px;
  line-height: 9px;
  font-weight: 400;
  text-transform: none;
}

.link-section {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 95px;
  padding-right: 120px;
  padding-left: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
  opacity: 0;
  -webkit-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
  -webkit-transition: opacity 150ms ease-in-out, -webkit-transform 200ms ease;
  transition: opacity 150ms ease-in-out, -webkit-transform 200ms ease;
  transition: transform 200ms ease, opacity 150ms ease-in-out;
  transition: transform 200ms ease, opacity 150ms ease-in-out, -webkit-transform 200ms ease;
  color: #0c1e3e;
  font-size: 22px;
  text-align: left;
  text-decoration: none;
}

.link-section.visible {
  opacity: 1;
  -webkit-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
}

.link-section.active {
  opacity: 1;
  -webkit-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
  -webkit-transition-duration: 100ms, 250ms;
  transition-duration: 100ms, 250ms;
}

.link {
  color: #0c1e3e;
  text-decoration: none;
}

.navigation-link {
  display: block;
  min-width: 320px;
  clear: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  color: #0c1e3e;
  font-size: 21px;
  line-height: 35px;
  text-decoration: none;
}

.navigation-link:hover {
  opacity: 0.75;
}

.navigation-link.disabled {
  display: inline-block;
  min-width: auto;
  padding-right: 7px;
  float: left;
  clear: none;
  color: #8997a5;
  cursor: default;
}

.navigation-link.disabled:hover {
  opacity: 1;
}

.nav-open-close {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 200%;
  height: 100%;
  background-image: url('../images/close-menu.svg'), url('../images/open-menu.svg');
  background-position: 100% 50%, 0px 50%;
  background-size: contain, contain;
  background-repeat: no-repeat, no-repeat;
  -webkit-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
  -webkit-transition: -webkit-transform 80ms ease-in-out;
  transition: -webkit-transform 80ms ease-in-out;
  transition: transform 80ms ease-in-out;
  transition: transform 80ms ease-in-out, -webkit-transform 80ms ease-in-out;
}

.nav-open-close.close {
  background-image: url('../images/close-menu.svg');
}

.nav-open-close.open {
  background-image: url('../images/open-menu.svg');
}

.nav-open-close.active {
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
}

.navigation-button {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  float: left;
  -webkit-transition: all 80ms cubic-bezier(.455, .03, .515, .955);
  transition: all 80ms cubic-bezier(.455, .03, .515, .955);
}

.navigation-button:hover {
  position: absolute;
  width: 110%;
  height: 110%;
  margin-top: -5%;
  margin-left: -5%;
}

.nav-social {
  padding-bottom: 55px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-social-link {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  float: left;
  background-image: url('../images/transparent.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.nav-social-link:hover {
  opacity: 0.85;
}

.nav-social-link.nav-slack {
  background-image: url('../images/icon-nav-slack.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.nav-social-link.nav-irc {
  background-image: url('../images/icon-nav-irc.svg');
}

.nav-social-link.nav-twitter {
  background-image: url('../images/icon-nav-twitter.svg');
}

.nav-social-link.nav-forum {
  background-image: url('../images/icon-nav-forum.svg');
}

.nav-social-link.nav-github {
  background-image: url('../images/icon-nav-github.svg');
  background-position: 0px 0px;
}

.nav-social-link.nav-reddit {
  background-image: url('../images/icon-nav-reddit.svg');
}

.nav-social-link.nav-youtube {
  background-image: url('../images/icon-nav-youtube.svg');
}

.nav-social-link.nav-medium {
  background-image: url('../images/icon-nav-medium.svg');
}

.nav-social-link.nav-linkedin {
  background-image: url('../images/icon-nav-linkedin.svg');
}

.nav-social-link.nav-email {
  background-image: url('../images/icon-nav-email.svg');
}

.nav-social-link.nav-medium {
  background-image: url('../images/icon-nav-medium.svg');
}

.nav-dcr-dev-link {
  display: block;
  margin-top: 5px;
  margin-left: 5px;
  float: left;
  clear: left;
  color: #0c1e3e;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.nav-dcr-dev-link:hover {
  opacity: 0.85;
}

.logo-download-page {
  display: block;
  width: 100%;
  height: 101px;
  margin-left: -60px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/logoWithBlueType.svg');
  background-position: 0px 50%;
  background-size: auto 30px;
  background-repeat: no-repeat;
}

.logo-download-page:hover {
  opacity: 0.85;
}

.header-download-page {
  width: 430px;
  margin-top: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.footer-download-page {
  width: 100vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.main-download-page {
  display: block;
  width: 1180px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 80px;
  padding-left: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #f4f7f9;
}

.section-download-page {
  margin-bottom: 20px;
}

.section-title-download-page {
  margin-bottom: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #0c1e3e;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.section-card-download-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 300px;
  height: 122px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 15px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 4px;
  background-color: #fff;
  background-image: url('../images/in-house.svg');
  background-position: 97% 10px;
  background-repeat: no-repeat;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
  -webkit-transition: box-shadow 100ms ease;
  transition: box-shadow 100ms ease;
  color: #091440;
}
.section-card-download-page:target {
  border: 2px solid #2970ff;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .35);
}

.section-card-download-page:hover {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.section-card-download-page.third-party {
  background-image: url('../images/3rd-party.svg');
  background-position: 95% 10px;
}

.download-page {
  background-image: none;
  color: #0c1e3e;
}

.main-wrapper-download-page {
  width: 100vw;
  height: 100vh;
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #0c1e3e;
}

.paragraph-link {
  color: #2970ff;
  text-decoration: underline;
}

.header-title-download-page {
  margin-bottom: 15px;
  color: #2970ff;
  font-size: 28px;
}

.section-card-title-download-page {
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: url('../images/placeholder.svg');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  color: #091440;
  font-weight: 600;
}

.section-card-title-download-page.paymetheus {
  background-image: url('../images/paymetheus.svg');
}

.section-card-title-download-page.decrediton {
  background-image: url('../images/decrediton.svg');
}

.section-card-title-download-page.webwallet {
  background-image: url('../images/webwallet.svg');
}

.section-card-title-download-page.commandline {
  background-image: url('../images/commandline.svg');
}

.section-card-title-download-page.ccminer {
  background-image: url('../images/ccminer.svg');
  background-size: 20px 20px;
}

.section-card-title-download-page.sgminer {
  background-image: url('../images/sgminer.svg');
  background-size: 20px 20px;
}

.section-card-title-download-page.gominer {
  background-image: url('../images/gominer.svg');
  background-size: 20px 20px;
}

.section-card-title-download-page.exodus {
  background-image: url('../images/exodus-color-for-loght-bg.png');
  background-size: 20px 20px;
}

.section-card-description-download {
  font-size: 13px;
  line-height: 17px;
}

.section-card-download-links-download-page {
  font-size: 13px;
}

.section-card-link-download-page {
  display: inline-block;
  float: left;
  color: #2970ff;
  line-height: 17px;
  text-decoration: none;
}

.div-block {
  display: block;
  width: 1px;
  height: 100%;
  float: left;
}

.text-block {
  float: left;
}

.seperator {
  width: 1px;
  height: 16px;
  margin-top: 1px;
  margin-right: 3px;
  margin-left: 2px;
  float: left;
  background-color: #0c1e3e;
}

.nav-links-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.font23 {
  font-size: 23px;
}

.container {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  padding-right: 443px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.bg {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bg.subpage {
  position: absolute;
  background-color: #0c1e3e;
}

.bg-gradient {
  position: relative;
  width: calc(50% + 80px);
  height: 100vh;
  float: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: -webkit-radial-gradient(circle farthest-side at 50% 0%, rgba(76, 115, 247, .55), hsla(0, 0%, 100%, 0) 36%), -webkit-radial-gradient(circle farthest-side at 53% 126%, rgba(147, 210, 241, .5) 21%, hsla(0, 0%, 100%, 0) 40%), -webkit-radial-gradient(circle farthest-side at 103% 13%, #93d2f1, rgba(50, 217, 166, .73) 17%, rgba(45, 216, 163, .96) 26%, rgba(152, 230, 231, .2) 80%, hsla(0, 0%, 100%, 0)), -webkit-radial-gradient(circle farthest-side at 4% 71%, #021a85 3%, rgba(12, 59, 165, .7) 47%, hsla(0, 0%, 100%, 0)), -webkit-linear-gradient(301deg, #2971ff, #93d2f1);
  background-image: radial-gradient(circle farthest-side at 50% 0%, rgba(76, 115, 247, .55), hsla(0, 0%, 100%, 0) 36%), radial-gradient(circle farthest-side at 53% 126%, rgba(147, 210, 241, .5) 21%, hsla(0, 0%, 100%, 0) 40%), radial-gradient(circle farthest-side at 103% 13%, #93d2f1, rgba(50, 217, 166, .73) 17%, rgba(45, 216, 163, .96) 26%, rgba(152, 230, 231, .2) 80%, hsla(0, 0%, 100%, 0)), radial-gradient(circle farthest-side at 4% 71%, #021a85 3%, rgba(12, 59, 165, .7) 47%, hsla(0, 0%, 100%, 0)), linear-gradient(149deg, #2971ff, #93d2f1);
}

.bg-illustration {
  position: relative;
  overflow: hidden;
  width: calc(50% - 80px);
  height: 100vh;
  background-image: url('../images/front-bg-anim_.gif'), -webkit-linear-gradient(270deg, #091440, #091440);
  background-image: url('../images/front-bg-anim_.gif'), linear-gradient(180deg, #091440, #091440);
  background-position: 50% 50%, 0px 0px;
  background-size: 110%, auto;
  background-repeat: repeat, repeat;
}

.bg-illustration.active {
  background-image: -webkit-linear-gradient(270deg, rgba(8, 47, 162, 0), rgba(8, 47, 162, 0)), url('../images/bg_illustration.svg');
  background-image: linear-gradient(180deg, rgba(8, 47, 162, 0), rgba(8, 47, 162, 0)), url('../images/bg_illustration.svg');
  background-position: 0px 0px, 0px 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.firstview-right {
  margin-left: -55px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.play-button {
  position: relative;
  display: block;
  width: 89px;
  height: 89px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #e9f8fe;
  background-image: url('../images/video_play.svg');
  background-position: 34px 50%;
  background-size: 30px 34px;
  background-repeat: no-repeat;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .21);
  -webkit-transition: all 80ms linear;
  transition: all 80ms linear;
  cursor: pointer;
}

.play-button:hover {
  background-color: #fff;
  background-image: url('../images/video_play_active.svg');
  background-position: 34px 50%;
  background-size: 30px 34px;
  background-repeat: no-repeat;
}

.video-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(9, 20, 64, .89);
  opacity: 0;
}

.video-modal.active {
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
  -webkit-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.lang-menu {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  width: 60px;
  height: 25px;
  margin-top: 70px;
  background-color: #fff;
  background-image: url('../images/lang_arrow.svg');
  background-position: 40px 10px;
  background-size: 10px 5px;
  background-repeat: no-repeat;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
  font-family: 'Source Sans Pro', sans-serif;
  color: #091440;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

.lang-menu:hover {
  background-image: url('../images/lang_arrow_active.svg');
  background-position: 40px 10px;
  background-size: 10px 5px;
  background-repeat: no-repeat;
}

.lang-menu.active {
  position: absolute;
  overflow: visible;
  height: auto;
  margin-top: 70px;
  float: left;
}

.lang-current {
  position: relative;
  width: 100%;
  height: 25px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 8px;
  float: left;
  line-height: 11px;
}

.lang-select {
  position: relative;
  width: 100%;
  height: auto;
  float: left;
}

.lang-selection {
  width: 100%;
  height: 25px;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 7px;
  line-height: 11px;
}

.lang-selection:hover {
  color: #2970ff;
}

.body {
  background-color: #0c1e3e;
  background-image: none;
}

._960-ruler-delete-after {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 999;
  display: block;
  width: 960px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #2ed8a3;
}

._960 {
  position: relative;
  display: block;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

._960.firstview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

._960.subpage-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
  margin-bottom: 50px;
  padding-right: 95px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.section-2 {
  width: 100px;
}

.div-block-2 {
  display: block;
  width: 200px;
  height: 20px;
  margin-right: auto;
  margin-left: auto;
  clear: left;
  background-color: #2ed8a3;
}

.div-block-3 {
  display: block;
  width: 100%;
  height: 20px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
  background-color: #69d5f7;
}

.playbutton {
  display: block;
  width: 25px;
  height: 25px;
  margin-top: 29px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  background-color: #596d81;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .21);
}

.playbutton:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .21);
}

.platform {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 92px;
  padding-bottom: 70px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.principles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.mission-title {
  width: 400px;
  margin-top: 0px;
  margin-bottom: 25px;
  color: #2970ff;
  font-size: 34px;
  line-height: 42px;
  font-weight: 400;
  text-align: left;
}

.mission-title.fix {
  width: 410px;
}

.mission-copy {
  font-family: 'Source Sans Pro', sans-serif;
  color: #5a6d81;
  line-height: 22px;
  font-weight: 400;
}

.mission {
  padding-top: 76px;
  padding-bottom: 114px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navigation-group-title {
  color: #8997a5;
  font-size: 13px;
  line-height: 31px;
  cursor: default;
}

.navigation-group-title.whitespace {
  padding-top: 30px;
  color: #8997a5;
}

.disabled-link-tag {
  margin-top: 8px;
  padding: 1px 12px 2px;
  float: left;
  border-radius: 4px;
  background-color: #2ed8a3;
  color: #fff;
  font-size: 13px;
  cursor: default;
}

.recruiting-link-tag {
  margin-top: 8px;
  padding: 1px 12px 2px;
  border-radius: 4px;
  background-color: #2ed8a3;
  color: #fff;
  font-size: 13px;
  cursor: default;
}

.section-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 22px;
  margin-top: -22px;
  margin-bottom: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: right;
}

.section-title-line {
  width: 66px;
  height: 1px;
  margin-top: 10px;
  margin-right: 12px;
  float: right;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #e7eaed;
}

.section-title-text {
  display: inline-block;
  float: right;
  color: #8997a5;
  font-size: 13px;
}

.quotes {
  position: relative;
  width: 100%;
  min-height: 150px;
  margin-bottom: -30px;
  padding: 34px 64px 34px 160px;
  background-color: #2dd8a3;
  background-image: url('../images/quote_icon.svg');
  background-position: 50px 50%;
  background-size: 42px 42px;
  background-repeat: no-repeat;
  box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .21);
}

.full-width {
  width: 100%;
}

.full-width.gray-bg {
  background-color: #f4f7f9;
}

.full-width.gray-bg.features {
  overflow: hidden;
}

.full-width.dark-gray-bg {
  background-color: #5a6d81;
}

.div-block-4 {
  position: absolute;
}

.quotes-quote {
  font-family: Inconsolata, monospace;
  color: #e9f8fe;
  font-size: 21px;
  line-height: 22px;
  font-weight: 400;
}

.quotes-by {
  margin-top: 25px;
  color: #0c1e3e;
  font-size: 15px;
  font-weight: 600;
}

.quotes-by a:link {
  color: #0C1E3E  ;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 600;
}
.quotes-by a:visited {
  color: #0C1E3E  ;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 600;
}
.quotes-by a:hover {
  color: #0C1E3E  ;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 600;
}

.quotes-by-title {
  font-weight: 400;
}

.features-description {
  width: 310px;
  padding-left: 10px;
}

.features-bubbles {
  position: relative;
  height: auto;
  padding-top: 460px;
  padding-right: 10px;
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.features-title {
  margin-bottom: 25px;
  color: #2970ff;
  font-size: 34px;
  line-height: 42px;
}

.text-block-2 {
  color: #5a6d81;
}

.feature-bubble {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 144px;
  height: 144px;
  max-height: 144px;
  padding-top: 144px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 50%;
  background-image: url('../images/example-bg.png');
  background-position: 50% 43px;
  background-size: auto 60px;
  background-repeat: no-repeat;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .16);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.feature-bubble:hover {
  z-index: 20;
  width: 275px;
  height: auto;
  max-height: 600px;
  margin-left: -66px;
  padding-top: 205px;
  border-radius: 5px;
  box-shadow: 0 5px 21px 0 rgba(0, 0, 0, .21);
}

.feature-bubble.active {
  width: 275px;
  height: auto;
  border-radius: 4px;
}

.feature-bubble.consensus-voting {
  left: 97px;
  top: 93px;
  background-color: #69d5f7;
  background-image: url('../images/features_consensus_voting.svg');
  background-position: 50% 43px;
  background-size: auto 60px;
  background-repeat: no-repeat;
}

.feature-bubble.consensus-voting:hover {
  background-position: 50% 53px;
  background-size: auto 100px;
}

.feature-bubble.atomic-swaps {
  left: 382px;
  top: -2px;
  background-color: #e9f8fe;
  background-image: url('../images/features_atomic_swap.svg');
  background-position: 50% 43px;
  background-size: auto 60px;
  background-repeat: no-repeat;
}

.feature-bubble.atomic-swaps:hover {
  background-position: 50% 53px;
  background-size: auto 100px;
}

.feature-bubble.politeia {
  left: 185px;
  top: 253px;
  background-color: #e7eaed;
  background-image: url('../images/features_politeia.svg');
  background-position: 50% 43px;
  background-size: auto 60px;
  background-repeat: no-repeat;
}

.feature-bubble.politeia:hover {
  background-position: 50% 58px;
  background-size: auto 100px;
}

.feature-bubble.lightning-network {
  left: 344px;
  top: 299px;
  background-color: #091440;
  background-image: url('../images/features_lightning.svg');
}

.feature-bubble.lightning-network:hover {
  background-position: 50% 53px;
  background-size: auto 100px;
}

.feature-bubble.cross-platform-wallets {
  left: 260px;
  top: 107px;
  background-color: #2970ff;
  background-image: url('../images/features_crossplatform_wallets.svg');
}

.feature-bubble.cross-platform-wallets:hover {
  background-position: 50% 54px;
  background-size: auto 100px;
}

.feature-bubble.soon-tm {
  left: 414px;
  top: 153px;
  background-color: #ffc84d;
  background-image: url('../images/features_soon.svg');
}

.feature-bubble.soon-tm:hover {
  background-position: 50% 53px;
  background-size: auto 100px;
}

.bubble-header {
  width: 100%;
  height: 144px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.bubble-header.consensus-voting {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #69d5f7;
  background-image: url('../images/features_consensus_voting.svg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
}

.bubble-copy {
  width: 275px;
  min-height: 160px;
  padding: 25px 30px 30px;
  float: left;
  background-color: #fff;
}

.bubble-body-title {
  margin-bottom: 16px;
  color: #0c1e3e;
  font-size: 21px;
  line-height: 27px;
}

.text-block-3 {
  color: #5a6d81;
  line-height: 22px;
}

.principles-section {
  width: 400px;
  min-height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.principles-slides {
  padding-right: 80px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.principles-title {
  margin-bottom: 25px;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: -0.1px;
}

.principles-copy {
  line-height: 22px;
}

.principles-slides-select {
  position: relative;
  width: 100%;
  min-height: 110px;
  float: left;
}

.principles-slides-nest {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 190px;
  padding: 34px 30px;
  float: left;
  border-radius: 4px;
  background-color: #091440;
  box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .21);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.principles-slide {
  position: relative;
  overflow: hidden;
  height: 0px;
  max-height: 500px;
  background-color: #091440;
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.principles-slide.active {
  position: relative;
  height: auto;
  max-height: 500px;
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.principles-slide-title {
  display: block;
  margin-bottom: 20px;
  float: left;
  color: #69d5f7;
  font-size: 22px;
  line-height: 28px;
}

.principles-slide-copy {
  float: left;
}

.principles-select {
  width: 25%;
  min-height: 110px;
  float: left;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: auto 50px;
  background-repeat: no-repeat;
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
  cursor: pointer;
}

.principles-select.first {
  background-image: url('../images/principles_1.svg');
}

.principles-select.first:hover {
  background-image: url('../images/principles_1_hover.svg');
}

.principles-select.first.active {
  background-image: url('../images/principles_1_active.svg');
}

.principles-select.second {
  background-image: url('../images/principles_2.svg');
}

.principles-select.second:hover {
  background-image: url('../images/principles_2_hover.svg');
}

.principles-select.second.active {
  background-image: url('../images/principles_2_active.svg');
}

.principles-select.third {
  background-image: url('../images/principles_3.svg');
}

.principles-select.third:hover {
  background-image: url('../images/principles_3_hover.svg');
}

.principles-select.third.active {
  background-image: url('../images/principles_3_active.svg');
}

.principles-select.fourth {
  background-image: url('../images/principles_4.svg');
}

.principles-select.fourth:hover {
  background-image: url('../images/principles_4_hover.svg');
}

.principles-select.fourth.active {
  background-image: url('../images/principles_4_active.svg');
}

.html-embed {
  width: 200px;
  height: 200px;
}

.svg-embed {
  width: 100%;
  height: 320px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.mission-chart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 372px;
  height: 454px;
  padding-top: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 600;
}

.mission-chart-mined {
  width: 152px;
  padding-top: 22px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #2970ff;
  font-weight: 400;
  text-align: center;
}

.mission-chart-mined.percent {
  padding: 1px 5px;
  border-radius: 4px;
  background-color: #2970ff;
  color: #fff;
}

.mission-chart-supply {
  height: 45px;
  padding-top: 11px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #2970ff;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
}

.mission-chart-supply.regular {
  color: #69d5f7;
  font-weight: 400;
}

.mission-chart-supply.cyan {
  color: #69d5f7;
}

.firstview-left {
  position: relative;
  width: 570px;
  -webkit-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.firstview-left.active {
  opacity: 0.49;
}

.bg-ghost {
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 50vw;
  height: 100vh;
  background-color: rgba(8, 47, 162, .51);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.bg-illustration-ghost {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 47, 162, .51);
  opacity: 0;
  -webkit-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.bg-illustration-ghost.active {
  background-color: #082fa2;
  opacity: 0.6;
}

.bg-gradient-ghost {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: #082fa2;
  opacity: 0;
  -webkit-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
}

.bg-gradient-ghost.active {
  opacity: 0.51;
}

.preload-on-background {
  position: fixed;
  z-index: 0;
  background-image: url('../images/principles_4.svg'), url('../images/principles_4_hover.svg'), url('../images/principles_4_active.svg'), url('../images/lang_arrow.svg'), url('../images/lang_arrow_active.svg'), url('../images/video_play_active.svg'), url('../images/video_play.svg'), url('../images/principles_3.svg'), url('../images/principles_3_active.svg'), url('../images/principles_3_hover.svg'), url('../images/principles_1.svg'), url('../images/principles_1_hover.svg'), url('../images/principles_1_active.svg'), url('../images/principles_2.svg'), url('../images/principles_2_active.svg'), url('../images/principles_2_hover.svg');
  background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
  background-size: 150px, 150px, 150px, 150px, 150px, 65px, 66px, 112px, 112px, 112px, 131px, 131px, 131px, 131px, 131px, 131px;
  opacity: 0;
}

.preload-on-background.subpage {
  background-image: none;
}

.ptsjs {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 345px;
  opacity: 0.6;
}

.ptsjs.stakepools {
  opacity: 0.6;
}

.subpage-title {
  font-size: 48px;
  line-height: 61px;
}

.subpage-logo {
  width: 166px;
  height: 30px;
  background-image: url('../images/subpage_logo.svg');
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}

.subpage-logo:hover {
  opacity: 0.8;
}

.subpage-content-section {
  min-height: 300px;
  padding-bottom: 100px;
}

.subpage-description {
  width: 550px;
  margin-top: 46px;
  margin-bottom: 46px;
  color: #596d81;
  line-height: 22px;
  text-decoration: none;
}

.subpage-description.link {
  color: #2970ff;
}

.bg-video {
  position: absolute;
  left: -10%;
  top: -10%;
  right: 0px;
  bottom: 0px;
  width: 120%;
  height: 120%;
  background-image: url('../images/front-bg-anim.gif');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-filter: none;
  filter: none;
}

.bg-video.active {
  background-image: url('../images/front-bg-anim.gif'), url('../images/bg_illustration.svg');
  background-position: 50% 50%, 50% 50%;
  background-size: contain, contain;
  background-repeat: no-repeat, no-repeat;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
}

.subpage-content {
  position: relative;
}

.subpage-content.press {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 980px;
  min-height: 672px;
  margin-left: -10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.subpage-content.downloads {
  width: 960px;
}
.subpage-content.community {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 982px;
  margin-left: -10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.team-filter {
  position: relative;
  z-index: 1;
  height: auto;
  padding-bottom: 15px;
}

.team-filter-button {
  margin-right: 48px;
  margin-bottom: 15px;
  margin-left: 10px;
  padding: 6px 20px 7px;
  border-radius: 11px;
  background-color: #fff;
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
  color: #2970ff;
  font-size: 21px;
  line-height: 27px;
  text-transform: capitalize;
}

.team-filter-button:hover {
  background-color: #e9f8fe;
}

.team-filter-button.active {
  background-color: #e9f8fe;
}

.team-member {
  position: relative;
  z-index: 1;
  width: 200px;
  height: 280px;
  margin-right: 37px;
  margin-bottom: 28px;
  float: left;
}

.team-member.hide {
  display: none;
  opacity: 0;
}

.team-member-avatar {
  overflow: hidden;
  width: 180px;
  height: 180px;
  float: left;
  border-radius: 50%;
}

.team-corporate-logo {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  overflow: hidden;
  width: 57px;
  height: 57px;
  margin-top: 3px;
  float: right;
}

.image {
  position: relative;
  z-index: 0;
}

.team-member-name {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  padding-left: 12px;
  float: left;
  color: #2970ff;
  font-size: 19px;
  line-height: 24px;
  text-transform: capitalize;
}

.team-member-title {
  width: 100%;
  padding-left: 12px;
  float: left;
  color: #0c1e3e;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
}

.team-member-social {
  width: 100%;
  margin-top: 10px;
  padding-right: 12px;
  padding-left: 12px;
  float: left;
}

.team-member-social-link {
  margin-right: 8px;
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}

.team-member-social-link:hover {
  opacity: 0.8;
}

.team-member-social-link-image {
  width: 18px;
  height: 18px;
}

.team-data-balloon {
  position: absolute;
  z-index: 0;
  padding: 3px 13px;
  border-radius: 4px;
  background-color: #e7eaed;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  color: #0c1e3e;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
}

.team-data-balloon.active {
  z-index: 2;
  opacity: 1;
}

.data-balloon-bottom {
  font-weight: 600;
}

.press-release {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 306.67px;
  height: 325px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .16);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #2970ff;
  font-size: 21px;
  line-height: 27px;
  text-decoration: none;
}

.press-release:hover {
  z-index: 2;
  box-shadow: 0 12px 17px 0 rgba(0, 0, 0, .16);
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.press-release-image-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 140px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #8795a3;
}
.press-release-image-wrap.im {
  z-index: 2;
  height: 181px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
	
.press-release-image-wrap.im.active {
  height: 0px;
}
.press-release-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 20px 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.press-release-image {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.press-release-image.active {
  -webkit-transform: scale(1.13);
  -ms-transform: scale(1.13);
  transform: scale(1.13);
}

.press-release-copy-title {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.press-release-copy-title.im {
  font-size: 14px;
  line-height: 21px;
}

.press-release-copy-source {
  position: relative;
  z-index: 3;
  color: #5a6d81;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
}

.video-modal-close {
  position: absolute;
  left: 50%;
  top: 24px;
  margin-left: 20px;
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
  font-family: 'Source Sans Pro', sans-serif;
  color: #c4cbd2;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  text-decoration: none;
}

.video-modal-close:hover {
  opacity: 0.8;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  background-color: #091440;
  opacity: 0;
}

.loader.active {
  z-index: 999;
  opacity: 1;
}

.div-block-5 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.html-embed-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.bgtest {
  position: fixed;
}

.frontpage-bg-video {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.my-sizer-element {
  position: absolute;
  width: 1px;
  height: 280px;
  float: left;
}

.gif-ontop-svg {
  position: absolute;
  width: 100%;
  height: 29px;
  margin-top: 5px;
  background-image: url('../images/empoweringemoji2x.gif');
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.mobile-play-button {
  position: absolute;
  left: 226px;
  bottom: 0px;
  display: none;
  width: 136px;
  height: 44px;
  padding-top: 12px;
  padding-left: 49px;
  border-radius: 4px;
  background-image: url('../images/mobile_play_button.svg'), -webkit-radial-gradient(circle farthest-corner at 100% 0%, #2970ff 2%, #4784ff 100%, #5f94ff 101%);
  background-image: url('../images/mobile_play_button.svg'), radial-gradient(circle farthest-corner at 100% 0%, #2970ff 2%, #4784ff 100%, #5f94ff 101%);
  background-position: 11px 50%, 0px 0px;
  background-size: 26px 26px, auto;
  background-repeat: no-repeat, repeat;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .21);
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.mobile-play-button a:link {
  color: #f9fbfc  ;
  text-decoration: none;
}
.mobile-play-button a:visited {
  color: #f9fbfc  ;
  text-decoration: none;
}
.mobile-play-button a:hover{
color: #f9fbfc  ;
text-decoration: none;
}

.mobile-play-button:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .21);
}

.video-modal-wrapper {
  display: block;
  width: 640px;
  height: 480px;
  margin-top: 110px;
}

.community-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 306.67px;
  height: 200px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .16);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-decoration: none;
}

.community-card:hover {
  box-shadow: 0 12px 17px 0 rgba(0, 0, 0, .16);
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.community-section-description {
  width: 100%;
  margin-top: 70px;
  margin-bottom: 46px;
  margin-left: 70px;
  padding-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.platform-text-block {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 14px 20px 18px 18px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
}

.platform-image {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.platform-name {
  color: #2970ff;
  font-size: 21px;
  line-height: 27px;
  font-weight: 600;
  text-decoration: none;
}

.community-section-title {
  position: relative;
  width: 440px;
  padding-bottom: 10px;
  float: left;
  color: #2970ff;
  font-size: 42px;
  line-height: 53px;
}

.community-section-subtitle {
  width: 440px;
  float: left;
  clear: left;
  color: #596d81;
  line-height: 22px;
}

.community-join {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
	
.community-section-left {
  width: 40%;
}
	
.community-section-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
  	
.first-view-buttons {
  position: absolute;
}

@media (max-width: 991px) {
  body {
    background-attachment: fixed;
  }
  .front {
    width: 62%;
  }
  .front.brand {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
  .logo {
    height: 58px;
    margin-left: 0px;
  }
  .logo.brand {
    margin-left: 0px;
  }
  .slogan.font28.transition {
    width: 100%;
  }
  .description {
    width: 500px;
    padding-top: 40px;
  }
  .description.font38 {
    width: 100%;
    padding-top: 20px;
    padding-left: 92px;
    font-size: 32px;
    line-height: 38px;
  }
  .below.subpage {
    margin-top: 300px;
  }
  .statisticscontent.width1100 {
    padding-right: 60px;
    padding-left: 60px;
  }
  .statisticsminedbar.borderradius4.margin20 {
    width: 100%;
  }
  .column {
    margin-bottom: 20px;
  }
  .column.percentmined {
    width: 100%;
  }
  .column.supplydistribution {
    width: 397px;
  }
  .column.development {
    float: right;
  }
  .piechart {
    margin-bottom: 15px;
  }
  .mission-section {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .mission-section.reverse {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .mission-section.last {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .width1100 {
    width: 100%;
  }
  .width1100.footercolumns {
    padding-right: 20px;
    padding-left: 20px;
  }
  .width940 {
    width: 100%;
    padding-right: 60px;
    padding-left: 60px;
  }
  .media {
    margin-bottom: 30px;
    margin-left: 0px;
    float: left;
  }
  .fronta.brand {
    background-size: contain;
  }
  .fronta.subpage {
    height: 300px;
  }
  .mission-section-image {
    width: 50%;
    margin-right: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .mission-section-image.lightning {
    width: 218px;
  }
  .mission-section-image.first {
    position: absolute;
    top: 31px;
    bottom: 0px;
    z-index: 0;
    width: 471px;
    margin-left: -59px;
  }
  .mission-text-body {
    width: 100%;
  }
  .overviewflex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .mission-content {
    position: relative;
    z-index: 1;
    width: 48%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .overviewflexreverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .networkstatistics {
    width: 237px;
  }
  .footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .icon {
    float: right;
  }
  .footerblocklinkdev {
    background-position: 0px -1px;
  }
  .footerblocklinkdev:hover {
    background-position: 0px -1px;
  }
  .footerrows {
    padding-right: 20px;
    padding-left: 20px;
  }
  .footerblockstatsname {
    display: block;
    width: 100%;
    padding-right: 7px;
    padding-left: 7px;
    float: right;
    text-align: center;
  }
  .footerblockstatslink.borderradius4.backgroundturquoise.dropshadow {
    width: 100%;
  }
  .footerblockstatslink.borderradius4.backgroundwashedblue.dropshadow {
    width: 100%;
  }
  .width860 {
    width: 100%;
    padding-top: 60px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .footerrowscolumn1 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .width-half.right-padding-90 {
    padding-right: 10px;
  }
  .width-half.left-padding-50.right-padding-40px {
    padding-right: 0px;
    padding-left: 10px;
  }
  .width-640 {
    width: 100%;
  }
  .height-122.margin20.brand {
    background-position: 50% 37px;
  }
  .notification-message {
    padding-bottom: 6px;
  }
  .width1180.modal {
    width: 100%;
    padding-right: 60px;
    padding-left: 60px;
  }
  .stakepool-data {
    overflow: auto;
  }
  .buttonclose.borderradius4.font14.fontsemibold.transition.dropshadow {
    margin-right: 60px;
  }
  .modalparagraph {
    width: 100%;
    margin-top: 15px;
  }
  .modalparagraph.right {
    float: left;
  }
  .navigation {
    left: auto;
    top: 15px;
    right: 20px;
    bottom: 35px;
  }
  .button.download-wallet {
    margin-left: 92px;
  }
  .button.all-downloads {
    margin-left: 92px;
  }
  .nav-social {
    position: relative;
    padding-left: 0px;
  }
  .logo-download-page {
    height: 82px;
    margin-left: 0px;
  }
  .header-download-page {
    margin-top: 60px;
  }
  .main-download-page {
    width: 100%;
    padding-right: 20px;
    padding-left: 70px;
  }
  .section-card-download-page {
    margin-right: 20px;
  }
  .nav-links-wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .firstview-right {
    position: relative;
    margin-left: 0px;
  }
  .play-button {
    width: 70px;
    height: 70px;
    margin-left: 44px;
    background-position: 26px 0px;
    background-size: 40% 100%;
  }
  .play-button:hover {
    background-position: 26px 50%;
    background-size: 40% 100%;
  }
  ._960 {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  ._960.subpage-header {
    width: auto;
    margin-bottom: 25px;
    margin-left: 0px;
    padding-right: 0px;
  }
  .principles {
    padding-top: 50px;
    padding-bottom: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .mission-title.fix {
    width: auto;
  }
  .mission {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .full-width.gray-bg.features {
    position: relative;
    z-index: 1;
  }
  .feature-bubble.consensus-voting {
    position: absolute;
    left: 17px;
    top: -21px;
  }
  .feature-bubble.atomic-swaps {
    left: 186px;
    top: -31px;
  }
  .feature-bubble.politeia {
    left: -45px;
    top: 263px;
  }
  .feature-bubble.lightning-network {
    left: 178px;
  }
  .feature-bubble.cross-platform-wallets {
    left: 92px;
    top: 144px;
  }
  .feature-bubble.soon-tm {
    left: 246px;
    top: 107px;
  }
  .principles-section {
    width: 100%;
    margin-bottom: 30px;
  }
  .principles-slides {
    padding-right: 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .principles-slides-select {
    min-height: 80px;
  }
  .principles-slides-nest {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .principles-slide-copy {
    width: 100%;
  }
  .principles-select {
    min-height: 80px;
    background-color: #5a6d81;
  }
  .svg-embed {
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .mission-chart {
    width: 48%;
  }
  .firstview-left {
    width: 50%;
  }
  .subpage-content-section {
    padding-bottom: 50px;
  }
  .subpage-description {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .subpage-content.press {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-left: 0px;
  }
  .subpage-content.community {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .team-filter-button {
    margin-left: 0px;
  }
  .press-release {
    width: 30%;
    height: 368px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .press-release-image-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .press-release-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
  .gif-ontop-svg {
    height: 20px;
  }
  .video-modal-wrapper {
    width: 90%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .community-card {
    width: 30%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .community-section-description {
    margin-top: 50px;
    margin-bottom: 36px;
    margin-left: 50px;
    padding-right: 0px;
  }
  .first-view-buttons {
    margin-left: 92px;
  }
}

@media (max-width: 767px) {
  .font16.colorblue.brand {
    float: left;
    clear: left;
  }
  .font16.colordarkblue.brand.margin20 {
    float: left;
    clear: left;
  }
  .font38.fontsemibold.margin65.colorlightblue.lineheigh45 {
    margin-top: 0px;
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .front {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
  .logo {
    margin-bottom: 35px;
    margin-left: 0px;
  }
  .slogan.font28.transition {
    display: none;
    width: 100%;
    margin-bottom: 40px;
  }
  .description.font28 {
    width: 100%;
    padding-top: 0px;
  }
  .description.font38 {
    width: 300px;
    padding-top: 10px;
    padding-left: 0px;
    font-size: 28px;
    line-height: 38px;
  }
  .statistics {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .statisticscontent.width1100 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .column.supplydistribution {
    width: 100%;
  }
  .column.development {
    width: 100%;
  }
  .mission-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .mission-section.reverse {
    height: auto;
    margin-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .mission-section.last {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .press-release-image {
    top: 0;
    left: 0;
    right: 0;
}
  .width1100 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .centerblock {
    padding: 40px;
  }
  .width940 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .media {
    width: 100%;
  }
  .fronta {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .mission-section-image {
    height: auto;
  }
  .mission-section-image.first {
    position: relative;
    top: 0px;
    margin-left: 0px;
  }
  .overviewflex {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .mission-content {
    position: static;
    width: 100%;
  }
  .overviewflexreverse {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .overviewtextbottomlink.font14.fontsemibold.colorblue.transition {
    padding-bottom: 20px;
  }
  .footer {
    padding: 40px 20px;
  }
  .icon {
    display: inline-block;
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 0px;
    float: left;
  }
  .footerblockindicator.backgroundlightblue.colorblue.borderradius4.dropshadow.font12.transition.opacity000 {
    display: none;
  }
  .footerblocklinkdev {
    display: block;
    margin-bottom: 15px;
    padding-left: 29px;
    background-position: -5px -6px;
  }
  .footerblocklinkdev:hover {
    background-position: -5px -6px;
  }
  .footerrows {
    padding-right: 0px;
    padding-left: 0px;
  }
  .footerblockstatsname {
    display: inline-block;
    width: auto;
    float: left;
  }
  .footerblockstatsrow {
    width: 100%;
    padding-top: 12px;
    padding-right: 10px;
    padding-left: 0px;
    float: left;
    clear: left;
  }
  .footerblockstatslink.borderradius4.backgroundturquoise.dropshadow {
    width: 81px;
    float: left;
  }
  .footerblockstatslink.borderradius4.backgroundwashedblue.dropshadow {
    width: 81px;
    float: left;
  }
  .width860 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .footerrowscolumn1 {
    padding-right: 0px;
    padding-left: 0px;
    text-align: left;
  }
  .footerrowscolumn1.footerblockstats {
    padding-right: 0px;
    padding-left: 0px;
  }
  .footerrowscolumn1.footerblockicon {
    text-align: left;
  }
  .width-half {
    width: 140px;
  }
  .width-half.right-padding-90 {
    width: 100%;
    margin-bottom: 65px;
    padding-right: 0px;
  }
  .width-half.left-padding-50.right-padding-40px {
    width: 100%;
    padding-left: 0px;
  }
  .height-122.width-122.margin20.ss {
    width: 120px;
    height: 120px;
  }
  .height-122.width-122.margin20.ii {
    width: 120px;
    height: 120px;
  }
  .height-160.width-100.brand.margin20.copy-color {
    width: 100%;
  }
  .width-third {
    width: 120px;
    margin-right: 20px;
  }
  .width-100.colors.brand.font16.inconsolata {
    display: block;
    width: 100%;
  }
  .notification-message {
    height: auto;
  }
  .modal {
    display: none;
    opacity: 0;
  }
  .modalparagraph.right {
    margin-bottom: 15px;
  }
  .button.download-wallet {
    display: none;
  }
  .button.all-downloads {
    display: none;
  }
  .button.os-specific {
    display: none;
  }
  .alldl {
    display: none;
  }
  .link-section {
    overflow: auto;
    width: 100%;
    padding-top: 75px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
  }
  .navigation-link {
    width: 100%;
    min-width: 0px;
  }
  .navigation-link.disabled {
    width: auto;
    float: none;
  }
  .nav-social {
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
  }
  .nav-social-link {
    float: none;
  }
  .nav-dcr-dev-link {
    margin-left: 0px;
    float: none;
  }
  .logo-download-page {
    margin-left: 0px;
  }
  .header-download-page {
    margin-top: 40px;
  }
  .main-download-page {
    padding-left: 20px;
  }
  .section-download-page {
    margin-top: 30px;
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
  }
  .section-card-download-page {
    width: 254px;
    height: 138px;
  }
  .bg-illustration {
    display: none;
  }
  .play-button {
    display: none;
  }
  .video-modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  ._960.subpage-header {
    width: auto;
    margin-bottom: 20px;
    margin-left: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .platform {
    padding-top: 112px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mission-title {
    width: auto;
    margin-bottom: 15px;
  }
  .mission-title.fix {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .mission {
    padding-top: 30px;
  }
  .disabled-link-tag {
    display: inline-block;
    float: none;
  }
  .section-title {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    margin-top: 15px;
  }
  .section-title.platform-fix {
    margin-top: 81px;
  }
  .quotes {
    padding: 20px 20px 20px 110px;
    background-position: 35px 50%;
  }
  .quotes-quote {
    font-size: 19px;
  }
  .quotes-by {
    margin-top: 15px;
  }
  .features-description {
    width: 100%;
  }
  .feature-bubble.consensus-voting {
    left: 6px;
    top: 104px;
  }
  .feature-bubble.atomic-swaps {
    left: 250px;
    top: 22px;
  }
  .feature-bubble.politeia {
    left: 78px;
    top: 312px;
  }
  .feature-bubble.lightning-network {
    left: 262px;
    top: 338px;
  }
  .feature-bubble.cross-platform-wallets {
    left: 181px;
    top: 173px;
  }
  .feature-bubble.soon-tm {
    left: 342px;
    top: 175px;
  }
  .svg-embed {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .mission-chart {
    width: 100%;
    height: auto;
  }
  .mission-chart-mined {
    padding-top: 53px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .firstview-left {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .subpage-content-section {
    padding-bottom: 2px;
  }
  .subpage-description {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .subpage-content.press {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .subpage-content.community {
    margin-left: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .team-filter-button {
    margin-right: 30px;
  }
  .press-release {
    width: 46%;
    height: 325px;
  }
  .press-release.im {
    height: auto;
	}
  .press-release-image-wrap {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .press-release-image-wrap.im {
   height: 164px;
  }
  .press-release-image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .press-release-copy-title.im {
    display: none;
  }
  .mobile-play-button {
    position: relative;
    left: 0px;
    display: block;
    margin-top: 20px;
    float: left;
  }
  .video-modal-wrapper {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .community-card {
    width: 47%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .community-section-description {
    margin-top: 40px;
    margin-bottom: 26px;
    margin-left: 0px;
  }
  .platform-image-source {
   max-width: 120%;
  }
  .community-section-title {
   width: 100%;
  }
  .community-section-subtitle {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .font38.fontsemibold.margin65.colorlightblue.lineheigh45 {
    margin-top: 0px;
    margin-bottom: 40px;
  }
  .front {
    width: 88%;
    padding-top: 50px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .description.font38 {
    width: auto;
    padding-top: 0px;
    font-size: 23px;
    line-height: 31px;
  }
  .buttongetstarted.borderradius4.font14.fontbold.transition.dropshadow {
    margin-top: 16px;
    margin-left: 0px;
  }
  .statistics {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .statisticscontent.width1100 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .column.supplydistribution {
    margin-bottom: 30px;
  }
  .piechart {
    display: block;
  }
  .centerblock.width1100 {
    padding: 30px;
  }
  .centerblock.width940 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
  }
  .content {
    padding-left: 30px;
    float: none;
  }
  .fronta {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .mission-section-image {
    height: auto;
  }
  .networkstatistics {
    position: relative;
    display: block;
    width: 100%;
  }
  .networkstatisticssection {
    width: 100%;
  }
  .networkstatisticsfloat {
    width: 100%;
  }
  .footer {
    padding: 30px 10px;
  }
  .icon {
    margin-top: 12px;
  }
  .footerblockstatsrow {
    padding-top: 12px;
  }
  .footerrowscolumn1.footerblockicon {
    padding-top: 0px;
  }
  .width-third {
    margin-bottom: 20px;
  }
  .button {
    display: block;
    float: none;
    clear: left;
  }
  .button.download-wallet {
    float: left;
  }
  .button.getting-started {
    margin-top: 10px;
    margin-left: 0px;
    float: left;
  }
  .button.all-downloads {
    float: none;
  }
  .header-download-page {
    width: 100%;
  }
  .section-download-page {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
  }
  .section-card-download-page {
    width: 100%;
    height: auto;
    min-height: 122px;
  }
  ._960.firstview {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .platform {
    padding-bottom: 0px;
  }
  .principles {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .mission-title {
    margin-top: 10px;
  }
  .mission {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .section-title {
    margin-top: -20px;
    margin-left: -21px;
  }
  .quotes {
    padding-top: 60px;
    padding-left: 20px;
    background-position: 50% 15px;
    background-size: 30px 30px;
  }
  .full-width {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .features-bubbles {
    padding-top: 20px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .feature-bubble {
    position: static;
    display: block;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    float: none;
  }
  .feature-bubble:hover {
    width: 100%;
    margin-left: auto;
  }
  .feature-bubble.consensus-voting {
    position: static;
  }
  .bubble-copy {
    width: 100%;
  }
  .firstview-left {
    width: 88%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .subpage-content.press {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .team-member {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .press-release {
    width: 100%;
  }
  .press-release-image-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .community-card {
   width: 100%;
  }
  .community-section-description {
   margin-top: 30px;
  }
  .platform-image-source {
   max-width: 100%;
  }
}


.macdl {
  display: none;
}
.linuxdl {
  display: none;
}
.win32dl {
  display: none;
}
.win64dl {
  display: none;
}
.windl {
  display: none;
}


.hidden {
  visibility: hidden;
}