/* line 1, ../portfolio/ELG/scss/_header.scss */
header {
  background: url("../img/titulka1.webp") no-repeat;
  background-size: cover;
  position: relative;
  border-bottom: 2px solid #f3f3f3;
}

/* line 8, ../portfolio/ELG/scss/_header.scss */
.header-filter {
  height: 100vh;
  background-color: rgba(27, 28, 30, 0.75);
}

/* line 13, ../portfolio/ELG/scss/_header.scss */
.top-nav {
  width: 100%;
  background-color: rgba(27, 28, 30, 0.7);
  position: fixed;
  z-index: 100;
  border-bottom: 1px solid #f3f3f3;
}

/* line 22, ../portfolio/ELG/scss/_header.scss */
.top-menu {
  width: 100%;
  display: flex;
  justify-content: space-around;
  list-style: none;
}

/* line 28, ../portfolio/ELG/scss/_header.scss */
.top-menu li {
  font-size: clamp(1.25rem, calc(0.54vw + 1.14rem), 1.58rem);
  line-height: 1.5;
  text-transform: uppercase;
  padding: 0.5rem 0;
}

/* line 34, ../portfolio/ELG/scss/_header.scss */
.top-menu li a {
  color: #f3f3f3;
  padding: 0.5rem 0;
  font-weight: 500;
}

/* line 43, ../portfolio/ELG/scss/_header.scss */
.heading-wrap {
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #f3f3f3;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
}

/* line 56, ../portfolio/ELG/scss/_header.scss */
.heading-wrap h2 {
  font-weight: 400;
  margin-bottom: 2rem;
}

/* line 61, ../portfolio/ELG/scss/_header.scss */
.heading-wrap .btn-wrap {
  font-size: clamp(1rem, calc(0.31vw + 0.94rem), 1.19rem);
  line-height: clamp(1.25rem, calc(0.54vw + 1.14rem), 1.58rem);
  display: flex;
  gap: 2rem;
}

/* line 66, ../portfolio/ELG/scss/_header.scss */
.heading-wrap .btn-wrap a {
  padding: 2rem 3rem;
  border: 1px solid #f3f3f3;
  text-transform: uppercase;
  color: #f3f3f3;
  font-weight: 700;
}

/* line 74, ../portfolio/ELG/scss/_header.scss */
.heading-wrap .btn-wrap .btn-listen {
  transition: transform 250ms ease;
}

/* line 76, ../portfolio/ELG/scss/_header.scss */
.heading-wrap .btn-wrap .btn-listen:hover, .heading-wrap .btn-wrap .btn-listen:active {
  color: #d4af37;
  border-color: #d4af37;
  transform: scale(0.85);
}

/* line 85, ../portfolio/ELG/scss/_header.scss */
.heading-wrap .btn-wrap .btn-call {
  background-color: #f3f3f3;
  color: #232323;
  text-shadow: none;
  transition: transform 250ms ease;
}

/* line 90, ../portfolio/ELG/scss/_header.scss */
.heading-wrap .btn-wrap .btn-call:hover, .heading-wrap .btn-wrap .btn-call:active {
  background-color: #d4af37;
  color: #f3f3f3;
  border-color: #d4af37;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);
  transform: scale(0.85);
}

/* line 103, ../portfolio/ELG/scss/_header.scss */
.logo {
  filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.6));
}

/* line 1, ../portfolio/ELG/scss/_footer.scss */
.section-footer {
  background: #000;
  border-top: 1px solid #d4af37;
  padding-top: 4rem;
}

/* line 7, ../portfolio/ELG/scss/_footer.scss */
.bottom-menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding-bottom: 2rem;
  list-style: none;
}

/* line 14, ../portfolio/ELG/scss/_footer.scss */
.bottom-menu-1 {
  place-self: center;
}

/* line 18, ../portfolio/ELG/scss/_footer.scss */
.menu-2-items,
.menu-3-items,
.menu-4-items {
  list-style: none;
}

/* line 23, ../portfolio/ELG/scss/_footer.scss */
.menu-2-items li,
.menu-3-items li,
.menu-4-items li {
  padding: 0.5rem 0;
}

/* line 30, ../portfolio/ELG/scss/_footer.scss */
.menu-2-items li {
  text-transform: uppercase;
}

/* line 33, ../portfolio/ELG/scss/_footer.scss */
.menu-2-items li a {
  color: #c7c7c7;
}

/* line 35, ../portfolio/ELG/scss/_footer.scss */
.menu-2-items li a:hover, .menu-2-items li a:active {
  color: #d4af37;
}

