canvas{
    width: 100%;
    height: 100%;
}

a.buttonVS {
    padding-left: 16px;
    padding-right: 14px;
}

/***********************************************/
/* Form and pop-up overrides */
/***********************************************/

/* Header newsletter pop */
#popmake-4766 #field_1_5 {
    margin-top: 25px;
}

#popmake-4766 .gchoice {
  display: flex;
  align-items: flex-start;
  margin: 10px 0;
  line-height: 1.25rem;
}

#popmake-4766 input[type="checkbox"] {
  margin: 3px 7px 0 0;
}

#popmake-4766 .newsletter_btn_wrap a {
  display: inline-block;
  width: auto;
}

.footer .footerForm{
    position: relative;
}

.footer .footerForm a.form-overlay{
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index: 10;
}

/***********************************************/
/* Custom CSS for repeatable sections*/
/***********************************************/

/*remove padding because sections have their own*/
.blog-content.repeatable-sections{
    padding-top: 0;
    padding-bottom: 0;
}

.repeatable-section .background_wrap{
    background-size: cover;
    background-position: center center;
}

.repeatable-section .center-vertically{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.repeatable-section.standard_content,
.repeatable-section.embedded_video,
.repeatable-section.image_content .background_wrap{
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.repeatable-section.pull_quote .background_wrap{
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.repeatable-section.pull_quote .pull-quote-box{
    background-color: #ffffff;
    padding: 2rem;
    margin-left: 19%;
    margin-right: 2rem;
}

.repeatable-section.pull_quote .quote{
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1.3rem;
    line-height: 1.875rem;
    margin-bottom: 1rem;
    letter-spacing: -.03em;
}

.repeatable-section.pull_quote .person-name{
    margin-top: -5px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.repeatable-section.pull_quote .person-pic {
    flex-shrink: 0;
}

.repeatable-section.pull_quote .person-pic img{
    height: 3.5rem;
}

.repeatable-section.pull_quote .person-info{
    margin-left: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.repeatable-section.pull_quote .person-title{
    margin-top: 0;
    font-family: "Monument Grotesk Mono", monospace;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
}

.repeatable-section.pull_quote .pull-quote-footer {
    display: flex;
}

.repeatable-section .content-column.light .title,
.repeatable-section .content-column.light .content{
    color: #ffffff;
}

.repeatable-section .content-column.dark .title,
.repeatable-section .content-column.dark .content{
    color: #2d2d2d;
}

.repeatable-section.image_content .image-column{
    margin-bottom: 4rem;
}

.repeatable-section.image_content img {
    width: auto;
    height: 23rem;
    margin: auto;
}
.blog-content .eyebrow {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 20px;
    text-transform: uppercase;
}
.single-blog .side-menu ol > li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.single-blog .side-menu ol > ul li:before {
    /*flex-basis: 2rem;*/
    content: none;
}
.single-blog .side-menu ol > li.active {
    color: #fff;
}
.single-blog .side-menu ol > li > a {
    flex-basis: 85%;
    padding-right: 30px;
}
.single-blog .side-menu ol ul {
    margin-left: 2rem;
}
.single-blog .side-menu ol ul > li.toc_level2 {
    border-left: 1px solid rgba(45,45,45,.25);
}
.single-blog .side-menu ol ul > li.toc_level2 a {
    border: none;
    max-width: 190px;
}
.single-blog .side-menu ol ul > li.toc_level2 span {
    border: none;
    margin-left: 2rem;
}
.single-blog .side-menu ul li.active a span {
    /*color: #2d2d2d;*/
}
.single-blog .side-menu .toggle_subsection {
    position: absolute;
    right: 10px;top: 3px;
    padding: 0.75rem 0.25rem;
    cursor: pointer;
    transition: transform 300ms;
}
.single-blog .side-menu li.open .toggle_subsection {
    transform: rotate(90deg);
}
.single-blog .side-menu ul li.active > a {
    background: url(img/MinaSepctrumSecondary.png) no-repeat scroll 100%,linear-gradient(0deg,#2d2d2d,#2d2d2d) repeat scroll 0 0,#fff none repeat scroll 0 0;
    color: #fff;
}
.single-blog .side-menu ul li.toc_level2 span {
    color: #2d2d2d;
}.single-blog .side-menu ul li.toc_level2.active span {
    color: #fff;
}
.single-blog .side-menu ul.toc_level2 {
    display: none;
}
.single-blog .embed_video_wrap {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.single-blog .embed_video_wrap.youtube,
.single-blog .embed_video_wrap.vimeo {
    padding-bottom: 56.25%;
}
.single-blog .embed_video_wrap iframe,
.single-blog .embed_video_wrap object,
.single-blog .embed_video_wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 90rem){

    html body .blog-header-container {
        margin: 17.1rem calc(( 100vw - 90rem ) / 2 );
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    html body .blog-container {
        margin: 0 calc((100vw - 90rem) / 2 );
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    html body .repeatable-section .container{
        max-width: 90rem;
    }

    html body .repeatable-section.pull_quote .pull-quote-box{
        width: auto;
    }

    html body .repeatable-section.pull_quote .quote{
        font-size: 2.5rem;
        line-height: 3.125rem;
    }
    .blog-content.repeatable-sections.has_toc .container,
    .blog-content.repeatable-sections.has_toc .blog-container {
        padding-left: 25rem;
    }
    .blog-content h2.section_title {
        margin: 1rem 0;
    }
    .blog-container {
        padding-top: 5rem;
        z-index: 98;
        background: #fff;
    }
    .single-blog .side-menu {
        margin-top: 3rem;
        display: block;
    }
    .single-blog .side-menu.is-fixed {
        top: 52px !important;
    }
    .tos-container .side-menu {
        top: 88px !important;
        position: relative !important;
    }
    .tos-container .side-menu.is-fixed {
        position: fixed !important;
        top: 88px !important;
    }
}

@media screen and (min-width: 48rem){

    .blog-header-container {
        margin: 17.1rem calc( ( 100vw - 48rem ) / 2 );
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .blog-container {
        margin: 0 calc( (100vw - 48rem)/2);
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .repeatable-section .container{
        max-width: 48rem;
    }

    .repeatable-section .alignleft {
        float: left;
        right: 1rem;
    }
    .repeatable-section .alignright {
        float: right;
        margin-left: 1rem;
    }
    .repeatable-section .aligncenter {
        float: none;
        margin: auto;
    }
    .repeatable-section .aligncenter figcaption{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .repeatable-section .row{
        display: flex;
    }

    .repeatable-section .col-sm-3{
        width: 25%;
    }

    .repeatable-section .col-sm-4{
        width: 33.333%;
    }

    .repeatable-section .col-sm-6{
        width: 50%;
    }

    .repeatable-section .col-sm-8{
        width: 66.666%;
    }

    .repeatable-section .col-sm-9{
        width: 75%;
    }

    .repeatable-section.image_content .image-column{
        padding-right: 20px;
        margin-bottom: 0;
        margin-right: 1rem;
    }

    .repeatable-section.image_content .image-column img{
        width: 23rem;
        height: auto;
    }

    html .repeatable-section.pull_quote .pull-quote-box{
        padding: 2.5rem 2.5rem 2.5rem 4.5rem;
        margin: auto;
        width: 43rem;
    }

    html .repeatable-section.pull_quote .person-pic img{
        height: 5.5rem;
    }

    .repeatable-section.pull_quote .person-name{
        justify-content: center;
    }

    .repeatable-section.pull_quote .person-name{
        margin-top: 0.51rem;
        font-size: 20px;
        line-height: 2.375rem;
    }

    html .repeatable-section.pull_quote .quote{
        font-size: 2.5rem;
        line-height: 3.125rem;
    }

}

@media screen and (min-width: 24rem){

    .side-menu {
        display: none;
    }

}

/***********************************************/
/* end repeatable sections*/
/***********************************************/
.footerLegals__info {
    white-space: nowrap;
}
.footerLegals__menu {
    flex-basis: 50%;
    margin-left: 0;
}
.menu-shortcode ul.menu {
    list-style: none; margin-left: 0;
}

.pum-content .newsletter_btn_wrap {
    position: relative;
}
.pum-content .newsletter_btn {
    width: 125px;
    background-color: #ff603b;
    color: #fff;
    border-radius: 4px 1px;
    text-transform: uppercase;
    padding: .5rem 1rem;
    border: 1px solid #000;
    position: relative;
    height: 55px;
    transform-style: preserve-3d;
    transition: background .2s ease-out 0ms;
    display: block;
}
.pum-content .newsletter_btn:hover {
    background-color: #2d2d2d;
}
.pum-content .newsletter_btn::after {
    position: absolute;
    content: "";
    inset: .25rem -.25rem -.25rem .25rem;
    transform: translateZ(-1px);
    transition: transform .2s ease-in 0ms,border 50ms ease-in .1s;
    border: 1px solid #000;
    border-radius: 4px 1px;
    z-index: -1;
    width: 125px;
    height: 55px;
    transform-style: preserve-3d;
}
.pum-content .newsletter_btn:hover:after {
    border: 0 solid transparent;
    transform: translate(-.25rem,-.25rem);
}
.pum-container {
    background-image: url('/wp-content/uploads/modalbkgrd.jpg');
    background-position: center;
    background-size: cover;
}
.pum-theme- .pum-title {
    margin-bottom: 10px !important;
}
#field_1_5 {
    font-size: 24px;
    line-height: 28px;
    margin: 50px 0 10px;
}
#input_1_1 {
    padding: 12px;
}
#field_1_4 {
    margin: 20px 0;
}
#field_1_4 .ginput_container_checkbox {
    margin-left: 10px;
}
#field_1_4 .gfield-choice-input {
    margin-top: 4px;
    vertical-align: top;
}
.pum-content .gform_wrapper.gravity-theme .gfield-choice-input + label {
    vertical-align: top
}

.footerForm input[type="email"],
.footerForm input[type="text"]{
    font-family: "Monument Grotesk", sans-serif;
    line-height: 24px;
    color: #2d2d2d;
    display: inline-flex;
    align-items: center;
    height: 3.25rem;
    border-radius: 2px;
    width: 14.5rem;
    font-size: 1rem;
    padding-left: 1rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
    border: 1px solid #fff;
    outline: none;
}

.background_wrap {
    background-image: url(/wp-content/uploads/2021/02/BlogBackground-scaled-1.jpg);
    background-position: left top;
    background-size: cover;
}
.about-block .techWorks section,
.landing-block .techWorks section,
.community-block .techWorks section {
    padding-left: 0;
}
.about.techMilestones,
.about.techIncentive {
    padding-bottom: 0 !important;
}
.about.techIncentive:last-of-type {
    padding-bottom: 6rem !important;
}
.about.techMilestones section,
.about.techIncentive section,
.use_cases.techProjects section,
.something.techWorks section,
.something.knowledge section {
    padding-left: 0;
}
.use_cases.techJoin {
    padding-top: 10rem;
}
.techStarted-content.right img,
.techStarted-content.right .background-img,
.techJoin-content.right img,
.techJoin-content.right .background-img {
    left: auto;
    right: auto;
}
.techStarted-content.right .techStarted-box,
.techJoin-content.right .techJoin-text {
    right: auto;
    left: auto;
    overflow: auto;
    max-height: none;
}
.techJoin-content.right .techJoin-button a.orangeButtonDarkBG::after {
    border: 1px solid #ff603b;
}
.columns {
    background-size: cover;
    background-position: left top;
}
.columns section{
    width: 100%;
    max-width: 71rem;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 8rem;
    background-position: -6.5rem -2rem;
}
.columns ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
}
.columns .knowledgeTitle {
    margin-bottom: 3rem;
}
.columns .smallTitle {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 1rem;
}
.columns h3 {
    font-family: "Monument Grotesk Mono", monospace;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    margin: 1rem 0;
}
.columns p {
    line-height: 24px;
    font-size: 18px;
}
.columns .knowledgeSecDescrip {
    font-size: 19px;
    line-height: 28.5px;
    margin-bottom: 3rem;
    margin-top: -1rem;
    font-family: "Monument Grotesk Mono", monospace;
}

.image_text section {
    width: 100%;
    max-width: 71rem;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.tech-block--image_text:last-of-type {
    padding-bottom: 5rem;
}
.flexRow,
.flexRow.right {
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    gap: 2.5rem;
    font-size: 18px;
    line-height: 27px;
}
.flexRow h4 {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 20px;
    line-height: 30px;
}
.flexCol h4 {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 20px;
    line-height: 30px;
    margin: 1rem 0;
}

.flexRow p,
.flexCol p{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 1rem;
}
.flexRow img {
    max-width: 100%;
}
.flexCol {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 18px;
    line-height: 27px;
}
.flexCol.bottom {
    flex-direction: column-reverse;
}

.spacer {
    height: 10rem;
    background-position: left center;
    background-size: cover;
}

.headerMenu ul > li > ul > li a span {
    margin-left: 0;
}
.landingSections {
    padding-bottom: 5rem;
    background-position: center;
    background-size: cover;
}
.landingSections hr:first-of-type {
    margin-top: 4rem;
}
.landingSections h2 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 1.5rem;
}
.landingSections h2 > span {
    display: block;
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 19px;
    line-height: 30px;
    margin-top: 10px;
}
/*.landing-block--join .techStarted-boxinner a {
    font-family: "Monument Grotesk", sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
}*/
.landingSections hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.landingSections section.dark {
    background-image: url(/wp-content/uploads/dark.jpg);
    background-color: #2d2d2d;
    background-size: cover;
    background-position: center;
    color: #fff;
    margin: 5rem auto;
    padding: 1.5rem 1.5rem 2rem;
}
.landingSections section.dark .flexRow {
    align-items: flex-start;
}
.landingSections section.dark h3 {
    font-size: 32px;
    line-height: 38px;
}
.landingSections section.dark p {
    margin: 1.5rem 0;
}
.page-template-temp-landing .pageHeader__container p {
    max-width: 31rem;
}
.pageHeader__container a.buttonVS {
    /*width: 12rem;*/
    height: 52px;
    margin-t: 20rem;
}
#what-are-zkapps {
    padding-bottom: 0;
}
.tech-block--columns {
    padding: 5rem 0 8rem;
    background: #fff;
}
.columns-full ul {
    padding-top: 3rem
}
.columns-full li {
    padding-bottom: 3rem
}
.columns-full h4 {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 19px;
    line-height: 30px;
    margin: 10px 0;
}
.zUp {
    z-index: 10;
}

.blog-content ol li ol li {
	list-style-type: lower-alpha;
}
.blog-content ol li ul li {
	list-style-type: square;
}
.footerForm {
    margin-top: 1rem;
}
.footer {
    padding-bottom: 2rem
}
.footerSocial h4 {
    color: #ff603b;
    margin-bottom: .8rem;
    font-size: 1rem;
}
.footerCol2 > ul > li {
    max-width: none;
    flex-basis: auto;
}
.footerCol2 > ul > li > a, 
.footerCol2 > ul > li > a:hover{
    color: #ff603b;
    font-size: 1rem;
    opacity: 1;
}

@media screen and (min-width: 64rem) {
    .landingSections {
        background-position: left top;
    }
    .footerCol1 {
        margin-right: 4rem;
    }
    .footerCol2 > ul > li {
        flex-basis: 200px;
    }
}
@media screen and (min-width: 90rem) {
    .columns section,
    .image_text section {
        padding-left: 16rem;
    }
    .page-template-temp-landing .pageHeader {
        height: 50rem;
    }
    .pageHeader__container {
        margin: 12rem 9.5rem 12rem;
    }
    .footer {
        padding-bottom: 2rem;
        padding-top: 3rem;
    }
    .footerCol1 {
        margin-right: 10.5rem;
    }
    .footerCol2 {
        height: auto;
    }
    .footerCol2 > ul {
        flex-wrap: nowrap;
    }
    .footerCol2 > ul > li {
        flex-basis: 300px;
    }
}
@media screen and (min-width: 48rem) {
    .columns ul.twocol {
        grid-template-columns: 50% 50%;
    }
    .columns ul.twocol li {
        width: 60%;
    }
    .columns ul.threecol {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .columns ul.threecol li {
        /*width: 60%;*/
    }
    .columns-full ul {
        display: flex;
    }
    .columns-full ul li {
        flex-grow: 1;
        flex-basis: 0;
        padding-right: 1rem;
    }
    .flexRow {
        flex-direction: row;
    }
    .flexRow.right {
        flex-direction: row-reverse;
    }
    .page-template-temp-tech .linksBox {
        padding: 3.75rem 0;
    }
    .landingSections .flexRow {
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        margin: 2rem auto;
    }
    .landingSections .flexRow > div {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 29rem;
    }
    .landingSections .flexRow.none > div {
        max-width: none;
    }
    .landingSections .flexRow .background-img  {
        height: 520px;
    }
    .page-template-temp-landing .pageHeader__container h1 {
        max-width: 50%;
    }
    .pageHeader__container h1,
    .pageHeader__container p {
        max-width: 36rem;
    }
    h4.right_indent {
        max-width: 36rem;
    }
    p.right_indent {
        max-width: 45rem;
    }
    .techStarted-content.right img,
    .techJoin-content.right img{
        left: 0;
        right: auto;
    }
    .techStarted-content.right .techStarted-box,
    .techJoin-content.right .techJoin-text {
        right: 0;
        left: auto;
    }
    .landingSections section.dark {
        padding: 3rem;
    }
    .footerCol2 {
        height: auto;
    }
    .footerCol2 > ul {
        flex-wrap: nowrap;
        margin-top: 60px;
    }
    .footerCol2 > ul > li {
        flex-basis: 200px;
    }
}
@media screen and (max-width: 767px) {
    .spacer {
        height: 0px;
    }
    .techStarted-content.right img,
    .techJoin-content.right img,
    .techStarted-content.left img,
    .techJoin-content.left img {
        left: 0;
        right: auto;
        height: auto;
        bottom: auto;
        padding-top: 0;
        max-height: 645px;
    }
    .landingSections section.dark .buttonVS {
        width: max-content;
    }
    .techStarted-box {
        overflow: auto
    }
    .techStarted .container {
        padding-left: 0;
        padding-right: 0;
    }
    .pressLatest {
        flex-direction: column;
    }
    .pressLatest img {
        margin-bottom: 2rem;
        height: auto;
        max-width: 100%;
    }
    .pressGrid {
        margin-top: 3rem;
    }
    .footerCol2 > ul {
        flex-direction: column;
    }
}

@media screen and (max-width: 420px) {
    .landingSections section.dark .buttonVS {
        width: 280px;
    }
}
@media screen and (max-width: 380px) {
    .landingSections section.dark .buttonVS {
        width: 215px;
    }
}
.headerMenu ul > li > ul > li {
    height: 4.2rem;
}
.cont_toke {
    width: 100%;
}

.area1 {
    margin-right: 4%;
}

.table_area {
    /*display: table;*/
    /*height: 112px;*/
}

.box_flex_sub_area {
    width: 33%;
}

.border_top {
    border: 1px solid #000;
}

.hr_divider {
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 71rem;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #2d2d2d;
    height: 0px;
    background-color: #2d2d2d;
}

.chart_bg {
    background: #202b33;
    width: 90%;
    height: auto;
    height: auto;
    padding: 25px;
}
.header {
    top: auto;
    transition: background .3s;
}
.headerMenu ul > li > a:hover {
    text-decoration: none;
}
.headerLogo {
    padding: .5rem 0;
    display: flex;
    align-items: center;
}
.header.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; 
    background: #fff;
    z-index: 100;
}

.banner {
  padding: 8px 40px;
}

/* Icons */

.notification {
    display: block;
    width: 20px;
    height: 20px;
    color: #202b33;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .6);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto;
}

.colorIcon {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto;
}

.plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #202b33;
    font-weight: 600;
    font-size: 16px;
    line-height: 8px;
    padding: 4px;
    margin-right: 6px;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    color: rgba(255, 255, 255, .2);
}

.red {
    background: #ec1561;
}

.orange {
    background: #ff9939;
}

.green {
    background: #2bab51;
}

.chart-container {
    width: 80%;
    height: 480px;
    margin: 0 auto;
}

.pie-chart-container {
    height: 360px;
    width: 360px;
    float: left;
}

.area1_chart {
    background: #202b33;
    height: 100%;
}

.info_font {
    color: #aaa;
    position: relative;
    top: 3px;
    left: -8px;
    font-size: 19px !important;
    font-weight: 400 !important;
}

.info_font:hover {
    color: #000;
}

.info_font2 {
    color: #aaa;
    position: relative;
    top: 3px;
    left: -5px;
    font-size: 17px !important;
    font-weight: 400 !important;
}

.info_font2:hover {
    color: #000;
}

.img_graphic {
    width: 560px;
}

.box_flex_image img {
    max-width: 112px;
    width: 100%;
    margin-right: 20px;
}

li > a {
	color: rgb(255, 96, 59);
}
li > a:hover {
 text-decoration: underline;
}
.homeBlockchain__item-text h3 {
	width: 12rem;
}
.knowledgeItem ul li a:hover svg {
    color: #fff;
}
.knowledgeItem ul li a:hover {
    text-decoration: none;
}
.homeHero {
    height: auto;
}
.homeHero__text_icons {
    display: flex;
    flex-wrap: wrap;
}
.homeHero__text_icons > div {
    width: 45%;
    margin: 2rem 2rem 0 0;
    background: #fff;
    padding: 2rem;
}
.homeHero__text_icons h4 {
    font-size: 2rem;
    line-height: 2.375rem;
    margin: 1rem 0;
}
.homeHero__text_icons p {
    font-family: "Monument Grotesk Mono, monospace";
    letter-spacing: .02em;
    color: #2d2d2d;
    font-size: 16px;
    line-height: 20px;
}
.homeSingle__item {
    height: auto;
}
.homeSingle__text {
    margin: 14rem 0;
}
.homeSingle__text h2 {
    margin-bottom: 2rem;
}
.homeSingle__text_flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.9rem;
    font-family: "Monument Grotesk Mono, monospace";
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #2d2d2d;
    margin-bottom: .5rem;
}
.homeSingle__text_flex h3 {
    font-size: 3rem;
    font-family: "Monument Grotesk", sans-serif;
    line-height: 3.6rem;
    color: #2d2d2d;
}
.homeBlockchain {
    margin-bottom: 5rem;
}
.roadmap-block--timeline {
    padding: 0;
    
}
.roadmap-block--timeline .roadmapRows {
    padding: 4rem 0;
}
.roadmap-block--timeline .timeline {
    display: block;
    background: #fff;
    padding: 3rem;
    max-width: 50rem;
    margin: auto;
}
.roadmap-block--timeline h2 {
    font-size: 2.5rem;
    width: 100%;
    font-family: "Monument Grotesk", sans-serif;
    font-weight: 400;
    font-size: 2.25rem;
    color: #2d2d2d;
    margin-bottom: 1rem;
}
.timeline-item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 20px;
}
.timeline-item img {
    position: relative;
    margin: 1rem 1rem 0;
    width: auto;
    top: unset;
    right: unset;
}
.timeline-item a {
    color: #fc6542;
}
.timeline-item a:hover {
    color: #2d2d2d;
}
.responsive-video {
    aspect-ratio: 16 / 9;
    width: 100%;
    max-width: 720px;
}
.linksBox-grid a:hover > div h5 {
    text-decoration: underline;
}

@media (max-width: 768px) {
	.homeHero__title {
		height: auto;
        margin-top: 100px;
	}
    .homeHero__text_icons > div {
        width: 100%;
    }
    .timeline-item img {
        max-width: 200px;
    }
	.background-gradients {
		width:100%;
		height:100%;
	}
	.homeHero {
		min-height: auto;
	}
}
/* Blog & Page Table styles - Note: You'll need to add the page-content style to page sections to use */
.blog-content table,
.page-content table {
    background: #fff none repeat scroll 0 0;
    font-size: 1rem;
    font-family: "Monument Grotesk", sans-serif;
    line-height: 1rem;
    color: #2d2d2d;
	display: table;
	width: 100%;
	margin: 0 0 2.5rem;
	padding: 0;
	position: relative;
	border-spacing: 0;
	border-collapse: collapse;
	overflow-x: scroll;
    caption-side: bottom;
}
.blog-content table thead tr th,
.page-content table thead tr th {
    cursor: pointer;
    padding: 1rem 1rem .5rem;
    position: sticky;
    background-color: #2d2d2d;
    color: #fff;
    z-index: 200;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .125rem;
    vertical-align: middle;
    top: 0;
    display: table-cell;
}
.blog-content table tbody tr td,
.page-content table tbody tr td {
    font-size: 1rem;
    line-height: 1rem;
    color: #2d2d2d;
    white-space: wrap;
    overflow-x: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left;
    padding: 1rem;
    position: relative;
}
.blog-content table tbody tr td.right,
.page-content table tbody tr td.right {
	text-align: right;
}
.blog-content table tbody tr td.left,
.page-content table tbody tr td.left {
	text-align: left;
}
.blog-content table tbody tr td.center,
.page-content table tbody tr td.center {
	text-align: center;
}
.blog-content table tbody tr:nth-child(2n+1),
.page-content table tbody tr:nth-child(2n+1) {
    background-color: #f5f5f5;
}
table caption {
	padding: 0.6em 3em 0;
}
.blogHeader-text {
    z-index: 1;
}
.homeHero::after {
    position: relative;
    height: auto;
    background: none;
}
.linksBox h2 {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 26px;
    text-transform: uppercase
}
.nodeOverviewHome {
    position: relative;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: scroll;
    background-size: cover;
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
}
.nodeOverviewHome section {
    padding-left: 0;
}
.nodeOverviewHome .pageHeaderButton {
    width: 210px;
}
.nodeOverviewHome .pageHeaderButton svg {
    margin-right: 1rem;
    max-height: 65%;
}



/* Accessibility adjustments */
.home .homeAnn h3 {
    font-family: "Monument Grotesk", sans-serif;
    color: #2d2d2d;
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 300;
}

@media screen and (max-width: 768px) {
  
  .home .homeAnn h3 {
    font-size: 1.3rem;
    line-height: 1.56rem;
  }
  
}

.footer .footerSocial .sr-icon {
  display: none;
}





.page-template-temp-roadmap .homeAnn__header h2 {
    margin-bottom: 1rem;
}
.about.pageHeader h1,
.about.pageHeader p {
    background-color: transparent;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.about.pageHeader .pageHeader__container {
    margin-bottom: 0;
}
.aboutRows {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.aboutRows-item {
    padding: 3.5rem 2.5rem;
    margin: 0 auto;
    align-items: center;
    gap: 2rem;
}
.about-block.about-block--row_bg hr {
    margin: 5px auto;
    max-width: calc(100% - 304px);/* 9.5rem * 2 = 304px  */
}
.aboutRows hr {
    max-width: calc(100% - 304px);/* 9.5rem * 2 = 304px  */
    margin: 0 9.5rem;
}
.aboutRows-item .background-img,
.aboutRows-item img {
    height: auto;
    width: 100%;
    max-width: 360px;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    margin: 0;
}
.aboutRows-item__img {
    width: 49%;
}
.aboutRows-item__text {
    width: 45%;
}
.aboutRows-item__text h2 {
    width: auto;
    margin-bottom: 1.5rem
}
.aboutRows-item__text .button-link {
    margin-top: 2rem;
}
.aboutFourSquare {
    background: #2d2d2d;
    padding: 4rem 0;
}
.aboutFourSquare{
    background-size: cover;
}
.aboutFourSquare h2 {
    color: #fff;
    font-size: 4rem;
    text-align: center;
    margin-bottom: 4rem
}
.aboutFourSquare.black h2 {
    font-size: 3rem;
    text-align: left;
}
.aboutFourSquare .button-link {
    margin: -3rem auto 2rem;
    display: flex;
    justify-content: center;
}
.aboutFourSquare.black .button-link {
    color: #fff;
    justify-content: flex-start;
    text-align: left;
    width: unset;
    margin: -4rem auto 2rem;
}
.aboutFourSquare .button-link:hover {
    background: none;
    text-decoration: underline;
}
.aboutFourSquare .button-link.button-link svg {
    margin-top: 0;
}
.aboutFourSquare-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 1.25rem;
}
.aboutFourSquare-block {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 3px solid #2d2d2d;
    padding: 1rem;
    background: #fff;
    min-height: 350px
}
.aboutFourSquare-block:hover h3 {
    text-decoration: underline;
}
.aboutFourSquare-block.green:hover {
    background: #9fe4c8;
}
.aboutFourSquare-block.purple:hover {
    background: #c6b4e4;
}
.aboutFourSquare-block.blue:hover {
    background: #99d6e9;
}
.aboutFourSquare-block.white:hover {
    background: #fff;
}
.aboutFourSquare-block.black {
    background: #2d2d2d;
    color: #fff;
    padding: 1rem;
    border: 1px solid #fff;
    border-radius: 4px 1px;
    transform-style: preserve-3d;
}
.aboutFourSquare-block.black::before {
    position: absolute;
    content: "";
    inset: .25rem -.25rem -.25rem .25rem;
    border: 1px solid #fff;
    border-radius: 4px 1px;
    transform: translateZ(-1px);
    transition: transform .2s ease-out 0ms;
}
.aboutFourSquare-block.black:hover::before {
    transform: translate(-.25rem,-.25rem);
}
.aboutFourSquare-block.black h3 {
    font-size: 1.5rem;
}
.aboutFourSquare-block.black .aboutFourSquare-text {
    font-family: "Monument Grotesk Mono, monospace";
    line-height: 1.5rem;
}

.aboutFourSquare-img {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 100px;
    text-align: right;
}
.aboutFourSquare-img img {
    max-width: 100%;
    height: 80px; 
}
.aboutFourSquare-block.block3 .aboutFourSquare-img img {
    height: 60px; 
}
.aboutFourSquare-block .link_text{
    color: #ff603b;
    font-size: 1.125rem;
    line-height: 1.7rem;
    margin-top: auto;
    /*margin-bottom: -2rem;*/
    padding-top: 1rem
}
.aboutFourSquare-block.black  .link_text {
    margin-bottom: 0;
    color: #fff;
}
.aboutFourSquare-block a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    font-size: 0px;
    opacity: 0;
}
.aboutFourSquare-block h3 {
    font-size: 2.25rem;
    margin: 0 110px 24px 0;
}
.aboutFourSquare-text {
    font-size: 1.2rem;
    margin-right: 110px;
}
.aboutFourSquare-block.no-image .aboutFourSquare-text,
.aboutFourSquare-block.no-image h3 {
    margin-right: 0;
}
.aboutFourSquare-text p {
    margin-bottom: 1rem;
}
.about-block--links .linksBox-grid a {
    background-color: #fff;
    border: 1px solid #2d2d2d;
    color: #2d2d2d;
    justify-content: flex-start;
    border-radius: 0;
}
.about-block--links .linksBox-grid a:hover {
    background-color: #99d6e9;
}
.about-block--links .linksBox-grid a::after {
    position: inherit;
}
.about-block--links .linksBox-grid a > div,
.about-block--links .linksBox-grid a p {
    color: #2d2d2d;
    font-size: 1rem;
    font-family: "Monument Grotesk", sans-serif;
}
.about-block--links .linksBox-grid a > div h3 {
    color: #2d2d2d;
    font-size: 2rem;
    line-height: 2.56rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.about-block--links .linksBox-grid a:hover > div h3 {
    text-decoration: underline;
}
.about-block--links .linksBox-grid a > div img,
.about-block--links .linksBox-grid a > div svg {
    margin: 10px 0;
    padding: 0;
    max-width: 100px;
    max-height: 100px;
}
.about-block--links .linksBox-grid a:hover::after {
    transform: none;
    content: none;
}
.aboutKnowledgebase {
    background-size: cover;
}
.aboutKnowledgebase-inner {
    padding: 5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.aboutKnowledgebase-inner h2 {
    font-size: 2.25rem;
    margin-bottom: 1rem;
}
.aboutKnowledgebase-accordion {
    width: 400px;
    max-width: 95%;
}
.aboutKnowledgebase-panels {
    border-bottom: 1px solid #2d2d2d;
}
/*.accordion-collapse.collapse {
    display: none;
}
.accordion-collapse {
    transition: all 0.4s linear;
}*/
.accordion-button {
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-top: 1px solid #2d2d2d;
    padding: 10px 0;
    width: 100%;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
}
.ui-accordion-header-collapsed .accordion-button:hover {
    color: #fe6542;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232d2d2d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.ui-accordion-header-active .accordion-button::after {
    transform: rotate(-180deg);
}
.accordion-item:last-of-type {
    border-bottom: 1px solid #2d2d2d;
}
h3.accordion-header {
    margin: 0;
}
.accordion-header {
    margin: 0;
}
.accordion-body {
    padding: 0 1rem 1rem;
}
.accordion-body li {
    font-size: 1rem;
    line-height: 1.5rem;
}
.pageHeader.zkapps h1,
.pageHeader.zkapps p {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}
.landingVideo-inner {
    padding: 5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video_thumbnail {
    cursor: pointer;
}
.landingVideo-videowrap-container {
    width: 720px;
    height: 405px;
    overflow: hidden;
}
.landingVideo-videowrap {
    width: 720px;
    height: 405px;
    background-position: center;
    background-size: cover;
}
.landing-block--links .linksBox-grid img {
    max-height: 50px;
}
.landing-block--links .linksBox-grid h3 {
    text-transform: none;
    letter-spacing: 0;
    font-size: 1.5rem;
    line-height: 1.6rem;
}
.landing-block--links .linksBox-grid a {
    justify-content: flex-start;
}
/*.landingVideo-videowrap-container:hover .landingVideo-videowrap {
    transform: scale(1.1);
}*/
.landingVideo-videowrap .video_play_button {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .1);
}
.video_play_button .play_video {
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all .25s;
}
.video_play_button .play_video:hover {
    transform: scale(1.1);
}
.video_play_button .play_video svg {
    width: 80px;
    height: 80px;
}
.video_play_button .play_video:hover path {
    fill:#000000;
}
.landingVideo-videowrap .video_play_button.hide,
.landingVideo-videowrap iframe.hide {
    display: none;
}
.landingVideo-videowrap iframe {
    display: block;
}

.offsetFourSquare {
    background-size: cover;
    background-position: top center;
    padding: 8rem 0;
}
.offsetFourSquare h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    color: #fff;
    text-transform: uppercase;
}
.offsetFourSquare-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    
}
.offsetFourSquare-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 1rem;
    max-width: 65%;
}
.offsetFourSquare-block {
    padding: 1rem;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.offsetFourSquare-block:hover {
    /*background: #c5b4e3;*/
}
.offsetFourSquare-img img {
   max-height: 125px;
}
.offsetFourSquare-block h3 {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1.25rem;
    line-height: 1.9rem;
    margin: 0 0 1.5rem 0;
    color: #2d2d2d;
    text-transform: uppercase;
}
.offsetFourSquare-text {
    font-size: 1.2rem;
    color: #2d2d2d;
}
.offsetFourSquare-block a {
    font-size: 1.2rem;
    color: #ff603b;
    margin-top: auto;
    padding-top: 1rem;
}
.offsetFourSquare-block a:hover {
    text-decoration: underline;
}

@media (max-width: 1439px) {
    .aboutRows-item {
        margin: 0 2.5rem;
        padding: 3.5rem 0;
    }
    .about-block.about-block--row_bg hr {
        max-width: calc(100% - 80px);
    }
    .aboutRows hr {
        margin: 0 2.5rem;
        max-width: calc(100% - 80px);
    }
}
@media (max-width: 767px) {
    .aboutRows-item {
        margin: 0 1.25rem;
        padding: 3.5rem 0;
    }
    .about-block.about-block--row_bg hr {
        max-width: calc(100% - 40px);
    }
    .aboutRows hr {
        margin: 0 1.25rem;
        max-width: calc(100% - 40px);
    }
    .aboutRows-item__img,
    .aboutRows-item__text {
      width: 100%;
    }
    .aboutFourSquare-grid {
        grid-template-columns: 100%;
    }
    .aboutKnowledgebase-inner {
        flex-direction: column;
    }
}

.communityCulture-box {
    margin-top: 10rem;
}
/*.linksBox-live .css-izatr8 h5,
.linksBox-grid h5 {
    font-size: 1.8rem !important;
}
.linksBox-grid--center a > div h5{
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 400;
}*/
@media (max-width: 992px) {
    .cont_toke .dataText .table_area {
        flex-direction: column;
    }
    .cont_toke .dataText .area1,
    .cont_toke .dataText .area2 {
        width:  100%;
    }
    /*.linksBox-grid {
        grid-template-columns: repeat(auto-fit,minmax(10rem,1fr)) !important;
    }*/
    .pressLatest {
        flex-direction: column;
    }
    .pressLatest img {
        margin-bottom: 2rem;
        height: auto;
        max-width: 100%;
    }
    .pressGrid {
        margin-top: 3rem;
    }
}

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
    .table_cell {
        height: 66px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        margin-left: 0px;
    }
    .container_flex {
        display: flex;
        height: 72px;
    }
    .area1,
    .area2 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .area2_movil {
        margin-left: 24%;
    }
    .area3_movil {
        margin-left: 24%;
        width: 100%;
    }
    .area4_movil {
        margin-left: 24%;
        width: 100%;
    }
    .box_flex_image {
        width: 26%;
        margin-right: 15px;
    }
    .box_flex_text {
        width: 100%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 1.3rem;
        line-height: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.6rem;
        line-height: 0.8rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: 82px !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.25rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 100%;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 2.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: block !important;
    }
    .no_movil {
        display: none !important;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip5 {
        top: -184px !important;
        width: 310px !important;
        height: 159px !important;
        left: -77px !important;
        margin-left: -150px !important;
        padding: 8px !important;
    }
    .tablet {
        display: none !important;
    }
    .no_tablet {
        display: block !important;
    }
    .tablet_market {
        margin-left: 24%;
    }
    .tablet_block {
        display: flex;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 1.3rem;
        line-height: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: 194px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -116px !important;
    }
    .tooltip2 {
        top: -168px !important;
        width: 276px !important;
        height: 135px !important;
        left: 0% !important;
        margin-left: -146px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -134px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -134px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -167px !important;
        padding: 8px !important;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
    .table_cell {
        height: 66px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        margin-left: 0px;
    }
    .container_flex {
        display: flex;
        height: 72px;
    }
    .area1,
    .area2 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .area2_movil {
        margin-left: 24%;
    }
    .area3_movil {
        margin-left: 24%;
        width: 100%;
    }
    .area4_movil {
        margin-left: 24%;
        width: 100%;
    }
    .box_flex_image {
        width: 26%;
        margin-right: 25px;
    }
    .box_flex_text {
        width: 100%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 1.8rem;
        line-height: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.6rem;
        line-height: 0.8rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: 82px !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.25rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 100%;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 2.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: block !important;
    }
    .no_movil {
        display: none !important;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip5 {
        top: -184px !important;
        width: 310px !important;
        height: 159px !important;
        left: -77px !important;
        margin-left: -150px !important;
        padding: 8px !important;
    }
    .tablet {
        display: none !important;
    }
    .no_tablet {
        display: block !important;
    }
    .tablet_market {
        margin-left: 24%;
    }
    .tablet_block {
        display: flex;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 1.8rem;
        line-height: 1.5rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: 194px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -116px !important;
    }
    .tooltip2 {
        top: -168px !important;
        width: 276px !important;
        height: 135px !important;
        left: 0% !important;
        margin-left: -146px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -134px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -134px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -167px !important;
        padding: 8px !important;
    }
}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .table_cell {
        height: 112px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }
    .container_flex {
        display: flex;
        height: 112px;
    }
    .area1,
    .area2 {
        float: left;
        width: 47%;
        margin: 0;
        padding: 0;
    }
    .area1 {
        margin-right: 5%;
    }
    .area2_movil {
        /* margin-left: 24%; */
    }
    .area3_movil {
        margin-left: 6%;
        width: 50%;
    }
    .area4_movil {
        margin-left: initial;
        width: 100%;
    }
    .box_flex_image {
        width: 23%;
    }
    .box_flex_text {
        width: 100%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.875rem;
        line-height: 0.975rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: auto !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.20rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 100%;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 0.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: none !important;
    }
    .no_movil {
        display: block !important;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 88%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip5 {
        top: -136px !important;
        width: 459px !important;
        height: 112px !important;
        left: 0% !important;
        margin-left: -42px !important;
        padding: 8px !important;
    }
    .tablet {
        display: block !important;
    }
    .no_tablet {
        display: none !important;
    }
    .tablet_market {
        margin-left: 21%;
    }
    .tablet_block {
        display: block;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: 0px;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -21px !important;
    }
    .tooltip2 {
        top: -145px !important;
        width: 343px !important;
        height: 113px !important;
        left: 0% !important;
        margin-left: -33px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -294px !important;
        padding: 8px !important;
    }
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    .table_cell {
        height: 105px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }
    .container_flex {
        display: flex;
        height: 112px;
    }
    .area1,
    .area2 {
        float: left;
        width: 48%;
        margin: 0;
        padding: 0;
    }
    .area2_movil {
        /* margin-left: 24%; */
    }
    .area3_movil {
        margin-left: 44%;
        width: 100%;
    }
    .area4_movil {
        margin-left: 22%;
        width: 100%;
    }
    .box_flex_image {
        width: 23%;
    }
    .box_flex_text {
        width: 77%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: 6px;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.875rem;
        line-height: 0.975rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: auto !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.25rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 560px;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 0.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: none !important;
    }
    .no_movil {
        display: block !important;
    }
    .tooltip5 {
        top: -129px !important;
        width: 250px !important;
        height: 110px !important;
        left: 0% !important;
        margin-left: -123px !important;
        padding: 8px !important;
    }
    .tablet {
        display: none !important;
    }
    .no_tablet {
        display: block !important;
    }
    .tablet_market {
        margin-left: 27%;
    }
    .tablet_block {
        display: flex;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: 0px;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 88%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -21px !important;
    }
    .tooltip2 {
        top: -145px !important;
        width: 343px !important;
        height: 113px !important;
        left: 0% !important;
        margin-left: -33px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -294px !important;
        padding: 8px !important;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .table_cell {
        height: 105px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }
    .container_flex {
        display: flex;
        height: 112px;
    }
    .area1,
    .area2 {
        float: left;
        width: 48%;
        margin: 0;
        padding: 0;
    }
    .area2_movil {
        /* margin-left: 24%; */
    }
    .area3_movil {
        margin-left: 8%;
        width: 100%;
    }
    .area4_movil {
        margin-left: initial;
        /*width: 100%;*/
    }
    .box_flex_image {
        width: 23%;
    }
    .box_flex_text {
        width: 104%;
    }
    .big_title {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: initial;
    }
    .sub_title {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 0.875rem;
        line-height: 0.975rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
    }
    .title_row {
        height: auto !important;
    }
    .normal_text {
        font-family: "Monument Grotesk Mono", monospace;
        font-size: 1.25rem;
        line-height: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        position: relative;
        top: 24px;
    }
    .img_graphic {
        width: 560px;
        height: auto;
    }
    .title_row2 {
        height: auto !important;
    }
    .homeAnn__header h2 {
        font-family: "Monument Grotesk", sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 0.95rem;
        color: #2d2d2d;
        /*margin-bottom: 0rem;*/
    }
    .movil {
        display: none !important;
    }
    .no_movil {
        display: block !important;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted #ccc;
        color: #aaa;
    }
    .tooltip .tooltiptext {
        font-family: "Monument Grotesk", sans-serif;
        visibility: hidden;
        position: absolute;
        width: 200px;
        background-color: #000;
        color: #fff;
        text-align: left;
        padding: 12px;
        border-radius: 0px;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 0.8px;
        white-space: initial;
        height: auto;
        top: -39px;
    }
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }
    .tooltip-right {
        top: -5px;
        left: 125%;
    }
    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #555 transparent transparent;
    }
    .tooltip-bottom {
        top: 135%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #555 transparent;
    }
    .tooltip-top {
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
    }
    .tooltip-left {
        top: -5px;
        bottom: auto;
        right: 128%;
    }
    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #555;
    }
    /* Tooltip 2 */
    .tooltip6::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 88%;
        margin-left: 0px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip5 {
        top: -163px !important;
        width: 410px !important;
        height: 137px !important;
        left: -66px !important;
        margin-left: 29px !important;
        padding: 8px !important;
        padding-top: 10px !important;
    }
    .tablet {
        display: none !important;
    }
    .no_tablet {
        display: block !important;
    }
    .tablet_market {
        margin-left: initial;
    }
    .tablet_block {
        display: flex;
    }
    .big_title2 {
        /*font-family: "Monument Grotesk Mono", monospace;*/
        font-size: 2.5rem;
        line-height: 3.0rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #2D2D2D;
        margin-left: 0px;
    }
    .tooltip-top5::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    .tooltip1 {
        top: -101px !important;
        width: 216px !important;
        height: 67px !important;
        left: 0% !important;
        margin-left: -21px !important;
    }
    .tooltip2 {
        top: -145px !important;
        width: 343px !important;
        height: 113px !important;
        left: 0% !important;
        margin-left: -33px !important;
    }
    .tooltip3 {
        top: -77px !important;
        width: 250px !important;
        height: 44px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip4 {
        top: -56px !important;
        width: 250px !important;
        height: 23px !important;
        left: 0% !important;
        margin-left: -24px !important;
    }
    .tooltip6 {
        top: -139px !important;
        width: 318px !important;
        height: 114px !important;
        left: 0% !important;
        margin-left: -294px !important;
        padding: 8px !important;
    }
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.background::before {
    background: url(hash-pattern.png);
    z-index: 1;
    -webkit-mask-image: linear-gradient(20deg, #000 25%, transparent);
    mask-image: linear-gradient(20deg, #000 25%, transparent);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*.background::after {
     background: url(noise-w.png);
    opacity: .3;
} */

.background-gradients {
    display: block;
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    /* transform: scale(2); */
    /* filter: blur(150px); */
}

.position_relative {
    position: relative !important;
}

.background2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.background2::before,
.background2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.background2::before {
    background: url(hash-pattern.png);
    z-index: 1;
    -webkit-mask-image: linear-gradient(20deg, #000 25%, transparent);
    mask-image: linear-gradient(20deg, #000 25%, transparent);
}

.background2::after {
    /*background: url(noise-w.png);*/
    opacity: .3;
}

.background-gradients2 {
    display: block;
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    /* transform: scale(2); */
    /* filter: blur(50px); */
}

.homeBlockchain__caption .wp-caption-text {
    font-size: 1em;
    margin: .875em auto 0;
    font-family: "Monument Grotesk", sans-serif;
    line-height: 1.6;
}
@media (min-width: 768px) {
    .homeBlockchain__caption .wp-caption-text {
        margin: .875em 0 0 5rem;
        width: 24rem;
    }
}
.footer hr {
    max-width: 100%;
    margin: 2rem 0;
}
.footerLegals__menu ul li a:hover {
    color: #ff603b;
}
@media screen and (min-width: 1024px) {
    .footerLegals {
        justify-content: space-between;
    }
}
/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1441px) {
    .second_black_block {
        background: url(bgblackg.jpg);
        background-size: cover;
        position: relative;
        top: -326px;
        right: -592px;
        color: #fff !important;
        padding-left: 39px !important;
        padding-top: 32px !important;
        padding-right: 32px !important;
        padding-bottom: 32px !important;
        display: block;
        width: 543px !important;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .pannouncementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 632px !important;
        padding-right: 2.5rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }
    .announcements {
        width: 100%;
        height: 47rem !important;
    }
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .second_black_block {
        background: url(bgblackg.jpg);
        background-size: cover;
        position: relative;
        top: -326px;
        right: -557px;
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.5rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 577px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .announcements {
        width: 100%;
        height: 47rem !important;
    }
}


/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .second_black_block {
        background: url(bgblackg.jpg);
        background-size: cover;
        position: relative;
        /*top: -326px;
        right: -587px;*/
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 625px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .announcements {
        width: 100%;
        height: initial;
    }
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .second_black_block {
        background: url(bgblackg.jpg);
        background-size: cover;
        position: relative;
        /*top: -326px;
        right: -637px;*/
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 656px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .announcements {
        width: 100%;
        height: initial;
    }
}


/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .second_black_block {
        background: url(bgblackg.jpg);
        background-size: cover;
        position: relative;
        /*top: -326px;
        right: -637px;*/
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 656px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .announcements {
        width: 100%;
        /*height: 47rem !important;*/
    }
}


/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .second_black_block {
        background: url(bgblackg.jpg);
        background-size: cover;
        position: relative;
        /*top: -326px;
        right: -637px;*/
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 656px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .announcements {
        height: auto !important;
    }
}


/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .second_black_block {
        background: url(bgblackg.jpg);
        background-size: cover;
        position: relative;
        top: 0px;
        right: 0px;
        color: #fff !important;
        padding-left: 52px !important;
        padding-top: 32px !important;
        padding-right: 30px !important;
        padding-bottom: 32px !important;
        display: block;
    }
    .announcementsHeader .orangeButtonDarkBG,
    .announcementsHeader .orangeButtonLightBG {
        margin-top: 24px !important;
    }
    .announcementsHeader .orangeButtonLightBG::after,
    .announcementsHeader .ultraBlackButton::after {
        border: 1px solid #ff603b;
    }
    .announcementsHeader-box h1 {
        font-size: 2.8rem !important;
        line-height: 3.6rem;
        padding: 1.5rem;
        max-width: 656px !important;
        padding-right: 2rem;
        padding-bottom: 34px !important;
    }
    .container_header {
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .announcements {
        height: auto !important;
    }
    .announcements {
        height: auto !important;
    }
}
@media screen and (max-width: 1271px){
    .blogPosts-select .select_options {
        width: 100%;
    }
    .blogPosts-select {
        column-gap: normal;
    }
}
@media screen and (max-width: 768px) {
    .blogPosts-select {
        flex-direction: column;
        margin-bottom: 1rem;
    }
    .blogPosts-select .current {
        order: 2;
        width: 100%;
        margin-top: 1rem;
    }
    .blogPosts-select .select_options {
        width: 100% !important;
        flex-wrap: wrap;
        justify-content: space-around;
        row-gap: .8rem;
        align-items: start;
        flex-direction: column;
    }
    .blogPosts-select .filter_by {
        width: 100%;
        text-align: left;
        margin: 0;
    }
    .blogPosts-select .blog_filter_wrap {
        z-index: 1;
        margin: 0;
        height: 2rem;
    }
    .blogPosts-select .blog_filter_wrap:nth-of-type(2) {
        z-index: 10
    }
    .blogPosts-select .btn_wrap {
        margin: 0;
    }
    .blogPosts-select .search_wrap {
        margin: .8rem 0 0;
    }
    .blog-header-container {
        margin-top: 6rem;
    }
    .blogPosts-select .blog_filter {
        top: 0;
        z-index: 3
    }
    .blog_filter_wrap .filter_select{
        z-index: 2
    }
    .blogPosts {
        margin-top: 2rem;
    }
    .blogPosts-select .search_wrap {
        width: 60%;
    }
    .blogPosts-list {
        display: block;
    }
}

@media screen and (max-width: 448px) {
    .blogPosts-select .search_wrap {
        width: 100%;
    }
}

#event_section {
    background-size: cover;
}
#event_section h2 {
    font-size: 40px;
    margin-bottom: 40px;
}
#event_section h3 {
    font-size: 24px;
    line-height: 26px;
    margin: 2rem 0 1.5rem;
}

#event_section .grantWork-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#event_section .grantWork-content > div {
    border-top: 1px solid #2d2d2d;
    padding: 20px 0;
    width: 48%;
}
#event_section .grantWork-content .event_wrap {
    width: 41%
}
#event_section .grantWork-content .content_area {
    width: 59% !important;
    max-width: 35rem;
}
#event_section .grantWork-content .content_area.single_column {
    padding: 10px 0 0;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
}
#event_section .event_info {
    font-family: "Monument Grotesk Mono", monospace;
    text-transform: uppercase;
    margin-bottom: 1rem;
    line-height: 1.2em;
    letter-spacing: 1px;
}
#event_section .event_info strong {
    font-family: "Monument Grotesk", sans-serif;
}
/*#event_section a {
    color: #ff603b;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90px;
}*/
#event_section .event_details .event_content {
    margin-bottom: 1rem;
}
#event_section .content_area .event_details {
    margin-bottom: 2rem;
    margin-top: -10px;
}
#event_section .content_area > div:not(:first-of-type) {
    border-top: 1px solid #2d2d2d;
    padding-top: 10px;
}

