/*Newsy*/
#hideContainer {
}
.hideOverflow {
  overflow:hidden !important;
}
#news {
  display: flex;
  position: fixed;
  align-items: center;
  text-align: center;
  flex-direction: column;
  top: 4em;
  right: 0;
  width: 26vw;
  height: 93vh;
  border: 1px solid black;
  z-index: 7;
  overflow-y: scroll;
  background: #2E2E2E;
  scrollbar-width: 0px;
  color: white;
  transform: translate(31vw);
  transition: all 1s;
}
#newsMenu {
  margin-right: 0;
  width:10vw;
}
.menuInvisible{
transition: 1s all;
}
#news::-webkit-scrollbar {
  display: none;
}

/*Hide scrollbar for IE and Edge */
#news {
  -ms-overflow-style: none;
}
.news {
    width: 80%;;
    padding: 20px;
    height: auto;
    margin: 2em auto;
    margin-bottom: 0px;
    border-bottom:1px solid white;
}
.closeNews {
  display: none;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
  opacity: 1;
}
.closeNews:hover {
  opacity: 0.7;
}
.closeNews:before,
.closeNews:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: white;
}
.closeNews:before {
  transform: rotate(45deg);
}
.closeNews:after {
  transform: rotate(-45deg);
}
.newsBanner {
}
.headline {
font-size: 1.5rem;
}
.newsImg {
    width:150px;
    height: 150px;
}
.newsTime {
  font-size: 0.7rem;
  padding: 2em;
  padding-bottom:0px;
  justify-content: flex-end;
  display: flex;
}
@media screen and (max-width:768px) {
  #news {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top:0;
    z-index: 3;
    transform: translate(0.0);

  }
  .closeNews {
    display: inherit;
    position: fixed;
    top:1em;
    left: 2em;
    color: white;
  }
}
/*/newsy*/

/*PRELOADER*/

#loader-wrapper {
  position: fixed;
  top: 0;
  z-index: 1000;
  height: 100vh;
  width: 100vw;
  background-color: white;
  margin: 0;
  place-items: center center;
  align-items: center;
  justify-content: center;
  grid-auto-columns: 1fr 1fr;
}

.load {
  position: relative;
  top: 42%;
  margin: auto;
  animation: heartbeat 5s ease-in-out infinite;
  width: 15vmax;
  height: auto;
  justify-self: center;
  align-self: center;
}

.load img {
  max-width: 100%;
  height: auto;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
  20% {
    transform: scale(2);
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
  }
  30% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
  }
  40% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
  }
  50% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
  }
  60% {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }
}

.js .load,
.js #loader-wrapper {
  display: block;
}

/* SLICK CAROUSEL */

.carousel {
  width: 80%;
  margin: 0px auto;
}

.slick-slide {
  margin: 10px;
}

.slick-slide img {
  width: 90%;
  border: 2px solid #fff;
}

.slick-prev:before,
.slick-next:before {
  color: #242831 !important;
  font-size: 3vw !important;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto;
}

.slick-prev:before {
  margin-left: -5vw;
}

.slick-next:before {
  margin-right: -5vw;
}

@media screen and (max-width: 768px) {
  .slick-prev:before,
  .slick-next:before {
    color: transparent !important;
  }
  .slick-slide img {
    width: 100%;
    border: 2px solid #fff;
  }
}

/*KONIEC SLICK CAROUSEL */

/* MENU2 */

.menu {
  background-color: black;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
  -webkit-transition: all 15s;
  /* Safari prior 6.1 */
  transition: all 1s;
}

.menu:hover {
  background-color: black !important;
}