/* line 44, ../portfolio/ELG/scss/_footer.scss */
.menu-3-items li {
  color: #c7c7c7;
}

/* line 49, ../portfolio/ELG/scss/_footer.scss */
.bottom-menu-mail,
.bottom-menu-phone {
  color: #d4af37;
  font-weight: 700;
}

/* line 56, ../portfolio/ELG/scss/_footer.scss */
.bottom-menu-heading,
#bottom-heading {
  color: #d4af37;
  text-transform: uppercase;
  font-weight: 700;
  font-size: clamp(1.25rem, calc(0.54vw + 1.14rem), 1.58rem);
  text-decoration: underline;
  text-decoration-color: #c7c7c7;
  text-underline-offset: 0.5rem;
  text-decoration-thickness: 1px;
}

/* line 68, ../portfolio/ELG/scss/_footer.scss */
.bottom-menu-media {
  color: #c7c7c7;
  font-size: clamp(1.56rem, calc(0.89vw + 1.38rem), 2.11rem);
}

/* line 71, ../portfolio/ELG/scss/_footer.scss */
.bottom-menu-media:hover, .bottom-menu-media:active {
  color: #d4af37;
}

/* line 80, ../portfolio/ELG/scss/_footer.scss */
.credits {
  background-color: #232323;
  color: #f3f3f3;
  text-align: center;
  font-size: clamp(0.8rem, calc(0.15vw + 0.77rem), 0.89rem);
  padding: 0.5rem 0;
}

/* line 87, ../portfolio/ELG/scss/_footer.scss */
.credits a {
  color: #f3f3f3;
  padding-left: 0.25rem;
}

/* line 1, ../portfolio/ELG/scss/_section-about.scss */
.section-about {
  background: linear-gradient(180deg, black 0%, #232323 100%);
  padding: 4rem 0;
  color: #f3f3f3;
}

/* line 7, ../portfolio/ELG/scss/_section-about.scss */
.about-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

/* line 13, ../portfolio/ELG/scss/_section-about.scss */
.about-left .about-heading-wrap {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 1rem;
}

/* line 16, ../portfolio/ELG/scss/_section-about.scss */
.about-left .about-heading-wrap h5 {
  color: #d4af37;
}

/* line 21, ../portfolio/ELG/scss/_section-about.scss */
.about-left h3 {
  padding-top: 2rem;
}

/* line 25, ../portfolio/ELG/scss/_section-about.scss */
.about-left p {
  column-count: 2;
  line-height: 1.5;
  padding-bottom: 1.5rem;
  color: #c7c7c7;
}

/* line 33, ../portfolio/ELG/scss/_section-about.scss */
.cta-about {
  display: inline-block;
  color: #f3f3f3;
  border: 1px solid #f3f3f3;
}

/* line 37, ../portfolio/ELG/scss/_section-about.scss */
.cta-about:hover, .cta-about:active {
  color: #d4af37;
  border-color: #d4af37;
}

/* line 43, ../portfolio/ELG/scss/_section-about.scss */
.about-right {
  display: grid;
  place-self: center;
}

/* line 1, ../portfolio/ELG/scss/_section-gear.scss */
.section-gear {
  background: #232323;
  padding: 4rem 0;
}

/* line 6, ../portfolio/ELG/scss/_section-gear.scss */
.gear-heading-wrap {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 1rem;
}

/* line 9, ../portfolio/ELG/scss/_section-gear.scss */
.gear-heading-wrap h5 {
  color: #d4af37;
}

/* line 14, ../portfolio/ELG/scss/_section-gear.scss */
.gear-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2rem;
}

/* line 20, ../portfolio/ELG/scss/_section-gear.scss */
.gear-left {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.5rem;
}

/* line 26, ../portfolio/ELG/scss/_section-gear.scss */
.gear-item-wrap-left {
  margin-top: 3rem;
}

/* line 31, ../portfolio/ELG/scss/_section-gear.scss */
.gear-item-1,
.gear-item-2,
.gear-item-3,
.gear-item-4 {
  padding: 1rem 1rem;
  background: #000;
  text-align: center;
}

/* line 38, ../portfolio/ELG/scss/_section-gear.scss */
.gear-item-1 i,
.gear-item-2 i,
.gear-item-3 i,
.gear-item-4 i {
  color: #d4af37;
  font-size: clamp(1.95rem, calc(1.4vw + 1.67rem), 2.81rem);
  padding: 1rem 0;
}

