@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Roboto:wght@400;500;700;900&display=swap');

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

body {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #1D1D1D;
}

h1, h2, h3, h4 {
    line-height: 1.2
}

h1 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 16px
}

h2 {
    font-size: 24px;
    font-weight: 800;
    /*text-transform: uppercase;*/
}

h2::before {
    content: '';
    position: relative;
    margin-right: 12px;
    height: 12px;
    width: 12px;
    background-color: #E3001B;
    display: inline-block;
    vertical-align: middle
}

h2 span {
    color: #E3001B
}

h2.h2--alt::before {
    content: none
}

h2.h2--alt::after {
    content: '';
    position: relative;
    height: 4px;
    width: 45px;
    background-color: #E3001B;
    display: block;
    margin-top: 32px
}

h2.h2--alt.text-center::after {
    margin-left: auto;
    margin-right: auto
}

h2.h2--simple {
    margin-bottom: 32px
}

h2.h2--simple::before {
    content: none
}

.h2-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    align-items: baseline;
    margin-bottom: 16px
}

.h2-container h2 {
    margin-bottom: 32px;
    margin-right: 16px
}

.h2-container > div {
    margin-bottom: 32px
}

.h2-container > a {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 32px;
    text-transform: uppercase;
    text-align: right
}

.h2-container > a:hover {
    color: #E3001B
}

.h2-container > a:hover svg {
    fill: #E3001B
}

.h2-container > a svg {
    vertical-align: middle;
    margin-left: 16px
}

h3, .h3 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 16px;
}
h2.h3::before {
    content: none;
}

h3.h3--alt, .h3.h3--alt {
    color: #E3001B
}

h4, .h4 {
    font-size: 14px;
    font-weight: 600;
    color: #5F5F5F;
    line-height: 1.5em;
}

.typo-type {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #5F5F5F;
}

.typo-type:before {
    content: none;
}

.typo-cat {
    align-self: flex-start;
    text-transform: uppercase;
    color: #1D1D1D;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: 600;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-lr
}

@supports ((-webkit-writing-mode: sideways-rl) or (writing-mode: sideways-rl)) {
    .typo-cat {
        -webkit-writing-mode: sideways-rl;
        -ms-writing-mode: sideways-rl;
        writing-mode: sideways-rl
    }
}

.cke_editable {
    padding: 16px;
    font-size: 14px;
}

.cke_editable p {
    font-size: 14px;
}

a {
    color: inherit;
    text-decoration: none
}

a, button {
    outline: none
}

hr {
    border-bottom: 1px solid #D8D8D8;
    background: none;
    border-top: none
}

.paragraph {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.75em
}

.paragraph--smaller {
    font-size: 14px;
    line-height: 2em
}

.text-right {
    text-align: right;
    width: 100%
}

.text-center {
    text-align: center;
    width: 100%
}

.text-uppercase {
    text-transform: uppercase
}

.text-stroke {
    text-decoration: line-through
}

.font-size-base {
    font-size: 16px
}

.font-size-large {
    font-size: 20px
}

.font-size-larger {
    font-size: 18px
}

.font-size-small {
    font-size: 12px
}

.font-size-smaller {
    font-size: 14px
}

.font-color-main {
    color: #E3001B
}

.bold, .font-bold, strong {
    font-weight: bold
}

.font-extra-bold {
    font-weight: 800
}

.font-italic {
    font-style: italic
}

.font-underline {
    text-decoration: underline
}

.semibold, .font-semibold {
    font-weight: 600
}

.grey-600 {
    color: #1D1D1D
}

.grey-500 {
    color: #5F5F5F
}

.grey-400 {
    color: #A3A3A3
}

.lh-double {
    line-height: 2em
}

a {
    color: #E3001B;
    font-weight: bold
}

a:hover {
    text-decoration: underline
}

em {
    font-style: italic
}

ul {
    list-style: disc inside
}

ol {
    list-style: decimal inside
}

li {
    list-style: inherit
}

table {
    max-width: 100%;
    min-height: 100%
}

table td {
    padding: 5px
}

table td:first-child, table thead {
    font-weight: bold
}

small {
    font-size: 12px
}

code {
    font-family: monospace;
    text-transform: none
}


@media (max-width: 640px) {
    h2 {
        font-size: 14px
    }

    h3 {
        font-size: 16px
    }

    .h2-container > a {
        font-size: 12px;
        flex-basis: 130px
    }
}

.mdc-button {
    font-family: Open Sans, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    text-decoration: none;
    padding: 0 8px 0 8px;
    display: -webkit-inline-box;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    border-radius: 4px;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 0;
}

.mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

