@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-math.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-symbols.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-Italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(fonts/OpenSans-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-hebrew.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-math.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-symbols.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 75% 100%;
  src: url(./fonts/OpenSans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Conv_GothaProNarMed';
  src: url(./fonts/GothaProNarMed.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}

@keyframes showing {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes hiding {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

:root {
  --color-primary: #ffc60b;
  --color-secondary: #6c380f;
  --color-dark: #454f53;
  --color-red: #ff2549;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  text-align: left;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.overlay-visible {
  overflow: hidden;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

.page {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  min-height: 100vh;
}

.page__main {
  flex-grow: 1;
}

.user-menu {
  font-size: 12px;
  color: #ffffff;
  background-color: var(--color-dark);
}

.user-menu .container {
  display: flex;
  justify-content: flex-end;
}

.user-menu .dropdown {
  position: relative;
}

.user-menu button,
.user-menu .button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 15px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  transition: ease-in-out 0.15s background-color;
}

.user-menu button:hover,
.user-menu .button:hover,
.user-menu button[aria-expanded="true"] {
  background-color: #6a777c;
}

.user-menu button::after {
  position: relative;
  top: 2px;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: currentColor;
  content: '';
}

.user-menu ul {
  position: absolute;
  top: 100%;
  right: 0;
  display: flex;
  flex-direction: column;
  min-width: 190px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  background-color: #ffffff;
  list-style: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  border-top-right-radius: 0;
  z-index: 1000;
}

.user-menu ul.showing {
  animation: ease-in-out 0.15s showing;
}

.user-menu ul.shown {
  opacity: 1;
  animation: none;
}

.user-menu ul.hiding {
  animation: ease-in-out 0.15s hiding;
}

.user-menu ul.hidden {
  display: none;
  opacity: 0;
  animation: none;
}

.user-menu svg {
  height: 16px;
  margin-right: 4px;
  fill: var(--color-primary);
}

.user-menu ul a {
  display: block;
  padding: 6px 20px;
  color: #333333;
  text-decoration: none;
  transition: ease-in-out 0.15s color, ease-in-out 0.15s background-color;
}

.user-menu ul a:hover {
  color: var(--color-secondary);
  background-color: var(--color-primary);
}

.user-menu ul a:first-child {
  padding-top: 12px;
}

.user-menu ul a:last-child {
  padding-bottom: 12px;
}

.page-header {
  padding: 15px 0;
  background-color: #f7f7f7;
}

.page-header .container {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}

.page-header__logo {
  width: 36px;
  height: auto;
  margin-right: 16px;
}

.page-header__logo img {
}

.pro1c-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background-color: #f7f7f7;
  border-left: 1px solid #dddddd;
  overflow-y: auto;
  transform: translateX(100%);
  transition: ease-in-out 0.3s transform;
  z-index: 1002;
}

.pro1c-sidebar_active {
  transform: translateX(0);
}

.pro1c-sidebar .pro1c-sidebar__header {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #dddddd;
}

.pro1c-sidebar .page-header__slogan {
  font-size: 20px;
}

.pro1c-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: ease-in-out 0.3s opacity;
}

.pro1c-overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}

.pro1c-overlay_showing {
  display: block;
  animation: ease-in-out 0.3s showing;
}

.pro1c-overlay_visible {
  display: block;
  opacity: 1;
}

.pro1c-overlay_hiding {
  animation: ease-in-out 0.3s hiding;
}

.pro1c-overlay_hidden {
  display: none;
  opacity: 0;
}

.page-header .js-show-sidebar,
.pro1c-sidebar .js-hide-sidebar {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  margin-left: auto;
  font-size: 2rem;
  border-width: 0;
  color: var(--color-dark);
  background-color: transparent;
  cursor: pointer;
  transition: ease-in-out 0.15s opacity;
}

.pro1c-sidebar .js-hide-sidebar {
  font-size: 1.75rem;
}

.page-header .js-show-sidebar:hover,
.pro1c-sidebar .js-hide-sidebar:hover {
  opacity: 0.75;
}

.page-header .js-show-sidebar svg,
.pro1c-sidebar .js-hide-sidebar svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.page-footer-second {
  padding-top: 48px;
  padding-bottom: 24px;
  color: #77868c;
  background-color: #2c3336;
}

.page-footer-second .container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.page-footer-second .footer-projects,
.page-footer-second .footer-socials {
  width: 100%;
}

.footer-license {
  width: 100%;
  margin-top: 20px;
  font-size: 0.85em;
}

.footer-license a {
  text-decoration: none;
  color: inherit;
}

.footer-license a:hover {
  text-decoration: underline;
}

.pro1c-modal {
  position: fixed;
  inset: 0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-width: 0;
  opacity: 0;
  transition: linear 0.3s opacity;
}

.pro1c-modal[open] {
  display: flex;
}

.pro1c-modal.shown {
  opacity: 1;
}

.pro1c-modal .pro1c-modal__content {
  width: 95%;
  max-width: 600px;
  margin: 1rem auto;
  padding: 1rem;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateY(-75%);
  transition: linear 0.3s transform, linear 0.3s opacity;
}

.pro1c-modal.shown .pro1c-modal__content {
  opacity: 1;
  transform: translateY(0);
}

.pro1c-modal .pro1c-modal__header {
  display: flex;
  padding: 0 1em 1em;
  border-bottom: 1px solid #e5e5e5;
}

.pro1c-modal .pro1c-modal__body {
  padding: 1em 1em 0;
}

.pro1c-modal .pro1c-modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Conv_GothaProNarMed', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-dark);
}

