:root {
	--tj-color-theme-primary: #6a80a9;
	--tj-color-text-body: #2c385c;
	--tj-color-text-body-2: #8eabe1;
    --color-breeze: #28a745;
    --color-breeze-hover: #2fa9c5;
    --color-royal: #ff8101;
}

@font-face {
    font-family: 'OsnovaHeavy';
    src: url('/fonts/Osnova/osnovaproheavy-webfont.woff2') format('woff2'),
         url('/fonts/Osnova/osnovaproheavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OsnovaPro';
    src: url('/fonts/Osnova/osnovapro-webfont.woff2') format('woff2'),
         url('/fonts/Osnova/osnovapro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OsnovaLite';
    src: url('/fonts/Osnova/osnovaprolight-webfont.woff2') format('woff2'),
         url('/fonts/Osnova/osnovaprolight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/roboto-black-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoThin';
    src: url('/fonts/Roboto/roboto-thin-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLite';
    src: url('/fonts/Roboto/roboto-lite-webfont.woff2') format('woff2'),
         url('/fonts/Roboto/roboto-lite-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3 {
    font-family: "OsnovaHeavy", sans-serif;
}
h4, h5, h6 {
    font-family: "OsnovaLite", sans-serif;
}

a {
    font-family: "RobotoLite", sans-serif;
    color: var(--color-breeze);
}
a:hover {
    color: var(--color-breeze-hover);
    text-decoration-color: #92cad7 !important;
    text-underline-offset: 0.25em !important;
}
a.btn {
    font-family: "Roboto", sans-serif;
}
a.btn:hover {
    text-decoration: none
}
p, span, li, input {
    font-family: "RobotoLite", sans-serif;
}


.logo h1 {
    font-size: 50px;
    color: #4c6491;
}
.logo h1 span {
    font-size: 28px;
    width: 200px;
}

#cookiescript_copyright {
    display: none!important;
}

::selection {
    color: #576d96;
    background-color: #eaeaff;
}
a.active, li.active,
a:active {
    color: #576d96!important;
    background-color: #eaeaff!important;
}

::placeholder {
    color: #d5d3d3 !important;
    opacity: 1;
}