.menu__list {
  text-align: center;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.menu__link {
  display: block;
  padding-top: 1vw;
  padding-bottom: 1vw;
  will-change: color;
  transition: color 0.25s ease-out;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

.menu__link:focus {
  outline: 2px solid #fff;
}

.menu__list {
  display: flex;
}

.menu__group {
  flex-grow: 1;
}

.menu__link {
  position: relative;
  overflow: hidden;
  font-size: 0.9vmax;
  z-index: 2;
}

.menu__link:before,
.menu__link:after {
  content: "";
  width: 0;
  height: 3px;
  background-color: #fff;
  will-change: width;
  transition: width 0.05s ease-out;
  position: absolute;
  bottom: 0;
}

.menu__link:before {
  left: 50%;
  transform: translateX(-50%);
}

.menu__link:after {
  right: 50%;
  transform: translateX(50%);
}

.menu__link:hover:before,
.menu__link:hover:after {
  width: 100%;
  transition-duration: 0.15s;
}

/* hover effect */

.menu:hover .menu__link:not(:hover) {
  color: #7887a6;
}

.flexMenu {
  display: flex;
  align-items: center;
  justify-items: center;
  align-content: center;
  align-content: center;
  z-index: 2;
}

/* END MENU2 */

.flex {
  display: flex;
}

/*MOBILE NAV */

.nav2 {
}

#menuToggle {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input {
  display: flex;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle span {
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #000000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383f;
}

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 40vw;
  height: 50vh;
  box-shadow: 0 0 10px #85888c;
  margin: -50px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background-color: #f5f6fa;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
  padding: 10px 0;
  transition-delay: 2s;
}

#menuToggle input:checked ~ ul {
  transform: none;
}

/* KONIEC MENU NAV */

/* DROPDOWN DLA MENU */

/* Hide Dropdowns by Default */
a {
  cursor: pointer;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 3.2vw;
  /* the height of the main nav */
  background-color: rgba(0, 0, 0, 0.884);
  list-style-type: none;
  justify-items: center;
  align-items: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding: 1vw;
}
#navi2 nav ul ul {
  width: 46vw;
}

/* Display Dropdowns on Hover */

nav ul li:hover > ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 1vw;
  row-gap: 1vw;
}

/* Fisrt Tier Dropdown */

nav ul ul li {
  width: 10vw;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul li img {
  width: 100%;
  max-width: 100%;
}

/*KONIEC DROPDOWN */

body {
  margin: 0;
  font-family: "Poppins", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  overflow-x: hidden;
}

*:focus {
  outline: 0 !important;
}

.wrapper {
  width: 100%;
  padding-top: 20px;
  text-align: center;
}

.mmNavbar {
  display: flex;
  position: fixed;
  top: 0;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 4vmax;
  background-color: #131313;
  color: white;
  font-weight: normal;
  font-style: normal;
  font-size: 0.9vw;
  z-index: 9;
}

.mmTopM1 {
  margin-top: 8vmax !important;
}

.mmTopM2 {
  margin-top: 3vmax !important;
}

.mmBottomM1 {
  margin-bottom: 1vmax !important;
}

.mmBottomP1 {
  padding-bottom: 3vmax !important;
}

.mmTopP1 {
  padding-top: 3vmax !important;
}

.mmBottomP2 {
  padding-bottom: 5vmax !important;
}

.mmBottomP3 {
  padding-bottom: 1vmax !important;
}

.mmBottomP4 {
  padding-bottom: 0.5vmax !important;
}

.mmBottomP5 {
  padding-bottom: 1.5vmax !important;
}

.mmTopP2 {
  padding-top: 5vmax !important;
}

.hashLogo {
  display: flex;
  align-items: center;
}

.mmLogo {
  width: 7.4vmax;
  height: 4vmin;
  margin-right: -0.521vw;
  margin-bottom: -0.16vh;
}

.mmA {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.mmA:hover {
  color: gray;
  border: 2px solid white;
  border-radius: 30%;
  background-color: white;
}

.mmTextC1 {
  position: relative;
  color: black;
  width: 60%;
  height: auto;
  margin: auto;
  text-align: center;
  text-justify: center;
}

.mmTextC2 {
  width: 80%;
  height: auto;
  margin: auto;
}

.bolder {
  font-weight: 900 !important;
}

.mmh1 {
  font-size: 2.6vmax;
  font-weight: 700;
  line-height: 3.4vmax;
}

.mmh2 {
  font-size: 1.3vmax;
  font-weight: 300;
}

.mmh3 {
  font-size: 1.6vmax;
  font-weight: 700;
}

.mmh4 {
  font-size: 1.05vmax;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .mmh4 {
    font-size: 1.3vmax;
    font-weight: 300;
  }
}

.mmh5 {
}

.mmPLR0 {
  padding-left: 0;
  padding-right: 0;
}

.mmImgC1 {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mmImgC2 {
  width: 80%;
  height: auto;
  margin: auto;
  object-fit: cover;
}

.mmImgC3 {
  width: 100%;
  height: auto;
}

.mmImgC4 {
  width: 100%;
  height: auto;
  position: relative;
}

.mmImg1 {
  display: flex;
  max-width: 100%;
  height: auto;
  margin: auto;
  object-fit: cover;
  width: 100%;
}

.homeImg {
  width:70%;
  margin: auto;
}

.mmImg2 {
  display: flex;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: auto;
}

.grid1Background {
  background-image: url(/web/20250329185413im_/http://mymusic.pl/glowna/dom.png);
  background-position: center;
  background-size: cover;
  width: 100%;
  display: flex;
  height: 47vw;
}
.mmGrid1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 70%;
  margin: auto;
  row-gap: 1vw;
  column-gap: 1vw;
}

.mmGrid2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 80%;
  margin: auto;
  column-gap: 5.208vmax;
}

.mmGrid3 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 40vh);
  grid-gap: 5vw;
  justify-items: center;
}