.pro1c-modal .pro1c-modal__close {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  min-width: 1em;
  min-height: 1em;
  max-width: 1em;
  max-height: 1em;
  margin-left: auto;
  padding: 0;
  font-size: 21px;
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  opacity: 0.2;
  transition: ease-in-out 0.15s opacity;
}

.pro1c-modal .pro1c-modal__close:hover {
  opacity: 0.5;
}

.pro1c-modal .pro1c-modal__close svg {
  width: 1em;
  height: 1em;
  font-size: 0.75em;
  fill: currentColor;
}

body:has(.pro1c-modal[open]) {
  overflow: hidden;
}

.btn {
  --pro1c-btn-color: #ffffff;
  --pro1c-btn-bg: #6c757d;
  --pro1c-btn-color-active: #ffffff;
  --pro1c-btn-bg-active: #565e64;
  --pro1c-btn-color-hover: #ffffff;
  --pro1c-btn-bg-hover: #5c636a;
  --pro1c-btn-shadow: #565e64;
  display: inline-block;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  line-height: 1.42857143;
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  color: var(--pro1c-btn-color);
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: var(--pro1c-btn-bg);
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  outline: none;
  transition: ease-in-out 0.15s color, ease-in-out 0.15s background-color;
}

.btn:active {
  color: var(--pro1c-btn-color-active);
  background-color: var(--pro1c-btn-bg-active);
}

.btn:hover {
  color: var(--pro1c-btn-color-hover);
  background-color: var(--pro1c-btn-bg-hover);
}

.btn:disabled {
  cursor: not-allowed;
}

.btn.btn_primary {
  --pro1c-btn-color: #6c3810;
  --pro1c-btn-color-hover: #6c3810;
  --pro1c-btn-color-active: #6c3810;
  --pro1c-btn-bg: #ffc60b;
  --pro1c-btn-bg-hover: #ffd035;
  --pro1c-btn-bg-active: #ffd035;
  --pro1c-btn-shadow: #f1ac17;
}

.btn:focus,
.btn:active {
  box-shadow: 0 3px 0 0 var(--pro1c-btn-shadow);
}

.pro1c-form-control {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.pro1c-form-control:not(:last-child) {
  margin-bottom: 1rem;
}

.pro1c-form-control .pro1c-form-control__label {
  display: block;
  font-weight: 700;
  text-align: right;
}

.pro1c-form-control .pro1c-form-control__element {
  width: 100%;
}

.pro1c-form-control .pro1c-form-control__error {
  font-size: 12px;
  text-align: left;
  line-height: 1;
  color: red;
}

.pro1c-form-control .pro1c-form-control__input {
  width: 100%;
  padding: 6px 12px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: var(--color-dark);
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow  0.15s ease-in-out;
}

.pro1c-form-control .pro1c-form-control__input.pro1c-form-control__input_invalid {
  border-color: red;
}

.pro1c-form-control .pro1c-form-control__input:focus {
  border-color: var(--color-primary);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 198, 11, 0.6);
}