.page-template-temp-community .gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: -15px;
    margin-top: 2rem;
}

.page-template-temp-community .gform_wrapper.gravity-theme .ginput_complex {
    justify-content: space-between;
}
.page-template-temp-community .gform_wrapper.gravity-theme .ginput_complex p {
    width: 48%;
}
.communityGenesis-text.mina101{
    right: 0;
    left: auto;
}
.mina101 .communityGenesis-image {
    left: 0;
    right: auto;
}
.communityGenesis.mina101 {
    padding-top: 10rem;
    padding-bottom: 7rem;
}
.communityGenesis-content.mina101 {
    margin-bottom: 5rem;
}
.mina101 .webinars_wrap {
    display: flex;
    flex-direction: row;
    margin-top: 5rem;
}
.mina101 .webinars_wrap .webinar_section_title {
    width: 30%;
    margin-right: 2rem;
}
.mina101 .webinars_wrap .webinar_section_title h3 {
    font-size: 32px;
}
.mina101 .webinars_wrap .webinar_grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    gap: 3rem 0;
    width: 100%
}
.mina101 .webinars_wrap .webinar_grid .webinar {
    flex-basis: 30%;
}
.mina101 .webinars_wrap .webinar_grid .webinar .webinar_title {
    display: block;
    font-size: 18px;
    font-family: "Monument Grotesk Mono", monospace;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.mina101 .webinars_wrap .webinar_grid .webinar .webinar_date {
    display: block;
    font-size: 18px;
    margin-bottom: 1rem;
    line-height: 1.2em;
}
/*.mina101 .webinars_wrap .webinar_grid .webinar a {
    color: #ff603b;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90px;
}*/
.communityGenesis-link svg {
    height: 16px;
    padding-top: 2px;
}
/*.communityGenesis,
.communityGrants,
.communityCulture {
    padding-top: 14rem;
}*/
.communityTeam hr {
    background-color: #fff;
}
.communityGenesis-image {
    /*height: 100%*/
}
.communityTestimonial-box p::before {
    display: none;
}
.communityGrants-text-button .button--orange::after {
    border: 1px solid #ff603b;
}
.communityGrants-text-button .button--orange:hover::after {
    border: 1px solid transparent;
}
.communityGrants-types-row2 div {
    margin: 0 1rem;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    gap: 1rem;
}
.zoom_email {
    margin-top: -2rem;
}
.zoom_countries {

}
.zoom_countries select {
    background: #fff;
    border: 1px solid #8f8f9d;
    color: #747474;
    /*margin-top: 2rem !important;*/
}
#gform_confirmation_message_5 {
    font-size: 24px;
}
@media screen and (max-width: 1439px) {
    #event_section .grantWork-content .content_area {
      max-width: 52%;
    }
}
@media screen and (max-width: 767px) {
    #event_section .grantWork-content > div {
        width: 100% !important;
        max-width: 100%
    }
    #event_section .grantWork-content .content_area {
        width: 100% !important;
    }
    .communityGenesis-text.mina101 {
        right: auto;
    }
    .mina101 .webinars_wrap {
        flex-direction: column !important;
    }
    .mina101 .webinars_wrap .webinar_section_title {
        width: 100% !important;
        margin-bottom: 3rem;
    }
    .mina101 .webinars_wrap .webinar_grid {
        flex-direction: column;
    }
}