.fot1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}

.fot2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

.fot3 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}

.Gimg {
  width: 80%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .mmGrid2 {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 4vw;
    justify-items: center;
  }
  .textCenterM {
    text-align: center;
    text-justify: center;
  }
}

.mm4Columns {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.mm2Columns {
  grid-template-columns: 1fr 1fr;
}

.mmBox1 {
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  max-width: 100%;
}

.mmBox1:hover {
  transform: scale(1.2);
}

.mmBox2 {
  object-fit: stretch;
  display: flex;
  width: 4vw;
  height: auto;
  justify-self: center;
  background-color: white;
  cursor: pointer;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.mmBox3 {
  object-fit: stretch;
  display: flex;
  flex-direction: column;
  width: 4vw;
  height: auto;
  justify-self: center;
  background-color: transparent;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.mmBox4 {
  object-fit: stretch;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-self: center;
  background-color: transparent;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  transition: all 1s ease-out;
  width: 8vw;
}

.scale {
  transform: scale(1.4);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.scale:hover {
  transform: scale(1.6);
}

.mmC1 {
  display: block;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  background: #304352;
  /* fallback for old browsers */
  background: linear-gradient(to right, #9c9995, #304352);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  width: 100%;
  height: auto;
  position: relative;
}

.bgDystrybucja {
  background: linear-gradient(
    to right bottom,
    #414a53,
    #3b444e,
    #353e49,
    #2f3844,
    #2a323f
  );
}

.bgWydawnictwo {
  background: linear-gradient(
    to right bottom,
    #354457,
    #2f3e52,
    #28384d,
    #223248,
    #1c2c43
  );
}

.bgMusicGo {
  background-image: linear-gradient(
    to right bottom,
    #353b5d,
    #2e3557,
    #282e52,
    #21284c,
    #1a2247
  );
}

.bgWhite {
  background-image: none;
  background-color: white;
}

.bgEvents1 {
  background: linear-gradient(
    to right bottom,
    #3d18b9,
    #5216be,
    #6414c4,
    #7511c8,
    #850dcd
  );
}

.bgEvents2 {
  background: linear-gradient(
    to right bottom,
    #d50028,
    #dc0030,
    #e40038,
    #eb0140,
    #f20348
  );
}

.bgYstyle1 {
  background: linear-gradient(
    to right bottom,
    #f7945b,
    #fa8060,
    #f96b6a,
    #f45777,
    #e94687
  );
}

.bgYstyle2 {
  background: linear-gradient(
    to right bottom,
    #05b9f9,
    #00cef6,
    #00e0de,
    #00eeb5,
    #8cf687
  );
}

.bgNiumi1 {
  background: #fcdbe4;
}

.bgNiumi2 {
  background: #bfd4ef;
}

.mmFL {
  float: left;
}

.mmFR {
  float: right;
}

.mmC50 {
  width: 50%;
}

.mmWhite {
  color: white;
}

.mmBlack {
  color: black;
}

.mmBG {
  background-color: white;
  background-image: none;
}

.mmBG2 {
  background-color: gray;
}

.mmSocial {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 10%;
  column-gap: 2vmax;
  height: auto;
  justify-content: center;
  align-items: center;
}

.mmKontakt {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  justify-items: center;
  text-align: center;
}

.stopka {
  font-weight: normal;
  margin-bottom: 3vmax;
  line-height: 1.5vmax;
  font-size: 1vmax;
}

.mmSLogo {
  width: 3vmax;
  height: 3vmax;
}
.opacity70 {
  opacity: 80%;
}
@media screen and (max-width: 768px) {
  .mmSLogo {
    width: 4.5vmax;
    height: 4.5vmax;
  }
}

a {
  text-decoration: none;
  color: black;
}

.mobile {
  display: none;
}

.noWrap {
  white-space: nowrap;
}

.textCenter {
  text-align: center;
  justify-content: center;
}

.bold {
  font-weight: bold;
}

.textVerticalAllignD {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.marginLeftDesktop {
  margin-left: 2vw;
}

.youtubeMGO {
  width: 30%;
  align-self: center;
  margin-left: -8vw;
}

.marginTop60MGO {
  margin-top: 60%;
}

.MGO {
  width: 25vmax;
}

.italic {
  font-style: italic;
  font-weight: 500;
}

.mmBottomP1M {
  padding-bottom: 0;
}

.MLD {
  margin-left: 10vw;
}

.mmTop20D {
  margin-top: 20%;
}

.uppercase {
  text-transform: uppercase;
}

.mmTopMM {
  margin-top: 3vw;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media screen and (max-width: 1000px) {
  .mmGrid1 {
    width: 80%;
    row-gap: 4vw;
    column-gap: 4vw;
  }
  .mmTopMM {
    margin-top: 0;
  }
  .mmTop20D {
    margin-top: 0;
  }
  .MLD {
    margin-left: 0;
  }
  .mmBottomP1M {
    padding-bottom: 3vmax;
  }
  .marginLeftDesktop {
    margin-left: 0;
  }
  .mmh1 {
    font-size: 3.2vmax;
    font-weight: bold;
  }
  .mmh2 {
    font-size: 1.7vmax;
    font-weight: 400;
  }
  .mmh3 {
    font-size: 2.6vmax;
  }
  .mmBox1 {
    transform: scale(1.2);
  }
  .scale {
    transform: scale(1.8);
  }
  .mmC50 {
    width: 100%;
  }
  .flex {
    display: block;
  }
  .desktop {
    display: none;
  }
  .stopka {
    line-height: 3vmax;
    font-size: 2vmax;
  }
  .mmSocial {
    width: 30vmax;
    height: 12vmax;
  }
  .mmTextC1 {
    width: 80%;
    text-justify: center;
  }
  .mmTextC2 {
    width: 80%;
    text-justify: center;
  }
  .mmImgC2 {
    width: 100%;
    max-width: 100%;
  }
  .youtubeMGO {
    margin: 0;
  }
  .marginTop60MGO {
    margin: 0;
  }
  .mobile {
    display: inherit;
  }
}

/*
     FILE ARCHIVED ON 18:54:13 Mar 29, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:07:22 Feb 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.545
  exclusion.robots: 0.022
  exclusion.robots.policy: 0.01
  esindex: 0.011
  cdx.remote: 42.765
  LoadShardBlock: 116.198 (3)
  PetaboxLoader3.datanode: 155.364 (4)
  load_resource: 149.108
  PetaboxLoader3.resolve: 50.688
*/