/* Шрифты */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/* Шрифты END */

body {
  font-family: "Roboto", sans-serif;
}

a{
    color: #f08b01;
    text-decoration: none;
}

a:hover{
    color: #d84a42;
}

h1, h2, h3, h4, h5, h6 {
    color: black;
}

.btn-primary{
    background-color: #564ef9;
    border: none;
}

.btn-primary:hover{
    background-color: #d84a42;
    border: none;
}

.btn-secondary{
    background-color: #f08b01;
    border: none;
}

.btn-secondary:hover{
    background-color: #d84a42;
    border: none;
}

.wood-texture {
  background-size: cover !important;
  background-blend-mode: color-burn !important;
  background-color: rgba(26, 23, 85, 1);  /*rgba(26, 23, 85, 0.9); */
}

/* Стили для навбара и слайдера */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.6); /* Прозрачный в начале */
  transition: background-color 0.5s ease;
  padding: 20px 40px;
}
.navbar.scrolled {
  background-color: rgba(255, 255, 255, 1); /* Прозрачность меняется при скролле */
}
.navbar-brand img {
  max-width: 150px;
  height: auto;
}
.navbar-nav .nav-link {
  font-size: 20px;
  margin: 0 20px;
}
.navbar-toggler {
  font-size: 24px;
}