a.buttonSmallArrow,
a.buttonOrangeSmallArrow {
    justify-content: space-around;
}
a.buttonSmallArrow:hover {
    text-decoration: none;
}
a.buttonSmallArrow svg,
a.buttonOrangeSmallArrow svg{
    width: 16px;
    margin-left: 5px;
}
a.buttonOrangeSmallArrow:hover svg {
    color: #fff;
}
a.orangeButtonLightBG::after {
    border: 1px solid #ff603b;
}
.mobMenu a:not(.headerButton):focus {
    color: #ff603b;
}

a.footerButton.newsletterButton {
    display: flex;
    font-family: "Monument Grotesk", sans-serif;
    font-weight: 500;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    justify-content: space-between;
    align-items: center;
    width: 13rem;
    height: 3.25rem;
    background-color: #ff603b;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    transform-style: preserve-3d;
    transition: background .2s ease-out 0ms;
    color: #fff;
    padding: 0 1rem;
    text-align: left;
    margin-right: 2.5rem;
    margin-top: ;
}

a.footerButton.newsletterButton,
a.footerButton.newsletterButton:after {
    border-radius: 4px 1px;
    border: 1px solid rgb(255, 96, 59);
}

a.footerButton.newsletterButton:after {
    position: absolute;
    content: "";
    inset: 0.25rem -0.25rem -0.25rem 0.25rem;
    transform: translateZ(-1px);
    transition: transform 200ms ease-in 0ms, border 50ms ease-in 100ms;
}

