:root {
    --breakpoint-lg: 1100px;
    --breakpoint-md: 880px;
    --breakpoint-s: 700px;
    --breakpoint-height-xs: 500px;
    --font-family: "Trujillo-Regular", "Roboto", "Helvetica", sans-serif;
    --font-family-thin: "Trujillo-Thin", "Roboto", "Helvetica", sans-serif;
    --font-family-light: "Trujillo-Light", "Roboto", "Helvetica", sans-serif;
    --font-family-medium: "Trujillo-Medium", "Roboto", "Helvetica", sans-serif;
    --font-family-semibold: "Trujillo-SemiBold", "Roboto", "Helvetica", sans-serif;
    --font-family-bold: "Trujillo-Bold", "Roboto", "Helvetica", sans-serif;
    --space-1_2: 1.2rem;
    --space-1: 1.6rem;
    --space-2: 2.4rem;
    --space-3: 3.2rem;
    --space-4: 4rem;
    --button-font-family: var(--font-family-semibold);
    --button-font-size: var(--font-size-2);
    --button-font-weight: normal;
    --button-line-height: 1;
    --button-height: 5.6rem;
    --button-padding-y: 1rem;
    --button-padding-x: 1rem;
    --button-color: var(--buttonText);
    --button-background-color: var(--primary);
    --button-border-radius: 40px;
    --border-width: 1px;
    --form-field-font-family: var(--font-family);
    --form-field-font-size: 1.6rem;
    --form-field-height: 4.8rem;
    --form-field-padding-y: 1.6rem;
    --form-field-padding-x: 1.6rem;
    --field-border-color: var(--neutral400);
    --field-border-radius: 12px;
    --field-border-width: 1px;
    --field-focus-color: var(--primary);
    --field-success-color: var(--neutral400);
    --field-warning-color: var(--danger);
    --field-error-color: var(--danger);
    --field-icon-padding: 45px;
    --field-icon-width: 16px;
    --field-icon-height: 16px;
    --line-height-1: 1;
    --line-height-2: 1.125;
    --line-height-3: 1.25;
    --line-height-4: 1.5;
    --line-height-5: 2;
    --caps-letter-spacing: .2em;
    --bold-font-weight: bold;
    --logo-width: 52px;
}
:root {
    --primary: #59DDC6;
    --neutral: #8E8E8E; /* icon */
    --neutral100: #F5F5F5; /* card grey block background */
    --neutral400: #CACACA; /* fields border */
    --neutral700: #1F1F1F; /* field text, text card bold*/
    --neutral500: #8E8E8E; /* text light */
    --neutral600: #4B4B4B; /* text card light*/
    --danger: #EC2D30;
    --buttonText: #034C49; /* text button */
    --background: #F2F3F6;
    --white: #fff;
    --red: #FF3838;
    --green:#31D05A;
}
.self-end {
    align-self: flex-end;
}
.btn-primary {
    height: var(--button-height);
    color: var(--button-color);
    background-color: var(--button-background-color);
    border-radius: var(--button-border-radius);
}
.btn {
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: var(--button-line-height);
    padding: var(--button-padding-y) var(--button-padding-x);
    margin: 0;
    height: auto;
    border: var(--border-width) solid transparent;
    vertical-align: middle;
    -webkit-appearance: none;
    color: inherit;
}
.self-end {
    align-self: flex-end;
}

* {
  box-sizing: border-box;
  }
#acceptCookiePolicy {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-bottom: 10px;
    z-index: 6;
    font-size: 12px;
    max-width: 70%;
}
#acceptCookiePolicy p {
    position: relative;
    margin: 16px 0 14px;
    padding-right: 32px;
    display: none;
}
#acceptCookiePolicy p:first-child {
    display: block;
}
#acceptCookiePolicy a {
    text-decoration: underline;
}
#acceptCookiePolicy button {
    position: absolute;
    right1: 0;
    top1: 4px;
    border: none;
    width1: auto;
    padding1: 0;
    text-transform: initial;
    font-weight: normal;
    font-size: 14px;
}
#acceptCookiePolicy button i {
    margin-right: 5px;
}
.cookie {
    position: fixed;
    width: var(--layout-width);
    background: var(--white);
    border-radius: 2rem;
    bottom: 8px;
    box-shadow: 0 4px 12px rgba(37, 102, 109, 0.1);
    padding: var(--space-1);
    padding-left: 5.5rem;
    font-size: 1.2rem;
}
.cookie .bold {
    font-size: 1.4rem;
}
.cookie:before {
    content: '';
    position: absolute;
    background: url('/images/cookie.png') no-repeat center/cover;
    width: 3.2rem;
    height: 3.2rem;
    left: 1.5rem;
}
.cookie .close {
    position: absolute;
    background: url('/images/close.svg') no-repeat center/cover;
    width: 2rem;
    height: 2rem;
    top: calc(var(--space-1)*0.5);
    right: calc(var(--space-1)*0.5);
}
.cookie .btn {
    font-size: 1.2rem;
}