/*
Theme Name:   HTML5blank Child
Theme URI:    n/a
Description:  HTML5blank Child Theme
Author:       DeltaPlatinum
Author URI:   n/a
Template:     html5blank
Version:      1.0.0
Tags:         n/a
Text Domain:  html5blank-child
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

@font-face{
    font-family: "Rethink Sans";
    src: url("fonts/RethinkSans.woff")format("woff");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family: "Futura PT Light";
    src: url("fonts/7c9d8cabea7f4697dde2e98c001c5f2d.eot");
    src: url("fonts/7c9d8cabea7f4697dde2e98c001c5f2d.eot?#iefix")format("embedded-opentype"),
    url("fonts/7c9d8cabea7f4697dde2e98c001c5f2d.woff")format("woff"),
    url("fonts/7c9d8cabea7f4697dde2e98c001c5f2d.woff2")format("woff2"),
    url("fonts/7c9d8cabea7f4697dde2e98c001c5f2d.ttf")format("truetype"),
    url("fonts/7c9d8cabea7f4697dde2e98c001c5f2d.svg#Futura PT Light")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family: "Futura PT Demi";
    src: url("fonts/5bdac91b83b25ea168302ffbc40909de.eot");
    src: url("fonts/5bdac91b83b25ea168302ffbc40909de.eot?#iefix")format("embedded-opentype"),
    url("fonts/5bdac91b83b25ea168302ffbc40909de.woff")format("woff"),
    url("fonts/5bdac91b83b25ea168302ffbc40909de.woff2")format("woff2"),
    url("fonts/5bdac91b83b25ea168302ffbc40909de.ttf")format("truetype"),
    url("fonts/5bdac91b83b25ea168302ffbc40909de.svg#Futura PT Demi")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%; /* needed for container min-height */
}
p,h2,h3,h4,ol,footer,li {
    font-family: "Rethink Sans";
}
ol {
    font-size: 28px;
    list-style-position: outside;
    width: 50%;
    margin: 0 auto;
    margin-top: 5%;
    display: block;
    text-align: left;
    position: relative;
}
li {
    margin-bottom: 70px;
    list-style-image: url(img/bullet.svg);
    margin-left: 5%;
}
b {
    font-family: "Rethink Sans";
    font-weight: 700;
}
* {
    box-sizing: border-box;
}

.small-text {
    font-size: 1.8rem !important;
    position: relative;
    left: 20px;
}

.small-text-bold {
    left: 40px;
}

.header-wrapper .desktop {
    display: inline !important;
}

.header-wrapper .mobile {
    display: none !important;
}

