/* Main CSS */

html,
body {
    height: 100%;
}

/* Body */

body {
    background: #000314;
    color: #fff;
    font-family: "loos-normal", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h2 {
    color: #fff;
    font-family: "microgramma-extended", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 250%;
    line-height: 48px;
    margin: 7px 0 26px 0;
}

ul {
    font-size: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a,
a:link,
a:hover,
a:active,
a:visited {
    color: #fff;
    text-decoration: none;
    transition: .25s ease;
}

a:hover {
    color: rgba(255, 255, 255, 0.8);
}

img {
    max-width: 100%;
}

/* End Body */
#CookieConsent .cookie-popup {
 /*   color: #000 !important;
    background-color: #2D012C;*/
}
/* Animation */

@keyframes block-animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* End Animation */

/* Containers */

.container-fluid {
    height: auto;
    padding: 0;
    overflow-y: hidden;
    position: relative;
}

.landing {
    margin: 0;
    position: relative;
    z-index: 90;
}

.col-12 {
    animation-name: block-animation;
    animation-duration: .5s;
    padding: 60px;
}

/* End Containers */

/* Buttons */

.btn {
    border: none;
    border-radius: 8px;
    font-weight: 500;
    height: 48px;
    padding: 12px 20px;
}

.btn.btn-secondary,
.btn.btn-secondary:hover,
.btn.btn-secondary:active {
    background: #fff;
    color: #FF083D;
}

.btn.btn-secondary:hover {
    opacity: .86;
}

.btn.btn-primary {
    background: #FF083D;
}

.btn.btn-primary:hover,
.btn.btn.btn-primary:active,
.btn.btn-primary.primary-disabled,
.btn.btn-primary.disabled {
    background: #DB002F;
}

.col-12 .btn.btn-primary {
    height: 56px;
    margin: 18px 0 0 0;
    padding: 16px 20px;
}

/* End Buttons */

/* Header */

.top-panel {
    animation-name: block-animation;
    animation-duration: .5s;
    backdrop-filter: blur(3px);
    background: rgba(0, 3, 20, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    position: fixed;
    padding: 24px 60px;
    z-index: 90;
}

.logo {
    background: url("https://www.fanraizd.com/img/logo.svg") no-repeat;
    height: 34px;
    float: left;
    margin: 6px 0 0 0;
    position: relative;
    text-indent: -9999px;
    width: 167px;
    z-index: 100;
}

.logo a {
    display: block;
    height: 100%;
    width: 100%;
}

.website-nav {
    float: left;
    padding: 13px 0 0 0;
}

.website-nav ul {
    margin: 0 0 0 24px;
}

.website-nav li {
    display: inline;
    padding: 0 0 0 48px;
}

.website-nav a {
    color: rgba(255, 255, 255, 0.66);
}

.website-nav a.active,
.website-nav a:hover {
    color: #fff;
}

.website-nav a.active:hover {
    color: rgba(255, 255, 255, 0.8);
}

.login-reg {
    float: right;
}

.btn.btn-secondary.login {
    background: transparent url("https://www.fanraizd.com/img-lp/login-lp.svg") no-repeat 17px 11px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 400;
    margin: 0 26px 0 0;
    padding: 12px 20px 12px 49px;
}

.btn.btn-secondary.login:hover {
    opacity: .8;
}

/* End Header */

/* Articles */

/* Intro */

.intro {
    background: url("https://www.fanraizd.com/img-lp/intro.png") no-repeat right bottom;
    background-size: cover;
    height: 916px;
    /* Margin Top = .top-panel Height */
    margin: 97px 0 0 0;
    padding: 24px 60px;
}

.intro h2 {
    font-size: 300%;
    line-height: 57.6px;
    margin: 100px 0 26px 0;
}

.intro h2,
.intro > p {
    width: 45%;
}

.video-preview {
    margin: 150px 0 0 0;
}

    .video-preview a {
        background: url("https://www.fanraizd.com/img-lp/play.svg") no-repeat;
        border-radius: 50%;
        display: block;
        float: left;
        height: 98px;
        margin: 0 24px 0 0;
        outline: 8px solid rgba(255, 255, 255, 0.14);
        text-indent: -9999px;
        width: 98px;
    }

        .video-preview a:hover {
            background: url("https://www.fanraizd.com/img-lp/play-hover.svg") no-repeat;
            outline: 12px solid rgba(255, 255, 255, 0.14);
        }

.video-preview p {
    font-weight: 500;
    margin: 0;
    padding: 28px 0 0 0;
    text-transform: uppercase;
}

/* End Intro */

/* Platforms */

.platforms {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 12px;
    margin: 0 auto;
    padding: 83px 24px 90px 24px;
    text-align: center;
}

.small-title {
    font-family: "loos-normal", sans-serif;
    font-size: 100%;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
}

.platforms p {
    font-size: 162.5%;
    line-height: 32.76px;
    margin: 0 auto;
    width: 80%;
}

.platforms-list {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 105px;
    margin: 36px auto 0 auto;
    padding: 15px 20px;
    width: fit-content;
}

.platforms-list ul {
    font-size: 87.5%;
    font-weight: 500;
    text-transform: uppercase;
}

.platforms-list li {
    display: block;
    float: left;
    margin: 0 16px;
}

.platforms-list li:last-child {
    padding: 26px 0 0 0;
}

/* End Platforms */

/* Who We Serve */

.who-we-serve {
    float: left;
    padding: 120px 0 0 100px;
    width: 52%;
}

.who-we-serve .btn.btn-primary {
    width: 190px;
}

.who-we-serve-img {
    float: right;
    width: 42%;
}

/* End Who We Serve */

/* What We Do */

.col-12.without-lp {
    padding: 60px 60px 60px 0;
}

.what-we-do-img {
    float: left;
    width: 42%;
}

.what-we-do {
    float: right;
    padding: 120px 100px 0 0;
    width: 52%;
}

/* End What We Do */

/* Release Music */

.release-music .row {
    margin: 0 auto;
    width: 70%;
}

.release-music .col-sm-5,
.release-music .row > .col > .col {
    border-radius: 8px;
    margin: 0 5px;
    padding: 20px;
}

.release-music .col-sm-5 {
    background: #EAE9F7 url("https://www.fanraizd.com/img-lp/release-music.svg") no-repeat 20px 20px;
    margin: 0 5px 0 0;
}

.release-music .row > .col {
    padding: 0;
}

.release-music .row > .col > .col {
    margin: 0 0 0 5px;
}

    .release-music .row > .col > .col:first-child {
        background: #EAE9F7 url("https://www.fanraizd.com/img-lp/music-rights.svg") no-repeat 20px 20px;
        margin: 0 0 10px 5px;
    }

    .release-music .row > .col > .col:last-child {
        background: #EAE9F7 url("https://www.fanraizd.com/img-lp/royalties.svg") no-repeat 20px 20px;
    }

.release-music h3,
.release-music p {
    color: #000314;
}

.release-music h3 {
    font-size: 125%;
    font-weight: 400;
}

.release-music .col-sm-5 h3 {
    margin: 56px 0 16px 0;
}

.release-music .col-sm-5 p {
    margin: 0;
}

.release-music .row > .col > .col h3 {
    margin: 5px 0 16px 60px;
}

.release-music .row > .col > .col p {
    margin: 0 0 0 60px;
}

/* End Release Music */

/* How We Work */

.col-12.without-rp {
    padding: 60px 0 60px 60px;
}

.how-we-work {
    float: left;
    padding: 120px 0 0 100px;
    width: 52%;
}

.level {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    margin: 38px 0 0 0;
    padding: 20px;
}

.level img {
    float: left;
    margin: 0 16px 0 0;
}

.level h3 {
    font-size: 100%;
    margin: 14px 0 16px 0;
    text-transform: uppercase;
}

.how-we-work-img {
    float: right;
    width: 42%;
}

/* End How We Work */

/* Banner */

.lp-banner {
    background: url("https://www.fanraizd.com/img-lp/banner.jpg") no-repeat;
    background-size: cover;
    border-radius: 8px;
    height: 268px;
    padding: 51px;
    text-align: center;
}

/* End Banner */

/* Mission */

.our-mission {
    margin: 0 auto;
    width: 80%;
}

.our-mission > span {
    display: block;
}

.our-mission > span,
.our-mission > h2,
.our-mission > p {
    text-align: center;
}

.our-mission .row {
    margin-top: 28px;
}

/* Cards */

.mission-card {
    border: none;
    background: transparent;
    margin: 12px;
    padding: 0;
    position: relative;
    transition: .25s ease;
    width: calc(33.33333333% - 24px);
}

.mission-card:hover {
    opacity: .9;
}

.mission-card .card-img-top {
    border-radius: 8px;
    display: block;
    transition: .25s ease;
}

.mission-card .card-body {
    bottom: 0;
    color: #fff;
    position: absolute;
    padding: 20px;
}

.mission-card .card-title {
    font-size: 125%;
    line-height: 30px;
    margin: 0 0 16px 0;
}

.mission-card .card-body p {
    margin: 0;
}

/* End Cards */

/* End Mission */

/* Blog */

.lp-blog {
    background: rgba(255, 255, 255, 0.03);
}

.our-blog {
    margin: 0 auto;
    width: 80%;
}

.our-blog h2 {
    margin: 0 0 26px 0;
    text-align: center;
}

/* Cards */

.lp-blog-card {
    background: rgba(254, 254, 255, 0.06);
    border-radius: 8px;
    margin: 12px;
    padding: 4px 4px 20px 4px;
    transition: .25s ease;
    width: calc(33.33333333% - 24px);
}

.lp-blog-card:hover {
    background: rgba(254, 254, 255, 0.08);
}

.lp-blog-card .card-img-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: block;
    transition: .25s ease;
}

.lp-blog-card .card-body {
    color: #fff;
    padding: 20px 12px 0 12px;
}

.lp-blog-card .card-title {
    font-size: 125%;
    line-height: 30px;
    margin: 0;
}

/* End Cards */

.our-blog .btn.btn-primary {
    display: block;
    margin: 18px auto 12px auto;
    width: 227px;
}

/* End Blog */

/* End Articles */

/* Bottom Menu */

.bottom-menu .website-nav {
    float: right;
}

.bottom-menu .website-nav a {
    color: #fff;
}

.bottom-menu .website-nav a:hover {
    color: rgba(255, 255, 255, 0.8);
}

/* End Bottom Menu */

/* Footer */
.footer-list {
    margin-top: 15px;
}
    .footer-list li {
        float: inherit;
        margin-bottom: 4px;
    }

footer.col-12 {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: 32px 60px;
}

footer ul,
footer p {
    font-size: 87.5%;
}

footer li,
.privacy-terms {
    float: left;
}

.privacy-terms,
footer p {
    margin: 5px 0 0 0;
}

.privacy-terms li {
    padding: 0 22px 0 0;
}

.privacy-terms li:last-child {
    padding: 0;
}

.social-networks {
    float: right;
}

.social-networks li {
    display: block;
    height: 32px;
    margin: 0 0 0 12px;
    width: 32px;
}

    .social-networks li:first-child {
        background: url("https://www.fanraizd.com/img/instagram.svg") no-repeat;
        margin: 0;
    }

.social-networks li:nth-child(2) {
    background: url("https://www.fanraizd.com/img/twitter.svg") no-repeat;
}

.social-networks li:nth-child(3) {
    background: url("https://www.fanraizd.com/img/facebook.svg") no-repeat;
}

.social-networks li:nth-child(4) {
    background: url("https://www.fanraizd.com/img-lp/yt.svg") no-repeat;
}

.social-networks li:nth-child(5) {
    background: url("https://www.fanraizd.com/img-lp/spot.svg") no-repeat;
}

.social-networks li:last-child {
    background: url("https://www.fanraizd.com/img/email.svg") no-repeat;
}

.social-networks li:first-child:hover {
    background: url("https://www.fanraizd.com/img/instagram-hover.svg") no-repeat;
}

.social-networks li:nth-child(2):hover {
    background: url("https://www.fanraizd.com/img/twitter-hover.svg") no-repeat;
}

.social-networks li:nth-child(3):hover {
    background: url("https://www.fanraizd.com/img/facebook-hover.svg") no-repeat;
}

.social-networks li:nth-child(4):hover {
    background: url("https://www.fanraizd.com/img-lp/yt-hover.svg") no-repeat;
}

.social-networks li:nth-child(5):hover {
    background: url("https://www.fanraizd.com/img-lp/spot-hover.svg") no-repeat;
}

.social-networks li:last-child:hover {
    background: url("https://www.fanraizd.com/img/email-hover.svg") no-repeat;
}

.social-networks a {
    display: block;
    height: 100%;
    text-indent: -9999px;
    width: 100%;
}

/* End Footer */

/* Gradients */

.lp-left-gradient-1,
.lp-left-gradient-2 {
    left: 0;
    position: absolute;
}

.lp-left-gradient-1 {
    background: url("https://www.fanraizd.com/img-lp/left-gradient-1.png") no-repeat;
    height: 1233px;
    top: 350px;
    width: 814px;
}

.lp-left-gradient-2 {
    background: url("https://www.fanraizd.com/img-lp/left-gradient-2.png") no-repeat;
    height: 1223px;
    top: 3650px;
    width: 684px;
}

.lp-right-gradient-1,
.lp-right-gradient-2,
.lp-right-gradient-3,
.lp-right-gradient-4 {
    position: absolute;
    right: 0;
}

.lp-right-gradient-1 {
    background: url("https://www.fanraizd.com/img-lp/right-gradient-1.png") no-repeat;
    height: 648px;
    top: 0;
    width: 745px;
}

.lp-right-gradient-2 {
    background: url("https://www.fanraizd.com/img-lp/right-gradient-2.png") no-repeat;
    height: 1536px;
    top: 1400px;
    width: 1020px;
}

.lp-right-gradient-3 {
    background: url("https://www.fanraizd.com/img-lp/right-gradient-3.png") no-repeat;
    height: 1203px;
    top: 2100px;
    width: 482px;
}

.lp-right-gradient-4 {
    background: url("https://www.fanraizd.com/img-lp/right-gradient-4.png") no-repeat;
    bottom: 625px;
    height: 1318px;
    width: 862px;
}

/* End Gradients */

/* Pricing */

section.plan-pricing {
    margin: 0;
    padding: 187px 60px 32px 60px;
}

.row.artists-table.plan-pricing {
    margin: 0;
    padding: 0 60px;
}

.row.user-dashboard.commission {
    padding: 34px 60px 32px 60px;
}

.modal-backdrop.show {
    z-index: 80;
}

.modal {
    padding: 0;
}

.purchase-tokens .modal-dialog {
    left: 60px;
}

.purchase-tokens .modal-footer .btn,
.user-withdraw .modal-footer .btn {
    height: 56px;
    width: 100%;
}

#purchase-tokens-step-2 .btn.btn-secondary,
#purchase-tokens-step-2 .btn.btn-primary,
#pricing-payment-step-2 .btn.btn-secondary,
#pricing-payment-step-2 .btn.btn-primary {
    height: 56px;
}

