/* ========== */
/* Link fonts */
/* ========== */

@font-face {
   font-family: 'Open Sans SemiBold';
   src: url(../fonts/Open-Sans/OpenSans-SemiBold.ttf);
}

@font-face {
   font-family: 'Open Sans Medium';
   src: url(../fonts/Open-Sans/OpenSans-Medium.ttf);
}

@font-face {
   font-family: 'Open Sans Regular';
   src: url(../fonts/Open-Sans/OpenSans-Regular.ttf);
}

@font-face {
   font-family: 'Raleway Regular';
   src: url(../fonts/Raleway/Raleway-Regular.ttf);
}

@font-face {
   font-family: 'Raleway Medium';
   src: url(../fonts/Raleway/Raleway-Medium.ttf);
}

@font-face {
   font-family: 'Raleway SemiBold';
   src: url(../fonts/Raleway/Raleway-SemiBold.ttf);
}


/* ============== */
/* General styles */
/* ============== */

/* Container */
.container {
   display: flex;
   flex-direction: column;
   min-height: 100%;

   margin: 0 auto;
   padding: 0 15px;

   overflow: hidden;
}

/* Header */
.header {
   width: 100%;

   background-color: #4A4A4A;
}

.header__inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

/* Nav */
.nav {
   display: flex;
   height: 100%;

   font-family: 'Raleway Medium';

   align-items: center;
}

.nav__link {
   display: flex;
   align-items: center;

   color: #E56F25;
   text-decoration: none;

   justify-content: center;

   transition: background .2s linear;
}

.nav__link:not(.active):hover {
   background-color: #353535;
   color: #FFFFFF;
}

.nav__link.active {
   background-color: #E56F25;
   color: #FFFFFF;
}

/* Main */
.main {
   flex: 1 1 auto;
}

.section-main {
   display: flex;
}

.nav-horizontal {
   flex: 1;
   flex-basis: 25%;
}

.input-search {
   border: none;
   outline: none;

   border-bottom: 1px solid #818181;

   position: relative;
   background-repeat: no-repeat;

   background-color: #353535;
   color: #B3B3B3;
 
   grid-column: 1;
 
   font-family: 'Raleway Regular';

   background-image: url(../icons/search-icon.svg);
}

.links-text {
   overflow: overlay;
   overflow-y: auto;

   scrollbar-color: gray transparent;
}

.pdf-link {
   text-decoration: none;

   font-family: 'Open Sans Regular';
   color: #FDFDFD;
}

.hr-vertical {
   width: 1px;
   height: 100%;
   background-color: #B4B4B4; /* Цвет разделителя */

   border-radius: 20px;
}

.pdf-viewer {
   flex: 2; /* Занимает оставшуюся ширину */
}

/* Footer */
.footer {
   width: 100%;
   background-color: #4A4A4A;
   border-radius: 20px 20px 0 0;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
   margin-top: auto; /* Push the footer to the bottom */
}

.footer__inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.footer__inner > * {
   flex: 1; /* Distribute equal width */
   text-align: center; /* Optional: Center-align the text */
}

.footer-text {
   font-family: 'Open Sans Medium';
   color: #EE741D;

   text-align: left;
}

