:root {
    --ur-large-font-size: 1.3rem;
    --ur-medium-font-size: 1.1rem;
    --ur-small-font-size: 1.0rem;
    --ur-extra-small-font-size: 0.9rem;

    --ur-letter-spacing: 0.05rem;

    --ur-word-spacing: 0.15rem;

    --ur-line-height-large: 1.6rem;
    --ur-line-height-medium: 1.3rem;
    --ur-line-height-small: 1.1rem;

    --ur-blue-linear: linear-gradient(120deg, #0c6285 0%, #0047b1 100%);
    --ur-white-linear: linear-gradient(120deg, #f8f8f8 0%, #ececec 100%);
    --ur-yellow-linear: linear-gradient(120deg, #19c8f0 0%, #9b8c80 100%);
    --ur-green-linear: linear-gradient(120deg, #8BC34A 0%, #35690f 100%);
    --ur-red-linear: linear-gradient(120deg, #ff5934 0%, #a50000 100%);

    --ur-transparent: rgba(255, 255, 255, 0);
    --ur-black: #000000;
    --ur-white: #ffffff;
    --ur-light-blue-1: #77beff;.title-container h1
    --ur-blue: #0088de;
    --ur-dark-blue-1: #047ac5;
    --ur-red: #ff5934;
    --ur-transparent-red: rgb(255 89 52 / 6%);
    --ur-green: #519b1d;
    --ur-transparent-green: rgb(81 155 29 / 6%);
    --ur-yellow: #f0c219;
    --ur-light-grey-1: #f8f8f8;
    --ur-light-grey-2: #ececec;
    --ur-dark-grey-1: #888888;

    --ur-font-family: 'Arial', sans-serif;
}

::selection {
    background: var(--ur-yellow);
    color: var(--ur-white);
    -webkit-text-fill-color: var(--ur-white) !important;
}

body {
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--ur-font-family);
    font-size: var(--ur-extra-small-font-size);
    letter-spacing: var(--ur-letter-spacing);
    -webkit-tap-highlight-color: var(--ur-transparent);
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:focus-within,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:focus-within,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus
select:-webkit-autofill:focus-within {
    box-shadow: 0 0 0px 1000px var(--ur-white) inset;
    -webkit-text-fill-color: var(--ur-black);
}

h1, h2, h3, h4, h5, h6, p, span, pre {
    margin: 0;
    padding: 0;
}

input, textarea, select, label {
    font-family: var(--ur-font-family);
    font-size: var(--ur-extra-small-font-size);
    letter-spacing: var(--ur-letter-spacing);
    outline: none;
    width: 100%;
    border: 0;
}

a {
    outline: none;
}

.head-container {
    background: var(--ur-blue-linear);
    color: var(--ur-white);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.head-container-inner {
    display: flex;
    align-items: stretch;
}

.head-container-inner:nth-child(2) {
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    padding: 20px 12px;
}

@media (max-width: 980px) {
    .head-container-inner:nth-child(2) {
        /* width: 100%; */
        /* border-top: 1px solid var(--ur-white); */
        /* background: var(--ur-yellow-linear); */
        /*display: none;*/
    }
}

@media (max-width: 780px) {
    .head-container-inner:nth-child(2) {
        /*display: none;*/
    }
}

.head-container-inner:nth-child(2) a {
    color: var(--ur-white);
    text-decoration: none;
    white-space: nowrap;
}

.head-container-inner:nth-child(2) a:hover, .head-container-inner:nth-child(2) a.active {
    color: var(--ur-yellow);
}

.head-container-inner-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.head-container-inner-group svg {
    width: 18px;
    height: 18px;
    aspect-ratio: auto 18 / 18;
    fill: var(--ur-white);
}

.logo-container {
    background: var(--ur-white-linear);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.logo-container img {
    width: 180px;
    height: 60px;
    aspect-ratio: auto 60 / 60;
}

.title-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 15px 13px;
    font-size:25px;
    font-weight:800;
}

.title-container h1, .title-container h2:first-child {
    font-size: var(--ur-large-font-size);
    font-weight: 700;
    /* text-transform: uppercase; */
    line-height: var(--ur-line-height-large);
    margin-bottom: 6px;
}

.title-container h2:last-child {
    font-size: var(--ur-small-font-size);
    font-weight: 400;
    text-transform: uppercase;
    line-height: var(--ur-line-height-medium);
    letter-spacing: 0;
    word-spacing: var(--ur-word-spacing);
    border: 0px solid var(--ur-light-blue-1);
    /*padding: 4px 10px;*/
}

.nav-container {
    display: flex;
    margin-left: auto;
    justify-content: center;
    align-items: center;
    padding: 15px;
    box-sizing: border-box;
}

.body-main {
    min-height: 85vh;
}

.footer-main {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--ur-white-linear);
    padding: 15px 5px;
    border-top: 1px solid var(--ur-light-grey-2);
}

.footer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2px;
}

.footer-container a {
    color: var(--ur-dark-blue-1);
}
@keyframes blinka {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@media only screen and (max-width: 767px) {
    .mobile-only {
        display: inline;
    }
}

@media only screen and (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}