.first-page {
    background-image: url(img/background-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; /* needed for footer positioning*/
    height: auto !important; /* real browsers */
    min-height: 100%; /* real browsers */
}
.header-logo {
    width: 100%;
    padding: 2%;
    padding-left: 8%;
}
.content-wrapper:after {
    content: "";
    display: table;
    clear: both;
}
.content-left {
    float: left;
    width: 60%;
    padding: 10px;
    padding-left: 15%;
    position: absolute;
    top: 40%;
}
.content-left h1, .content-left p {
    font-size: 26px;
}
h1.title {
    display: inline-block;
    margin: 0;
    padding-bottom: 5px;
}
p.description {
    margin: 0;
    display: inline-block;
}
.content-right {
    float: left;
    width: 40%;
    padding: 10px;
}
.content-right img {
    width: 60%;
    position: absolute;
    right: 0;
    top: 115px;
}

.second-page {
    background-image: url(img/background-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto !important;
    min-height: 100%;
    color: #FCFCFC;
    padding: 6% 10%;
}
.second-page h2 {
    text-align: center;
    font-size: 30px;
}

.third-page {
    background-image: url(img/background-3.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto !important;
    min-height: 100%;
    padding: 5% 10%;
}
.third-page .content {
    margin-bottom: 100px;
    margin-top: 70px;
}
.image-coin.desktop{
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
    display: block;
}
.image-coin.mobile{
    display: none;
}
.third-page .content {
    font-size: 18px;
    text-align: center;
}

footer {
    font-size: 16px;
    color: #757575;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border-top: 1px solid #b2b2b2;
}

#go-to-second-page {
    background-image: url(img/yellow-arrow-down.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 28px;
    height: 40px;
    bottom: 100px;
    right: 30px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
#go-to-third-page {
    background-image: url(img/yellow-arrow-down.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 28px;
    height: 40px;
    bottom: 100px;
    right: 30px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    cursor: pointer;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
#back-to-top {
    background-image: url(img/back-to-top.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 75px;
    height: 75px;
    text-align: center;
    position: fixed;
    bottom: 100px;
    right: 30px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    filter: brightness(0.2);
}
#back-to-top:hover {
    background-image: url(img/back-to-top-hover.svg);
    cursor: pointer;
}
#back-to-top.show {
    opacity: 1;
    visibility: visible;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-10px);}
    60% {-webkit-transform: translateY(-10px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-10px);}
    60% {-moz-transform: translateY(-10px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-10px);}
    60% {-o-transform: translateY(-10px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-10px);}
}

.header-wrapper {
    display: inline-block;
    width: 100%;
}
.header-logo {
    width: 50%;
    padding: 2%;
    padding-left: 8%;
    padding-right: 8%;
    display: inline-block;
}

#menu-main-menu {
    width: 50%;
    padding: 2%;
    padding-left: 0%;
    padding-right: 0%;
    display: inline-table;
    position: absolute;
    margin: 0;
    text-align: center;
    height: 145px;
    vertical-align: middle;
}
.head-nav-ul li:nth-child(2) a, .head-nav-ul li:nth-child(3) a, .head-nav-ul li:nth-child(4) a, .head-nav-ul li:nth-child(5) a, .head-nav-ul li:nth-child(6) a {
    color: #ffffff;
    line-height: 0;
    font-size: 17px;
    color: #757575;
    font-family: 'Rethink Sans';
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    /* margin-top: 15px; */
}
.head-nav-ul li {
    display: inline-block;
    margin: 25px 10px;
    vertical-align: middle;
}
.head-nav-ul li a {
    color: #ffffff;
    line-height: 0; 
    font-size: 0;
    color: transparent; 
}

.head-nav-ul li:nth-child(1) a:before {
    content: url(img/home.svg);
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    transform: scale(0.65);
}
.head-nav-ul li:nth-child(1).current-menu-item a:before {
    content: url(img/home-active.svg);
}

.head-nav-ul li:nth-child(2).current-menu-item a,
.head-nav-ul li:nth-child(3).current-menu-item a,
.head-nav-ul li:nth-child(4).current-menu-item a,
.head-nav-ul li:nth-child(5).current-menu-item a
.head-nav-ul li:nth-child(6).current-menu-item a {
    color: #ffac00;
}

.head-nav-ul li:nth-child(7) a:before {
    content: url(img/telegram-icon.svg);
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}

.contact_form_container {
    display: flex;
    justify-content: center;
    margin-top: 1%;
    align-items: center;
    vertical-align: middle;
    padding-bottom: 8%;
    flex-wrap: wrap;
}
form#contact-form {
    font-family: 'Futura PT Light';
    color: #757575;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0 20%;
    width: 100%;
}
.form-field {
    position: relative;
    width: 100%;
    display: block;
}
.form-field.name {
    display: inline-table;
}
.form-field.name .form-group:nth-child(1) {
    float: left;
    width: 49%
}
.form-field.name .form-group:nth-child(2) {
    float: right;
    width: 49%
}
label {
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    top: 27px;
    left: 40px;
    background-color: #ffffff;
    padding: 0 10px;
}
input[type="text"] {
    min-height: 60px;
    height: 100%;
    font-size: 24px;
    color: #000000;
    border-radius: 8px;
    border: 1px solid #707070;
}
input.first-name {
    display: inline-block;
    width: 100%;
}
input.last-name {
    display: inline-block;
    width: 100%;
}
input[type="email"] {
    min-height: 60px;
    height: 100%;
    width: 100%;
    font-size: 24px;
    color: #000000;
    border-radius: 8px;
    border: 1px solid #707070;
}
textarea {
    min-height: 210px;
    height: 100%;
    width: 100%;
    font-size: 28px !important;
    padding: 17px;
    color: #000000;
    border-radius: 8px;
    border: 1px solid #707070;
}
input {
    display: block;
    width: 50vw;
    padding: 0 20px;
    font-size: 20px;
}
input::placeholder {
    font-size: 20px;
    font-weight: normal;
    color: #dfdfdf;
}
.button-wrapper {
    margin-top: 35px;
}
.submitBtn {
    background: url(img/send-btn.svg);
    background-repeat: no-repeat;
    border: none;
    color: white;
    padding: 15px 102px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    font-family: 'Rethink Sans';
    color: #424242;
    text-transform: uppercase;
    font-weight: 800;
}
.submitBtn:hover {
    background: url(img/send-btn-hover.svg);
    background-repeat: no-repeat;
    color: #ffffff;
}

