@charset "UTF-8";
/* CSS Document */

html {
    /* 1 */
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge {
    margin: 0 0 20px 0;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.uk-status-inactive {
    opacity: 0.2;
    filter: alpha(opacity=20); /* msie */
}

.uk-status-active {
    opacity: 1.0;
    filter: alpha(opacity=100); /* msie */
}

.uk-status-pending {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.dot-inactive {
    height: 11px;
    width: 11px;
    background-color: darkred;
    border-radius: 50%;
    display: inline-block;
}

.dot-active {
    height: 11px;
    width: 11px;
    background-color: green;
    border-radius: 50%;
    display: inline-block;
}

.dot-pending {
    height: 11px;
    width: 11px;
    background-color: darkorange;
    border-radius: 50%;
    display: inline-block;
}

/* a,
.uk-link {
  color: #0B568D;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link {
  color: #0f6ecd;
  text-decoration: underline;
}

 */

.uk-card-primary {
    background-color: #394deb;
}

.uk-card-secondary {
    background-color: #2F2F2F;
}

.uk-border-rounded {
    border-radius: 15px;
}

.uk-border-rounded-top {
    border-radius: 15px 15px 0 0;
}

.uk-border-rounded-left {
    border-radius: 15px 0 0 15px;
}

.uk-border-rounded-right {
    border-radius: 0 15px 15px 0;
}

.uk-border-rounded-bottom {
    border-radius: 0 0 15px 15px;
}

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.quote {
    font-size: .75rem;
    color: #E7E0E1;
}

.uk-height-small-free {
    height: 3rem;
}

.uk-freebar-padding {
    padding: 5px 30px 5px 30px;
}

.uk-free-margin-left {
    margin-left: 50px;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #fff;
    /* border-bottom:5px solid #B5222A; */
}

.uk-text-white {
    color: #fff;
}

.uk-text-white a {
    color: #fff;
}

.uk-text-white a:hover {
    color: #fff;
    /* text-decoration: underline; */
}

.uk-text-white a:active {
    color: #555252;
}

.uk-text-light-blue {
    color: #D9EDFB;
}

.uk-text-dark-blue {
    color: #042A2B;
}

.uk-text-pink {
    color: #eb545;
}

.uk-text-light-grey {
    color: #ccc;
}

.uk-text-redout {
    background-color: #B5222A;
}

.uk-text-imm-blue {
    color: #394deb;
}

.uk-text-imm-white {
    color: #fff;
}

.uk-text-imm-red {
    color: #d42447;
}

.uk-text-imm-pink {
    color: #eb5450;
}

.uk-background-newsletter {
    background-color: #BFD7EA;
}

.redBar {
    background-image: url("../../img/logos/cornerflag3_op.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.pageFooter {
    /* background-color: #B5222A; */
    background-color: #2F2F2F;
    color: white;
}

.heroTextBgnd {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(181, 34, 42, 0.76234243697479) 30%, rgba(181, 34, 42, 1) 80%);
}

.uk-offcanvas-bar {
    background: #102E4A;
}

.uk-background-off-white {
    background-color: #F7F7F9;
}

.uk-background-secondary-light {
    background-color: #404243;
}

/* th efollowing background colors form a gracoent between freedom blue and freedom red */
.uk-background-dark-blue {
    background-color: #0B568D;
}

.uk-background-dark-blue-1 {
    background-color: #324A76;
}

.uk-background-dark-blue-2 {
    background-color: #45446B
}

.uk-background-dark-red-1 {
    background-color: #6F3751;
}

.uk-background-dark-red-2 {
    background-color: #8D2E40;
}

.uk-background-dark-red-3 {
    background-color: #992A38;
}

/* end gradient */

.uk-background-light-blue {
    background-color: #DAF0EE;
}

.uk-background-imm-pink {
    background-color: #b62227;
}

.uk-background-imm-blue {
    background-color: #394deb;
}

.uk-background-imm-red {
    background-color: #d42447;
}


.uk-background-extra-light-blue {
    background-color: #E7F5FF;
}

.star {

    position: absolute;
    left: -12px;
    top: -10px;
    z-index: 9999;
}

.innerHolder {
    background-color: red;
}

.uk-overlay-primary {
    background: rgba(34, 34, 34, 0.5);
}


.uk-button-primary {
    background-color: #d42447;
    color: #fff;
    border: 1px solid transparent;
}

/* Hover */
.uk-button-primary:hover {
    background-color: #394deb;
    color: #fff;
}

/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #d42447;
    color: #fff;
}


.uk-button-cta {
    background-color: #E83151;
    color: #fff;
    border: 1px solid transparent;
}

.uk-button-cta:hover {
    background-color: #B68F40;
    color: #fff;
}

.uk-button-cta:active,
.uk-button-cta.uk-active {
    background-color: #E83151;
    color: #fff;
}

.uk-button-red {
    background-color: red;
    color: #fff;
    border: 1px solid transparent;
}

.uk-button-red:hover {
    background-color: darkred;
    color: #fff;
}

.uk-button-red:active,
.uk-button-red.uk-active {
    background-color: red;
    color: #fff;
}

.uk-button-amber {
    background-color: darkorange;
    color: #fff;
    border: 1px solid transparent;
}

.uk-button-amber:hover {
    background-color: orangered;
    color: #fff;
}

.uk-button-amber:active,
.uk-button-amber.uk-active {
    background-color: darkorange;
    color: #fff;
}


.uk-button-green {
    background-color: green;
    color: #fff;
    border: 1px solid transparent;
}

.uk-button-green:hover {
    background-color: darkgreen;
    color: #fff;
}

.uk-button-green:active,
.uk-button-green.uk-active {
    background-color: green;
    color: #fff;
}

.uk-redcard {
    background-color: #B72025;
    border-radius: 25px;
}

.uk-bluecard {
    background-color: #0B568D;
    border-radius: 25px;
}

.uk-redcard-75o {
    background-color: #C7575C;
    border-radius: 25px;
    color: #fff;
}

.uk-bluecard-75o {
    background-color: #4680AA;
    border-radius: 25px;
    color: #fff;
}

.uk-redcard-75 {
    background-color: #B72025;
    border-radius: 25px;
    opacity: 0.75;
    color: #fff;
}

.uk-bluecard-75 {
    background-color: #0B568D;
    border-radius: 25px;
    opacity: 0.75;
    color: #fff;
}

.uk-redcard-75-hero {
    background-color: #B72025;
    border-radius: 25px;
    opacity: 0.75;
    color: #fff;
    margin: -5% 0 0 5%;
}

.uk-bluecard-75-hero {
    background-color: #0B568D;
    border-radius: 25px;
    opacity: 0.75;
    color: #fff;
    margin: -3% 0 0 7%;
}

.uk-hero-cta {
    margin: 65% 0 0 33%;
}

.subsholder {
    margin: 0;
}


.red_circle_100 {
    background: #ea5652;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.red_circle_300 {
    background: #ea5652;
    border-radius: 50%;
    width: 300px;
    height: 300px;
}

.red_circle_200 {
    background: #ea5652;
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

@media screen and (min-width: 688px) {
    .uk-hero-cta {
        margin: 15% 0 0 33%;
    }

    .subsholder {
        margin: 2em 0 0 2em;
    }
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.mouse_scroll {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 100px;
    margin-top: 125px;
}


.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);

    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin: 0 0 3px 4px;

    width: 16px;
    height: 16px;
}


.unu {
    margin-top: 1px;
}

.unu, .doi, .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;

}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;

    animation-direction: alternate;
    animation-delay: alternate;
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;

    animation-delay: .2s;
    animation-direction: alternate;

    margin-top: -6px;
}

.trei {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;

    animation-delay: .3s;
    animation-direction: alternate;


    margin-top: -6px;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-o-keyframes mouse-wheel {

    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@keyframes mouse-wheel {

    0% {
        top: 1px;
    }
    25% {
        top: 2px;
    }
    50% {
        top: 3px;
    }
    75% {
        top: 2px;
    }
    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {

    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}