a.footerButton.newsletterButton:hover {
    color: rgb(255, 255, 255);
    background: url("img/ButtonHoverDark.png") repeat scroll 0% 0%,
    rgb(0, 0, 0) none repeat scroll 0% 0%;
}

a.footerButton.newsletterButton:hover:after {
    border: 0px solid rgba(0, 0, 0, 0);
    transform: translate(-0.25rem, -0.25rem);
}

a.footerButton.newsletterButton img{
    margin-right: .5rem;
}

.page-template-temp-node .pageHeaderButton {
    width: 210px;
}
.page-template-temp-node .pageHeaderButton svg {
    margin-right: 1rem;
    max-height: 65%;
}


/*.landing-block--links .linksBox-grid {
    grid-template-columns: repeat(3,minmax(10em,1fr));
}
@media screen and (max-width: 767px) {
    .landing-block--links .linksBox-grid {
        grid-template-columns: repeat(2,minmax(10em,1fr));
    }
}
@media screen and (max-width: 512px) {
    .landing-block--links .linksBox-grid {
        grid-template-columns: repeat(1,minmax(8em,1fr));
    }
}*/
.aboutTestimonial-text > div {
    margin-left: 0;
}
.grantFaq section {
  padding-left: 0;
}
.headerButton::after,
.orangeButtonLightBG::after,
.orangeButtonLightBG:hover::after,
.pageHeader__container a::after,
.button--orange::after {
    border: 1px solid #ff603b;
}