.text-footer {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.text-dev {
   font-family: 'Open Sans Medium';
   color: #EE741D;
}

.icon-message {
   position: relative;
}

.footer-icon {
   position: absolute;

   text-align: right;
}


/* =============== */
/* Adaptive styles */
/* =============== */

@media (min-width: 2500px) and (max-width: 2879px) {
   /* Container */
   .container {
      max-width: 2134px;
   }

   /* Header */
   .header {
      border-radius: 0 0 20px 20px;

      box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
   
      margin: 0 0 35px;
   }

   .header__inner {
      height: 90px;

      padding: 0 60px;
   }

   /* Nav */
   .nav {
      width: 35%;

      font-size: 20px;
   }

   .nav-icon {
      margin-right: 35px;
   }

   .nav__link {
      width: 25%;
      height: 100%;
   
      padding: 0 15px;
   }

   /* Main */
   .section-main {
      height: 1050px;
   }

   .input-search {
      height: 42px;
      width: 80%;
   
      margin: 10px 0 20px 80px;
      padding: 5px 45px 5px 15px;
      
      font-size: 16px;
    
      background-size: 20px; /* Размер иконки */
      background-position: 97%;
   }

   .links-text {
      max-height: 975px;

      margin: 0 0 20px 60px;
    
      scrollbar-width: 5px;
   }

   ::-webkit-scrollbar {
      width: 5px;
      background: #D7D7D7 transparent;
   }
   
   ::-webkit-scrollbar-thumb {
      background: #D7D7D7;
      border-radius: 10px;;
   }

   p:has(a.pdf-link) {
      margin: 0 0 10px 0;
   }

   .pdf-link {
      font-size: 20px;
   }

   .hr-vertical {
      margin: 0 2% 0 0.5%; /* Отступы по горизонтали */
   }

   .pdf-viewer {
      flex-basis: 75%; /* Занимает 70% ширины родительского блока */

      padding: 10px 40px 10px 0;
   }

   /* Footer */
   .footer__inner {
      height: 60px; /* Изменено значение высоты */
   }

   .footer-text {
      padding-left: 50px;
   
      font-size: 12px;
   }

   .footer--text:last-child {
      margin-top: 5px;
   }

   .text-dev {
      margin: 5px 0;

      font-size: 12px;
   }

   .text-dev:last-child {
      margin: 0;
   }

   .footer-icon {
      top: -65px; /* Изменено значение top */
      right: 0; /* Изменено значение right */
   
      padding-right: 40px;
   }
}

@media (min-width: 2200px) and (max-width: 2499px) {
   /* Container */
   .container {
      max-width: 1920px;
   }

   /* Header */
   .header {
      border-radius: 0 0 20px 20px;

      box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
   
      margin: 0 0 45px;
   }

   .header__inner {
      height: 90px;

      padding: 0 50px;
   }

   /* Nav */
   .nav {
      width: 40%;

      font-size: 20px;
   }

   .nav-icon {
      margin-right: 35px;
   }

   .nav__link {
      width: 25%;
      height: 100%;
   
      padding: 0 15px;
   }

   /* Main */
   .section-main {
      height: 950px;
   }

   .input-search {
      height: 42px;
      width: 80%;
   
      margin: 10px 0 20px 60px;
      padding: 5px 45px 5px 15px;
      
      font-size: 16px;
    
      background-size: 20px; /* Размер иконки */
      background-position: 97%;
   }

   .links-text {
      max-height: 875px;

      margin: 0 0 20px 40px;
    
      scrollbar-width: 5px;
   }

   ::-webkit-scrollbar {
      width: 5px;
      background: #D7D7D7 transparent;
   }
   
   ::-webkit-scrollbar-thumb {
      background: #D7D7D7;
      border-radius: 10px;;
   }

   p:has(a.pdf-link) {
      margin: 0 0 10px 0;
   }

   .pdf-link {
      font-size: 18px;
   }

   .hr-vertical {
      margin: 0 2% 0 0.5%; /* Отступы по горизонтали */
   }

   .pdf-viewer {
      flex-basis: 75%; /* Занимает 70% ширины родительского блока */

      padding: 10px 40px 10px 0;
   }

   /* Footer */
   .footer__inner {
      height: 60px; /* Изменено значение высоты */
   }

   .footer-text {
      padding-left: 50px;
   
      font-size: 12px;
   }

   .footer--text:last-child {
      margin-top: 5px;
   }

   .text-dev {
      margin: 5px 0;

      font-size: 12px;
   }

   .text-dev:last-child {
      margin: 0;
   }

   .footer-icon {
      top: -65px; /* Изменено значение top */
      right: 0; /* Изменено значение right */
   
      padding-right: 40px;
   }
}

@media (min-width: 1810px) and (max-width: 2199px) {
   /* Container */
   .container {
      max-width: 1650px;
   }

   /* Header */
   .header {
      border-radius: 0 0 20px 20px;

      box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
   
      margin: 0 0 30px;
   }

   .header__inner {
      height: 80px;

      padding: 0 43px;
   }

   .img-header {
      transform: scale(0.9);
   }

   /* Nav */
   .nav {
      width: 43%;

      font-size: 18px;
   }

   .nav-icon {
      margin-right: 35px;
   }

   .nav__link {
      width: 25%;
      height: 100%;
   
      padding: 0 15px;
   }

   /* Main */
   .section-main {
      height: 785px;
   }

   .input-search {
      height: 40px;
      width: 80%;
   
      margin: 5px 0 15px 60px;
      padding: 5px 45px 5px 15px;
      
      font-size: 16px;
    
      background-size: 20px; /* Размер иконки */
      background-position: 97%;
   }

   .links-text {
      max-height: 720px;

      margin: 0 0 20px 40px;
    
      scrollbar-width: 5px;
   }

   ::-webkit-scrollbar {
      width: 5px;
      background: #D7D7D7 transparent;
   }
   
   ::-webkit-scrollbar-thumb {
      background: #D7D7D7;
      border-radius: 10px;;
   }

   p:has(a.pdf-link) {
      margin: 0 0 10px 0;
   }

   .pdf-link {
      font-size: 16px;
   }

   .hr-vertical {
      margin: 0 2% 0 0.5%; /* Отступы по горизонтали */
   }

   .pdf-viewer {
      flex-basis: 75%; /* Занимает 70% ширины родительского блока */

      padding: 8px 40px 8px 0;
   }

   /* Footer */
   .footer__inner {
      height: 55px; /* Изменено значение высоты */
   }

   .footer-text {
      padding-left: 50px;
   
      font-size: 9px;
   }

   .footer--text:last-child {
      margin-top: 5px;
   }

   .text-dev {
      margin: 5px 0;

      font-size: 11px;
   }

   .text-dev:last-child {
      margin: 0;
   }

   .footer-icon {
      top: -60px; /* Изменено значение top */
      right: 0; /* Изменено значение right */
   
      padding-right: 40px;

      transform: scale(0.85);
   }
}

@media (min-width: 1610px) and (max-width: 1809px) {
   /* Container */
   .container {
      max-width: 1410px;
   }

   /* Header */
   .header {
      border-radius: 0 0 20px 20px;

      box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
   
      margin: 0 0 30px;
   }

   .header__inner {
      height: 80px;

      padding: 0 43px;
   }

   .img-header {
      transform: scale(0.9);
   }

   /* Nav */
   .nav {
      width: 50%;

      font-size: 18px;
   }

   .nav-icon {
      margin-right: 35px;
   }

   .nav__link {
      width: 25%;
      height: 100%;
   
      padding: 0 15px;
   }

   /* Main */
   .section-main {
      height: 720px;
   }

   .input-search {
      height: 40px;
      width: 80%;
   
      margin: 5px 0 15px 50px;
      padding: 3px 38px 3px 15px;
      
      font-size: 16px;
    
      background-size: 20px; /* Размер иконки */
      background-position: 97%;
   }

   .links-text {
      max-height: 685px;

      margin: 0 0 20px 40px;
    
      scrollbar-width: 5px;
   }

   ::-webkit-scrollbar {
      width: 5px;
      background: #D7D7D7 transparent;
   }
   
   ::-webkit-scrollbar-thumb {
      background: #D7D7D7;
      border-radius: 10px;;
   }

   p:has(a.pdf-link) {
      margin: 0 0 10px 0;
   }

   .pdf-link {
      font-size: 15px;
   }

   .hr-vertical {
      margin: 0 2% 0 0.5%; /* Отступы по горизонтали */
   }

   .pdf-viewer {
      flex-basis: 75%; /* Занимает 70% ширины родительского блока */

      padding: 10px 25px 10px 0;
   }

   /* Footer */
   .footer__inner {
      height: 55px; /* Изменено значение высоты */
   }

   .footer-text {
      padding-left: 50px;
   
      font-size: 9px;
   }

   .footer--text:last-child {
      margin-top: 5px;
   }

   .text-dev {
      margin: 5px 0;

      font-size: 11px;
   }

   .text-dev:last-child {
      margin: 0;
   }

   .footer-icon {
      top: -60px; /* Изменено значение top */
      right: 0; /* Изменено значение right */
   
      padding-right: 40px;

      transform: scale(0.85);
   }
}

@media (min-width: 1390px) and (max-width: 1609px) {
   /* Container */
   .container {
      max-width: 1230px;
   }

   /* Header */
   .header {
      border-radius: 0 0 20px 20px;

      box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
   
      margin: 0 0 30px;
   }

   .header__inner {
      height: 80px;

      padding: 0 43px;
   }

   .img-header {
      transform: scale(0.9);
   }

   /* Nav */
   .nav {
      width: 50%;

      font-size: 18px;
   }

   .nav-icon {
      margin-right: 35px;
   }

   .nav__link {
      width: 25%;
      height: 100%;
   
      padding: 0 15px;
   }

   /* Main */
   .section-main {
      height: 550px;
   }

   .input-search {
      height: 40px;
      width: 80%;
   
      margin: 5px 0 15px 50px;
      padding: 3px 38px 3px 15px;
      
      font-size: 16px;
    
      background-size: 20px; /* Размер иконки */
      background-position: 97%;
   }

   .links-text {
      max-height: 480px;

      margin: 0 0 20px 35px;
    
      scrollbar-width: 5px;
   }

   ::-webkit-scrollbar {
      width: 5px;
      background: #D7D7D7 transparent;
   }
   
   ::-webkit-scrollbar-thumb {
      background: #D7D7D7;
      border-radius: 10px;;
   }

   p:has(a.pdf-link) {
      margin: 0 0 10px 0;
   }

   .pdf-link {
      font-size: 15px;
   }

   .hr-vertical {
      margin: 0 2% 0 0.5%; /* Отступы по горизонтали */
   }

   .pdf-viewer {
      flex-basis: 75%; /* Занимает 70% ширины родительского блока */

      padding: 5px 25px 5px 0;
   }

   /* Footer */
   .footer__inner {
      height: 55px; /* Изменено значение высоты */
   }

   .footer-text {
      padding-left: 50px;
   
      font-size: 9px;
   }

   .footer--text:last-child {
      margin-top: 5px;
   }

   .text-dev {
      margin: 5px 0;

      font-size: 11px;
   }

   .text-dev:last-child {
      margin: 0;
   }

   .footer-icon {
      top: -60px; /* Изменено значение top */
      right: 0; /* Изменено значение right */
   
      padding-right: 40px;

      transform: scale(0.85);
   }
}

@media (min-width: 1170px) and (max-width: 1389px) {
   /* Container */
   .container {
      max-width: 1130px;
   }

   /* Header */
   .header {
      border-radius: 0 0 20px 20px;

      box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
   
      margin: 0 0 30px;
   }

   .header__inner {
      height: 70px;

      padding: 0 45px 0 10px;
   }

   .img-header {
      transform: scale(0.75);
   }

   /* Nav */
   .nav {
      width: 53%;

      font-size: 18px;
   }

   .nav-icon {
      margin-right: 35px;
   }

   .nav__link {
      width: 25%;
      height: 100%;
   
      padding: 0 15px;
   }

   /* Main */
   .section-main {
      height: 450px;
   }

   .input-search {
      height: 35px;
      width: 83%;
   
      margin: 5px 0 10px 35px;
      padding: 3px 38px 3px 15px;
      
      font-size: 14px;
    
      background-size: 18px; /* Размер иконки */
      background-position: 97%;
   }

   .links-text {
      max-height: 395px;

      margin: 0 0 20px 25px;
    
      scrollbar-width: 4px;
   }

   ::-webkit-scrollbar {
      width: 4px;
      background: #D7D7D7 transparent;
   }
   
   ::-webkit-scrollbar-thumb {
      background: #D7D7D7;
      border-radius: 10px;;
   }

   p:has(a.pdf-link) {
      margin: 0 0 10px 0;
   }

   .pdf-link {
      font-size: 14px;
   }

   .hr-vertical {
      margin: 0 2% 0 0.7%; /* Отступы по горизонтали */
   }

   .pdf-viewer {
      flex-basis: 75%; /* Занимает 70% ширины родительского блока */

      padding: 3px 25px 3px 0;
   }

   /* Footer */
   .footer__inner {
      height: 55px; /* Изменено значение высоты */
   }

   .footer-text {
      padding-left: 50px;
   
      font-size: 9px;
   }

   .footer--text:last-child {
      margin-top: 5px;
   }

   .text-dev {
      margin: 5px 0;

      font-size: 11px;
   }

   .text-dev:last-child {
      margin: 0;
   }

   .footer-icon {
      top: -60px; /* Изменено значение top */
      right: 0; /* Изменено значение right */
   
      padding-right: 40px;

      transform: scale(0.85);
   }
}