/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(36,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(37,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(44,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(50,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(83,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(138,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(161,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small'
(172,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(173,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(182,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small'
(219,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(227,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small'
(279,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(280,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(281,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(317,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(336,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(337,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(338,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(347,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(353,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(354,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(360,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(367,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(368,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(369,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(386,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(390,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(396,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(397,24): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(403,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(413,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(414,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(420,28): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(421,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(430,28): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(431,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(459,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(487,24): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(488,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(505,23): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(505,66): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(537,24): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(537,67): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(570,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(571,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(583,35): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(594,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(599,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(608,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(613,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(634,23): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(634,63): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(650,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(663,28): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow'
(664,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(668,34): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(673,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(678,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(690,23): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(690,66): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(704,35): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(721,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(735,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(740,17): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(774,28): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(782,24): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(782,65): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(835,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(849,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(862,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(863,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(868,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(873,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(878,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(885,21): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(890,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(895,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(900,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(905,21): run-time error CSS1039: Token not allowed after unary operator: '-color-blue'
(911,27): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(911,68): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
 */
:root
{
    --color-black: #000000;
    --color-blue: #0093dd;
    --color-green: #85c041;
    --color-grey: #565759;
    --color-grey-cool: #76777a;
    --color-grey-light: #f0f0ee;
    --color-grey-warm: #d0d0d2;
    --color-pink: #ffeeee;
    --color-red: #ed564d;
    --color-white: #ffffff;
    --color-yellow: #ffe400;
    --page-padding-left-right-mobile: 10px;
    --page-padding-left-right-desktop: 45px;
    --font-size-normal: 18px;
    --font-size-small: 16px;
}

/*@media (min-width: 320px)*/
/*Default*/
*
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body
{
    display: grid;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: var(--color-white);
    color: var(--color-grey);
    font-size: var(--font-size-normal);
    -moz-appearance: none;
    -webkit-appearance: none;
}

a
{
    color: var(--color-black);
    text-decoration: none;
}

a:hover
{
    color: var(--color-blue);
}

br
{
    line-height: 1.5em;
}

div
{
    height: auto;
}

.si-web-cm-ui-video
{
    width: 100%;
    height: 100%;
    border: 0 none;
    margin: 0;
    padding: 0;
}

img
{
    display: block;
    border: 0 none;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

img.border
{
    border: 1px solid var(--color-grey);
}

ul, ol
{
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    line-height: 1.5em;
    font-weight: 300;
}

ul ul
{
    margin: 0;
}

li
{
    margin: 0;
    padding: 0;
}

p
{
    margin: 0 0 10px 0;
    font-weight: 300;
}

sup
{
    font-size: x-small;
}

.hidden
{
    display: none;
}

#workingSpinner,
.working-spinner
{
    margin: 50px 0 20px 0;
    display: block;
}

/*Form*/
form
{
    border: 0;
    margin: 0;
    padding: 0;
}

.required
{
    color: var(--color-blue);
}

.fields
{
    display: grid;
    justify-items: start;
    font-weight: 300;
}

.fields label
{
    margin: 20px 0 5px 0;
}

.fields input:not([type=checkbox]):not([type=radio]),
.fields select,
.fields textarea
{
    padding: 5px;
    width: 100%;
    max-width: 600px;
    border: none;
    font-size: var(--font-size-small);
}

.ui-widget,
.ui-widget .ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
    font-family: 'Roboto', Arial, sans-serif;
    color: var(--color-grey-cool);
    font-size: var(--font-size-normal);
}

fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: var(--font-size-small);
}

legend
{
    padding: 0;
    margin: 0;
}

fieldset ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

fieldset li
{
    padding: 7px 0 0 0;
    margin: 0;
    display: block;
}

fieldset label
{
    width: 150px;
    padding: 0 5px 0 0;
    display: inline-block;
}

fieldset input,
fieldset select,
fieldset textarea
{
    padding: 3px;
    width: calc(100% - 155px);
    max-width: 300px;
    border: 1px solid var(--color-grey);
}

input,
select,
textarea
{
    font-family: 'Roboto', Arial, sans-serif;
    font-size: var(--font-size-small);
    font-weight: 300;
}

textarea
{
    height: 200px;
}

.input-group
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    margin-bottom: 10px;
}

.input-group label
{
    margin: 0;
}

/*Overlay*/
.overlay
{
    display: grid;
    justify-items: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
}

.overlay-content
{
    display: grid;
    grid-template-rows: 1fr auto;
    width: auto;
    height: auto;
    max-width: min(90vw, 800px);
    max-height: 80vh;
    border-radius: 5px;
    justify-items: center;
    align-items: start;
    color: var(--color-black);
    background-color: var(--color-grey-light);
    border: solid 1px var(--color-white);
    word-break: break-word;
}

.overlay.no-border .overlay-content
{
    border: none;
}

.overlay .overlay-html
{
    display: grid;
    font-size: 24px;
    line-height: normal;
    padding: 20px 30px 30px 30px;
    height: 100%;
    overflow-y: auto;
}

.overlay .overlay-title
{
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    padding: 5px 10px;
    width: 100%;
}

.overlay .overlay-title .close
{
    padding-left: 10px;
    cursor: pointer;
}

.overlay .overlay-title .close:hover
{
    color: var(--color-black);
}

.buttons
{
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    justify-items: flex-start;
    margin-top: 25px;
}

.button
{
    justify-self: start;
    width: auto;
    display: inline-block;
    margin: 0 35px 0 0;
    padding: 3px 10px;
    background-color: var(--color-grey-cool);
    color: var(--color-white);
    border: 1px solid var(--color-grey-cool);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

.button a
{
    color: var(--color-white);
    text-decoration: none;
}

.button:hover
{
    background-color: var(--color-white);
    color: var(--color-blue);
}

.button a:hover,
.button:hover a
{
    color: var(--color-blue);
}

.button-disabled,
.button-disabled a,
.button-disabled a:hover
{
    background-color: var(--color-grey-lightest) !important;
    border-color: var(--color-grey-lightest) !important;
    color: var(--color-grey-lighter) !important;
    pointer-events: none;
    cursor: default;
}

.button:not(.button-disabled)
{
    cursor: pointer;
}

/*Go to top*/
#GoToTop
{
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    color: var(--color-grey);
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px var(--color-grey);
    font-size: 20px;
}

#GoToTop:hover
{
    color: var(--color-blue);
    border-color: var(--color-blue);
}

/* Validation */
.field-validation-error
{
    color: var(--color-blue);
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid var(--color-blue) !important;
    background-color: var(--color-pink) !important;
}

input[type=checkbox].input-validation-error + label
{
    padding: 5px;
    border: 1px solid var(--color-blue) !important;
    background-color: var(--color-pink) !important;
}

.validation-summary-errors
{
    max-width: 600px;
    margin-bottom: 20px;
    padding: 4px;
    font-weight: 700;
    border: 1px solid var(--color-red);
    background-color: var(--color-pink);
}

.validation-summary-valid
{
    display: none;
}

.validation-summary-errors ul
{
    margin: 0;
}

.validation-summary-errors li
{
    font-weight: 300;
    list-style: none;
}

.validation-summary-errors
{
    width: calc(100% - 2px);
}

legend .mandatory::after,
label.mandatory::after
{
    margin: 0 0 0 3px;
    color: var(--color-blue);
    content: '*';
    font-size: 18px;
    vertical-align: middle;
    font-weight: 400;
}

/*Header*/
header
{
    grid-template-rows: auto auto;
}

/*banners*/
.banner-top
{
    width: 100%;
    height: 10px;
    background-image: url("/content/images/banner_thin.jpg");
    background-size: cover;
}

.banner
{
    display: grid;
    align-items: center;
    width: 100%;
    height: 222px;
    padding-left: var(--page-padding-left-right-mobile);
    color: var(--color-white);
    font-size: 36px;
    background-image: url("/content/images/home_banner.jpg");
    background-size: cover;
}

.header-main
{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    margin: 0;
    padding: 0;
}

.header-main .logo
{
    margin: 35px var(--page-padding-left-right-mobile) 25px var(--page-padding-left-right-mobile);
    justify-self: center;
}

/*menu*/
.menu ul,
ul.menu
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li
{
    margin: 0;
    padding: 0;
    display: block;
}

.menu.horizontal li
{
    display: inline-block;
}

.menu a
{
    display: block;
}

.menu-header
{
    padding: 10px var(--page-padding-left-right-mobile) 10px var(--page-padding-left-right-mobile);
    display: flex;
    justify-content: space-between;
}

.menu-header-current
{
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 5px;
    width: auto;
}

.menu-header-title:before
{
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 700;
    text-align: right;
    float: right;
    padding-left: 10px;
}

.menu-header:hover
{
    cursor: pointer;
}

/*Primary menu*/
.menu-header.primary
{
    height: 44px;
    background-color: var(--color-black);
    color: var(--color-white);
    text-transform: uppercase;
}

.menu-header.primary .menu-header-title
{
    text-transform: capitalize;
}

.menu.primary
{
    display: none;
    border-bottom: solid 1px var(--color-grey-warm);
}

.menu.primary li
{
    display: block;
    padding: 4px 13px 4px 5px;
}

.menu.primary li a:hover
{
    color: var(--color-black);
}

.menu.primary li.menu-selected a
{
    color: var(--color-blue);
}

/*Secondary menu*/
.menu-header.secondary
{
    margin: 0;
    padding: 0;
    height: auto;
    color: var(--color-blue);
}

.menu-header.secondary:after
{
    color: var(--color-grey-light);
    font-size: 24px;
}

.menu.secondary
{
    display: none;
}

header,
.content,
.content-main,
footer
{
    display: grid;
    grid-template-columns: 1fr;
}

/*Content*/
.content
{
    margin: 35px var(--page-padding-left-right-mobile) 0 var(--page-padding-left-right-mobile);
}

.content img
{
}

.content-main .end
{
    align-content: end;
}

.content-main img
{
    margin-top: 20px;
    width: 100%;
    border: solid 1px var(--color-grey-warm);
}

.circle
{
    display: grid;
    align-content: center;
    align-items: center;
    justify-items: center;
    width: 130px;
    height: 130px;
    margin: 25px 0 0 0;
    border-radius: 65px;
    background-color: var(--color-yellow);
    color: var(--color-grey);
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 5px 3px 6px var(--color-grey-warm);
}

.circle a
{
    color: var(--color-grey);
}

.highlight
{
    color: var(--color-blue);
    font-size: 18px;
    font-weight: bold;
}

/*Footer*/
footer
{
    display: grid;
    grid-template-columns: auto;
    grid-auto-rows: auto auto;
    justify-items: end;
    margin: 65px var(--page-padding-left-right-mobile) 50px var(--page-padding-left-right-mobile);
}

footer .accreditation
{
    display: grid;
    grid-template-columns: auto;
    grid-auto-rows: auto auto auto;
    grid-gap: 10px;
    padding-bottom: 30px;
    justify-items: end;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
    border-bottom: solid 1px var(--color-grey);
}

footer .accreditation p
{
    margin: 0;
    padding: 0;
}

footer .menu ul
{
    margin: 10px 0 20px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    white-space: nowrap;
    flex-wrap: wrap;
    color: var(--color-grey-cool);
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
}

footer .menu ul li
{
    padding: 0 0 0 20px;
}

footer .menu a
{
    text-decoration: none;
    color: var(--color-grey-cool);
}

footer .menu a:hover
{
    color: var(--color-blue);
}


/*home*/
.home div.grid-column-span-2
{
    padding-right: 100px;
}

@media (min-width: 360px)
{
}

@media (min-width: 480px)
{
}

@media (min-width: 500px)
{
}

@media (min-width: 600px)
{
}

@media (min-width: 768px)
{
}

@media (min-width: 990px)
{
    .banner
    {
        padding-left: var(--page-padding-left-right-desktop);
    }

    .header-main
    {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto;
        align-items: start;
        margin: 0 var(--page-padding-left-right-desktop) 0 var(--page-padding-left-right-desktop);
        padding: 55px 0 55px 0;
    }

    .header-main .logo
    {
        margin: 0;
        justify-self: start;
    }

    /*Primary menu*/
    .menu-header
    {
        display: none;
    }

    .menu.top
    {
        display: grid;
        grid-template-columns: 1fr;
        margin: 0;
        justify-self: end;
        text-transform: uppercase;
        border-bottom: none;
    }

    .menu.primary ul
    {
        width: 100%;
        margin: 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        align-content: flex-start;
        justify-content: flex-start;
        border: none;
    }

    .menu.primary li
    {
        padding: 0 0 0 25px;
        font-size: 15px;
        white-space: nowrap;
    }

    .menu.primary li a
    {
        display: block;
        text-decoration: none;
    }

    .menu.primary li a:hover
    {
        color: var(--color-blue);
    }

    .menu.primary li.menu-selected a,
    .menu.primary li.menu-selected a:hover
    {
        font-size: 18px;
        font-weight: bold;
    }

     /*Secondary menu*/
    .menu.secondary
    {
        display: grid;
        border: solid 1px var(--color-grey);
    }


    .menu.secondary li
    {
        padding: 4px 13px 4px 5px;
        white-space: nowrap;
    }

    .menu.secondary li.header
    {
        display: grid;
        color: var(--color-white);
        background-color: var(--color-grey);
    }

    .menu.secondary li.header a
    {
        color: var(--color-white);
    }

    .menu.secondary li.menu-selected
    {
        color: var(--color-blue);
    }

    .menu.secondary li.menu-selected a
    {
        color: var(--color-blue);
    }

    .menu.secondary li a
    {
        display: block;
        text-decoration: none;
        color: var(--color-grey);
    }

    .menu.secondary li:hover a
    {
        color: var(--color-blue);
    }

    .menu.secondary li.header:hover
    {
        color: var(--color-blue);
    }

    .menu.secondary li.header:hover a
    {
        color: var(--color-blue);
    }

    .menu.secondary li.menu-selected:hover a
    {
        color: var(--color-blue);
    }

    .content,
    footer
    {
        margin: 65px var(--page-padding-left-right-desktop) 0 var(--page-padding-left-right-desktop);
    }

    .content-main
    {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 37px;
    }

    .content-main img
    {
        margin-top: 0;
    }

    .grid-column-span-2
    {
        grid-column-end: span 2;
    }

    .grid-row-span-2
    {
        grid-row-end: span 2;
    }

    .circle
    {
        margin: 65px 0 0 0;
    }
}

@media (min-width: 1280px)
{
}

@media (min-width: 1400px)
{
}

@media (min-width: 1570px)
{
}

@media (min-width: 1625px)
{
}