.blogPosts-select .blog_filter::after {
    display: none;
}
.blogPosts-select .blog_filter span {
    position: absolute;
    top: 6px;
    right: 5px;
    cursor: pointer;
}
.blogPosts-select .option.over {
    background: #ff603b;
}
.blog-container-item {
    width: 100%;
    max-width: none;
}
.blogPosts-select .search_wrap {
    background: #fff;
}

/**
 * Roadmap Page
 */

.page-template-temp-roadmap .pageHeader {
    height: auto;
}
.page-template-temp-roadmap .pageHeader h1,
.page-template-temp-roadmap .pageHeader p,
.page-template-temp-community .pageHeader h1, 
.page-template-temp-community .pageHeader p,
.page-template-temp-blog .pageHeader h1, 
.page-template-temp-blog .pageHeader p,
.page-template-temp-ecosystem .pageHeader h1, 
.page-template-temp-ecosystem .pageHeader p
{
    background-color: transparent;
}
.page-template-temp-roadmap .pageHeader img {
    min-width: 100%;
    width: auto;
}
@media screen and (min-width: 48rem) {
    .page-template-temp-roadmap .pageHeader {
        height: 37rem;
        margin-bottom: 7rem;
    }
}

@media screen and (min-width: 48rem) {
    .page-template-temp-roadmap .pageHeader__container h1,
    .page-template-temp-roadmap .pageHeader__container p,
    .page-template-temp-blog .pageHeader__container h1, 
    .page-template-temp-blog .pageHeader__container p,
    .page-template-temp-community .pageHeader__container h1, 
    .page-template-temp-community .pageHeader__container p,
    .page-template-temp-ecosystem .pageHeader__container h1, 
    .page-template-temp-ecosystem .pageHeader__container p {
        max-width: 48rem;
        padding-left: 0;
    }
    .page-template-temp-community .pageHeader__container h1,
    .page-template-temp-community .pageHeader__container p {
        max-width: 38rem;
    }
    .page-template-temp-roadmap .pageHeader__container h1 {
        margin-left: -3px;
    }
}