.overlay{
    background: #261d00;
    background-color: rgba(0, 0, 0, .9);
    height: 100% !important;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 300;
    overflow: auto;
    display: none;
}
.notification {
    border: 1px solid #f9a72d;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 450px;
    height: 250px;
    text-align: center;
    background: #757575;
    padding: 10px;
    display: none;
    z-index: 120;
}
.notification h2 {
    font-family: 'Futura PT Light';
    font-weight: normal;
    font-size: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 85%;
    color: #ffffff;
}
.loading {
    background: url(img/loading.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 200px;
    height: 180px;
    z-index: 999;
    display: none;
}

.disclaimer-page .content-left,
.privacy-policy-page .content-left,
.cookies-policy-page .content-left,
.blog-page .content-left,
.faq-page .content-left {
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
    position: relative;
    padding-top: 2%;
    padding-bottom: 10%;
}
.disclaimer-page .title,
.privacy-policy-page .title,
.cookies-policy-page .title,
.blog-page .title,
.faq-page .title {
    font-size: 26px;
    color: #000000;
}
.disclaimer-page p,
.privacy-policy-page p,
.cookies-policy-page p,
.blog-page p,
.faq-page p {
    font-size: 2rem;
}
.disclaimer-page a,
.privacy-policy-page a,
.cookies-policy-page a,
.blog-page a,
.single-page a,
.faq-page a {
    color: #ffac00;
    word-break: break-all;
}
.disclaimer-page li,
.privacy-policy-page li,
.cookies-policy-page li,
.blog-page li,
.single-page li,
.faq-page li {
    margin-bottom: 20px;
    list-style-image: none;
    color: #000000;
    font-size: 2rem;
}
.disclaimer-page ol,
.privacy-policy-page ol,
.cookies-policy-page ol,
.blog-page ol,
.single-page ol,
.faq-page ol {
    font-size: 2rem;
    list-style-position: inside;
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    padding-left: 0;
    line-height: 30px;
}

footer h4 {
    display: inline-block;
    float: left;
    left: 7%;
    position: relative;
}
#menu-footer-menu {
    display: inline-block;
    list-style-image: none;
    position: absolute;
    margin: 20px;
    right: 5%;
    padding: 0;
    width: 35%;
    top: 1px;
}
#menu-footer-menu li {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    font-weight: 600;
    display: inline-block;
    width: 28%;
    font-size: 16px;
}
#menu-footer-menu a {
    color: #757575;
}

/* Revamp */
/* Homepage */
.text-coin-wrapper {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 1200px;
    width: 50%;
    text-align: center;
    top: 15px;
    padding: 0 20%;
}

.text-coin {
    position: absolute;
    display: inline-block;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Rethink Sans';
    top: -40px;
    text-align: center;
    margin: 0 auto;
    right: 295px;
}

.second-page h2 {
    line-height: 40pt;
}

.second-page h2:nth-child(3) {
    font-size: 27px;
    font-weight: 100;
    text-align: left;
    line-height: 40pt;
    width: 90%;
    margin: 0 auto;
}

/* Contact Us */
.contact-us-page .first-page {
    background-image: url(img/background-default.png);
    background-repeat: round;
    background-size: contain;
    position: relative;
    height: auto !important;
    min-height: 100%;
    color: #424242;
}

.contact-header {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin: 10px auto;
    margin-bottom: 20px;
    padding: 0 12%;
}

.contact-footer {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin: 10px auto;
    margin-top: 120px;
}
#telegram-channel {
    background: url(img/telegram-channel.svg);
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 338px;
    height: 75px;
    cursor: pointer;
    margin-left: 15px;
    color: transparent;
}
#telegram-channel:hover {
    background: url(img/telegram-channel-hover.svg);
    background-repeat: no-repeat;
}

