@charset "utf-8";
body{font-family:Montserrat;}
body{
    --link-button-bg-color:#ffffff;
    --link-button-font-color: #6d2cc4;

    --link-button-border-color: #6d2cc4;
    --link-button-border-font-color: #ffffff;
    --link-button-border-bg-color: rgba(0,0,0,0);

    --link-button-bg-thumbnail-color:#6d2cc4;
    --link-button-bg-thumbnail-border-color:#6d2cc4;
    --link-button-border-thumbnail-color:#ffffff;
    --link-button-border-thumbnail-border-color:#ffffff;

    --link-social-color:#ffffff;
    --link-social-border-color:#ffffff;
}
.bg div{display:none}
section,.desc,.text h3{color:#fff}
.item{border-radius:var(--link-button-radius12, 8px)!important;background-color:var(--link-button-bg-color)!important;border:2px solid var(--link-button-bg-border-color)!important;color:var(--link-button-font-color)!important;}
.item .btn .btn-text, .item .btn-text .link-text{color:var(--link-button-font-color)!important;}
.footer p a{color:#FFFFFF}
.footer p a:hover{color:#FFFFFF}
@media only screen and (max-width:767px){
}
body{background:#4776E6}
.animate-container{position:fixed;top:0;bottom:0;width:100%;margin:0 auto;z-index:-1;}
.hero.is-gradient {
    background: #4776E6;
    background: linear-gradient(to right, #8E54E9, #7F00FF);
}
.hero.is-relative {
    position: relative;
}
#demo-canvas {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}