@media screen and (min-width: 48rem) {
    .page-template-temp-roadmap .pageHeader__container {
        margin-top: 6rem;
    }
}

.page-template-temp-roadmap .pageHeader__container a {
    background-color: #9FE4C9;
    color: #2d2d2d;
}

.page-template-temp-roadmap .pageHeader__container a:after {
    border-color: #9FE4C9;
}

.page-template-temp-roadmap .pageHeader__container a:hover {
    color: #fff;
}

.roadmapRows {
    padding-bottom: 10rem;
}

@media screen and (min-width: 48rem) {
    .roadmapRows .roadmapRows-item__text h2 {
        font-size: 2.5rem;
        width: 100%;
    }
}

.roadmapTextBlock {
    padding: 8rem 0;
}

.roadmapTextBlock .roadmapTextBlock-box {
    padding: .8rem 1.2rem 1.2rem;
    background: #fff;
}

@media screen and (min-width: 48rem) {
    .roadmapTextBlock .roadmapTextBlock-box {
        padding: 1rem 2rem 2rem;
        background: #fff;
    }
}

.roadmapTextBlock .roadmapTextBlock-box .roadmapTextBlock-box_title {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 1.875rem;
    color: #2d2d2d;
    font-weight: 300;
    margin-top: 1.5rem;
    letter-spacing: -1px;
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 48rem) {
    .roadmapTextBlock .roadmapTextBlock-box .roadmapTextBlock-box_title {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}

.roadmapTextBlock .roadmapTextBlock-box .roadmapTextBlock-box_text {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #2d2d2d;
    font-weight: 300;
}

@media screen and (min-width: 48rem) {
    .roadmapTextBlock .roadmapTextBlock-box .roadmapTextBlock-box_text {
        font-size: 2.4rem;
        line-height: 2.7rem;
    }
}

.roadmapTracks  hr {
    background: #2d2d2d;
}

.roadmapTracks .roadmapTracks-header2 {
    display: block;
}

.roadmapTracks .roadmapTracks-buttons-wrap {
    display: flex;
    justify-content: start;
    align-items: center;
}

.roadmapTracks .roadmapTracks-buttons-wrap .roadmapTracks-buttons span {
    background-color: #ff603b;
    color: #000;
    border: 1px solid #000;
}

.roadmapTracks .roadmapTracks-buttons-wrap .roadmapTracks-buttons span:hover {
    color: #fff;
    border-color: #fff;
}

.roadmapTracks .roadmapTracks-text h2 {
    color: #2d2d2d
}

.roadmapTracks .roadmapTracks-text p {
    color: #2d2d2d
}

.roadmapTracks .slick-slide {
    padding-top: 2.5rem;
}

.roadmapTracks .roadmapTracks-blocks {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.roadmapTracks .roadmapTracks-blocks + .container {
    margin-bottom: 8.5rem;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .roadmapTracks-blocks .slick-list {
        padding: 0 40% 0 0 !important;
    }
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block {
    background: #fff;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text p {
    font-family: "Monument Grotesk", sans-serif;
}
.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text p:last-child {
    margin-bottom: 0;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .roadmapTracks-blocks-block_content {
    margin-bottom: 1rem;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text.truncated .roadmapTracks-blocks-block_content {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .readMore,
.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .readLess {
    display: none;
    background: transparent;
    border: none;
    padding: 0;
    font-family: "Monument Grotesk", sans-serif;
    color: #ff603b;
    font-size: 1rem;
    cursor: pointer;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .readMore,
    .roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text .readLess {
        font-size: 1.125rem;
    }
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text.needsReadMore .readLess {
    display: inline-block;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text.needsReadMore.truncated .readMore {
    display: inline-block;
}

.roadmapTracks .roadmapTracks-blocks .roadmapTracks-blocks-block_text.needsReadMore.truncated .readLess  {
    display: none;
}

.roadmapTracks .infoBox-box {
    padding: .8rem 1.2rem 1.2rem;
    color: #fff;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .infoBox-box {
        padding: 1rem 2rem 2rem;
    }
}

.roadmapTracks .infoBox-box .infoBox-box_title {
    font-family: "Monument Grotesk", sans-serif;
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 300;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .infoBox-box .infoBox-box_title {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

.roadmapTracks .infoBox-box .infoBox-box_text {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -1px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 1rem;
}

@media screen and (min-width: 48rem) {
    .roadmapTracks .infoBox-box .infoBox-box_text {
        max-width: 30rem;
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}

.roadmapTracks .infoBox-box {
    background-color: #2d2d2d;
    background-position: top center;
    background-repeat: no-repeat;
}

.roadmapTracks .infoBox-box a {
    background-color: #9FE4C9;
    color: #2d2d2d;
}

.roadmapTracks .infoBox-box a:after {
    border: 1px solid #9FE4C9;
}

.roadmapTracks .infoBox-box a:hover {
    color: #fff;
    background: url('img/ButtonHoverDark.png') repeat scroll 0 0,#000 none repeat scroll 0 0;
}

.roadmapTracks .infoBox-box a:hover:after {
    border: 0 solid rgba(255,96,59,0);
    transform: translate(-0.25rem,-0.25rem);
}


.roadmapTracks .infoBox-box .infoBox-box_image {
    padding-top: 2rem;
}


.roadmapTracks .infoBox-box .infoBox-box_image img {
    width: 100%;
    height: auto;
}



/* feedback section */
.feedback_wrap {
    background: #000 url(/wp-content/themes/minaprotocol/img/Large.jpg) no-repeat left top;
    background-size: cover;
    padding: 3rem 0;
}
.feedback_wrap .feedback_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.feedback_wrap .feedback_title {
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    padding-bottom: 3rem;
}
.feedback_wrap .feedback_question  {
    color: #fff;
}
.feedback_wrap .feedback_question .question {
    font-size: 18px;
    margin-bottom: 1.5rem;
}
.feedback_wrap .feedback_button_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.feedback_wrap .feedback_response_btn {
    color: #fff;
    text-decoration: none;
    margin-right: 0;
    margin-bottom: 15px;
}
.feedback_wrap .feedback_message {
    display: none;
    color: #fff;
    font-size: 18px;
    height: 67px;
}
@media screen and (max-width: 48rem) {
    .feedback_wrap .feedback_response_btn {
        width: 100%;
        justify-content: center;
    }
}
@media screen and (min-width: 48rem) {
    .feedback_wrap .feedback_inner {
        margin-left: 0;
        flex-direction: row;
    }
    .feedback_wrap .feedback_button_wrap {
        flex-direction: row;
    }
    .feedback_wrap .feedback_title {
        padding-right: 2rem;
        width: 13rem;
    }
    .feedback_wrap .feedback_response_btn {
        margin-right: 15px;
        margin-bottom: 0;
        width: max-content;
        justify-content: space-between;
    }
}
@media screen and (min-width: 80rem) {
    .blog-content.repeatable-sections.has_toc .feedback_wrap .feedback_inner {
        margin-left: -13rem !important;
    }
    .feedback_wrap .feedback_title {
        padding-right: 4rem;
        width: 13rem;
    }
}

/* ecosystem page */
.ecoPosts-header {
    margin-bottom: 2rem;
}
.ecoPosts-header h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: "Monument Grotesk", sans-serif;
    margin-top: 1.5rem
}
.ecoPosts-header .button {
    width: unset;
}
.ecoPosts-header .top_wrap {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}
.ecoPosts-header .top_wrap .button span,
.ecoPosts-header .top_wrap .button:hover span{
    color: #fff;
}
.ecoPosts-header .orangeButtonLightBG:hover::after{
    border: 0 solid transparent;
}
.ecoPosts-header p {
    font-family: "Monument Grotesk Mono", monospace;
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 1rem;
    letter-spacing: -.03em;
}
.ecoPosts-list a.external {
    font-size: 1rem;
    line-height: 1.7rem;
    text-decoration: none;
    cursor: pointer;
    color: #ff603b;
    display: flex;
    align-items: center;
}
.ecoPosts-list li > div {
    margin-bottom: 2rem;
}
.ecoPosts-list {
    margin-bottom: 0;
    padding-bottom: 50px;
}
.milestones_delivered {
    display: flex;
    align-items: center;
    /*font-family: "Monument Grotesk Mono", monospace;*/
    text-transform: uppercase;
    font-size: 14px;
    margin: .5rem 0;
}
.milestones_delivered span {
    margin-left: 1rem;
}
@media screen and (min-width: 48rem) {
    .ecoPosts-header p {
        width: 40rem;
    }
    .ecoPosts-header .top_wrap {
        flex-direction: row;
        align-items: center;
        margin-bottom: 1rem;
    }
    .ecoPosts-header h2 {
        margin-top: 0;
    }
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
    margin-bottom: 1rem;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-dots {
    /*position: absolute;
    bottom: -10px;*/
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: -5px;;
    width: 30px;
    height: 30px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #fd6542;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
    font-size: 50px;
    line-height: 50px;
}



/***********************************************/
/* Custom CSS for generic template 
/***********************************************/
.pageGenericHeader {
    padding-top: 15rem;
    padding-bottom: 8rem;
    position: relative;
    max-height: 800px;
    width: 100%;
    height: 100%;
}
.pageHeader__title h1 {
    font-size: 3rem;
    line-height: 3.6rem;
    color: #2d2d2d;
}
.pageHeader__title h2 {
    font-family: "Monument Grotesk Mono, monospace";
    font-size: 1.25rem;
    line-height: 1.83rem;
    margin: 1.4rem auto 1.2rem;
    color: #2d2d2d;
}
.pageHeader__buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.pageHeader__buttons .pageHeaderButton {
    margin-right: 2rem;
}
#gradient {
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
}
.background.noise:before {
    background: url(./img/hero-noise-layer.png);
}
.generic-block--count_up_section {
    background: #2d2d2d;
    color: #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    cursor: pointer;
}
.genericCounting-blocks {
    padding: 2rem 0;
}
.generic-block--count_up_section h2 {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
}

.genericCounting-blocks-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.genericCounting_numbers {
    font-size: 4rem;
    font-family: roboto mono, monospace;
    margin-bottom: .5rem;
}
#countBlock0 {
    letter-spacing: -10px;
}
#blockText0 {
    margin-left: 10px;
}
.genericCounting_numbers.block0,
.genericCounting_numbers.block0 .done {
    color: #ff603b;
}
.genericCounting_numbers.block1,
.genericCounting_numbers.block1 .done {
    color: #9fe4c9;
}
.genericCounting_numbers.block2,
.genericCounting_numbers.block2 .done {
    color: #c5b4e3;
}
.genericCounting_numbers .not.done {
    color: #2d2d2d;
}
.genericCounting_label {
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 1.5px;
}
.genericFourSquare {
    background-size: cover;
    background-position: top center;
    padding: 8rem 0;
}
.genericFourSquare-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 1.25rem;
}
.genericFourSquare-block {
    border: 3px solid #2d2d2d;
    padding: 4rem;
    background: #fff;
}
.genericFourSquare-block:hover {
    background: #c5b4e3;
}
.genericFourSquare-img img {
   max-height: 125px;
}
.genericFourSquare-block h3 {
    font-size: 2.25rem;
    margin: 1.5rem 0;
}
.genericFourSquare-text {
    font-size: 1.2rem;
}
.generic-block--blockchain {
    background: #fff;
}
.genericBlockchain {
    background: #fff;
}
.genericBlockchain__content {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 1.25rem;
    margin: 3rem auto;
}
.genericBlockchain__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.genericBlockchain__item-text {
    /*max-width: 35rem;*/
    display: flex;
    align-items: center;
    flex-direction: column;
    border-left: 1px solid #2d2d2d;
    padding-left: 1.5rem;
}
.genericBlockchain__item-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    height: 20rem;
}
.genericBlockchain__item-text h2 {
    font-size: 2rem;
    line-height: 2.375rem;
    margin-bottom: 1rem;
    width: 12rem;
}
.genericBlockchain__item-text > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 0;
    margin-top: 1rem;
}
.genericBlockchain__item-text h3 {
    font-size: 4rem;
    line-height: normal;
    margin-bottom: 1rem;
}
.genericBlockchain__item-text h3 small {
    font-size: 2rem;
}
.genericBlockchain__item-text h3 small a, 
.genericBlockchain__item-text h3 small sup {
  font-family: "Monument Grotesk Mono, monospace";
  font-size: 1.1rem;
  line-height: 1.1rem;
  cursor: pointer;
  color: #2d2d2d;
}
.genericBlockchain__item-text p {
  font-family: "Monument Grotesk Mono, monospace";
  line-height: 1.875rem;
  color: #2d2d2d;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 1.25rem;
}
.genericBlockchain__item-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24rem;
  height: 20rem;
  margin-left: 0;
  overflow: hidden;
}
.genericBlockchain__item-img img {
    height: 90%;
}
.genericNumberedBox {
    background-size: cover;
    background-position: top center;
    padding: 8rem 0;
}
.genericNumberedBox-grid {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    gap: 1.25rem;
}
.genericNumberedBox-block {
    display: flex;
    flex-direction: column;
    border: 3px solid #2d2d2d;
    padding: 2rem;
    background: #fff;
}
.genericNumberedBox-block:hover {
    background: #c5b4e3;
}
.genericNumberedBox-number {
    font-family: "Monument Grotesk Mono, monospace";
    padding-bottom: 1rem;
    border-bottom: 1px solid #2d2d2d;
}
.genericNumberedBox-block h3 {
    font-size: 2.25rem;
    margin: 1.5rem 0;
}
.genericNumberedBox-text {
    font-size: 1.2rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}
.genericNumberedBox-link {
    margin-top: auto;
}
.genericTestimonialSlider {
    background: #2d2d2d;
    padding: 3rem 0;
    color: #fff;
    text-align: center;
}
.genericTestimonialSlider .quote,
.genericTestimonialSlider .quote p{
    font-size: 2.5rem;
    margin-bottom: 2rem;
    line-height: 3rem;
}
.genericTestimonialSlider h3 {
    color: #fd6542;
    font-size: 1.5rem;
    line-height: 2rem;
}
.genericTestimonialSlider p {
    font-size: 1.5rem;
    line-height: 2rem;
}
.genericTestimonialSlider-slides {
    padding: 0 2rem;
}
.genericAlternate_rows {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-size: cover;
}
.genericAlternate_rows .container {
    display: flex;
    flex-direction: column;
}
.genericAlternate_rows .genericAlternate__item {
    margin-top: 1rem;
    margin-bottom: 1rem;
    max-width: 40%;
}
.genericAlternate_rows .genericAlternate__item:nth-child(even) {
    align-self: flex-end;
}
.genericAlternate_rows .genericAlternate__item img {
    max-height: 125px;
}
.genericAlternate_rows .genericAlternate__item-sep {
    border-bottom: 1px solid #2d2d2d;
    margin-top: 1rem;
}
.genericAlternate_rows .genericAlternate__item-text {
    font-family: "Monument Grotesk",sans-serif;
    color: #2d2d2d;
    font-size: 1.125rem;
    line-height: 1.69rem;
}
.genericAlternate_rows .genericAlternate__item-text h2 {
    font-size: 2.5rem;
    line-height: 3rem;
    margin: 1.5rem 0;
}
.fade_in_text {
    animation: fadeIn50 1s;
}
.fade_in_buttons {
    animation: fadeIn0 2s;
}

@keyframes fadeIn50 {
    0% {opacity: 50%;}
    100% {opacity: 100%;}
} 
@keyframes fadeIn0 {
    0% {opacity: 0%;}
    100% {opacity: 100%;}
} 
@media screen and (max-width: 64rem) {/*1024px*/
    .genericCounting_numbers {
        font-size: 3rem;
    }
    .genericNumberedBox-grid {
        grid-template-columns: 100%;
    }
}
@media screen and (max-width: 48rem) {/*768px*/
    .genericCounting_numbers {
        font-size: 2.5rem;
    }
    .genericFourSquare-grid {
        grid-template-columns: 100%;
    }
    .genericBlockchain__content {
        grid-template-columns: 100%;
    }
    .genericTestimonialSlider .quote,
    .genericTestimonialSlider .quote p{
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .genericAlternate_rows .genericAlternate__item {
        max-width: 40%;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .genericAlternate_rows .genericAlternate__item:nth-child(even) {
        align-self: flex-start;
    }
    .genericAlternate_rows .genericAlternate__item {
        max-width: 90%;
        width: 90%;
    }
}
@media screen and (max-width: 36rem) {/*576px*/
    .pageHeader__buttons {
        flex-direction: column;
    }
    .pageHeaderButton {
        margin-bottom: 1rem;
    }
    .genericCounting-blocks-flex {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 30%;
    }
    .genericCounting_label {
        margin-bottom: 1.5rem;
    }
    .genericCounting_numbers {
        font-size: 3rem;
    }
    .genericTestimonialSlider-slides {
        padding: 2rem;
    }
    .genericBlockchain__item {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media screen and (max-width: 28rem) {/*448px*/
    .genericCounting-blocks-flex {
        margin-left: 10%;
    }
    .genericCounting_numbers {
        font-size: 2.5rem;
    }
    .genericFourSquare-block {
        padding: 2rem;
    }
    .genericAlternate_rows .genericAlternate__item {
        max-width: 100%;
        width: 100%;
    }
}


@media screen and (min-width: 480px) {/*448px*/
  .pageHeader__title.animated h1 br,
  .pageHeader__title.animated h2 br {
      display: block!important;
  }

    .genericAlternate_rows .mobile_background{
        display: none;
    }
}

@media screen and (max-width: 992px) {/*448px*/


    .techWorks{
        padding: 0 0;
        background-size: cover;
    }
    .community-block .techWorks section {
        padding: 50px 0;
    }
    .techWorks iframe.responsive-video{
        height: 100%;
    }

    .landingVideo-videowrap-container iframe.responsive-video {
        position: absolute;
        height: 100%;
    }

    .landingVideo-videowrap-container{
        width: 100% !important;
        height:unset!important;
    }

    .techWorks .container .section,
    .landingVideo-videowrap {
        width: 100% !important;
        max-width: 720px;
        height: initial !important;
        padding-bottom: 56%;
        position: relative;
    }

    .landingVideo-videowrap .video_play_button {
        position: absolute;
        height: unset!important;
        top:0;
        bottom:0;
    }

    .offsetFourSquare-wrap {
        flex-direction: column;
    }
    .offsetFourSquare-grid {
        max-width: 96%;
    }
    .communityCulture-box {
         margin-top: 0; 
    }


}
@media screen and (max-width: 480px) {/*448px*/
    .genericCounting-blocks-flex {
        margin-left: 10%;
    }
    .genericCounting_numbers {
        font-size: 2.5rem;
    }
    .genericFourSquare-block {
        padding: 2rem;
    }
    .genericAlternate_rows .genericAlternate__item {
        max-width: 100%;
        width: 100%;
    }
 /*   .genericAlternate__item img{
        background-color: #fff;
        padding: 20px;
        border: 1px solid #2d2d2d;
    }*/
    .genericAlternate_rows.has_mobile_bg,
    .aboutKnowledgebase.has_mobile_bg,
    .aboutRows.has_mobile_bg {
        background-image: none !important;
        position: relative;
    }

    .genericAlternate_rows.has_mobile_bg .container,
    .aboutKnowledgebase.has_mobile_bg .container,
    .aboutRows.has_mobile_bg .aboutRows-item{
        z-index: 1;
        position: relative;
    }

    .genericAlternate_rows.has_mobile_bg .mobile_background,
    .aboutKnowledgebase.has_mobile_bg .mobile_background,
    .aboutRows.has_mobile_bg .mobile_background {
        display: block;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%; 
        background-size: 100% 100%;
        z-index: 0;
    }

    .aboutRows-item__text hr{
        display: none;
    }

    .timeline-item img {
        max-width: 150px !important;
    }

    /*.aboutRows-item__text,
    .flexRow:not(.none) > div:first-child {
        width: 100%;
        background-color: #fff;
        padding: 20px;
        border: 1px solid #2d2d2d;
    }*/

    .genericCounting-blocks-flex {
        margin:0;
    }

    .genericCounting-blocks-flex > div{
        width:100%;
        text-align: center;
    }
}


/* Define the animation for both classes */
.genericFourSquare-img, .pageHeader__title, .firstChildQuote, .genericNumberedBox-block h3, .genericNumberedBox-text, .animate-block h3, .animate-text {
    transform: translateY(20px);
    opacity: 0.1;
    transition: transform 0.75s ease-in-out, opacity 0.75s ease-in-out;
}

/* Define the animation when the 'animated' class is added for both classes */
.genericFourSquare-img.animated, .pageHeader__title.animated, .firstChildQuote.animated, .genericNumberedBox-block h3.animated, .genericNumberedBox-text.animated, .animate-block h3.animated, .animate-text.animated {
    transform: translateY(0);
    opacity: 1;
}