:root {
    --White: #ffffff;
    --Black: #000000;
    --container: 100%;
    --bs-gutter-x: 1rem;
    --light-silver:rgb(228, 228, 228);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 0;

    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

.row {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
    width: 100%;
}

@media (max-width: 575px) {
    :root {
        --container: 100%;
    }
}

@media (min-width: 576px) {
    :root {
        --container: 540px;
    }
}

@media (min-width: 768px) {
    :root {
        --container: 720px;
    }
}

@media (min-width: 992px) {
    :root {
        --container: 960px;
    }
}

@media (min-width: 1200px) {
    :root {
        --container: 1140px;
    }
}

@media (min-width: 1400px) {
    :root {
        --container: 1320px;
    }
}

@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: var(--container);
    }
}

@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: var(--container);
    }
}

@media (min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: var(--container);
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: var(--container);
    }
}

@media (min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: var(--container);
    }
}

em,
small {
    letter-spacing: 0
}

body,
li,
p {
    line-height: 1.5em
}

.DNNEmptyPane {
    display: none !important
}

.paneOutline {
    border: 1px dashed #ccc
}

a,
a img,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
video {
    border: 0
}

.TB_Wrapper,
.TB_Wrapper *,
.dnnActionMenu,
.dnnActionMenu *,
.dnnActionMenu:after,
.dnnActionMenu:before,
.dnn_mact,
.dnn_mact *,
.dnn_mact:after,
.dnn_mact:before,
[id*=ControlPanel],
[id*=ControlPanel] *,
[id*=ControlPanel]:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

[class*=RadAjaxPanel] *,
[class*=Digital] * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

html,
li,
p {
    font-size: 16px
}

ol.list-unstyled,
ol.list-unstyled>li,
ul.list-unstyled,
ul.list-unstyled>li {
    list-style: none;
    margin: 0
}

ul.row {
    margin-left: -15px;
    margin-right: -15px
}

ol,
ul {
    list-style: none;
    margin: 0;
}

ul li {
    list-style-type: disc
}

ul li li {
    list-style-type: circle
}

ol li {
    list-style-type: decimal;
    list-style-position: inside
}

.nav li {
    list-style: none !important
}

a {
    outline: 0 !important
}


body {
    background: #e0e0e0;
    color: #333;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

.CommandButton,
.Head,
.Normal,
.NormalBold,
.NormalDisabled,
.NormalRed,
.NormalTextBox,
.SubHead,
.SubSubHead,
a:hover,
a:link,
a:visited,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
table,
td,
th {
    font-family: 'Raleway', Arial, Helvetica, sans-serif
}

.SubHead {
    color: #000
}

Body #Form {
    height: 100%
}

embed,
img,
object {
    max-width: 100%
}


img {
    height: auto
}

em {
    font-style: italic
}

strong {
    color: #333;
    font-weight: 700
}


a:active,
a:link,
a:visited {
    text-decoration: none;
    color: var(--Black)
}

a:hover {
    text-decoration: none
}

p {
    margin: 0 0 20px
}

ol li>ol li {
    list-style-type: lower-latin
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('Raleway-Regular'), local('Raleway-Regular'), url(fonts/raleway-Regular.woff) format('woff')
}


@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Raleway-Bold'), local('Raleway-Bold'), url(fonts/raleway-bold.woff) format('woff')
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #020202;
    line-height: 1.3em;
    margin: 0 0 10px
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.5rem
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

/************************ANAJ**************************/
.SiteWrapper {
    margin: 0;
    padding: 0;
}

.imf-fluid {
    max-width: 100%;
    height: auto;
}

.p-relative {
    position: relative
}

.p-absolute {
    position: absolute
}