@font-face {
    font-family: RubikLight;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/rubik-v12-latin-300.woff2) format("woff2"),url(../fonts/rubik-v12-latin-300.woff) format("woff")
}

@font-face {
    font-family: RubikNormal;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/rubik-v12-latin-regular.woff2) format("woff2"),url(../fonts/rubik-v12-latin-regular.woff)
}

@font-face {
    font-family: RubikMedium;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/rubik-v12-latin-regular.woff2) format("woff2"),url(../fonts/rubik-v12-latin-regular.woff)
}

@font-face {
    font-family: RubikBold;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/rubik-v12-latin-700.woff2) format("woff2"),url(../fonts/rubik-v12-latin-700.woff) format("woff")
}

@font-face {
    font-family: RubikBlack;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/rubik-v12-latin-900.woff2) format("woff2"),url(../fonts/rubik-v12-latin-900.woff) format("woff")
}

:root {
    --purple: #7119F4;
    --darkgrey: #222222;
    --lightgrey: #f6f6f6;
    --othergrey: #6f6f6e;
    --blue: #2E69FF;
    --green: #6EFF1A;
    --ftext: #696969;
    --dark: #343a40;
    --dark-light-grey: #efefef;
    --ninetyten: #f15839;
    --dodoc: #0992f7;
    --riparian: #0093fb;
    --twolabs: #5c9cc1;
    --newgrey: #646F95; /*it's blue really*/
    --darkergrey: #3E496D; /*it's blue really*/
    --lightplum: #9E8EAA;
    --lightdarkerplum: #7B678B;
    --darkplum: #6b6e92;
}


body {
    font-smoothing: antialiased;
    backface-visibility: hidden;
    font-family: RubikLight, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px
}

h1 {
    font-family: 'museo-sans-rounded', sans-serif;
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    margin-top: -8px
}

header a.logo img {
    max-width: 258px;
}

.btn {
    border-radius: 10px;
    font-size: 16px;
    line-height: 34px;
    min-width: 150px;
}

.btn-primary {
    background-color: #7119f4;
    border: 2px solid #7119f4;
    color: #fff;
    font-weight: 700;
    display: inline-block;
}
    .btn-primary:hover {
        background-color: #ffffff;
        border: 2px solid #7119f4;
        color: #7119f4;
    }

.btn-white-purple {
    background-color: #fff;
    border: 2px solid #fff;
    color: #7119f4;
}
    .btn-white-purple:hover {
        background-color: #7119f4;
        border: 2px solid #7119f4;
        color: #ffffff;
    }

.bwp-neg:hover {
    background-color: #7B678B;
    border-color: #7B678B
}


/*#region header */


@media (max-width: 1240px) {
    .btn-primary {
        margin-right: 15px;
        margin-top: 5px;
    }
    header .btn-primary {
        margin-right: 0;
        margin-top: 0;
    }
}

/*#endregion */
/*#region gradient */

.border-bottom-gradient {
    border-bottom-style: solid;
    border-bottom-width: 13px;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg,#7119f4 0,#3f55fc 100%);
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.bg-fill {
    background: linear-gradient(90deg,#7119f4 0,#6527f6 17.73%,#3f55fc);
}

/*#endregion */
/*#region footer */
footer {
    background-color: #222;
    color: #fff;
}
    footer a {
        color: inherit;
        font-size: 16px;
        text-decoration: none ;
        line-height: 24px;
    }
        footer a:hover {
            text-decoration: underline;
            color: inherit;
        }
.font-weight-medium {
    font-weight: 700;
}
div.copyw {
    color: inherit;
    font-size: 16px;
    text-decoration: none;
    line-height: 24px;
}

.xtw{
    max-height: 18px;
}
/*#endregion */
@media screen and (max-width:1240px) {
    header {
        z-index: 12;
        position: relative;
        background-color: white;
    }
}