@font-face {
  font-family: 'PT Sans';
  src: url('./fonts/PTSans-Bold.eot');
  src: url('./fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'),
  url('./fonts/PTSans-Bold.woff2') format('woff2'),
  url('./fonts/PTSans-Bold.woff') format('woff'),
  url('./fonts/PTSans-Bold.ttf') format('truetype'),
  url('./fonts/PTSans-Bold.svg#PTSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'PT Sans';
  src: url('./fonts/PTSans-Regular.eot');
  src: url('./fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
  url('./fonts/PTSans-Regular.woff2') format('woff2'),
  url('./fonts/PTSans-Regular.woff') format('woff'),
  url('./fonts/PTSans-Regular.ttf') format('truetype'),
  url('./fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.page-wrapper {
  max-width: 85.65154vw;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.0981vw;
}
.center {
  text-align: center;
}
.karaoke--section {
  color: white;
}
.karaoke--section .page-wrapper {
  background: transparent url("../img/karaoke/karaoke-bg.png") no-repeat left top;
  background-size: 50%;
}
.karaoke__main_wrapper {
  width: 58.33333%;
  margin-left: auto;
  margin-bottom: 3.66032vw;
}
.karaoke_title__wrapper {
  margin-top: 11.71303vw;
  -webkit-box-shadow: 0 4px 6.73499vw 0 rgba(243, 200, 106, 0.15);
  box-shadow: 0 4px 6.73499vw 0 rgba(243, 200, 106, 0.15);
  position: relative;
  background: -o-linear-gradient(78deg, #e8f792 0%, #c49c3c 30%, #fcf8bb 55%, #fedd7c 64%, #f3c86a 100%);
  background: linear-gradient(12deg, #e8f792 0%, #c49c3c 30%, #fcf8bb 55%, #fedd7c 64%, #f3c86a 100%);
  padding: 3.4407vw 4.02635vw;
  display: inline-block;
}
.karaoke_title__wrapper:before, .karaoke_infobox:before {
  content: '';
  position: absolute;
  top: 0.73206vw;
  left: 0.73206vw;
  bottom: 0.73206vw;
  right: 0.73206vw;
  display: block;
  background: black;
}
.karaoke_title {
  display: block;
  line-height: 1;
  font-size: 5.85652vw;
  font-family: "PT Sans", Sans-Serif;
  position: relative;
  z-index: 1;
  font-weight: 400;
  margin: 0;
}
.karaoke_time {
  display: block;
  line-height: 1;
  font-size: 2.92826vw;
  font-family: "PT Sans", Sans-Serif;
  position: relative;
  z-index: 1;
  font-weight: 400;
  margin: 1.83016vw 0 0;
}
.karaoke_descriprion {
  margin-top: 5.49048vw;
  margin-bottom: 5.49048vw;
  font-size: 2.04978vw;
  font-family: "Myriad Pro", Sans-Serif;
  line-height: 1.143;
}
.karaoke_button {
  display: inline-block;
  text-decoration: none;
  color: black;
  font-size: 2.04978vw;
  font-family: "Calibri", sans-serif;
  line-height: 2.92826vw;
  text-transform: uppercase;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(232, 247, 146)), color-stop(30%, rgb(196, 156, 60)), color-stop(55%, rgb(252, 248, 187)), color-stop(64%, rgb(254, 221, 124)), to(rgb(243, 200, 106)));
  background-image: -o-linear-gradient(left, rgb(232, 247, 146) 0%, rgb(196, 156, 60) 30%, rgb(252, 248, 187) 55%, rgb(254, 221, 124) 64%, rgb(243, 200, 106) 100%);
  background-image: linear-gradient(90deg, rgb(232, 247, 146) 0%, rgb(196, 156, 60) 30%, rgb(252, 248, 187) 55%, rgb(254, 221, 124) 64%, rgb(243, 200, 106) 100%);
  width: 20.4978vw;
  padding: 0.73206vw 1.46412vw;
}
.karaoke_infobox {
  display: block;
  background: -o-linear-gradient(78deg, #e8f792 0%, #c49c3c 30%, #fcf8bb 55%, #fedd7c 64%, #f3c86a 100%);
  background: linear-gradient(12deg, #e8f792 0%, #c49c3c 30%, #fcf8bb 55%, #fedd7c 64%, #f3c86a 100%);
  position: relative;
  padding: 2.489vw;
  margin-bottom: 3.5139vw;
}
.karaoke_infobox__inner {
  position: relative;
  z-index: 1;
  font-size: 2.92826vw;
  font-family: "PT Sans", sans-serif;
  color: #e9c56a;
  text-transform: uppercase;
  line-height: 1.293;
  margin: 0;
}
.karaoke_infobox__inner a {
  text-decoration: none;
  font-size: 3.66vw;
  color: inherit;
}
.karaoke_info {
  font-size: 1.9vw;
  font-family: "PT Sans", sans-serif;
  line-height: 2.3426vw;
}
.karaoke_divider {
  background: -webkit-gradient( linear, left top, right top, from(rgb(232,247,146)), color-stop(30%, rgb(196,156,60)), color-stop(55%, rgb(252,248,187)), color-stop(64%, rgb(254,221,124)), to(rgb(243,200,106)));
  background: -o-linear-gradient( left, rgb(232,247,146) 0%, rgb(196,156,60) 30%, rgb(252,248,187) 55%, rgb(254,221,124) 64%, rgb(243,200,106) 100%);
  background: linear-gradient( 90deg, rgb(232,247,146) 0%, rgb(196,156,60) 30%, rgb(252,248,187) 55%, rgb(254,221,124) 64%, rgb(243,200,106) 100%);
  width: 42.1669vw;
  height: 0.65886vw;
  margin: 0 auto 5.49048vw;
}
.karaoke_gallery {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.karaoke_gallery__item {
  display: block;
  width: calc(20% - 1.75695vw);
  margin: 0 0 2.19619vw;
}

@media screen and (max-width: 760px) {
  .page-wrapper {
    max-width: none;
  }
  .karaoke--section .page-wrapper {
    background-position-x: -80%;
    background-size: 75% auto;
  }
  .karaoke__main_wrapper {
    width: 65%;
    margin-bottom: 5.12445vw;
  }
  .karaoke_title__wrapper {
    margin-top: 16.39824vw;
    -webkit-box-shadow: 0 4px 6.73499vw 0 rgba(243, 200, 106, 0.15);
    box-shadow: 0 4px 6.73499vw 0 rgba(243, 200, 106, 0.15);
    position: relative;
    background: -o-linear-gradient(78deg, #e8f792 0%, #c49c3c 30%, #fcf8bb 55%, #fedd7c 64%, #f3c86a 100%);
    background: linear-gradient(12deg, #e8f792 0%, #c49c3c 30%, #fcf8bb 55%, #fedd7c 64%, #f3c86a 100%);
    padding: 4.81698vw 5.63689vw;
    display: inline-block;
  }
  .karaoke_title {
    font-size: 8.19913vw;
  }
  .karaoke_time {
    font-size: 4.09956vw;
    margin: 2.56222vw 0 0;
  }
  .karaoke_descriprion {
    margin-top: 7.68667vw;
    margin-bottom: 7.68667vw;
    font-size: 3.6896vw;
  }
  .karaoke_button {
    font-size: 3.6896vw;
    line-height: 5.27086vw;
    width: 36.89604vw;
    padding: 1.02488vw 2.04977vw;
  }
  .karaoke_infobox {
    padding: 3.4846vw;
    margin-bottom: 4.91946vw;
  }
  .karaoke_infobox__inner {
    font-size: 4.09956vw;
  }
  .karaoke_infobox__inner a {
    font-size: 5.124vw;
  }
  .karaoke_info {
    font-size: 3.42vw;
    line-height: 4.21668vw;
  }
  .karaoke_divider {
    width: 59.03366vw;
    height: 0.9224vw;
    margin: 0 auto 7.68667vw;
  }
  .karaoke_gallery__item {
    width: calc(50% - 2.45973vw);
    margin: 0 0 3.07466vw;
  }
}