.pro1c-form-control .pro1c-form-control__input:disabled {
  cursor: not-allowed;
}

.pro1c-form-control .pro1c-form-control__input[type="file"] {
  overflow: hidden;
}

.pro1c-form-control .pro1c-form-control__input[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.pro1c-form-control .pro1c-form-control__input[type="file"]::-webkit-file-upload-button,
.pro1c-form-control .pro1c-form-control__input[type="file"]::file-selector-button {
  font: inherit;
  padding: 6px 12px;
  margin: -6px -12px;
  margin-inline-end: 12px;
  color: var(--color-dark);
  background-color: #f8f9fa;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: ease-in-out 0.15s color, ease-in-out 0.15s background-color, ease-in-out 0.15s border-color, ease-in-out 0.15s box-shadow;
}

.pro1c-form-control .pro1c-form-control__input[type="file"]:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,
.pro1c-form-control .pro1c-form-control__input[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dee2e6;
}

.pro1c-form-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 0.75em;
  padding-top: 10px;
}

.page-footer-first {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--color-dark);
}

.page-footer-first .container {
  text-align: right;
}

.alert {
  --pro1c-alert-color-text: var(--color-dark);
  --pro1c-alert-color-bg: #ffffff;
  --pro1c-alert-color-border: currentColor;
  padding: 15px;
  color: var(--pro1c-alert-color-text);
  background-color: var(--pro1c-alert-color-bg);
  border: 1px solid var(--pro1c-alert-color-border);
  border-radius: 4px;
}

.alert:not(:last-child) {
  margin-bottom: 20px;
}

.alert.alert_success {
  --pro1c-alert-color-text: #3c763d;
  --pro1c-alert-color-bg: #dff0d8;
  --pro1c-alert-color-border: #d6e9c6;
}

.alert.alert_error {
  --pro1c-alert-color-text: #a94442;
  --pro1c-alert-color-bg: #f2dede;
  --pro1c-alert-color-border: #ebccd1;
}

.alert.alert_warning {
  --pro1c-alert-color-text: #8a6d3b;
  --pro1c-alert-color-bg: #fcf8e3;
  --pro1c-alert-color-border: #faebcc;
}

.alert .btn {
  --pro1c-btn-bg: var(--pro1c-alert-color-text);
  --pro1c-btn-bg-hover: var(--pro1c-alert-color-text);
  --pro1c-btn-bg-active: var(--pro1c-alert-color-text);
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(farthest-side, var(--color-primary) 94%, #0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%, var(--color-primary));
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

@keyframes l13{
  100% {transform: rotate(1turn) }
}

@media (min-width: 576px) {
  .page-header__logo {
    width: 65px;
    margin-right: 32px;
  }

  .page-footer-second .footer-projects {
    width: calc(50% - 15px);
  }

  .page-footer-second .footer-socials {
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .pro1c-form-control {
    flex-direction: row;
    gap: 1rem;
  }

  .pro1c-form-control .pro1c-form-control__label {
    position: relative;
    top: 6px;
    width: 33.33%;
    flex-shrink: 0;
    font-weight: 700;
    text-align: right;
  }

  .pro1c-form-control .pro1c-form-control__element {
    flex: 1 0 0;
    width: auto;
  }
}

@media (min-width: 992px) {
  .page-header .container {
    display: flex;
  }

  .page-header .js-show-sidebar {
    display: none;
  }

  .pro1c-modal .pro1c-modal__content {
    margin-top: 2rem;
    margin-bottom: 2em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .user-menu ul a,
  .user-menu button,
  .pro1c-sidebar,
  .pro1c-overlay,
  .page-header .js-show-sidebar,
  .pro1c-sidebar .js-hide-sidebar,
  .pro1c-modal,
  .pro1c-modal .pro1c-modal__content,
  .pro1c-modal .pro1c-modal__close,
  .btn {
    transition: none;
  }
}