/* Disclaimer Pages */
.disclaimer-page .first-page {
    background-image: url(img/background-disclaimer.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto !important;
    min-height: 100%;
}

/* Policy Pages */
.privacy-policy-page .first-page,
.cookies-policy-page .first-page,
.blog-page .first-page {
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 10%,
              rgb(242 242 242) 20%), url(img/background-policy.png);
    background-repeat: no-repeat;
    position: relative;
    height: auto !important;
    min-height: 100%;
}

.faq-page .first-page {
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%) -8%,
              rgb(242 242 242) 10%), url(img/background-policy.png);
    background-repeat: no-repeat;
    position: relative;
    height: auto !important;
    min-height: 100%;
}

/* Product & Tech */
.product-tech-page .first-page {
    background-image: url(img/background-pt-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto !important;
    min-height: 100%;
    background-position: 48%;
    padding-bottom: 5%;
}

.product-tech-page .content-left {
    float: left;
    width: 48%;
    padding: 10px;
    padding-left: 12%;
    position: relative;
    top: 23%;
    line-height: 40pt;
}

.product-tech-page .content-left .title {
    padding-bottom: 40px;
    padding-top: 10%;
}

.product-tech-page .content-left h1, .product-tech-page .content-left p {
    font-size: 25px;
}

.product-tech-page .second-page {
    background-image: url(img/background-pt-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto !important;
    min-height: 100%;
    color: #FCFCFC;
    padding: 2% 15%;
}

.product-tech-page .second-page .content p {
    font-size: 24px;
    line-height: 55px;
}

.product-tech-page .second-page .text-coin-wrapper {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 1200px;
    width: 50%;
    text-align: center;
    top: 70px;
    padding: 0 30%;
}

.product-tech-page .second-page .text-coin {
    position: absolute;
    display: inline-block;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Rethink Sans';
    top: 0;
    text-align: center;
    margin: 0 auto;
    right: 15vw;
}

.product-tech-page .third-page {
    background-image: url(img/background-pt-3.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: auto !important;
    min-height: 100%;
    padding: 5% 15%;
}

.product-tech-page .third-page .content {
    font-size: 20px;
    text-align: left;
    line-height: 35pt;
    margin-top: 0;
}

.product-tech-page .third-page .content p {
    margin-top: 0;
    margin-bottom: 10px;
}


/* Guides */
.category-guides-page .first-page {
    background-image: url(img/background-default.png);
    background-repeat: round;
    background-size: contain;
    position: relative;
    height: auto !important;
    min-height: 100%;
    color: #424242;
}

.category-guides-page .guides-header {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin: 15px auto;
    margin-bottom: 20px;
}

.category_guides_container {
    display: grid;
    grid-template-columns: repeat(auto-fit, 28%);
    grid-row-gap: 30px;
    grid-column-gap: 20px;
    justify-content: center;
    width: 90%;
    margin: 30px auto;
    list-style: none;
    padding-bottom: 8%;
} 

.guides-post-wrapper h1, .guides-post-wrapper h2 {
    font-family: 'Rethink Sans';
    text-align: left;
    line-height: 30pt;
    margin-right: 10%;
    color: #424242;
    font-size: 22px;
}

.single-page .first-page {
    background-image: url(img/background-default.png);
    background-repeat: round;
    background-size: contain;
    position: relative;
    height: auto !important;
    min-height: 100%;
    color: #424242;
}

.single-container {
    margin: 0 auto;
    max-width: 1240px;
    width: 100%;
    position: relative;
}

.single-container article {
    padding-bottom: 100px;
}

.single-page article p {
    font-size: 2rem;
    word-break: break-word;
}

article a {
    color: #f9a72d;
}

h1.post-title {
    font-family: 'Rethink Sans';
    font-size: 26px;
}

.wp-block-embed {
    margin-bottom: 5%;
}

/* 404 Page */
.page-404 {
    font-size: 20px;
    font-family: 'Rethink Sans';
    text-transform: uppercase;
}

.page-404 .first-page {
    background-image: url(img/background-1.png);
    background-repeat: round;
    background-size: contain;
    position: relative;
    height: auto !important;
    min-height: 100%;
}

.product-tech-page .content {
    margin-bottom: 80px;
}

.product-tech-page footer {
    color: #ffffff;
}

.product-tech-page #menu-footer-menu a {
    color: #ffffff;
}

.product-tech-page .content li {
    margin-bottom: 20px;
}

.category-guides-page p {
    margin: 0 11%;
    margin-bottom: 20px;
    font-size: 20px;
}

.faq-page li {
    margin-left: 0;
}