/* line 43, ../portfolio/ELG/scss/_section-gear.scss */
.gear-item-1 h5,
.gear-item-2 h5,
.gear-item-3 h5,
.gear-item-4 h5 {
  color: #f3f3f3;
  padding: 1rem 0;
}

/* line 47, ../portfolio/ELG/scss/_section-gear.scss */
.gear-item-1 p,
.gear-item-2 p,
.gear-item-3 p,
.gear-item-4 p {
  color: #c7c7c7;
  margin: 0;
  padding: 1rem 0;
}

/* line 54, ../portfolio/ELG/scss/_section-gear.scss */
.gear-item-2,
.gear-item-4 {
  margin-top: 1.5rem;
}

/* line 60, ../portfolio/ELG/scss/_section-gear.scss */
.gear-right h3 {
  color: #f3f3f3;
  padding-top: 2rem;
}

/* line 65, ../portfolio/ELG/scss/_section-gear.scss */
.gear-right p {
  column-count: 2;
  line-height: 1.5;
  padding-bottom: 1.5rem;
  color: #c7c7c7;
}

/* line 73, ../portfolio/ELG/scss/_section-gear.scss */
.cta-gear {
  display: inline-block;
  color: #232323;
  border: 1px solid #f3f3f3;
  background: #f3f3f3;
}

/* line 78, ../portfolio/ELG/scss/_section-gear.scss */
.cta-gear:hover, .cta-gear:active {
  color: #f3f3f3;
  border-color: #d4af37;
  background: #d4af37;
}

/* line 1, ../portfolio/ELG/scss/_section-team.scss */
.section-team {
  background: linear-gradient(180deg, #232323 0%, black 100%);
  padding: 4rem 0;
}

/* line 7, ../portfolio/ELG/scss/_section-team.scss */
.team-wrap h5 {
  padding-bottom: 1rem;
  text-align: center;
  text-decoration: underline;
  color: #d4af37;
  text-underline-offset: 1rem;
  text-decoration-thickness: 1px;
  text-decoration-color: #f3f3f3;
}

/* line 17, ../portfolio/ELG/scss/_section-team.scss */
.team-wrap h3 {
  padding-top: 2rem;
  text-align: center;
  color: #f3f3f3;
}

/* line 24, ../portfolio/ELG/scss/_section-team.scss */
.members-wrap {
  padding: 3rem 0;
}

/* line 28, ../portfolio/ELG/scss/_section-team.scss */
.member {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  padding: 2rem 0;
}

/* line 34, ../portfolio/ELG/scss/_section-team.scss */
.member h4 {
  color: #f3f3f3;
  text-decoration: underline;
  text-decoration-color: #d4af37;
  text-underline-offset: 1rem;
}

/* line 40, ../portfolio/ELG/scss/_section-team.scss */
.member p {
  color: #c7c7c7;
  line-height: 1.5;
}

/* line 45, ../portfolio/ELG/scss/_section-team.scss */
.member img {
  place-self: center;
}

/* line 50, ../portfolio/ELG/scss/_section-team.scss */
.member-social {
  display: flex;
  gap: 3rem;
  font-size: clamp(1.95rem, calc(1.4vw + 1.67rem), 2.81rem);
}

/* line 56, ../portfolio/ELG/scss/_section-team.scss */
.member-link {
  color: #f3f3f3;
}

/* line 59, ../portfolio/ELG/scss/_section-team.scss */
.member-link:hover, .member-link:active {
  color: #d4af37;
  scale: 1.15;
  transition-duration: 200ms;
}

/* line 67, ../portfolio/ELG/scss/_section-team.scss */
.cta-team {
  display: inline-block;
  margin-top: 1rem;
  color: #f3f3f3;
  border: 1px solid #f3f3f3;
}

/* line 72, ../portfolio/ELG/scss/_section-team.scss */
.cta-team:hover, .cta-team:active {
  color: #d4af37;
  border-color: #d4af37;
}

/* line 1, ../portfolio/ELG/scss/_section-price.scss */
.section-price {
  background: #000;
  padding: 4rem 0;
}

/* line 7, ../portfolio/ELG/scss/_section-price.scss */
.price-wrap h5 {
  padding-bottom: 1rem;
  text-align: center;
  text-decoration: underline;
  color: #d4af37;
  text-underline-offset: 1rem;
  text-decoration-thickness: 1px;
  text-decoration-color: #f3f3f3;
}

/* line 17, ../portfolio/ELG/scss/_section-price.scss */
.price-wrap h3 {
  padding-top: 2rem;
  text-align: center;
  color: #f3f3f3;
}

/* line 24, ../portfolio/ELG/scss/_section-price.scss */
.cards-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2rem;
  padding: 4rem 0;
}