.mdc-button:disabled {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0.37);
    cursor: default;
    pointer-events: none
}

.mdc-button .mdc-button__ripple {
    border-radius: 4px
}

.mdc-button:not(:disabled) {
    background-color: rgba(0, 0, 0, 0)
}

.mdc-button .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    vertical-align: top
}

[dir="rtl"] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir="rtl"] {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button .mdc-button__touch {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    height: 48px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mdc-button:not(:disabled) {
    color: #E3001B;
    color: var(--mdc-theme-primary, #E3001B)
}

.mdc-button__label + .mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

[dir="rtl"] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir="rtl"] {
    margin-left: 0;
    margin-right: 8px
}

svg.mdc-button__icon {
    fill: currentColor
}

.mdc-button--raised .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon, .mdc-button--outlined .mdc-button__icon {
    margin-left: -4px;
    margin-right: 8px
}

[dir="rtl"] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir="rtl"], [dir="rtl"] .mdc-button--unelevated .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon[dir="rtl"], [dir="rtl"] .mdc-button--outlined .mdc-button__icon, .mdc-button--outlined .mdc-button__icon[dir="rtl"] {
    margin-left: 8px;
    margin-right: -4px
}

.mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, .mdc-button--outlined .mdc-button__label + .mdc-button__icon {
    margin-left: 8px;
    margin-right: -4px
}

[dir="rtl"] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir="rtl"], [dir="rtl"] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir="rtl"], [dir="rtl"] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir="rtl"] {
    margin-left: -4px;
    margin-right: 8px
}

.mdc-button--raised, .mdc-button--unelevated {
    padding: 0 21px 0 21px
}

.mdc-button--raised:disabled, .mdc-button--unelevated:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.37)
}

.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
    background-color: #E3001B
}

@supports not (-ms-ime-align: auto) {
    .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
        background-color: var(--mdc-theme-primary, #E3001B)
    }
}

.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
    color: #fff;
    color: var(--mdc-theme-on-primary, #fff)
}

.mdc-button--raised {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-button--raised:hover, .mdc-button--raised:focus {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)
}

.mdc-button--raised:active {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)
}

.mdc-button--raised:disabled {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)
}

.mdc-button--outlined {
    border-style: solid;
    padding: 0 20px 0 20px;
    border-width: 1px
}

.mdc-button--outlined:disabled {
    border-color: rgba(0, 0, 0, 0.37)
}

.mdc-button--outlined .mdc-button__ripple {
    top: -1px;
    left: -1px;
    border: 1px solid transparent
}

.mdc-button--outlined:not(:disabled) {
    border-color: #E3001B;
    border-color: var(--mdc-theme-primary, #E3001B)
}

.mdc-button--touch {
    margin-top: 0px;
    margin-bottom: 0px
}

.mdc-button--alt:not(:disabled) {
    color: #1D1D1D
}

.mdc-button--alt.mdc-button--outlined {
    border-color: #1D1D1D;
}

.mdc-button--alt::before, .mdc-button--alt::after {
    background-color: #1D1D1D
}

.mdc-button {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-button .mdc-button__ripple::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
    background-color: #E3001B
}

@supports not (-ms-ime-align: auto) {
    .mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
        background-color: var(--mdc-theme-primary, #E3001B)
    }
}

.mdc-button:hover .mdc-button__ripple::before {
    opacity: .04
}

.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .12
}

.mdc-button .mdc-button__ripple {
    position: absolute;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple {
    top: 0;
    left: 0
}

.mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after, .mdc-button--unelevated .mdc-button__ripple::before, .mdc-button--unelevated .mdc-button__ripple::after {
    background-color: #fff
}

@supports not (-ms-ime-align: auto) {
    .mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after, .mdc-button--unelevated .mdc-button__ripple::before, .mdc-button--unelevated .mdc-button__ripple::after {
        background-color: var(--mdc-theme-on-primary, #fff)
    }
}

.mdc-button--raised:hover .mdc-button__ripple::before, .mdc-button--unelevated:hover .mdc-button__ripple::before {
    opacity: .08
}

.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before, .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button--raised.mdc-ripple-upgraded, .mdc-button--unelevated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .24
}

.mdc-button {
    height: 48px
}

.typo-success {
    color: #7AD77D;
}

.typo-warning {
    color: #F26B3A;
}

.typo-danger {
    color: #E2001A;
}

.typo-info {
    color: #65A3FF;
}

.detail__text-photo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.detail__text-photo p {
    width: 60%;
}

.detail__text-photo img {
    width: 40%;
    margin-bottom: 16px;
}

.detail__text-photo img + p {
    width: calc(60% - 16px);
}