.modal-header .logo {
    margin: 0;
}

.pricing-left-gradient-bottom {
    background: url("https://www.fanraizd.com/img-lp/pricing-left-gradient-bottom.png") no-repeat;
    bottom: 0;
    height: 535px;
    left: 0;
    position: absolute;
    width: 684px;
}

/* End Pricing */

/* FAQ */

.faq-search {
    margin: 97px 0 0 0;
}

.faq-search h2 {
    margin: 40px 0 26px 0;
}

.general-info-categories {
    margin: 0 auto;
    padding: 90px 60px 60px 60px;
    width: 70%;
}

.faq-left-gradient {
    top: 300px;
}

/* End FAQ */

/* Blog */

.fan-blog {
    padding: 0 60px;
}

.fan-blog h2 {
    margin: 0 0 26px 0;
}

a.tag-active {
    color: #000314;
}

.blog-short-news {
    padding: 0 48px;
}

.blog-short-news h2 {
    font-family: "loos-normal", sans-serif;
    font-weight: 400;
    line-height: 32.64px;
    margin: 0 0 16px 0;
}

.fan-info .streamed-tracks {
    padding: 0 36px;
}

.blog-full-article {
    margin: 97px 0 0 0;
    padding: 0 48px;
}

.blog-full-article .blog-short-news {
    padding: 32px 12px 0 12px;
}

.blog-full-article .general-info {
    width: 75%;
}

.faq-article h2 {
    font-family: "loos-normal", sans-serif;
    font-size: 187.5%;
    font-weight: 400;
    line-height: 32.64px;
    margin: 0 0 32px 0;
}

.blog-full-article .streamed-tracks {
    padding: 0 0 34px 0;
}

.also-like h2 {
    font-family: "loos-normal", sans-serif;
    font-size: 150%;
    line-height: 32.64px;
    margin: 0 0 16px 0;
}

/* End Blog */