/* line 31, ../portfolio/ELG/scss/_section-price.scss */
.card {
  background: #232323;
  padding: 2rem 2rem;
}

/* line 35, ../portfolio/ELG/scss/_section-price.scss */
.card h6 {
  text-align: center;
  color: #f3f3f3;
}

/* line 40, ../portfolio/ELG/scss/_section-price.scss */
.card .cena {
  font-size: clamp(1.56rem, calc(0.89vw + 1.38rem), 2.11rem);
  text-decoration: none;
  padding-top: 2rem;
}

/* line 46, ../portfolio/ELG/scss/_section-price.scss */
.card ul {
  padding-left: 1rem;
}

/* line 48, ../portfolio/ELG/scss/_section-price.scss */
.card ul li {
  font-size: clamp(1rem, calc(0.31vw + 0.94rem), 1.19rem);
  color: #c7c7c7;
  line-height: 2;
}

/* line 56, ../portfolio/ELG/scss/_section-price.scss */
.cta-card {
  display: inline-block;
  margin-top: 1rem;
  color: #f3f3f3;
  border: 1px solid #f3f3f3;
}

/* line 61, ../portfolio/ELG/scss/_section-price.scss */
.cta-card:hover, .cta-card:active {
  color: #d4af37;
  border-color: #d4af37;
}

/* line 1, ../portfolio/ELG/scss/_section-reference.scss */
.section-reference {
  background: url("../img/reference-2.webp") no-repeat;
  padding: 4rem 0;
  min-height: 100vh;
}

/* line 6, ../portfolio/ELG/scss/_section-reference.scss */
.section-reference h5 {
  padding-bottom: 1rem;
  text-align: center;
  text-decoration: underline;
  color: #d4af37;
  text-underline-offset: 1rem;
  text-decoration-thickness: 1px;
  text-decoration-color: #f3f3f3;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
}

/* line 18, ../portfolio/ELG/scss/_section-reference.scss */
.reference-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1rem;
}

/* line 23, ../portfolio/ELG/scss/_section-reference.scss */
.reference-wrap h4 {
  padding-top: 2rem;
  text-align: center;
  color: #f3f3f3;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
}

/* line 31, ../portfolio/ELG/scss/_section-reference.scss */
.audio-item {
  padding: 1rem 0;
}

/* line 35, ../portfolio/ELG/scss/_section-reference.scss */
.song-name {
  display: inline-block;
  backdrop-filter: blur(30px) saturate(70%);
  color: #f3f3f3;
  font-size: clamp(1.25rem, calc(0.54vw + 1.14rem), 1.58rem);
  font-weight: 700;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.6);
  text-decoration: underline;
  text-underline-offset: 0.5rem;
  text-decoration-thickness: 1px;
  text-decoration-color: #d4af37;
}

/* line 48, ../portfolio/ELG/scss/_section-reference.scss */
audio {
  display: block;
  padding-top: 1rem;
}

/* line 55, ../portfolio/ELG/scss/_section-reference.scss */
.reference-text {
  column-count: 2;
  line-height: 1.5;
  padding-bottom: 1.5rem;
  color: #c7c7c7;
}

/* line 63, ../portfolio/ELG/scss/_section-reference.scss */
.comments-wrap p {
  line-height: 1.5;
  padding-bottom: 1.5rem;
  color: #c7c7c7;
}

/* line 70, ../portfolio/ELG/scss/_section-reference.scss */
.comment-1,
.comment-2 {
  background-color: rgba(27, 28, 30, 0.75);
  padding: 1rem;
}

/* line 76, ../portfolio/ELG/scss/_section-reference.scss */
.comment-2 {
  margin-top: 1rem;
}

/* line 80, ../portfolio/ELG/scss/_section-reference.scss */
.comment-bio {
  display: flex;
  gap: 3rem;
}

/* line 84, ../portfolio/ELG/scss/_section-reference.scss */
.comment-bio ul {
  list-style: none;
}

/* line 86, ../portfolio/ELG/scss/_section-reference.scss */
.comment-bio ul li {
  line-height: 2;
  color: #c7c7c7;
}

/* line 92, ../portfolio/ELG/scss/_section-reference.scss */
.comment-bio .hero-name {
  color: #d4af37;
  font-weight: 700;
}

/* line 98, ../portfolio/ELG/scss/_section-reference.scss */
.hero {
  border-radius: 50%;
}

