@font-face {
    font-display: block;
    font-family: "Gotham";
    font-style: normal;
    font-weight: 200;
    src: url(../otf/gotham-light-pro.otf);
}

path[stroke-linecap] {
    stroke: currentColor;
}
@font-face {
    font-display: block;
    font-family: "Gotham";
    font-style: 200;
    font-weight: italic;
    src: url(../otf/gotham-light-italic-pro.otf);
}


@font-face {
    font-display: block;
    font-family: "Gotham";
    font-style: normal;
    font-weight: 400;
    src: url(../otf/gotham-book-pro.otf);
}


@font-face {
    font-display: block;
    font-family: "Gotham";
    font-style: italic;
    font-weight: 400;
    src: url(../otf/gotham-book-italic-pro.otf);
}


@font-face {
    font-display: block;
    font-family: "Gotham";
    font-style: normal;
    font-weight: 500;
    src: url(../otf/gotham-medium-pro.otf);
}


@font-face {
    font-display: block;
    font-family: "Gotham";
    font-style: italic;
    font-weight: 500;
    src: url(../otf/gotham-medium-italic-pro.otf);
}


@font-face {
    font-display: block;
    font-family: "Gotham";
    font-style: normal;
    font-weight: 700;
    src: url(../otf/gotham-bold-pro.otf);
}


@font-face {
    font-display: block;
    font-family: "Gotham";
    font-style: italic;
    font-weight: 700;
    src: url(../otf/gotham-bold-italic-pro.otf);
}




:disabled {
    pointer-events: none;
}


:focus {
    outline: none;
}


:root {
    --color--white: #FFFFFF;
    --color--white-transparent-72: #FFFFFFB8;
    --color--dark-liver: #515151;
    --color--dark-liver-transparent-16: #51515129;
    --color--dark-liver-transparent-48: #5151517A;
    --color--old-sliver: #828282;
    --color--cadet-grey: #8FA0A7;
    --color--bright-gray: #EDEDED;
    --color--gray-x11: #BCBCBC;
    --color--slate-gray: #767C88;
    --color--dodger-blue: #0D8DF4;
    --color--oxford-blue: #071E54;
    --color--dodger-blue-transparent-48: #0D8DF47A;
    --color--new-car: #0F4CDD;
    --color--slate-blue: #754FF0;
    --color--chinese-black-transparent-48: #0E09177A;
    --color--chinese-black-transparent-80: #0E0917CC;
    --color--islamic-green: #0CA900;

    --color--ro-flag-blue: #00319C;
    --color--ro-flag-yellow: #FFDE00;
    --color--ro-flag-red: #DE2110;
    --color--uk-flag-red: #C8102E;
    --color--uk-flag-blue: #012169;

    --container--width: 1430px;
    --viewport--width: calc(100vw - var(--scrollbar--width));
}




::placeholder {
    color: inherit;
    font: inherit;
}


::selection {
    background-color: var(--color--dodger-blue);
    color: var(--color--white);
}




::-moz-focus-inner {
    border: none;
}


::-moz-placeholder {
    opacity: 1;
}


::-webkit-inner-spin-button {
    display: none;
}


::-webkit-search-cancel-button {
    display: none;
}




a {
    color: inherit;
    text-decoration: none;
}


body {
    background-color: var(--color--white);
    color: var(--color--dark-liver);
    font-family: "Gotham";
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}


button {
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
}


caption {
    font-weight: 700;
    margin: 0 0 24px 32px;
    text-align: inherit;
}


dialog {
    background-color: transparent;
    border: none;
    color: inherit;
    width: auto;
}


fieldset {
    border: none;
    margin: 0;
    padding: 0;
}


input[type="checkbox"],
input[type="radio"] {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}


input[type="email"],
input[type="number"],
input[type="text"] {
    border-bottom: 2px solid var(--color--dodger-blue);
    border-left: none;
    border-radius: 8px;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    color: var(--color--dodger-blue);
    display: block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 200;
    padding: 4px 16px 14px;
    width: 100%;
}

input[type="number"] {
    padding-right: 51px;
}


label {
    display: block;
}

legend {
    margin: 0 0 10px 16px;
}


ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


p {
    line-height: 40px;
}


select {
    appearance: none;
    background-color: transparent;
    border-bottom: 2px solid var(--color--dodger-blue);
    border-left: none;
    border-radius: 8px;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    color: var(--color--dodger-blue);
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 200;
    padding: 5px 16px 14px;
    width: 100%;
}


svg {
    display: block;
    pointer-events: none;
}

svg:not([fill]) {
    fill: currentColor;
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


table {
    border-collapse: collapse;
    width: 100%;
}


td {
    border: 1px solid;
    padding: 14px 24px 12px;
}


textarea {
    background-color: transparent;
    border-bottom: 2px solid var(--color--dodger-blue);
    border-left: none;
    border-radius: 8px;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    color: var(--color--dodger-blue);
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 200;
    line-height: 30px;
    padding: 7px 16px 0;
    resize: vertical;
    width: 100%;
}


tfoot {
    font-weight: 700;
}


th {
    border: 1px solid;
    padding: 14px 24px 12px;
    text-align: left;
}