/* line 1, ../portfolio/ELG/scss/_section-contact.scss */
.section-contact {
  background: linear-gradient(180deg, #232323 0%, black 100%);
  padding: 4rem 0;
  height: 100vh;
}

/* line 5, ../portfolio/ELG/scss/_section-contact.scss */
.section-contact h5 {
  padding-bottom: 1rem;
  text-align: center;
  text-decoration: underline;
  color: #d4af37;
  text-underline-offset: 1rem;
  text-decoration-thickness: 1px;
  text-decoration-color: #f3f3f3;
}

/* line 16, ../portfolio/ELG/scss/_section-contact.scss */
.contact-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1rem;
  padding: 2rem 0;
}

/* line 25, ../portfolio/ELG/scss/_section-contact.scss */
.contact-left h4,
.contact-right h4 {
  padding-top: 2rem;
  padding-bottom: 3rem;
  text-align: center;
  color: #f3f3f3;
}

/* line 34, ../portfolio/ELG/scss/_section-contact.scss */
.contact-left ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 2rem;
  row-gap: 5rem;
}

/* line 42, ../portfolio/ELG/scss/_section-contact.scss */
.contact-left ul li {
  place-self: center;
  font-size: clamp(2.44rem, calc(2.14vw + 2.01rem), 3.75rem);
}

/* line 49, ../portfolio/ELG/scss/_section-contact.scss */
.contact-link {
  display: inline-block;
  color: #f3f3f3;
}

/* line 53, ../portfolio/ELG/scss/_section-contact.scss */
.contact-link:hover, .contact-link:active {
  color: #d4af37;
  scale: 1.15;
  transition-duration: 200ms;
}

/* line 12, ../portfolio/ELG/scss/main.scss */
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  scroll-padding-top: 4rem;
}

/* line 17, ../portfolio/ELG/scss/main.scss */
*, *:before, *:after {
  box-sizing: inherit;
}

/* line 20, ../portfolio/ELG/scss/main.scss */
html, body {
  height: 100%;
  margin: 0;
}

/* line 24, ../portfolio/ELG/scss/main.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* line 29, ../portfolio/ELG/scss/main.scss */
ul {
  margin: 0;
  padding-left: 0;
}

/* line 33, ../portfolio/ELG/scss/main.scss */
a {
  text-decoration: none;
}

/* line 37, ../portfolio/ELG/scss/main.scss */
header {
  max-width: 100%;
  height: 100vh;
}

/* line 41, ../portfolio/ELG/scss/main.scss */
main {
  max-width: 100%;
}

/* line 44, ../portfolio/ELG/scss/main.scss */
section {
  max-width: 100%;
}

/* line 47, ../portfolio/ELG/scss/main.scss */
article {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* line 53, ../portfolio/ELG/scss/main.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  text-transform: uppercase;
}

/* line 62, ../portfolio/ELG/scss/main.scss */
h1 {
  font-size: clamp(3.05rem, calc(3.18vw + 2.42rem), 5rem);
}

/* line 65, ../portfolio/ELG/scss/main.scss */
h2 {
  font-size: clamp(2.44rem, calc(2.14vw + 2.01rem), 3.75rem);
}

/* line 68, ../portfolio/ELG/scss/main.scss */
h3 {
  font-size: clamp(1.95rem, calc(1.4vw + 1.67rem), 2.81rem);
}

/* line 71, ../portfolio/ELG/scss/main.scss */
h4 {
  font-size: clamp(1.56rem, calc(0.89vw + 1.38rem), 2.11rem);
}

/* line 74, ../portfolio/ELG/scss/main.scss */
h5 {
  font-size: clamp(1.25rem, calc(0.54vw + 1.14rem), 1.58rem);
}

/* line 77, ../portfolio/ELG/scss/main.scss */
h6 {
  font-size: clamp(1rem, calc(0.31vw + 0.94rem), 1.19rem);
}

/* line 80, ../portfolio/ELG/scss/main.scss */
p {
  font-size: clamp(1rem, calc(0.31vw + 0.94rem), 1.19rem);
}

/* line 83, ../portfolio/ELG/scss/main.scss */
body {
  font-family: "Red Hat Display", sans-serif;
}

/* line 91, ../portfolio/ELG/scss/main.scss */
.cta {
  text-transform: uppercase;
  padding: 1rem 1.5rem;
  transition: transform 250ms ease;
}

/* line 95, ../portfolio/ELG/scss/main.scss */
.cta:hover, .cta:active {
  transform: scale(0.85);
}

/*# sourceMappingURL=main.css.map */