@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Oxanium:wght@400;600;700&display=swap";
@import "https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin-ext";

/* node_modules/@PolishFootballAssociation/jplayer-angular/assets/styles.scss */
.projekktor {
  background-color: #000;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.projekktor,
.projekktor * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.projekktor .active {
  display: block;
}
.projekktor .inactive {
  display: none !important;
}
.projekktor .ppstart {
  display: block;
  position: absolute;
  z-index: 10;
  width: 112px;
  height: 112px;
  left: 50%;
  bottom: 50%;
  background: rgba(0, 0, 0, 0.5) url("./media/jplayer-sprites.png") no-repeat 0 -112px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transform: translate(-50%, 25%);
  -moz-transform: translate(-50%, 25%);
  -ms-transform: translate(-50%, 25%);
  -o-transform: translate(-50%, 25%);
  transform: translate(-50%, 25%);
}
.projekktor .ppstart:hover,
.projekktor .ppstart:active {
  background-position: -112px -112px;
}
.projekktor .ppbuffering {
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  z-index: 10000;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.projekktor .ppbuffering .dots {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}
.projekktor .ppbuffering .dots div {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 0.9s infinite ease-in-out both;
  animation: sk-bouncedelay 0.9s infinite ease-in-out both;
}
.projekktor .ppbuffering .dots .dot1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.projekktor .ppbuffering .dots .dot2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.projekktor .ppad .ppnext,
.projekktor .ppad .ppnextC,
.projekktor .ppad .ppprev,
.projekktor .ppad .ppprevC,
.projekktor .ppad .pptitle,
.projekktor.ppad .ppnext,
.projekktor.ppad .ppnextC,
.projekktor.ppad .ppprev,
.projekktor.ppad .ppprevC,
.projekktor.ppad .pptitle {
  display: none;
}
.projekktor .ppad .ppadmessage,
.projekktor.ppad .ppadmessage {
  position: absolute;
  font-size: 12px;
  top: 0;
  border: none;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  padding: 6px 10px;
  float: left;
}
.projekktor .ppad .ppadmessage.admessage0,
.projekktor.ppad .ppadmessage.admessage0 {
  left: 0;
}
.projekktor .ppad .ppadmessage.admessage1,
.projekktor.ppad .ppadmessage.admessage1 {
  right: 0;
}
.projekktor .ppad .ppadskip,
.projekktor.ppad .ppadskip {
  position: absolute;
  padding-top: 2px;
  top: 0;
  right: 0;
  width: 85%;
  height: 28px;
  background-color: #333;
  color: #fdfdfd;
  line-height: 28px;
}
.projekktor .ppad .ppadskip.unlocked,
.projekktor.ppad .ppadskip.unlocked {
  cursor: pointer;
  color: #fdfdfd;
}
.projekktor .ppad .ppadoverlay,
.projekktor.ppad .ppadoverlay {
  text-align: center;
  position: absolute;
  display: inline-block;
  bottom: 50px;
  width: 100%;
  z-index: 9998;
}
.projekktor .ppad .ppadoverlay.inactive,
.projekktor.ppad .ppadoverlay.inactive {
  display: block;
}
.projekktor .ppad .ppadoverlaywrapper,
.projekktor.ppad .ppadoverlaywrapper {
  float: right;
  right: 50%;
  position: relative;
}
.projekktor .ppad .ppadcontent,
.projekktor.ppad .ppadcontent {
  cursor: default;
  float: right;
  right: -50%;
  position: relative;
}
.projekktor .ppad .ppadclose,
.projekktor.ppad .ppadclose {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url("./media/jplayer-sprites.png") no-repeat -120px 0;
  background-size: 160px 180px;
  right: -50%;
  margin-right: -20px;
  position: absolute;
  z-index: 9999;
}
.projekktor .ppcontextmenu {
  position: absolute;
  z-index: 2147483647;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: none repeat scroll 0 0 #FFFFFF;
  list-style: none outside none;
  border: 1px solid #CCCCCC;
  outline: medium none;
  overflow: auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.projekktor .ppcontextmenu li {
  color: #333;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 6px 20px;
  text-decoration: none;
  white-space: nowrap;
  word-wrap: normal;
}
.projekktor .ppcontextmenu li:hover {
  color: #fff;
  background-color: #333;
}
.projekktor .ppcontrols {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 124px;
  margin: 0;
  padding: 40px 20px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  background:
    linear-gradient(
      0deg,
      #000 0%,
      transparent 100%);
  z-index: 1000;
}
.projekktor .ppcontrols.active {
  display: flex !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
.projekktor .ppcontrols.inactive {
  display: flex !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
.projekktor .ppcontrols > span {
  display: block;
  flex: 42px 0 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
  background: transparent url("./media/jplayer-sprites.png") no-repeat 0 0;
  background-size: 672px 168px;
  overflow: hidden;
}
.projekktor .ppcontrols > span.ppplay {
  background-position: 0 0;
}
.projekktor .ppcontrols > span.ppplay:hover,
.projekktor .ppcontrols > span.ppplay:active {
  background-position: 0 -42px;
}
.projekktor .ppcontrols > span.pppause {
  background-position: -42px 0;
}
.projekktor .ppcontrols > span.pppause:hover,
.projekktor .ppcontrols > span.pppause:active {
  background-position: -42px -42px;
}
.projekktor .ppcontrols > span.ppprev,
.projekktor .ppcontrols > span.ppprevC {
  background-position: -84px 0;
}
.projekktor .ppcontrols > span.ppprev:hover,
.projekktor .ppcontrols > span.ppprev:active,
.projekktor .ppcontrols > span.ppprevC:hover,
.projekktor .ppcontrols > span.ppprevC:active {
  background-position: -84px -42px;
}
.projekktor .ppcontrols > span.ppnext,
.projekktor .ppcontrols > span.ppnextC {
  background-position: -126px 0;
}
.projekktor .ppcontrols > span.ppnext:hover,
.projekktor .ppcontrols > span.ppnext:active,
.projekktor .ppcontrols > span.ppnextC:hover,
.projekktor .ppcontrols > span.ppnextC:active {
  background-position: -126px -42px;
}
.projekktor .ppcontrols > span.ppmute {
  background-position: -252px 0;
}
.projekktor .ppcontrols > span.ppmute:hover,
.projekktor .ppcontrols > span.ppmute:active {
  background-position: -252px -42px;
}
.projekktor .ppcontrols > span.ppunmute {
  background-position: -210px 0;
}
.projekktor .ppcontrols > span.ppunmute:hover,
.projekktor .ppcontrols > span.ppunmute:active {
  background-position: -210px -42px;
}
.projekktor .ppcontrols > span.ppvmax {
  display: none;
  background-position: -210px 0;
}
.projekktor .ppcontrols > span.ppvmax:hover,
.projekktor .ppcontrols > span.ppvmax:active {
  background-position: -210px -42px;
}
.projekktor .ppcontrols > span.ppfsenter {
  background-position: -294px 0;
}
.projekktor .ppcontrols > span.ppfsenter:hover,
.projekktor .ppcontrols > span.ppfsenter:active {
  background-position: -294px -42px;
}
.projekktor .ppcontrols > span.ppfsexit {
  background-position: -336px 0;
}
.projekktor .ppcontrols > span.ppfsexit:hover,
.projekktor .ppcontrols > span.ppfsexit:active {
  background-position: -336px -42px;
}
.projekktor .ppcontrols > span.ppsettingsbtn {
  background-position: -378px 0;
}
.projekktor .ppcontrols > span.ppsettingsbtn:hover,
.projekktor .ppcontrols > span.ppsettingsbtn:active {
  background-position: -378px -42px;
}
.projekktor .ppcontrols > span.pploquality {
  background-position: -462px 0;
}
.projekktor .ppcontrols > span.pploquality:hover,
.projekktor .ppcontrols > span.pploquality:active {
  background-position: -462px -42px;
}
.projekktor .ppcontrols > span.pphiquality {
  background-position: -504px 0;
}
.projekktor .ppcontrols > span.pphiquality:hover,
.projekktor .ppcontrols > span.pphiquality:active {
  background-position: -504px -42px;
}
.projekktor .ppcontrols > span.pplive {
  display: none;
  flex: 84px 0 0;
}
.projekktor .ppcontrols > span.pplive .ppgolive {
  width: 84px;
  background-position: -546px 0;
}
.projekktor .ppcontrols > span.pplive .ppgolive:hover,
.projekktor .ppcontrols > span.pplive .ppgolive:active {
  background-position: -546px -42px;
}
.projekktor .ppcontrols > span.pptracksbtn {
  display: none;
}
.projekktor .ppcontrols > div {
  height: 42px;
}
.projekktor .ppcontrols > div.ppscrubber {
  flex: 70% 1 1;
  height: 6px;
  margin: 0 20px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: visible;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.projekktor .ppcontrols > div.ppscrubber .pploaded,
.projekktor .ppcontrols > div.ppscrubber .ppplayhead,
.projekktor .ppcontrols > div.ppscrubber .ppscrubberdrag {
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  z-index: 300;
  display: block;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubberknob {
  position: absolute;
  top: -4px;
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0 0 0 -6px;
  z-index: 300;
  display: block;
  background-color: #db3836;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
  -moz-transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
  -ms-transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
  -o-transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
  transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
}
.projekktor .ppcontrols > div.ppscrubber .pploaded {
  background-color: rgba(255, 255, 255, 0.4);
}
.projekktor .ppcontrols > div.ppscrubber .ppplayhead {
  z-index: 301;
  background-color: #db3836;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubberdrag {
  cursor: pointer;
  height: 100%;
  z-index: 302;
  left: 0;
  width: 100%;
}
.projekktor .ppcontrols > div.ppscrubber .ppcuepoint {
  position: absolute;
  height: 100%;
  width: 5px;
  background-color: yellow;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 310;
}
.projekktor .ppcontrols > div.ppscrubber .ppcuepoint:hover {
  background-color: red;
  cursor: pointer;
}
.projekktor .ppcontrols > div.ppscrubber .ppcuepoint.ppcuepoint_group_midroll {
  background: transparent;
  border-left: 3px solid yellow;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubbertip {
  padding: 3px;
  position: absolute;
  top: -30px;
  left: 25px;
  font-size: 11px;
  line-height: 15px;
  color: #fdfdfd;
  background: #2e2d2d;
  z-index: 10;
  display: none;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubbertip:after {
  position: absolute;
  content: " ";
  height: 0;
  width: 0;
  top: 100%;
  left: 50%;
  border: 5px solid rgba(2, 28, 79, 0);
  border-top-color: #333;
  pointer-events: none;
  margin-left: -5px;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubbertip.active {
  display: block;
}
.projekktor .ppcontrols > div.ppscrubber:hover {
  bottom: -2px;
  height: 8px;
}
.projekktor .ppcontrols > div.ppscrubber:hover .ppscrubberknob {
  width: 16px;
  height: 16px;
  margin: 0 0 0 -8px;
}
.projekktor .ppcontrols > div.ppscrubber.inactive {
  display: block !important;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
.projekktor .ppcontrols > div.pptimeleft {
  display: flex;
  flex: 80px 0 0;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.projekktor .ppcontrols > div.ppvslider {
  flex: 60px 0 0;
  height: 6px;
  margin: 0 5px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.projekktor .ppcontrols > div.ppvslider:hover {
  height: 8px;
  margin: 16px 5px;
}
.projekktor .ppcontrols > div.ppvslider .ppvmarker {
  position: relative;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #db3836;
}
.projekktor .ppcontrols > div.ppvslider .ppvknob {
  display: none;
}
.projekktor .ppdisplay {
  background-color: #000;
  position: relative !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.projekktor .ppoverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.projekktor .pppostertitle {
  background: transparent;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fdfdfd;
  padding: 2px 5px;
  text-align: left;
}
.projekktor .pppostertitle.active {
  top: 0;
}
.projekktor .pppostertitle.inactive {
  display: block !important;
  top: -135px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: top 0.9s linear;
  -moz-transition: top 0.9s linear;
  -ms-transition: top 0.9s linear;
  -o-transition: top 0.9s linear;
  transition: top 0.9s linear;
}
.projekktor .pprelated {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  z-index: 100000;
}
.projekktor .pprelated .wrapper {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
}
.projekktor .pprelated .wrapper h2 {
  display: block;
  margin: 0 0 5px;
  color: #ffffff;
  font-size: 14px;
}
.projekktor .pprelated .wrapper textarea {
  width: 100%;
  height: 100%;
  outline: 0 none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
  background-color: transparent;
  color: #fdfdfd;
  border: 1px solid #fcfcfc;
  resize: none;
  cursor: pointer;
}
.projekktor .pprelated .wrapper .pprelatedone {
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .container {
  position: relative;
  width: 132px;
  height: 132px;
  margin: 0 auto;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .csvg {
  display: block;
  width: 100%;
  height: 100%;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .csvg .cpath {
  stroke: #db3836;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: square;
  animation: progress linear forwards;
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
  100% {
    stroke-dasharray: 100 100;
  }
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: transparent url("./media/jplayer-sprites.png") no-repeat -448px -112px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay:hover,
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay:active {
  background-position: -560px -112px;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedembed {
  display: none;
  width: 30%;
  margin-left: 5%;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedshare {
  display: none;
  width: 30%;
  margin-left: 5%;
}
.projekktor .pprelated .wrapper .pprelatedtwo {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.projekktor .pprelated .wrapper .pprelatedtwo h2 {
  text-align: left;
  width: 100%;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems:before,
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems:after {
  display: table;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems:after {
  clear: both;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem {
  position: relative;
  display: block;
  float: left;
  width: 20%;
  cursor: pointer;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:first-child {
  width: 35%;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:after {
  content: "";
  display: block;
  position: absolute;
  width: 56px;
  height: 56px;
  left: 50%;
  top: 50%;
  background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -56px;
  background-size: 448px 112px;
  cursor: pointer;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:hover:after {
  background-position: -56px -56px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .title {
  width: 100%;
  padding: 10px;
  background-color: #fff;
  color: #000000;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .image {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .image img {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem {
  font-size: 14px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:after {
  width: 42px;
  height: 42px;
  background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -42px;
  background-size: 336px 84px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:hover:after {
  background-position: -42px -42px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem .title {
  padding: 8px;
  font-size: 13px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem + .pprelateditem + .pprelateditem + .pprelateditem {
  display: none;
}
.projekktor .ppsettingsmenu {
  position: absolute;
  bottom: 40px;
  right: 0;
  display: block;
  padding: 0;
  text-align: center;
  font-weight: lighter;
  font-size: 0.7em;
}
.projekktor .ppsettingsmenu.active {
  display: block;
}
.projekktor .ppsettingsmenu.inactive {
  display: none;
}
.projekktor .ppsettingsmenu.column1 {
  width: 90px;
}
.projekktor .ppsettingsmenu.column2 {
  width: 184px;
}
.projekktor .ppsettingsmenu.column3 {
  width: 280px;
}
.projekktor .ppsettingsmenu ul {
  width: 90px;
  overflow: hidden;
  background: #2e2d2d;
  background: rgba(0, 0, 0, 0.7);
  zoom: 1;
  display: inline-block;
  padding: 0;
  color: #fff;
  list-style: none;
  height: 100%;
  margin: 0 0 0 1px;
}
.projekktor .ppsettingsmenu ul#tool,
.projekktor .ppsettingsmenu ul#platform,
.projekktor .ppsettingsmenu ul#quality {
  float: left;
}
.projekktor .ppsettingsmenu ul li {
  margin: 0;
  padding: 5px 0 5px 0;
  width: 100%;
  height: 15px;
  line-height: 15px;
  cursor: pointer;
}
.projekktor .ppsettingsmenu ul li.first {
  font-weight: bold;
  text-decoration: underline;
  cursor: auto;
}
.projekktor ul.ppsettingslist li.on {
  background: #fdfdfd;
  background: rgba(255, 255, 255, 0.7);
  color: #333;
}
.projekktor .ppsocialbar {
  position: absolute;
  right: 0;
  bottom: 14%;
  width: 90px;
  height: 50%;
  padding: 0;
}
.projekktor .ppsocialbar.inactive {
  display: block !important;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
.projekktor .ppsocialbar.active {
  display: block !important;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
.projekktor .ppsocialbar .ppsocialbutton {
  cursor: pointer;
  overflow: hidden;
  height: 16px;
  width: 80px;
  padding: 5px;
  margin: 15px 0;
  text-align: center;
  font-size: 14px;
  background-color: #191B10;
  color: #fdfdfd;
  line-height: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
.projekktor .ppsocialbar .ppsocialbutton:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
.projekktor .ppsocialbar .ppsocialpopup {
  position: absolute;
  margin-right: -122px;
  margin-top: -140px;
  right: 50%;
  top: 50%;
  width: 185px;
  height: 225px;
  text-align: center;
  padding: 10px 20px;
  background: rgb(34, 34, 34);
  background: rgba(34, 34, 34, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222)";
  color: #fefefe;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.projekktor .ppsocialbar .ppsocialpopup textarea {
  width: 185px;
  height: 65px;
  border: 1px solid #ccc;
  outline: 0 none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
}
.projekktor .ppsocialbar .ppsocialpopup a {
  display: block;
  width: 100%;
  text-decoration: underline;
  margin: 5px auto;
  text-align: center;
  color: #ddd;
  cursor: pointer;
}
.projekktor .ppsocialbar .ppsocialpopup a:hover {
  text-decoration: none;
}
.projekktor .pptool {
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  padding: 0 15px;
  font-size: 12px;
  text-align: center;
  max-width: 70%;
  z-index: 2000;
}
.projekktor .pptool p {
  line-height: 1.5;
}
.projekktor .pptool p.key {
  color: #eee;
  margin: 15px;
}
.projekktor .pptool .btn {
  padding: 5px 15px;
  margin: 2px;
  color: #0F1D46;
  background-color: #faffef;
  text-decoration: none;
}
.projekktor .pptool em {
  background: #faffef;
  margin: 0 0.4em;
  padding: 0.3em 0.6em;
  color: #51231E;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
}
.projekktor .pptool textarea {
  padding: 5px;
  width: 240px;
  height: 100px;
}
.projekktor:-ms-fullscreen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.projekktor:-ms-fullscreen::-ms-backdrop {
  background-color: black;
}
.projekktor:-webkit-full-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.projekktor:-webkit-full-screen::-webkit-backdrop {
  background-color: black;
}
.projekktor:-moz-full-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.projekktor:fullscreen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.projekktor:fullscreen::backdrop {
  background-color: black;
}
.projekktor.ppstateidle .pptestcard,
.projekktor.ppstateerror .pptestcard {
  background: url("./media/jplayer-noise.gif") center center repeat;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 18px;
  overflow: hidden;
}
.projekktor.ppstateidle .pptestcard p,
.projekktor.ppstateerror .pptestcard p {
  background-color: #3b393e;
  width: 60%;
  margin: auto;
  line-height: 25px;
  position: relative;
  top: 25%;
  padding: 10px;
  border: 5px solid #000;
  text-align: center;
}
.projekktor.notransitions .ppcontrols.active {
  display: block !important;
}
.projekktor.notransitions .ppcontrols.inactive {
  display: none !important;
}
.projekktor.audio .ppcontrols .ppfsenter,
.projekktor.audio .ppcontrols .ppfsexit {
  display: none !important;
}
.projekktor.ppnovolumecontrol .ppcontrols .ppvmax {
  display: none;
}
.projekktor.ppnovolumecontrol .ppcontrols .ppvslider {
  display: none;
}
.projekktor.pphttpVideoLive .ppsettingsmenu {
  top: -131px;
}
.projekktor.pphttpVideoLive.ppdvr .ppsettingsmenu {
  top: -138px;
}
@media all and (max-width: 767px) {
  .projekktor .ppstart {
    width: 56px;
    height: 56px;
    background: rgba(0, 0, 0, 0.5) url("./media/jplayer-sprites.png") no-repeat 0 -56px;
    background-size: 448px 112px;
  }
  .projekktor .ppstart:hover,
  .projekktor .ppstart:active {
    background-position: -56px -56px;
  }
  .projekktor .ppcontrols {
    padding: 25px 10px 0;
    height: 70px;
  }
  .projekktor .ppcontrols > span {
    display: block;
    flex: 28px 0 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: transparent url("./media/jplayer-sprites.png") no-repeat 0 0;
    background-size: 448px 112px;
    overflow: hidden;
  }
  .projekktor .ppcontrols > span.ppplay {
    background-position: 0 0;
  }
  .projekktor .ppcontrols > span.ppplay:hover,
  .projekktor .ppcontrols > span.ppplay:active {
    background-position: 0 -28px;
  }
  .projekktor .ppcontrols > span.pppause {
    background-position: -28px 0;
  }
  .projekktor .ppcontrols > span.pppause:hover,
  .projekktor .ppcontrols > span.pppause:active {
    background-position: -28px -28px;
  }
  .projekktor .ppcontrols > span.ppprev,
  .projekktor .ppcontrols > span.ppprevC {
    background-position: -56px 0;
  }
  .projekktor .ppcontrols > span.ppprev:hover,
  .projekktor .ppcontrols > span.ppprev:active,
  .projekktor .ppcontrols > span.ppprevC:hover,
  .projekktor .ppcontrols > span.ppprevC:active {
    background-position: -56px -28px;
  }
  .projekktor .ppcontrols > span.ppnext,
  .projekktor .ppcontrols > span.ppnextC {
    background-position: -84px 0;
  }
  .projekktor .ppcontrols > span.ppnext:hover,
  .projekktor .ppcontrols > span.ppnext:active,
  .projekktor .ppcontrols > span.ppnextC:hover,
  .projekktor .ppcontrols > span.ppnextC:active {
    background-position: -84px -28px;
  }
  .projekktor .ppcontrols > span.ppmute {
    background-position: -168px 0;
  }
  .projekktor .ppcontrols > span.ppmute:hover,
  .projekktor .ppcontrols > span.ppmute:active {
    background-position: -168px -28px;
  }
  .projekktor .ppcontrols > span.ppunmute {
    background-position: -140px 0;
  }
  .projekktor .ppcontrols > span.ppunmute:hover,
  .projekktor .ppcontrols > span.ppunmute:active {
    background-position: -140px -28px;
  }
  .projekktor .ppcontrols > span.ppvmax {
    display: none;
    background-position: -140px 0;
  }
  .projekktor .ppcontrols > span.ppvmax:hover,
  .projekktor .ppcontrols > span.ppvmax:active {
    background-position: -140px -28px;
  }
  .projekktor .ppcontrols > span.ppfsenter {
    background-position: -196px 0;
  }
  .projekktor .ppcontrols > span.ppfsenter:hover,
  .projekktor .ppcontrols > span.ppfsenter:active {
    background-position: -196px -28px;
  }
  .projekktor .ppcontrols > span.ppfsexit {
    background-position: -224px 0;
  }
  .projekktor .ppcontrols > span.ppfsexit:hover,
  .projekktor .ppcontrols > span.ppfsexit:active {
    background-position: -224px -28px;
  }
  .projekktor .ppcontrols > span.ppsettingsbtn {
    background-position: -252px 0;
  }
  .projekktor .ppcontrols > span.ppsettingsbtn:hover,
  .projekktor .ppcontrols > span.ppsettingsbtn:active {
    background-position: -252px -28px;
  }
  .projekktor .ppcontrols > span.pploquality {
    background-position: -308px 0;
  }
  .projekktor .ppcontrols > span.pploquality:hover,
  .projekktor .ppcontrols > span.pploquality:active {
    background-position: -308px -28px;
  }
  .projekktor .ppcontrols > span.pphiquality {
    background-position: -336px 0;
  }
  .projekktor .ppcontrols > span.pphiquality:hover,
  .projekktor .ppcontrols > span.pphiquality:active {
    background-position: -336px -28px;
  }
  .projekktor .ppcontrols > span.pplive {
    display: none;
    flex: 56px 0 0;
  }
  .projekktor .ppcontrols > span.pplive .ppgolive {
    width: 56px;
    background-position: -364px 0;
  }
  .projekktor .ppcontrols > span.pplive .ppgolive:hover,
  .projekktor .ppcontrols > span.pplive .ppgolive:active {
    background-position: -364px -28px;
  }
  .projekktor .ppcontrols > div {
    height: 28px;
  }
  .projekktor .ppcontrols > div.ppscrubber {
    height: 4px;
    margin: 0 10px;
  }
  .projekktor .ppcontrols > div.ppscrubber .ppscrubberknob {
    width: 12px;
    height: 12px;
  }
  .projekktor .ppcontrols > div.ppscrubber:hover {
    bottom: -2px;
    height: 6px;
  }
  .projekktor .ppcontrols > div.ppscrubber:hover .ppscrubberknob {
    width: 14px;
    height: 14px;
  }
  .projekktor .ppcontrols > div.pptimeleft {
    flex: 60px 0 0;
    font-size: 12px;
  }
  .projekktor .ppcontrols > div.ppvslider {
    flex: 40px 0 0;
    height: 4px;
  }
  .projekktor .ppcontrols > div.ppvslider:hover {
    height: 6px;
  }
  .projekktor .ppad .ppadmessage,
  .projekktor.ppad .ppadmessage {
    font-size: 10px;
  }
  .projekktor .pprelated .wrapper {
    padding: 10px;
  }
  .projekktor .pprelated .wrapper h2 {
    font-size: 12px;
  }
  .projekktor .pprelated .wrapper .pprelatedone {
    height: 40%;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay {
    bottom: 0;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .container {
    width: 68px;
    height: 68px;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay {
    width: 56px;
    height: 56px;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    background: transparent url("./media/jplayer-sprites.png") no-repeat -224px -56px;
    background-size: 448px 112px;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay:hover {
    background-position: -280px -56px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo {
    height: 60%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem {
    width: 30%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:first-child {
    width: 35%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:after {
    width: 42px;
    height: 42px;
    background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -42px;
    background-size: 336px 84px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:hover:after {
    background-position: -42px -42px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .title {
    padding: 5px 7px;
    font-size: 13px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:after {
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -28px;
    background-size: 224px 56px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:hover:after {
    background-position: -28px -28px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem .title {
    padding: 5px;
    font-size: 12px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem + .pprelateditem + .pprelateditem {
    display: none;
  }
}
@media all and (max-width: 479px) {
  .projekktor .ppstart {
    width: 42px;
    height: 42px;
    background: rgba(0, 0, 0, 0.5) url("./media/jplayer-sprites.png") no-repeat 0 -42px;
    background-size: 336px 84px;
  }
  .projekktor .ppstart:hover,
  .projekktor .ppstart:active {
    background-position: -42px -42px;
  }
  .projekktor .ppcontrols {
    padding: 25px 10px 0;
    height: 70px;
  }
  .projekktor .ppcontrols > span {
    display: block;
    flex: 28px 0 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: transparent url("./media/jplayer-sprites.png") no-repeat 0 0;
    background-size: 448px 112px;
    overflow: hidden;
  }
  .projekktor .ppcontrols > span.ppplay {
    background-position: 0 0;
  }
  .projekktor .ppcontrols > span.ppplay:hover,
  .projekktor .ppcontrols > span.ppplay:active {
    background-position: 0 -28px;
  }
  .projekktor .ppcontrols > span.pppause {
    background-position: -28px 0;
  }
  .projekktor .ppcontrols > span.pppause:hover,
  .projekktor .ppcontrols > span.pppause:active {
    background-position: -28px -28px;
  }
  .projekktor .ppcontrols > span.ppprev,
  .projekktor .ppcontrols > span.ppprevC {
    background-position: -56px 0;
  }
  .projekktor .ppcontrols > span.ppprev:hover,
  .projekktor .ppcontrols > span.ppprev:active,
  .projekktor .ppcontrols > span.ppprevC:hover,
  .projekktor .ppcontrols > span.ppprevC:active {
    background-position: -56px -28px;
  }
  .projekktor .ppcontrols > span.ppnext,
  .projekktor .ppcontrols > span.ppnextC {
    background-position: -84px 0;
  }
  .projekktor .ppcontrols > span.ppnext:hover,
  .projekktor .ppcontrols > span.ppnext:active,
  .projekktor .ppcontrols > span.ppnextC:hover,
  .projekktor .ppcontrols > span.ppnextC:active {
    background-position: -84px -28px;
  }
  .projekktor .ppcontrols > span.ppmute {
    background-position: -168px 0;
  }
  .projekktor .ppcontrols > span.ppmute:hover,
  .projekktor .ppcontrols > span.ppmute:active {
    background-position: -168px -28px;
  }
  .projekktor .ppcontrols > span.ppunmute {
    background-position: -140px 0;
  }
  .projekktor .ppcontrols > span.ppunmute:hover,
  .projekktor .ppcontrols > span.ppunmute:active {
    background-position: -140px -28px;
  }
  .projekktor .ppcontrols > span.ppvmax {
    display: none;
    background-position: -140px 0;
  }
  .projekktor .ppcontrols > span.ppvmax:hover,
  .projekktor .ppcontrols > span.ppvmax:active {
    background-position: -140px -28px;
  }
  .projekktor .ppcontrols > span.ppfsenter {
    background-position: -196px 0;
  }
  .projekktor .ppcontrols > span.ppfsenter:hover,
  .projekktor .ppcontrols > span.ppfsenter:active {
    background-position: -196px -28px;
  }
  .projekktor .ppcontrols > span.ppfsexit {
    background-position: -224px 0;
  }
  .projekktor .ppcontrols > span.ppfsexit:hover,
  .projekktor .ppcontrols > span.ppfsexit:active {
    background-position: -224px -28px;
  }
  .projekktor .ppcontrols > span.ppsettingsbtn {
    background-position: -252px 0;
  }
  .projekktor .ppcontrols > span.ppsettingsbtn:hover,
  .projekktor .ppcontrols > span.ppsettingsbtn:active {
    background-position: -252px -28px;
  }
  .projekktor .ppcontrols > span.pploquality {
    background-position: -308px 0;
  }
  .projekktor .ppcontrols > span.pploquality:hover,
  .projekktor .ppcontrols > span.pploquality:active {
    background-position: -308px -28px;
  }
  .projekktor .ppcontrols > span.pphiquality {
    background-position: -336px 0;
  }
  .projekktor .ppcontrols > span.pphiquality:hover,
  .projekktor .ppcontrols > span.pphiquality:active {
    background-position: -336px -28px;
  }
  .projekktor .ppcontrols > span.pplive {
    display: none;
    flex: 56px 0 0;
  }
  .projekktor .ppcontrols > span.pplive .ppgolive {
    width: 56px;
    background-position: -364px 0;
  }
  .projekktor .ppcontrols > span.pplive .ppgolive:hover,
  .projekktor .ppcontrols > span.pplive .ppgolive:active {
    background-position: -364px -28px;
  }
  .projekktor .ppcontrols > div {
    height: 28px;
  }
  .projekktor .ppcontrols > div.ppscrubber {
    height: 4px;
    margin: 0 10px;
  }
  .projekktor .ppcontrols > div.ppscrubber .ppscrubberknob {
    width: 12px;
    height: 12px;
  }
  .projekktor .ppcontrols > div.ppscrubber:hover {
    bottom: -2px;
    height: 6px;
  }
  .projekktor .ppcontrols > div.ppscrubber:hover .ppscrubberknob {
    width: 14px;
    height: 14px;
  }
  .projekktor .ppcontrols > div.pptimeleft {
    flex: 60px 0 0;
    font-size: 12px;
  }
  .projekktor .ppcontrols > div.ppvslider {
    flex: 40px 0 0;
    height: 4px;
  }
  .projekktor .ppcontrols > div.ppvslider:hover {
    height: 6px;
  }
  .projekktor .ppad .admessage1,
  .projekktor.ppad .admessage1 {
    display: none;
  }
  .projekktor .pprelated .wrapper {
    padding: 5px 10px;
  }
  .projekktor .pprelated .wrapper h2 {
    margin-bottom: 2px;
    font-size: 10px;
  }
  .projekktor .pprelated .wrapper .pprelatedone {
    height: 40%;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .container {
    width: 50px;
    height: 50px;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay {
    width: 42px;
    height: 42px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    background: transparent url("./media/jplayer-sprites.png") no-repeat -168px -42px;
    background-size: 336px 84px;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay:hover {
    background-position: -210px -42px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo {
    height: 60%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem {
    width: 30%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:first-child {
    width: 35%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:after {
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -28px;
    background-size: 224px 56px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:hover:after {
    background-position: -28px -28px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .title {
    padding: 5px;
    font-size: 11px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:after {
    width: 21px;
    height: 21px;
    background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -21px;
    background-size: 168px 42px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:hover:after {
    background-position: -21px -21px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem .title {
    padding: 3px 5px;
    font-size: 10px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem + .pprelateditem + .pprelateditem {
    display: none;
  }
}
.jplayer-reactions {
  margin-top: 15px;
  display: flex;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jplayer-reactions:before,
.jplayer-reactions:after {
  content: " ";
  display: table;
}
.jplayer-reactions:after {
  clear: both;
}
.jplayer-reactions .jplayer-reactions-items {
  display: table;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item:last-child {
  padding-right: 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button {
  display: block;
  margin: 0;
  padding: 0;
  border: 0 none;
  width: 30px;
  height: 30px;
  background: transparent url("./media/jplayer-reactions.png") no-repeat 0 0;
  background-size: 180px 60px;
  cursor: pointer;
  outline: none;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-thumbs-up {
  background-position: 0 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-love {
  background-position: -30px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-angry {
  background-position: -60px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-sad {
  background-position: -90px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-happy {
  background-position: -120px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-surprised {
  background-position: -150px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button:disabled {
  cursor: default !important;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button:disabled + span {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item span {
  display: block;
  text-align: center;
  margin-top: 5px;
  font-weight: 700;
}
.jplayer-reactions.jplayer-reactions-disabled .jplayer-reactions-items .jplayer-reactions-item button {
  cursor: default !important;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
.jplayer-reactions.jplayer-reactions-disabled .jplayer-reactions-items .jplayer-reactions-item button + span {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
.jplayer-reactions.jplayer-reactions-align-left {
  justify-content: flex-start;
}
.jplayer-reactions.jplayer-reactions-align-center {
  justify-content: center;
}
.jplayer-reactions.jplayer-reactions-align-right {
  justify-content: flex-end;
}
.jplayer-user-info-panel {
  background-color: #000000;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  font-family: "Lato", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jplayer-user-info-panel .jplayer-user-info-panel-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner {
  color: #ffffff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 112px;
  height: 112px;
  background: rgba(0, 0, 0, 0.5) url("./media/jplayer-sprites.png") no-repeat 0 -112px;
  background-size: 896px 224px;
  border: solid 0 transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay:hover {
  background-position: -112px -112px;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconLock {
  display: table;
  margin: 0 auto;
  width: 112px;
  height: 112px;
  background: transparent url("./media/jplayer-sprites.png") no-repeat -784px -112px;
  background-size: 896px 224px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelImage {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  cursor: pointer;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelText {
  margin: 20px auto;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  line-height: 150%;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelButton {
  display: table;
  margin: 20px auto;
  padding: 10px 20px 8px;
  background-color: #db3836;
  color: #ffffff;
  font-size: 14px;
  border: 0 none;
  cursor: pointer;
  outline: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
@media all and (max-width: 767px) {
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay {
    width: 56px;
    height: 56px;
    background-position: 0 -56px;
    background-size: 448px 112px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay:hover {
    background-position: -56px -56px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconLock {
    width: 56px;
    height: 56px;
    background-position: -392px -56px;
    background-size: 448px 112px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelText {
    margin: 15px auto;
    font-size: 14px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelButton {
    margin: 15px auto;
    padding: 8px 15px 6px;
    font-size: 12px;
  }
}
@media all and (max-width: 479px) {
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay {
    width: 42px;
    height: 42px;
    background-position: 0 -42px;
    background-size: 336px 84px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay:hover {
    background-position: -42px -42px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconLock {
    width: 42px;
    height: 42px;
    background-position: -294px -42px;
    background-size: 336px 84px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelText {
    margin: 10px auto;
    font-size: 12px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelButton {
    margin: 10px auto;
    padding: 6px 10px 5px;
    font-size: 11px;
  }
}

/* node_modules/@PolishFootballAssociation/pzpn-top-bar/assets/styles.scss */
@font-face {
  font-display: block;
  font-family: "pzpn-profile-icons";
  font-style: normal;
  font-weight: normal;
  src: url("./media/fonts.eot?nsizcp");
  src:
    url("./media/fonts.eot?nsizcp#iefix") format("embedded-opentype"),
    url("./media/fonts.ttf?nsizcp") format("truetype"),
    url("./media/fonts.woff?nsizcp") format("woff");
}
.pzpn-top-bar {
  position: fixed;
  display: flex;
  flex-wrap: nowrap;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100px;
  min-width: 320px;
  font-family: Lato, sans-serif;
  border-bottom: solid 1px #e5e5e5;
  z-index: 9000;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pzpn-top-bar i[class^=icon-] {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "pzpn-profile-icons" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}
.pzpn-top-bar .icon-arrow-right:before {
  content: "\e900";
}
.pzpn-top-bar .icon-backslash:before {
  content: "\e924";
}
.pzpn-top-bar .icon-bars:before {
  content: "\e901";
}
.pzpn-top-bar .icon-bell:before {
  content: "\e925";
}
.pzpn-top-bar .icon-bell-fill:before {
  content: "\e902";
}
.pzpn-top-bar .icon-bell-slash:before {
  content: "\e903";
}
.pzpn-top-bar .icon-calendar:before {
  content: "\e904";
}
.pzpn-top-bar .icon-camera:before {
  content: "\e905";
}
.pzpn-top-bar .icon-caret-down:before {
  content: "\e906";
}
.pzpn-top-bar .icon-caret-up:before {
  content: "\e907";
}
.pzpn-top-bar .icon-check:before {
  content: "\e908";
}
.pzpn-top-bar .icon-chevron-down:before {
  content: "\e909";
}
.pzpn-top-bar .icon-chevron-left:before {
  content: "\e90a";
}
.pzpn-top-bar .icon-chevron-right:before {
  content: "\e90b";
}
.pzpn-top-bar .icon-chevron-up:before {
  content: "\e90c";
}
.pzpn-top-bar .icon-dots-horizontal:before {
  content: "\e90d";
}
.pzpn-top-bar .icon-dots-vertical:before {
  content: "\e90e";
}
.pzpn-top-bar .icon-edit:before {
  content: "\e90f";
}
.pzpn-top-bar .icon-external-link:before {
  content: "\e910";
}
.pzpn-top-bar .icon-eye:before {
  content: "\e911";
}
.pzpn-top-bar .icon-eye-slash:before {
  content: "\e912";
}
.pzpn-top-bar .icon-football:before {
  content: "\e913";
}
.pzpn-top-bar .icon-globe:before {
  content: "\e914";
}
.pzpn-top-bar .icon-lock:before {
  content: "\e915";
}
.pzpn-top-bar .icon-lock-slash:before {
  content: "\e916";
}
.pzpn-top-bar .icon-passport:before {
  content: "\e917";
}
.pzpn-top-bar .icon-pencil:before {
  content: "\e918";
}
.pzpn-top-bar .icon-plus-circle:before {
  content: "\e919";
}
.pzpn-top-bar .icon-plus-circle-fill:before {
  content: "\e919";
}
.pzpn-top-bar .icon-question:before {
  content: "\e91a";
}
.pzpn-top-bar .icon-search:before {
  content: "\e91b";
}
.pzpn-top-bar .icon-sort-down:before {
  content: "\e91c";
}
.pzpn-top-bar .icon-sort-up:before {
  content: "\e91d";
}
.pzpn-top-bar .icon-th4:before {
  content: "\e91e";
}
.pzpn-top-bar .icon-times:before {
  content: "\e91f";
}
.pzpn-top-bar .icon-times-circle:before {
  content: "\e920";
}
.pzpn-top-bar .icon-trash:before {
  content: "\e927";
}
.pzpn-top-bar .icon-trash-fill:before {
  content: "\e928";
}
.pzpn-top-bar .icon-user-circle:before {
  content: "\e922";
}
.pzpn-top-bar .icon-whistle:before {
  content: "\e923";
}
.pzpn-top-bar .icon-lnp-logotype:before {
  content: "\e971";
}
.pzpn-top-bar .pzpn-top-bar-remove-element-background {
  position: fixed;
  background-color: #000000;
  opacity: 0.8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed {
  position: fixed;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal {
  width: 544px;
  min-height: 140px;
  background-color: #ffffff;
  border: 1px solid #4e4e4e;
  border-radius: 4px;
  position: relative;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  border: 2px rgb(170, 170, 170);
  opacity: 1;
  color: #AAAAAA;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-header {
  font-family: Lato, serif;
  background-color: #ffffff;
  color: rgb(0, 0, 0);
  opacity: 1;
  padding-left: 40px;
  font-size: 24px;
  padding-top: 34px;
  padding-bottom: 34px;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 0;
  text-align: left;
  line-height: 32px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-footer {
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-footer .text {
  text-align: center;
  opacity: 1;
  color: rgb(0, 0, 0);
  font-family: "Lato", serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 28px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-footer .buttons {
  display: flex;
  justify-content: center;
  padding-top: 25px;
  padding-bottom: 25px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-footer .buttons .action-button {
  display: block;
  font-size: 12px;
  border: 0 none;
  color: #ffffff;
  opacity: 1;
  background-color: #DB3836;
  padding: 8px 20px;
  text-transform: uppercase;
  font-weight: 900;
  cursor: pointer;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content {
  background-color: #F9F9F9;
  padding: 30px 40px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event {
  position: relative;
  padding: 30px 10px;
  margin-top: 15px;
  background-color: #ffffff;
  border: 1px solid #F0F0F0;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event:first-child {
  margin-top: 0;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-remove {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #aaaaaa;
  cursor: pointer;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-gameplay {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  opacity: 1;
  text-align: center;
  color: rgb(170, 170, 170);
  font-family: Lato, serif;
  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0;
  padding-bottom: 12px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams {
  display: flex;
  justify-content: stretch;
  align-items: center;
  align-content: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .home-team {
  text-align: right;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .home-team,
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .away-team {
  flex-grow: 1;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .home-logo,
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .away-logo {
  flex-basis: 35px;
  flex-grow: 0;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .home-logo:before,
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .home-logo:after,
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .away-logo:before,
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .away-logo:after {
  content: " ";
  display: table;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .home-logo:after,
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .away-logo:after {
  clear: both;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .home-logo img,
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .away-logo img {
  max-width: 25px;
  height: 25px;
  display: block;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .home-logo.home-logo img,
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .away-logo.home-logo img {
  float: right;
  margin-left: 10px;
  border: 1.666667px solid rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .home-logo.away-logo img,
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .away-logo.away-logo img {
  margin-right: 10px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-teams .vs {
  flex-basis: 50px;
  flex-grow: 0;
  text-align: center;
  color: #6b6b6b;
  font-size: 13px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-date-time {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-date-time span {
  color: #4e4e4e;
  font-weight: 400;
  margin: 0 10px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-stadium {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-top: 5px;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-stadium svg {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  color: #6b6b6b;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-stadium .facility-name {
  font-weight: 700;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-stadium .dash {
  margin: 0 10px;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-price {
  margin-top: 20px;
  font-size: 14px;
  color: #aaaaaa;
  text-align: center;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-price span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-time {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 30px;
  padding-top: 30px;
  border-top: solid 1px #4e4e4e;
  color: #aaaaaa;
  font-size: 15px;
  flex-wrap: wrap;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-time svg {
  margin-right: 10px;
  width: 15px;
  height: 15px;
  color: #6b6b6b;
}
.pzpn-top-bar .pzpn-top-bar-remove-element-modal-fixed .pzpn-top-bar-remove-element-modal .pzpn-top-bar-remove-element-modal-content .event .event-time span.time {
  margin-left: 10px;
  color: #ffffff;
  font-weight: 700;
}
@media all and (max-width: 1920px) {
  .pzpn-top-bar {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.pzpn-top-bar,
.pzpn-top-bar:after,
.pzpn-top-bar:before,
.pzpn-top-bar *,
.pzpn-top-bar *:after,
.pzpn-top-bar *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pzpn-top-bar ul,
.pzpn-top-bar li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pzpn-top-bar ng-scrollbar {
  --scrollbar-size: 6px;
  --scrollbar-hover-size: 10px;
  --scrollbar-track-color: transparent;
  --scrollbar-thumb-color: #aaaaaa;
}
.pzpn-top-bar .ng-scroll-viewport {
  overscroll-behavior: contain !important;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  z-index: 9100;
  background-color: #fafbfe;
  overflow-x: hidden;
  padding: 70px 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .heading {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #0A0A0B;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 700px;
  margin: 24px 0;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form label {
  flex-grow: 1;
  position: relative;
  height: 52px;
  margin-right: 10px;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transform: skew(20deg);
  z-index: 0;
  border: solid 1px #f1f1f1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 10px 40px rgba(127, 144, 189, 0.15);
  -moz-box-shadow: 0 10px 40px rgba(127, 144, 189, 0.15);
  box-shadow: 0 10px 40px rgba(127, 144, 189, 0.15);
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form label input {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 52px;
  padding: 0 30px;
  outline: none;
  border: none;
  background-color: transparent;
  caret-color: #D6232E;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form button {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  height: 52px;
  width: 80px;
  border: none;
  outline: none;
  cursor: pointer;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form button:before {
  content: "";
  background-color: #D6232E;
  width: 100%;
  height: 100%;
  transform: skew(20deg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 3px;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form button svg {
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  fill: #ffffff;
  color: #ffffff;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .hints {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 0 30px;
  max-width: 700px;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .hints span {
  display: block;
  margin-top: 16px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #AFB6CA;
  cursor: pointer;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .hints span:first-of-type {
  margin-top: 0;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .hints span i {
  font-weight: 700;
  color: #0A0A0B;
  font-style: normal;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .see-all {
  width: 100%;
  padding: 0 30px;
  max-width: 700px;
  margin-top: 24px;
  cursor: pointer;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  text-decoration: underline;
  color: #D6232E;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.07;
  z-index: -1;
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .bg svg {
  display: block;
  width: 295px;
  height: 303px;
  fill: #0A0A0B;
  color: #0A0A0B;
  opacity: 0.3;
  -webkit-opacity: 0.3;
  filter: alpha(opacity=30);
}
.pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay-o {
  content: "";
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  height: calc(100vh - 100px);
  height: calc(var(--vh, 1vh) * 100 - 100px);
  z-index: 8990;
  background-color: rgba(10, 10, 11, 0.8);
}
.pzpn-top-bar .tb-logo {
  position: relative;
  width: 185px;
  height: 99px;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #ffffff;
}
.pzpn-top-bar .tb-logo a {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 135px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pzpn-top-bar .tb-logo a img {
  display: block;
  max-width: 135px;
  height: 80px;
  object-fit: contain;
}
.pzpn-top-bar .tb-logo:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -7px;
  width: 14px;
  height: 40px;
  background-color: #ffffff;
  -webkit-transform: skewX(18deg);
  -moz-transform: skewX(18deg);
  -ms-transform: skewX(18deg);
  -o-transform: skewX(18deg);
  transform: skewX(18deg);
}
.pzpn-top-bar .tb-menus {
  width: calc(100% - 185px);
  flex-grow: 1;
  flex-shrink: 1;
}
.pzpn-top-bar .tb-menus .upper-menu {
  display: flex;
  flex-direction: row-reverse;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 15px;
  background-color: #2f2f2f;
  color: #a0a0a0;
  font-size: 12px;
  font-weight: 700;
}
.pzpn-top-bar .tb-menus .upper-menu .b-upper-menu {
  display: none;
  width: 150px;
  height: 40px;
  padding: 0 5px 0 20px;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-upper-menu i {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
}
.pzpn-top-bar .tb-menus .upper-menu .b-upper-menu i.icon-th4 {
  font-size: 8px;
}
.pzpn-top-bar .tb-menus .upper-menu .b-upper-menu i.icon-chevron-up {
  font-size: 8px;
}
.pzpn-top-bar .tb-menus .upper-menu .b-upper-menu i.icon-lnp-logotype {
  padding: 5px 0 0 6px;
  font-size: 18px;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container {
  flex-grow: 1;
  flex-shrink: 1;
  width: calc(100% - 125px);
}
.pzpn-top-bar .tb-menus .upper-menu .items-container.is-server {
  overflow: clip;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container.is-server .base-items {
  flex-wrap: wrap;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .base-items {
  display: flex;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .base-items > li {
  display: block;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .base-items > li.tb-hidden {
  display: none;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .base-items > li > a {
  color: #a0a0a0;
  margin: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .base-items > li > a:hover {
  color: #ffffff;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .base-items > li.b-more {
  font-size: 20px;
  cursor: pointer;
  position: relative;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .base-items > li.b-more span {
  margin: 0 10px;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .additional-items {
  position: absolute;
  display: none;
  top: 45px;
  left: 50%;
  z-index: 9001;
  padding: 5px;
  line-height: 30px;
  background-color: #2f2f2f;
  color: #ffffff;
  font-size: 12px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .additional-items:before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
  border-color: transparent transparent #2f2f2f transparent;
  border-style: solid;
  border-width: 5px;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .additional-items li {
  display: block;
  border-bottom: solid 1px #4e4e4e;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .additional-items li:last-child {
  border-bottom: none;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .additional-items li.tb-hidden {
  display: none;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .additional-items li a {
  display: block;
  color: #a0a0a0;
  padding: 0 15px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.pzpn-top-bar .tb-menus .upper-menu .items-container .additional-items li a:hover {
  color: #ffffff;
}
.pzpn-top-bar .tb-menus .upper-menu .b-ticketing-cart {
  flex-basis: 35px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-ticketing-cart svg {
  position: relative;
  display: block;
  width: 19px;
  height: 17px;
  margin: 11px auto;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-ticketing-cart i.icon-times {
  display: none;
  margin: 12px auto;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-notifications {
  flex-basis: 35px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-notifications i.icon-bell {
  position: relative;
  display: block;
  margin: 11px auto;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-notifications i.icon-times {
  display: none;
  margin: 12px auto;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-profile {
  flex-basis: 45px;
  flex-grow: 0;
  flex-shrink: 0;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-profile span {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  margin: 8px 0 8px 5px;
}
.pzpn-top-bar .tb-menus .upper-menu .b-profile span:after {
  content: "\e909";
  position: absolute;
  top: 50%;
  right: -12px;
  font-family: "pzpn-profile-icons";
  font-size: 8px;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pzpn-top-bar .tb-menus .upper-menu .b-profile span img {
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 12px;
  -webkit-border-radius: 12px;
}
.pzpn-top-bar .tb-menus .upper-menu .b-profile span svg {
  display: block;
  width: 24px;
  height: 24px;
}
.pzpn-top-bar .tb-menus .upper-menu .b-profile i {
  display: none;
  margin: 12px auto;
  font-size: 16px;
  color: #ffffff;
}
.pzpn-top-bar .tb-menus .upper-menu .b-language {
  flex-basis: 45px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-language svg {
  display: block;
  width: 26px;
  height: 14px;
  margin: 13px auto;
  border: solid 1px transparent;
}
.pzpn-top-bar .tb-menus .upper-menu .b-language i {
  display: none;
  margin: 12px auto;
  font-size: 16px;
  color: #ffffff;
}
.pzpn-top-bar .tb-menus .upper-menu .b-login {
  flex-basis: 100px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: right;
  text-transform: uppercase;
  padding-right: 10px;
  color: #ffffff;
}
.pzpn-top-bar .tb-menus .upper-menu .b-login span {
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .upper-menu .b-login + .items-container {
  width: calc(100% - 100px);
}
.pzpn-top-bar .tb-menus .lower-menu {
  display: flex;
  flex-direction: row-reverse;
  height: 59px;
  line-height: 59px;
  padding: 0 20px 0 15px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 900;
}
.pzpn-top-bar .tb-menus .lower-menu:before,
.pzpn-top-bar .tb-menus .lower-menu:after {
  content: " ";
  display: table;
}
.pzpn-top-bar .tb-menus .lower-menu:after {
  clear: both;
}
.pzpn-top-bar .tb-menus .lower-menu .additional-logo-mobile {
  display: none;
  margin-left: -15px;
  margin-right: 15px;
}
.pzpn-top-bar .tb-menus .lower-menu .additional-logo-mobile img {
  display: block;
  width: 45px;
  height: 59px;
  -webkit-box-shadow: 0 0 10px 0 rgba(219, 56, 54, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(219, 56, 54, 0.5);
  box-shadow: 0 0 10px 0 rgba(219, 56, 54, 0.5);
}
.pzpn-top-bar .tb-menus .lower-menu .logo-mobile {
  display: none;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 5px 0;
}
.pzpn-top-bar .tb-menus .lower-menu .logo-mobile img {
  display: block;
  height: 50px;
  object-fit: contain;
}
.pzpn-top-bar .tb-menus .lower-menu .items-container {
  width: calc(100% - 30px);
  flex-grow: 1;
  flex-shrink: 1;
}
.pzpn-top-bar .tb-menus .lower-menu .items-container .items {
  display: flex;
}
.pzpn-top-bar .tb-menus .lower-menu .items-container .items li {
  display: block;
}
.pzpn-top-bar .tb-menus .lower-menu .items-container .items li a {
  margin: 0 20px;
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .lower-menu .items-container .items li a.active {
  color: #DB3836;
}
.pzpn-top-bar .tb-menus .lower-menu .additional-logo {
  width: 60px;
  margin: 0 10px 0 20px;
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
}
.pzpn-top-bar .tb-menus .lower-menu .additional-logo img {
  display: block;
  width: 60px;
  height: 80px;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 9002;
  -webkit-box-shadow: 0 0 10px 0 rgba(219, 56, 54, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(219, 56, 54, 0.5);
  box-shadow: 0 0 10px 0 rgba(219, 56, 54, 0.5);
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.pzpn-top-bar .tb-menus .lower-menu .b-lower-menu {
  width: 30px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
}
.pzpn-top-bar .tb-menus .lower-menu .b-lower-menu.tb-hidden {
  display: none;
}
.pzpn-top-bar .tb-menus .lower-menu .b-lower-menu i {
  font-size: 16px;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .lower-menu .b-lower-menu i.icon-bars {
  display: inline-block;
}
.pzpn-top-bar .tb-menus .lower-menu .b-lower-menu i.icon-times {
  display: none;
}
.pzpn-top-bar .tb-menus .lower-menu .b-search {
  display: block;
  width: 30px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
}
.pzpn-top-bar .tb-menus .lower-menu .b-search i.icon-search {
  display: inline-block;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .lower-menu .b-search i.icon-times {
  display: none;
  cursor: pointer;
}
.pzpn-top-bar .tb-menus .lower-menu .b-create-menu {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  align-items: center;
  width: 120px;
  margin: 15px 15px 15px 0;
  padding: 7px 20px;
  line-height: initial;
  background-color: #d1bc97;
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 0 10px 0 rgba(209, 188, 151, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(209, 188, 151, 0.5);
  box-shadow: 0 0 10px 0 rgba(209, 188, 151, 0.5);
}
.pzpn-top-bar .tb-menus .lower-menu .b-create-menu > span {
  display: block;
}
.pzpn-top-bar .tb-menus .lower-menu .b-create-menu > i {
  display: block;
  margin: 3px 0 0 10px;
  font-size: 7px;
}
.pzpn-top-bar .tb-menus .lower-menu .b-create-menu > i.icon-caret-up {
  display: none;
}
.pzpn-top-bar .tb-menus .lower-menu .c-container {
  width: 0;
  line-height: initial;
  font-weight: 600;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
}
.pzpn-top-bar .tb-menus .lower-menu .c-container ul {
  display: none;
  position: absolute;
  z-index: 9005;
  top: 60px;
  left: 60px;
  min-width: 200px;
  padding: 5px 0;
  background-color: #000000;
  cursor: default;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pzpn-top-bar .tb-menus .lower-menu .c-container ul:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  border-color: transparent transparent #2f2f2f transparent;
  border-style: solid;
  border-width: 5px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.pzpn-top-bar .tb-menus .lower-menu .c-container ul li {
  border-bottom: solid 1px #252525;
}
.pzpn-top-bar .tb-menus .lower-menu .c-container ul li:last-child {
  border-bottom: none;
}
.pzpn-top-bar .tb-menus .lower-menu .c-container ul li.back {
  display: none;
}
.pzpn-top-bar .tb-menus .lower-menu .c-container ul li a {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  opacity: 0.7;
  -webkit-opacity: 0.7;
  filter: alpha(opacity=70);
}
.pzpn-top-bar .tb-menus .lower-menu .c-container ul li a:hover {
  opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
}
.pzpn-top-bar .tb-menus .lower-menu .c-container ul li a img {
  display: block;
  margin-right: 10px;
  max-height: 20px;
}
.pzpn-top-bar .tb-menus .lower-menu .c-container ul li a span {
  display: block;
}
.pzpn-top-bar .um-container {
  position: absolute;
  display: none;
  z-index: 9001;
  top: 40px;
  left: 0;
  right: 0;
  height: calc(100vh - 40px);
  height: calc(var(--vh, 1vh) * 100 - 40px);
  background-color: #000000;
  padding: 0;
  font-size: 14px;
  line-height: initial;
}
.pzpn-top-bar .um-container ul {
  padding: 5px 20px;
}
.pzpn-top-bar .um-container ul li {
  border-bottom: solid 1px #2f2f2f;
}
.pzpn-top-bar .um-container ul li a {
  display: block;
  position: relative;
  margin: 0;
  padding: 12px 15px 12px 0;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  color: #a0a0a0;
}
.pzpn-top-bar .um-container ul li a:after {
  content: "\e90b";
  position: absolute;
  top: 50%;
  right: 0;
  font-family: "pzpn-profile-icons";
  font-size: 10px;
  font-weight: 400;
  color: #DB3836;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pzpn-top-bar .um-container ul li a:hover {
  color: #ffffff;
}
.pzpn-top-bar .lm-container {
  position: absolute;
  display: none;
  z-index: 9001;
  top: 100px;
  left: 0;
  right: 0;
  height: calc(100vh - 100px);
  height: calc(var(--vh, 1vh) * 100 - 100px);
  background-color: #ffffff;
  padding: 0;
  font-size: 14px;
  line-height: initial;
}
.pzpn-top-bar .lm-container ul {
  padding: 5px 20px;
}
.pzpn-top-bar .lm-container ul li {
  border-bottom: solid 1px #e5e5e5;
}
.pzpn-top-bar .lm-container ul li.create {
  display: none;
}
.pzpn-top-bar .lm-container ul li.create a {
  color: #DB3836;
}
.pzpn-top-bar .lm-container ul li.b-more {
  display: none !important;
}
.pzpn-top-bar .lm-container ul li a {
  display: block;
  position: relative;
  margin: 0;
  padding: 12px 15px 12px 0;
  white-space: normal;
  color: #5f5f5f;
  text-decoration: none;
  font-weight: 700;
}
.pzpn-top-bar .lm-container ul li a:after {
  content: "\e90b";
  position: absolute;
  top: 50%;
  right: 0;
  font-family: "pzpn-profile-icons";
  font-size: 10px;
  font-weight: 400;
  color: #DB3836;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pzpn-top-bar .ln-container {
  display: none;
  position: absolute;
  z-index: 9005;
  top: 50px;
  right: 89px;
  width: 150px;
  background-color: #000000;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}
.pzpn-top-bar .ln-container:before {
  content: "";
  position: absolute;
  right: 28px;
  bottom: 100%;
  border-color: transparent transparent #2f2f2f transparent;
  border-style: solid;
  border-width: 5px;
}
.pzpn-top-bar .ln-container.r-125 {
  right: 125px;
}
.pzpn-top-bar .ln-container .header {
  display: none;
  width: 100%;
  height: 50px;
  padding: 0 25px;
  background-color: #000000;
  font-size: 12px;
  font-weight: 700;
  color: #7f7f7f;
  border-top-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}
.pzpn-top-bar .ln-container .header span {
  display: block;
  white-space: nowrap;
  line-height: 50px;
  flex-basis: 15px;
  -webkit-flex-basis: 15px;
  flex-grow: 0;
}
.pzpn-top-bar .ln-container .languages {
  width: 100%;
  padding: 5px 20px;
  font-size: 12px;
  font-weight: 700;
  color: #7f7f7f;
  text-transform: uppercase;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
.pzpn-top-bar .ln-container .languages li {
  margin: 0;
  padding: 0;
  line-height: initial;
}
.pzpn-top-bar .ln-container .languages li + li {
  border-top: solid 1px #4e4e4e;
}
.pzpn-top-bar .ln-container .languages li a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
  color: #ffffff;
  padding: 12px 0;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  filter: alpha(opacity=50);
}
.pzpn-top-bar .ln-container .languages li a:hover {
  opacity: 0.75;
  -webkit-opacity: 0.75;
  filter: alpha(opacity=75);
}
.pzpn-top-bar .ln-container .languages li a.active {
  opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
}
.pzpn-top-bar .ln-container .languages li a.active:hover {
  opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
}
.pzpn-top-bar .ln-container .languages li a svg {
  display: block;
  margin-right: 10px;
  width: 24px;
  height: 12px;
}
.pzpn-top-bar .ln-container .languages li a span {
  display: block;
}
.pzpn-top-bar .tc-container {
  display: none;
  position: absolute;
  flex-direction: column;
  align-items: stretch;
  z-index: 9005;
  width: 380px;
  height: 410px;
  top: 50px;
  right: 77px;
  padding: 0 5px 20px;
  background-color: #000000;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}
.pzpn-top-bar .tc-container:before {
  content: "";
  position: absolute;
  right: 35px;
  bottom: 100%;
  border-color: transparent transparent #000000 transparent;
  border-style: solid;
  border-width: 5px;
}
.pzpn-top-bar .tc-container .header {
  display: flex;
  flex-grow: 0;
  width: 100%;
  height: 50px;
  padding: 0 25px;
  background-color: #000000;
  font-size: 12px;
  font-weight: 700;
  color: #7f7f7f;
  border-top-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}
.pzpn-top-bar .tc-container .header svg,
.pzpn-top-bar .tc-container .header span {
  display: block;
  white-space: nowrap;
  line-height: 50px;
  flex-basis: 15px;
  -webkit-flex-basis: 15px;
  flex-grow: 0;
  text-transform: uppercase;
}
.pzpn-top-bar .tc-container .header span {
  padding-left: 7px;
  flex-grow: 1;
}
.pzpn-top-bar .tc-container .header svg {
  height: 18px;
  margin-top: 15px;
}
.pzpn-top-bar .tc-container .no-items {
  padding: 155px 35px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
}
.pzpn-top-bar .tc-container .items {
  margin: 0 20px;
  color: #ffffff;
}
.pzpn-top-bar .tc-container .items .event {
  position: relative;
  padding: 30px 10px;
  margin-top: 15px;
  background-color: #2f2f2f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.pzpn-top-bar .tc-container .items .event:first-child {
  margin-top: 0;
}
.pzpn-top-bar .tc-container .items .event .event-remove {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #aaaaaa;
  cursor: pointer;
}
.pzpn-top-bar .tc-container .items .event .event-teams {
  display: flex;
  justify-content: stretch;
  align-items: center;
  align-content: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.pzpn-top-bar .tc-container .items .event .event-teams .home-team {
  text-align: right;
}
.pzpn-top-bar .tc-container .items .event .event-teams .home-team,
.pzpn-top-bar .tc-container .items .event .event-teams .away-team {
  flex-grow: 1;
}
.pzpn-top-bar .tc-container .items .event .event-teams .home-logo,
.pzpn-top-bar .tc-container .items .event .event-teams .away-logo {
  flex-basis: 35px;
  flex-grow: 0;
}
.pzpn-top-bar .tc-container .items .event .event-teams .home-logo:before,
.pzpn-top-bar .tc-container .items .event .event-teams .home-logo:after,
.pzpn-top-bar .tc-container .items .event .event-teams .away-logo:before,
.pzpn-top-bar .tc-container .items .event .event-teams .away-logo:after {
  content: " ";
  display: table;
}
.pzpn-top-bar .tc-container .items .event .event-teams .home-logo:after,
.pzpn-top-bar .tc-container .items .event .event-teams .away-logo:after {
  clear: both;
}
.pzpn-top-bar .tc-container .items .event .event-teams .home-logo img,
.pzpn-top-bar .tc-container .items .event .event-teams .away-logo img {
  max-width: 25px;
  height: 25px;
  display: block;
}
.pzpn-top-bar .tc-container .items .event .event-teams .home-logo.home-logo img,
.pzpn-top-bar .tc-container .items .event .event-teams .away-logo.home-logo img {
  float: right;
  margin-left: 10px;
}
.pzpn-top-bar .tc-container .items .event .event-teams .home-logo.away-logo img,
.pzpn-top-bar .tc-container .items .event .event-teams .away-logo.away-logo img {
  margin-right: 10px;
}
.pzpn-top-bar .tc-container .items .event .event-teams .vs {
  flex-basis: 50px;
  flex-grow: 0;
  text-align: center;
  color: #6b6b6b;
  font-size: 13px;
}
.pzpn-top-bar .tc-container .items .event .event-date-time {
  margin-top: 20px;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.pzpn-top-bar .tc-container .items .event .event-date-time span {
  color: #4e4e4e;
  font-weight: 400;
  margin: 0 10px;
}
.pzpn-top-bar .tc-container .items .event .event-stadium {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-top: 5px;
  color: #aaaaaa;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}
.pzpn-top-bar .tc-container .items .event .event-stadium svg {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  color: #6b6b6b;
}
.pzpn-top-bar .tc-container .items .event .event-stadium .facility-name {
  font-weight: 700;
}
.pzpn-top-bar .tc-container .items .event .event-stadium .dash {
  margin: 0 10px;
}
.pzpn-top-bar .tc-container .items .event .event-price {
  margin-top: 20px;
  font-size: 14px;
  color: #aaaaaa;
  text-align: center;
}
.pzpn-top-bar .tc-container .items .event .event-price span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.pzpn-top-bar .tc-container .items .event .event-time {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-top: 30px;
  padding-top: 30px;
  border-top: solid 1px #4e4e4e;
  color: #aaaaaa;
  font-size: 15px;
  flex-wrap: wrap;
}
.pzpn-top-bar .tc-container .items .event .event-time svg {
  margin-right: 10px;
  width: 15px;
  height: 15px;
  color: #6b6b6b;
}
.pzpn-top-bar .tc-container .items .event .event-time span.time {
  margin-left: 10px;
  color: #ffffff;
  font-weight: 700;
}
.pzpn-top-bar .tc-container .items .event .event-action {
  margin-top: 30px;
}
.pzpn-top-bar .tc-container .items .event .event-action .action-button {
  display: table;
  margin: 0 auto;
  font-size: 14px;
  background-color: #DB3836;
  border: 0 none;
  color: #ffffff;
  padding: 8px 20px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px 0 rgba(219, 56, 54, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(219, 56, 54, 0.5);
  box-shadow: 0 0 10px 0 rgba(219, 56, 54, 0.5);
}
.pzpn-top-bar .n-container {
  display: none;
  position: absolute;
  flex-direction: column;
  align-items: stretch;
  z-index: 9005;
  width: 380px;
  height: 410px;
  top: 50px;
  right: 43px;
  background-color: #2f2f2f;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}
.pzpn-top-bar .n-container:before {
  content: "";
  position: absolute;
  right: 35px;
  bottom: 100%;
  border-color: transparent transparent #2f2f2f transparent;
  border-style: solid;
  border-width: 5px;
}
.pzpn-top-bar .n-container .header {
  display: flex;
  flex-grow: 0;
  width: 100%;
  height: 50px;
  padding: 0 25px;
  background-color: #000000;
  font-size: 12px;
  font-weight: 700;
  color: #7f7f7f;
  border-top-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}
.pzpn-top-bar .n-container .header i,
.pzpn-top-bar .n-container .header span,
.pzpn-top-bar .n-container .header a {
  display: block;
  white-space: nowrap;
  line-height: 50px;
  flex-basis: 15px;
  -webkit-flex-basis: 15px;
  flex-grow: 0;
}
.pzpn-top-bar .n-container .header span {
  padding-left: 7px;
  flex-grow: 1;
}
.pzpn-top-bar .n-container .header a {
  height: 30px;
  line-height: 30px;
  margin: 10px 0;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}
.pzpn-top-bar .n-container .no-items {
  padding: 110px 35px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
}
.pzpn-top-bar .n-container .no-items i {
  display: block;
  margin: 0 auto 12px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #000000;
  color: #aaaaaa;
  font-size: 30px;
  font-weight: 700;
  border-radius: 30px;
  -webkit-border-radius: 30px;
}
.pzpn-top-bar .n-container .items {
  padding: 0 25px;
  color: #ffffff;
}
.pzpn-top-bar .n-container .items .notification {
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  border-top: solid 1px #4e4e4e;
}
.pzpn-top-bar .n-container .items .notification:first-child {
  border-top: 0;
}
.pzpn-top-bar .n-container .items .notification.unread .notification-icon i:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -3px;
  width: 14px;
  height: 14px;
  background-color: #DB3836;
  border: solid 3px #2f2f2f;
  z-index: 10;
  border-radius: 7px;
  -webkit-border-radius: 7px;
}
.pzpn-top-bar .n-container .items .notification .notification-icon {
  position: relative;
  width: 50px;
  flex-grow: 0;
  flex-shrink: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pzpn-top-bar .n-container .items .notification .notification-icon i {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  color: #ffffff;
  background-color: #000000;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.pzpn-top-bar .n-container .items .notification .notification-icon i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pzpn-top-bar .n-container .items .notification .notification-data {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 14px;
}
.pzpn-top-bar .n-container .items .notification .notification-data .notification-header {
  font-weight: 900;
  word-break: break-word;
}
.pzpn-top-bar .n-container .items .notification .notification-data .notification-message {
  font-weight: 700;
  word-break: break-word;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons {
  flex-shrink: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons:before,
.pzpn-top-bar .n-container .items .notification .notification-buttons:after {
  content: " ";
  display: table;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons:after {
  clear: both;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .notification-buttons-group {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .notification-buttons-group:before,
.pzpn-top-bar .n-container .items .notification .notification-buttons .notification-buttons-group:after {
  content: " ";
  display: table;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .notification-buttons-group:after {
  clear: both;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .notification-buttons-group.with-icon-buttons {
  white-space: nowrap;
  padding: 8px;
  background-color: #000000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .text-button {
  display: block;
  float: left;
  margin: 2px;
  padding: 8px 15px 7px;
  border: 0 none;
  background-color: #DB3836;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 12px;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .icon-button {
  display: block;
  float: left;
  margin: 2px;
  padding: 0;
  width: 24px;
  height: 24px;
  border: 0 none;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .icon-button i {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  font-weight: 700;
  background-color: #515151;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .icon-button i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 13px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .icon-button i.icon-check {
  color: #7f7f7f;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .icon-button i.icon-check:hover {
  background-color: #8db248;
  color: #ffffff;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .icon-button i.icon-times {
  color: #7f7f7f;
}
.pzpn-top-bar .n-container .items .notification .notification-buttons .icon-button i.icon-times:hover {
  background-color: #c73e3e;
  color: #ffffff;
}
@media all and (max-width: 575px) {
  .pzpn-top-bar .n-container .items .notification {
    flex-wrap: wrap;
    padding: 20px;
  }
}
.pzpn-top-bar .n-container .items .load-older-notifications-button {
  display: table;
  margin: 20px auto 0;
  text-transform: uppercase;
  font-weight: 900;
  color: #000000;
  cursor: pointer;
  font-size: 12px;
}
.pzpn-top-bar .n-container .footer {
  display: block;
  flex-grow: 0;
  height: 50px;
  background-color: #000000;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}
.pzpn-top-bar .n-container .footer span {
  position: relative;
  display: table;
  height: 30px;
  line-height: 30px;
  padding-left: 25px;
  margin: 10px auto;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.pzpn-top-bar .n-container .footer span i {
  position: absolute;
  top: 50%;
  left: -5px;
  font-size: 20px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.pzpn-top-bar .p-container {
  display: none;
  position: absolute;
  flex-direction: column;
  align-items: stretch;
  z-index: 9005;
  width: 380px;
  height: 410px;
  top: 50px;
  right: 14px;
  background-color: #2f2f2f;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}
.pzpn-top-bar .p-container:before {
  content: "";
  position: absolute;
  right: 28px;
  bottom: 100%;
  border-color: transparent transparent #2f2f2f transparent;
  border-style: solid;
  border-width: 5px;
}
.pzpn-top-bar .p-container .header {
  height: 6px;
  background-color: #000000;
  border-top-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}
.pzpn-top-bar .p-container .main-account {
  width: 100%;
  padding: 14px 30px 25px;
  background-color: #000000;
  font-size: 12px;
  font-weight: 700;
  color: #7f7f7f;
}
.pzpn-top-bar .p-container .main-account:before,
.pzpn-top-bar .p-container .main-account:after {
  content: " ";
  display: table;
}
.pzpn-top-bar .p-container .main-account:after {
  clear: both;
}
.pzpn-top-bar .p-container .main-account .header-text {
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: solid 1px #ffffff;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}
.pzpn-top-bar .p-container .main-account .row {
  display: flex;
}
.pzpn-top-bar .p-container .main-account .row .user-photo {
  flex-grow: 0;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  overflow: hidden;
  border-radius: 21px;
  -webkit-border-radius: 21px;
}
.pzpn-top-bar .p-container .main-account .row .user-photo img {
  display: block;
  width: 100%;
}
.pzpn-top-bar .p-container .main-account .row .user-photo svg {
  display: block;
  width: 100%;
}
.pzpn-top-bar .p-container .main-account .row .user-data {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 16px;
  flex-basis: calc(100% - 58px);
}
.pzpn-top-bar .p-container .main-account .row .user-data .user-name {
  font-size: 18px;
  color: #ffffff;
  word-break: break-word;
}
.pzpn-top-bar .p-container .main-account .row .user-data .user-email {
  margin-top: 2px;
  font-size: 14px;
  color: #aaaaaa;
  word-break: break-word;
}
.pzpn-top-bar .p-container .main-account .row .links {
  display: flex;
  margin: 8px 0 0 58px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.pzpn-top-bar .p-container .main-account .row .links span {
  display: block;
  cursor: pointer;
}
.pzpn-top-bar .p-container .main-account .row .links span + span {
  position: relative;
  margin-left: 20px;
}
.pzpn-top-bar .p-container .main-account .row .links span + span:before {
  position: absolute;
  content: "";
  display: block;
  left: -12px;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #aaaaaa;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pzpn-top-bar .p-container .main-account .row .roles {
  width: 100%;
  margin-top: 25px;
}
.pzpn-top-bar .p-container .main-account .row .roles .role {
  background-color: #2f2f2f;
  padding: 12px 15px;
  margin-top: 2px;
  display: flex;
  cursor: pointer;
}
.pzpn-top-bar .p-container .main-account .row .roles .role .role-name {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 1;
  color: #aaaaaa;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.pzpn-top-bar .p-container .main-account .row .roles .role .role-link {
  flex-grow: 0;
  flex-shrink: 0;
}
.pzpn-top-bar .p-container .main-account .row .roles .role .role-link i {
  color: #DB3836;
}
.pzpn-top-bar .p-container .other-accounts {
  padding: 0 30px;
}
.pzpn-top-bar .p-container .other-accounts .header-text {
  padding-bottom: 5px;
  margin-top: 15px;
  border-bottom: solid 1px #d8d8d8;
  font-size: 11px;
  font-weight: 700;
  color: #d8d8d8;
  text-transform: uppercase;
}
.pzpn-top-bar .p-container .other-accounts .child {
  padding: 20px 0;
}
.pzpn-top-bar .p-container .other-accounts .child + .child {
  border-top: solid 1px #4e4e4e;
}
.pzpn-top-bar .p-container .other-accounts .child .row {
  display: flex;
}
.pzpn-top-bar .p-container .other-accounts .child .row .user-photo {
  flex-grow: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 16px;
  -webkit-border-radius: 16px;
}
.pzpn-top-bar .p-container .other-accounts .child .row .user-photo img {
  display: block;
  width: 100%;
}
.pzpn-top-bar .p-container .other-accounts .child .row .user-photo svg {
  display: block;
  width: 100%;
}
.pzpn-top-bar .p-container .other-accounts .child .row .user-data {
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 10px 0 20px;
  flex-basis: calc(100% - 78px);
}
.pzpn-top-bar .p-container .other-accounts .child .row .user-data .user-name {
  font-size: 16px;
  color: #ffffff;
}
.pzpn-top-bar .p-container .other-accounts .child .row .user-data .user-email {
  margin-top: 2px;
  font-size: 12px;
  color: #aaaaaa;
}
.pzpn-top-bar .p-container .other-accounts .child .row .user-profile-link i {
  color: #ffffff;
  cursor: pointer;
}
.pzpn-top-bar .p-container .other-accounts .child .row .links {
  display: flex;
  margin: 8px 0 0 52px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.pzpn-top-bar .p-container .other-accounts .child .row .links span {
  display: block;
  cursor: pointer;
}
.pzpn-top-bar .p-container .other-accounts .child .row .links span + span {
  position: relative;
  margin-left: 20px;
}
.pzpn-top-bar .p-container .other-accounts .child .row .links span + span:before {
  position: absolute;
  content: "";
  display: block;
  left: -12px;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #aaaaaa;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pzpn-top-bar .p-container .footer {
  display: flex;
  flex-grow: 0;
  align-items: center;
  height: 60px;
  padding: 0 30px;
  background-color: #000000;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}
.pzpn-top-bar .p-container .footer .l {
  width: 55%;
}
.pzpn-top-bar .p-container .footer .l span {
  display: table;
  cursor: pointer;
}
.pzpn-top-bar .p-container .footer .l span i,
.pzpn-top-bar .p-container .footer .l span span {
  display: table-cell;
  vertical-align: middle;
}
.pzpn-top-bar .p-container .footer .l span span {
  padding-left: 6px;
}
.pzpn-top-bar .p-container .footer .r {
  width: 45%;
  text-align: right;
}
.pzpn-top-bar .p-container .footer .r a {
  display: inline-block;
  padding: 8px 20px 7px;
  border: solid 1px #ffffff;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .items-container {
  width: 100%;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .items-container .items {
  display: none;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .additional-logo {
  width: 45px;
  height: 59px;
  margin: 0 !important;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .additional-logo img {
  max-width: 45px;
  height: 59px;
  top: 0;
  right: -20px;
  left: unset;
  border-radius: 0;
  -webkit-border-radius: 0;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .b-lower-menu {
  margin-left: 15px;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .b-lower-menu.tb-hidden {
  display: block;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .b-search {
  margin-left: 15px;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .b-search ~ .b-lower-menu {
  margin-left: 0;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .b-create-menu {
  margin-left: 15px;
  margin-right: 0;
}
.pzpn-top-bar.l-cd .tb-menus .lower-menu .c-container ul {
  left: 75px;
}
.pzpn-top-bar.l-expanded .tb-menus .lower-menu .items,
.pzpn-top-bar.l-cd.l-expanded .tb-menus .lower-menu .items {
  display: none;
}
.pzpn-top-bar.l-expanded .tb-menus .lower-menu .b-lower-menu i.icon-bars,
.pzpn-top-bar.l-cd.l-expanded .tb-menus .lower-menu .b-lower-menu i.icon-bars {
  display: none;
}
.pzpn-top-bar.l-expanded .tb-menus .lower-menu .b-lower-menu i.icon-times,
.pzpn-top-bar.l-cd.l-expanded .tb-menus .lower-menu .b-lower-menu i.icon-times {
  display: inline-block;
}
.pzpn-top-bar.l-expanded .tb-menus .lower-menu .b-search i,
.pzpn-top-bar.l-cd.l-expanded .tb-menus .lower-menu .b-search i {
  color: #d8d8d8;
  cursor: default;
}
.pzpn-top-bar.l-expanded .lm-container,
.pzpn-top-bar.l-cd.l-expanded .lm-container {
  display: block;
}
.pzpn-top-bar.u-expanded .upper-menu .items-container .base-items li.b-more {
  color: #ffffff;
}
.pzpn-top-bar.u-expanded .upper-menu .items-container .additional-items {
  display: block;
}
.pzpn-top-bar.n-unread .b-notifications i.icon-bell {
  color: #ffffff;
}
.pzpn-top-bar.n-unread .b-notifications i.icon-bell:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 10px;
  width: 10px;
  height: 10px;
  border: solid 2px #393939;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #DB3836;
}
.pzpn-top-bar.n-expanded .b-notifications {
  background-color: #DB3836;
}
.pzpn-top-bar.n-expanded .b-notifications i.icon-bell {
  color: #ffffff;
}
.pzpn-top-bar.n-expanded .b-notifications i.icon-bell:after {
  border: solid 2px #DB3836;
  background-color: #ffffff;
}
.pzpn-top-bar.n-expanded .n-container {
  display: flex;
}
.pzpn-top-bar.p-expanded .tb-menus .upper-menu .b-profile {
  background-color: #DB3836;
}
.pzpn-top-bar.p-expanded .tb-menus .upper-menu .b-profile span:after {
  content: "\e90c";
}
.pzpn-top-bar.p-expanded .p-container {
  display: flex;
}
.pzpn-top-bar.tc-new-items .b-ticketing-cart {
  position: relative;
}
.pzpn-top-bar.tc-new-items .b-ticketing-cart > svg {
  color: #ffffff;
}
.pzpn-top-bar.tc-new-items .b-ticketing-cart:after {
  content: "";
  position: absolute;
  display: block;
  top: 12px;
  right: 5px;
  width: 10px;
  height: 10px;
  border: solid 2px #393939;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #DB3836;
  cursor: pointer;
}
.pzpn-top-bar.tc-expanded .b-ticketing-cart {
  background-color: #DB3836;
}
.pzpn-top-bar.tc-expanded .b-ticketing-cart svg {
  color: #ffffff;
}
.pzpn-top-bar.tc-expanded .b-ticketing-cart svg:after {
  border: solid 2px #DB3836;
  background-color: #ffffff;
}
.pzpn-top-bar.tc-expanded .tc-container {
  display: flex;
}
.pzpn-top-bar.ln-expanded .tb-menus .upper-menu .b-language {
  background-color: #DB3836;
}
.pzpn-top-bar.ln-expanded .tb-menus .upper-menu .b-language svg {
  border: solid 1px #2f2f2f;
}
.pzpn-top-bar.ln-expanded .ln-container {
  display: block;
}
.pzpn-top-bar.s-expanded .tb-menus .lower-menu .additional-logo {
  width: 45px;
  height: 60px;
  margin: 0 0 0 45px;
}
.pzpn-top-bar.s-expanded .tb-menus .lower-menu .additional-logo img {
  width: 45px;
  height: 60px;
  top: 0;
  right: -20px;
  left: unset;
  border-radius: 0;
  -webkit-border-radius: 0;
}
.pzpn-top-bar.s-expanded .tb-menus .lower-menu .b-search i.icon-search {
  display: none;
}
.pzpn-top-bar.s-expanded .tb-menus .lower-menu .b-search i.icon-times {
  display: inline-block;
}
.pzpn-top-bar.s-expanded .tb-menus .lower-menu .b-lower-menu i {
  color: #d8d8d8;
  cursor: default;
}
.pzpn-top-bar.c-expanded .tb-menus .lower-menu .b-create-menu > i.icon-caret-down {
  display: none;
}
.pzpn-top-bar.c-expanded .tb-menus .lower-menu .b-create-menu > i.icon-caret-up {
  display: block;
}
.pzpn-top-bar.c-expanded .tb-menus .lower-menu .c-container ul {
  display: block;
}
@media all and (max-width: 991px) {
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay {
    padding: 40px 20px;
  }
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .heading {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.5px;
  }
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form {
    margin: 16px 0;
  }
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form label {
    height: 40px;
  }
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form label input {
    height: 40px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
  }
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form button {
    width: 60px;
    height: 40px;
  }
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay form button svg {
    width: 20px;
  }
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .hints span {
    margin-top: 12px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
  }
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .hints span:first-of-type {
    margin-top: 0;
  }
  .pzpn-top-bar pzpn-top-bar-search-overlay .search-overlay .see-all {
    margin-top: 16px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
  }
  .pzpn-top-bar .tb-logo {
    display: none;
  }
  .pzpn-top-bar .tb-menus {
    width: 100%;
  }
  .pzpn-top-bar .tb-menus .upper-menu {
    padding: 0 10px 0 0;
  }
  .pzpn-top-bar .tb-menus .upper-menu .b-upper-menu {
    display: table;
  }
  .pzpn-top-bar .tb-menus .upper-menu .b-upper-menu i.icon-chevron-up {
    display: none;
  }
  .pzpn-top-bar .tb-menus .upper-menu .items-container {
    width: auto !important;
  }
  .pzpn-top-bar .tb-menus .upper-menu .items-container .base-items {
    display: none;
  }
  .pzpn-top-bar .tb-menus .upper-menu .additional-items {
    display: none;
  }
  .pzpn-top-bar .tb-menus .upper-menu .b-profile {
    flex-basis: 35px;
  }
  .pzpn-top-bar .tb-menus .upper-menu .b-profile span {
    margin: 8px auto;
  }
  .pzpn-top-bar .tb-menus .upper-menu .b-profile span:after {
    display: none;
  }
  .pzpn-top-bar .tb-menus .lower-menu {
    overflow: visible;
  }
  .pzpn-top-bar .tb-menus .lower-menu .additional-logo-mobile {
    display: block;
  }
  .pzpn-top-bar .tb-menus .lower-menu .logo-mobile {
    display: block;
  }
  .pzpn-top-bar .tb-menus .lower-menu .items-container {
    width: 100%;
  }
  .pzpn-top-bar .tb-menus .lower-menu .items-container .items {
    display: none;
  }
  .pzpn-top-bar .tb-menus .lower-menu .b-lower-menu.tb-hidden {
    display: block;
  }
  .pzpn-top-bar .tb-menus .lower-menu .b-create-menu {
    display: none;
  }
  .pzpn-top-bar .tb-menus .lower-menu .additional-logo {
    display: none;
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container {
    position: static;
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul {
    position: absolute;
    top: 100px;
    left: 0 !important;
    right: 0;
    padding: 5px 20px;
    height: calc(100vh - 100px);
    height: calc(var(--vh, 1vh) * 100 - 100px);
    background-color: #ffffff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul:before {
    display: none;
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul li {
    border-bottom-color: #e5e5e5;
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul li a {
    color: #5f5f5f;
    position: relative;
    padding: 12px 15px 12px 0;
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul li a:after {
    content: "\e90b";
    position: absolute;
    top: 50%;
    right: 0;
    font-family: "pzpn-profile-icons";
    font-size: 10px;
    font-weight: 400;
    color: #DB3836;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul li a img {
    display: none;
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul li.back {
    display: block;
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul li.back a {
    padding: 12px 0 12px 20px;
    color: #000000;
    opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul li.back a:before {
    content: "\e90a";
    position: absolute;
    top: 50%;
    left: 0;
    font-family: "pzpn-profile-icons";
    font-size: 10px;
    font-weight: 400;
    color: #DB3836;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .pzpn-top-bar .tb-menus .lower-menu .c-container ul li.back a:after {
    display: none;
  }
  .pzpn-top-bar .tc-container {
    width: 100%;
    top: 40px;
    left: 0;
    right: 0;
    height: calc(100vh - 40px);
    height: calc(var(--vh, 1vh) * 100 - 40px);
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .pzpn-top-bar .tc-container:before {
    display: none;
  }
  .pzpn-top-bar .tc-container ng-scrollbar {
    max-height: 100%;
  }
  .pzpn-top-bar .tc-container .header {
    border-radius: 0;
    -webkit-border-radius: 0;
  }
  .pzpn-top-bar .tc-container .no-items {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    -webkit-transform: translate(-50%, calc(-50% - 15px));
    -moz-transform: translate(-50%, calc(-50% - 15px));
    -ms-transform: translate(-50%, calc(-50% - 15px));
    -o-transform: translate(-50%, calc(-50% - 15px));
    transform: translate(-50%, calc(-50% - 15px));
  }
  .pzpn-top-bar .n-container {
    width: 100%;
    top: 40px;
    left: 0;
    right: 0;
    height: calc(100vh - 40px);
    height: calc(var(--vh, 1vh) * 100 - 40px);
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .pzpn-top-bar .n-container:before {
    display: none;
  }
  .pzpn-top-bar .n-container ng-scrollbar {
    max-height: 100%;
  }
  .pzpn-top-bar .n-container .header,
  .pzpn-top-bar .n-container .footer {
    border-radius: 0;
    -webkit-border-radius: 0;
  }
  .pzpn-top-bar .n-container .no-items {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    -webkit-transform: translate(-50%, calc(-50% - 15px));
    -moz-transform: translate(-50%, calc(-50% - 15px));
    -ms-transform: translate(-50%, calc(-50% - 15px));
    -o-transform: translate(-50%, calc(-50% - 15px));
    transform: translate(-50%, calc(-50% - 15px));
  }
  .pzpn-top-bar .p-container {
    width: 100%;
    top: 40px;
    left: 0;
    right: 0;
    height: calc(100vh - 40px);
    height: calc(var(--vh, 1vh) * 100 - 40px);
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .pzpn-top-bar .p-container:before {
    display: none;
  }
  .pzpn-top-bar .p-container ng-scrollbar {
    max-height: 100%;
  }
  .pzpn-top-bar .p-container .main-account,
  .pzpn-top-bar .p-container .footer {
    border-radius: 0;
    -webkit-border-radius: 0;
  }
  .pzpn-top-bar .ln-container {
    width: 100%;
    top: 40px;
    left: 0;
    right: 0;
    height: calc(100vh - 40px);
    height: calc(var(--vh, 1vh) * 100 - 40px);
    background-color: #2f2f2f;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .pzpn-top-bar .ln-container .header {
    display: flex;
  }
  .pzpn-top-bar .ln-container .languages {
    font-size: 14px;
  }
  .pzpn-top-bar .ln-container .languages li {
    margin: 0;
    padding: 0;
    line-height: initial;
  }
  .pzpn-top-bar .ln-container .languages li a {
    padding: 12px 0;
  }
  .pzpn-top-bar .ln-container .languages li a svg {
    margin-right: 10px;
    width: 24px;
    height: 12px;
  }
  .pzpn-top-bar.u-expanded .upper-menu .b-upper-menu {
    display: table;
    position: relative;
    background-color: #000000;
  }
  .pzpn-top-bar.u-expanded .upper-menu .b-upper-menu:after {
    content: "";
    position: absolute;
    top: 0;
    right: -7px;
    width: 14px;
    height: 40px;
    background-color: #000000;
    -webkit-transform: skewX(18deg);
    -moz-transform: skewX(18deg);
    -ms-transform: skewX(18deg);
    -o-transform: skewX(18deg);
    transform: skewX(18deg);
  }
  .pzpn-top-bar.u-expanded .upper-menu .b-upper-menu i.icon-chevron-up {
    display: inline-block;
    margin-top: -1px;
    color: #DB3836;
  }
  .pzpn-top-bar.u-expanded .upper-menu .b-upper-menu i.icon-th4 {
    display: none;
  }
  .pzpn-top-bar.u-expanded .upper-menu .b-upper-menu i.icon-lnp-logotype {
    color: #DB3836;
  }
  .pzpn-top-bar.u-expanded .um-container {
    display: block;
  }
  .pzpn-top-bar.l-expanded .lm-container {
    display: block;
  }
  .pzpn-top-bar.l-expanded .lm-container li.create {
    display: block;
    cursor: pointer;
  }
  .pzpn-top-bar.tc-expanded .tb-menus .upper-menu .b-ticketing-cart {
    background-color: transparent;
  }
  .pzpn-top-bar.tc-expanded .tb-menus .upper-menu .b-ticketing-cart svg {
    display: none;
  }
  .pzpn-top-bar.tc-expanded .tb-menus .upper-menu .b-ticketing-cart i.icon-times {
    display: table;
  }
  .pzpn-top-bar.n-expanded .tb-menus .upper-menu .b-notifications {
    background-color: transparent;
  }
  .pzpn-top-bar.n-expanded .tb-menus .upper-menu .b-notifications i.icon-bell {
    display: none;
  }
  .pzpn-top-bar.n-expanded .tb-menus .upper-menu .b-notifications i.icon-times {
    display: table;
  }
  .pzpn-top-bar.p-expanded .tb-menus .upper-menu .b-profile {
    background-color: transparent;
  }
  .pzpn-top-bar.p-expanded .tb-menus .upper-menu .b-profile span,
  .pzpn-top-bar.p-expanded .tb-menus .upper-menu .b-profile span:after {
    display: none;
  }
  .pzpn-top-bar.p-expanded .tb-menus .upper-menu .b-profile i {
    display: table;
  }
  .pzpn-top-bar.ln-expanded .tb-menus .upper-menu .b-language {
    background-color: transparent;
  }
  .pzpn-top-bar.ln-expanded .tb-menus .upper-menu .b-language svg {
    display: none;
  }
  .pzpn-top-bar.ln-expanded .tb-menus .upper-menu .b-language i {
    display: table;
  }
}
.pzpn-top-bar-dummy {
  display: block;
  height: 100px;
}
body.ssr .pzpn-top-bar .tb-menus .upper-menu .items-container .base-items {
  overflow: hidden;
  height: 40px;
}
body.ssr .pzpn-top-bar .tb-menus .upper-menu .items-container .base-items > li.b-more {
  display: none;
}
body.ssr .pzpn-top-bar .tb-menus .lower-menu .items-container .items {
  overflow: hidden;
  height: 59px;
}

/* node_modules/@PolishFootballAssociation/pzpn-search-results/assets/styles.scss */
.pzpn-search-results {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.pzpn-search-results,
.pzpn-search-results * {
  box-sizing: border-box;
}
.pzpn-search-results.loading:after {
  content: "";
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
@media all and (max-width: 770px) {
  .pzpn-search-results {
    flex-wrap: wrap;
  }
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box {
  width: 100%;
  text-align: left;
  position: relative;
  display: inline-block;
  background-color: #222223;
  vertical-align: top;
  cursor: pointer;
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .image-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #0A0A0B;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .image-container.mobile {
  display: none;
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .media-type-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  bottom: 0;
  right: 0;
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .media-type-container .media-type-icon {
  position: relative;
  padding: 4px 10px 4px 8px;
  text-align: center;
  background-color: #ffffff;
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .media-type-container .media-type-icon:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -10px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .media-type-container .media-type-icon svg {
  display: block;
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .media-type-container .media-type-text {
  margin: 0;
  padding: 5px 8px;
  font-family: Lato, sans-serif;
  letter-spacing: 0.2px;
  color: #ffffff;
  background-color: #db3836;
  font-size: 12px;
}
.pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .media-type-container .media-type-text:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -10px;
  width: 100%;
  height: 100%;
  background-color: #db3836;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
}
@media only screen and (max-width: 400px) {
  .pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .image-container.desktop {
    display: none;
  }
  .pzpn-search-results pzpn-search-results-box .pzpn-search-results-box .pzpn-search-results-box-image .image-container.mobile {
    display: block;
  }
}
.pzpn-search-results pzpn-search-results-filters .pzpn-search-results-filters-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
}
.pzpn-search-results pzpn-search-results-filters .pzpn-search-results-filters-container .pzpn-search-results-filters-group-label {
  margin: 24px 0 16px;
  padding-top: 24px;
  border-top: solid 1px #F1F2F9;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  font-size: 16px;
}
.pzpn-search-results pzpn-search-results-filters .pzpn-search-results-filters-container .pzpn-search-results-filters-group-label:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0 none;
}
@media all and (max-width: 770px) {
  .pzpn-search-results pzpn-search-results-filters .pzpn-search-results-filters-container {
    display: none;
  }
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-button {
  display: none;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin: 0 auto 30px;
  padding: 15px;
  text-align: center;
  border: none;
  background-color: #161617;
  cursor: pointer;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-button svg {
  display: block;
  fill: #D6232E;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-button span {
  margin-left: 10px;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #ffffff;
  font-size: 14px;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay {
  display: none;
  position: fixed;
  z-index: 9001;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 25px;
  background-color: #ffffff;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-close {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-close svg {
  display: block;
  width: 14px;
  height: 14px;
  fill: #0A0A0B;
  stroke: #0A0A0B;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0.07;
  filter: alpha(opacity=7);
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-bg svg {
  display: block;
  fill: #0A0A0B;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-header {
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: #0A0A0B;
  font-size: 16px;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-content {
  position: relative;
  z-index: 2;
  width: calc(100% + 18px);
  padding-right: 18px;
  height: calc(100vh - 180px);
  overflow-x: hidden;
  overflow-y: scroll;
  color: #0A0A0B;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-content::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-content::-webkit-scrollbar-track {
  background: transparent;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-content::-webkit-scrollbar-thumb {
  width: 3px;
  background: #AFB6CA;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-content .pzpn-search-results-filters-group-label {
  margin: 0 0 16px;
  padding-top: 24px;
  border-top: solid 1px #F1F2F9;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  font-size: 16px;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-footer {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 2;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-footer button {
  width: 100%;
  height: 50px;
  border: none;
  background-color: #D6232E;
  cursor: pointer;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 16px;
}
.pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay-footer span {
  display: block;
  margin-top: 16px;
  text-align: center;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 900;
  text-decoration-line: underline;
  cursor: pointer;
  color: #0A0A0B;
  font-size: 12px;
}
@media all and (max-width: 770px) {
  .pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-button {
    display: flex;
  }
  .pzpn-search-results pzpn-search-results-filters-overlay .pzpn-search-results-filters-overlay {
    display: block;
  }
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 40px;
  margin-top: 0;
  cursor: pointer;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item .item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  flex-grow: 1;
  padding: 0;
  height: 40px;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  line-height: 26px;
  font-size: 16px;
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item .item-content .icon {
  flex: 30px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item .item-content .icon pzpn-search-results-svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  overflow: hidden;
  border: solid 1px #6A6F7E;
  background-color: transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item .item-content .icon pzpn-search-results-svg-icon svg {
  display: none;
  stroke: #ffffff;
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item .item-content .text {
  flex-shrink: 1;
  flex-grow: 1;
  height: 24px;
  padding: 0 8px;
  font-weight: 400;
  color: #6A6F7E;
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item .item-content .count {
  flex: 32px 0 0;
  height: 24px;
  border-left: solid 1px transparent;
  padding-left: 8px;
  text-align: right;
  font-weight: 600;
  color: #0A0A0B;
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item.selected .item-content .icon pzpn-search-results-svg-icon {
  width: 24px;
  height: 24px;
  border: 0 none;
  background-color: #D6232E;
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item.selected .item-content .icon pzpn-search-results-svg-icon svg {
  display: block;
}
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item.selected .item-content .text,
.pzpn-search-results pzpn-search-results-filters-item .pzpn-search-results-filters-item.selected .item-content .count {
  font-weight: 600;
  color: #D6232E;
}
.pzpn-search-results pzpn-search-results-filters-item:first-of-type .pzpn-search-results-filters-item {
  margin-top: 0;
}
.pzpn-search-results .pzpn-search-results-header {
  flex: 300px 0 0;
  margin-right: 50px;
}
.pzpn-search-results .pzpn-search-results-header .search-input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 8px;
}
.pzpn-search-results .pzpn-search-results-header .search-input-container label {
  flex: 100% 1 1;
  margin: 0 !important;
}
.pzpn-search-results .pzpn-search-results-header .search-input-container label input {
  width: 100%;
  height: 58px;
  line-height: 58px;
  padding: 0 24px;
  background: #ffffff;
  border: 1px solid #F1F2F9;
  box-sizing: border-box;
  outline: none;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #AFB6CA;
  font-size: 16px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 10px 40px rgba(127, 144, 189, 0.05);
  -moz-box-shadow: 0 10px 40px rgba(127, 144, 189, 0.05);
  box-shadow: 0 10px 40px rgba(127, 144, 189, 0.05);
}
.pzpn-search-results .pzpn-search-results-header .search-input-container button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 56px 0 0;
  width: 56px;
  height: 56px;
  border: 0 none;
  margin-left: 8px;
  background-color: #D6232E;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.pzpn-search-results .pzpn-search-results-header .search-input-container button pzpn-search-results-svg-icon svg {
  display: block;
  width: 24px;
  height: 24px;
}
.pzpn-search-results .pzpn-search-results-header .pzpn-search-results-filters-container {
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 0 24px rgba(127, 144, 189, 0.1);
  -moz-box-shadow: 0 0 24px rgba(127, 144, 189, 0.1);
  box-shadow: 0 0 24px rgba(127, 144, 189, 0.1);
}
@media all and (max-width: 770px) {
  .pzpn-search-results .pzpn-search-results-header {
    flex: 100% 0 0;
    margin: 0;
  }
  .pzpn-search-results .pzpn-search-results-header .search-input-container {
    margin-bottom: 24px;
  }
  .pzpn-search-results .pzpn-search-results-header .search-input-container label input {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  .pzpn-search-results .pzpn-search-results-header .search-input-container button {
    flex: 48px 0 0;
    width: 48px;
    height: 48px;
  }
  .pzpn-search-results .pzpn-search-results-header .search-input-container button pzpn-search-results-svg-icon svg {
    width: 16px;
    height: 16px;
  }
}
.pzpn-search-results pzpn-search-results-loading-indicator .pzpn-search-results-loading-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(250, 251, 254, 0.7);
  z-index: 20000;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.pzpn-search-results pzpn-search-results-loading-indicator .pzpn-search-results-loading-indicator.hidden {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.pzpn-search-results pzpn-search-results-loading-indicator .pzpn-search-results-loading-indicator .dots {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}
.pzpn-search-results pzpn-search-results-loading-indicator .pzpn-search-results-loading-indicator .dots div {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  background-color: #db3836;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 0.9s infinite ease-in-out both;
  animation: sk-bouncedelay 0.9s infinite ease-in-out both;
}
.pzpn-search-results pzpn-search-results-loading-indicator .pzpn-search-results-loading-indicator .dots .dot1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.pzpn-search-results pzpn-search-results-loading-indicator .pzpn-search-results-loading-indicator .dots .dot2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.pzpn-search-results pzpn-search-results-loading-indicator .pzpn-search-results-loading-indicator .text {
  margin-top: 2px;
  color: #db3836;
  font-family: Lato, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
}
.pzpn-search-results pzpn-search-results-item .pzpn-search-results-item {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  margin-top: 16px;
  background-color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 0 24px rgba(127, 144, 189, 0.1);
  -moz-box-shadow: 0 0 24px rgba(127, 144, 189, 0.1);
  box-shadow: 0 0 24px rgba(127, 144, 189, 0.1);
}
.pzpn-search-results pzpn-search-results-item .pzpn-search-results-item:first-of-type {
  margin-top: 32px;
}
.pzpn-search-results pzpn-search-results-item .pzpn-search-results-item pzpn-search-results-box .pzpn-search-results-box {
  flex-shrink: 0;
  flex-grow: 0;
}
.pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-image {
  flex: 270px 0 0;
}
.pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data {
  flex: 100% 1 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 40px;
}
.pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data .item-title {
  margin-bottom: 8px;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 20px;
}
.pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data .item-description {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data .item-link {
  margin-top: 12px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #D6232E;
  text-decoration: underline;
  font-size: 16px;
}
@media all and (max-width: 1202px) {
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item {
    margin-top: 12px;
  }
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item:first-of-type {
    margin-top: 16px;
  }
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-image {
    flex: 175px 0 0;
  }
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data {
    padding: 10px 10px 10px 20px;
  }
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data .item-title {
    margin-bottom: 6px;
    line-height: 16px;
    letter-spacing: 0.2px;
    font-size: 14px;
  }
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data .item-description {
    display: none;
  }
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data .item-link {
    margin-top: 8px;
    line-height: 16px;
    letter-spacing: 0.2px;
    font-size: 14px;
  }
}
@media all and (max-width: 770px) {
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-image {
    flex: 140px 0 0;
  }
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data {
    padding: 10px 10px 10px 15px;
  }
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data .item-title {
    margin-bottom: 4px;
    line-height: 14px;
    letter-spacing: 0.2px;
    font-size: 12px;
  }
  .pzpn-search-results pzpn-search-results-item .pzpn-search-results-item .item-data .item-link {
    margin-top: 6px;
    line-height: 14px;
    letter-spacing: 0.2px;
    font-size: 12px;
  }
}
.pzpn-search-results .pzpn-search-results-results {
  width: 100%;
}
.pzpn-search-results .pzpn-search-results-results h1 {
  margin: 0 0 8px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 32px;
}
.pzpn-search-results .pzpn-search-results-results h5 {
  margin: 0;
  font-family: Lato, sans-serif;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #AFB6CA;
  font-size: 16px;
}
.pzpn-search-results .pzpn-search-results-results h5 span {
  font-weight: bold;
  color: #D6232E;
}
@media all and (max-width: 770px) {
  .pzpn-search-results .pzpn-search-results-results h1 {
    margin: 0 0 4px;
    line-height: 20px;
    letter-spacing: -0.5px;
    font-size: 18px;
  }
  .pzpn-search-results .pzpn-search-results-results h5 {
    letter-spacing: 0.4px;
    font-size: 12px;
  }
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 40px auto 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination pzpn-search-results-svg-icon svg {
  display: block;
  margin: 0 5px;
  vertical-align: middle;
  cursor: pointer;
  width: 15px;
  height: 16px;
  fill: #D6232E;
  stroke: #D6232E;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination pzpn-search-results-svg-icon svg:hover {
  fill: #D6232E;
  stroke: #D6232E;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination pzpn-search-results-svg-icon.disabled svg {
  cursor: default;
  fill: #AFB6CA;
  stroke: #AFB6CA;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination pzpn-search-results-svg-icon.disabled svg:hover {
  fill: #AFB6CA;
  stroke: #AFB6CA;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination .item {
  position: relative;
  color: #AFB6CA;
  cursor: pointer;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination .item span {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 22px;
  margin: 0 7px;
  vertical-align: middle;
  text-align: center;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  font-size: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination .item:hover {
  color: #D6232E;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination .item.inactive {
  cursor: default;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination .item.inactive span {
  margin: 0;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination .item.inactive:hover {
  color: #AFB6CA;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination .item.active {
  cursor: default;
  color: #D6232E;
}
.pzpn-search-results pzpn-search-results-pagination .pzpn-search-results-pagination .item.active:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
  background:
    linear-gradient(
      180deg,
      rgba(214, 35, 46, 0.3) 0%,
      transparent 100%);
  border-radius: 2px;
  transform: skew(20deg);
  width: 100%;
  height: 30px;
  top: -4px;
  left: 0;
}

/* node_modules/flickity/dist/flickity.min.css */
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: 0;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, .75);
  border: none;
  color: #333;
}
.flickity-button:hover {
  background: #fff;
  cursor: pointer;
}
.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
  opacity: .6;
}
.flickity-button:disabled {
  opacity: .3;
  cursor: auto;
  pointer-events: none;
}
.flickity-button-icon {
  fill: currentColor;
}
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* src/styles.scss */
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.align-justify {
  text-align: justify !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
@font-face {
  font-display: swap;
  font-family: "Praho";
  font-style: normal;
  font-weight: normal;
  src: url("./media/Praho-Black.otf?nsizcp");
  src:
    url("./media/Praho-Black.otf?nsizcp#iefix") format("embedded-opentype"),
    url("./media/Praho-Black.ttf?nsizcp") format("truetype"),
    url("./media/Praho-Black.woff?nsizcp") format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Nocturne Serif";
  font-style: normal;
  font-weight: normal;
  src: url("./media/NocturneSerif-Regular.otf?nsizcp");
  src:
    url("./media/NocturneSerif-Regular.otf?nsizcp#iefix") format("embedded-opentype"),
    url("./media/NocturneSerif-Regular.ttf?nsizcp") format("truetype"),
    url("./media/NocturneSerif-Regular.woff?nsizcp") format("woff");
}
.m-0 {
  margin: 0 !important;
}
.m-0-auto {
  margin: 0 auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mtb-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mlr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.m-5 {
  margin: 5px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mtb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mlr-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mtb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mlr-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mtb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mlr-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mtb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mlr-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mtb-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.mlr-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mtb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mlr-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.m-35 {
  margin: 35px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mtb-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.mlr-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.m-40 {
  margin: 40px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mtb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mlr-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.m-45 {
  margin: 45px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mtb-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.mlr-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}
.m-50 {
  margin: 50px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mtb-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mlr-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.ptb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.plr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-5 {
  padding: 5px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.ptb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.plr-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.ptb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.plr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.ptb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.plr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.ptb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.plr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.ptb-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.plr-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.ptb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.plr-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.p-35 {
  padding: 35px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.ptb-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.plr-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.p-40 {
  padding: 40px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.ptb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.plr-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.p-45 {
  padding: 45px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.ptb-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.plr-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.column-layout {
  width: 1600px;
  margin: 0 auto;
  position: relative;
}
@media all and (max-width: 1599px) {
  .column-layout {
    width: 1260px;
  }
}
@media all and (max-width: 1259px) {
  .column-layout {
    width: 992px;
  }
}
@media all and (max-width: 991px) {
  .column-layout {
    width: 768px;
  }
}
@media all and (max-width: 767px) {
  .column-layout {
    width: 420px;
  }
}
@media all and (max-width: 419px) {
  .column-layout {
    width: 100%;
    min-width: 320px;
  }
}
.column-layout .row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
@media all and (max-width: 991px) {
  .column-layout .row {
    flex-wrap: wrap;
  }
}
.column-layout .row .col {
  padding: 0 10px;
  flex-grow: 0;
  flex-shrink: 0;
}
.column-layout .row .col.col-20 {
  flex-basis: 20%;
  -webkit-flex-basis: 20%;
}
@media all and (max-width: 991px) {
  .column-layout .row .col.col-20 {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
  }
}
.column-layout .row .col.col-40 {
  flex-basis: 40%;
  -webkit-flex-basis: 40%;
}
@media all and (max-width: 991px) {
  .column-layout .row .col.col-40 {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
  }
}
.column-layout .row .col.col-60 {
  flex-basis: 60%;
  -webkit-flex-basis: 60%;
}
@media all and (max-width: 991px) {
  .column-layout .row .col.col-60 {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
  }
}
.column-layout .row .col.col-80 {
  flex-basis: 80%;
  -webkit-flex-basis: 80%;
}
@media all and (max-width: 991px) {
  .column-layout .row .col.col-80 {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
  }
}
.column-layout .row .col.col-100 {
  flex-basis: 100%;
  -webkit-flex-basis: 100%;
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-family: Lato, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  font-size: -webkit-calc(1em * .625);
  font-size: 0.625em;
  line-height: initial !important;
}
body {
  background-color: transparent;
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 320px;
  line-height: initial !important;
  font-size: 14px;
  font-size: 1.4rem;
}
router-outlet {
  display: none;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol li,
ul li {
  margin: 0;
  padding: 0;
}
button {
  font-family: Lato, sans-serif;
  outline: none;
}
img.desktop {
  display: block !important;
}
@media all and (max-width: 770px) {
  img.desktop {
    display: none !important;
  }
}
img.mobile {
  display: none !important;
}
@media all and (max-width: 770px) {
  img.mobile {
    display: block !important;
  }
}
a {
  cursor: pointer;
}
.visible {
  display: block !important;
}
.hidden {
  display: none !important;
}
@media all and (max-width: 1259px) {
  .visible-b1260 {
    display: block !important;
  }
}
@media all and (max-width: 1259px) {
  .hidden-b1260 {
    display: none !important;
  }
}
@media all and (max-width: 991px) {
  .visible-b992 {
    display: block !important;
  }
}
@media all and (max-width: 991px) {
  .hidden-b992 {
    display: none !important;
  }
}
@media all and (max-width: 767px) {
  .visible-b768 {
    display: block !important;
  }
}
@media all and (max-width: 767px) {
  .hidden-b768 {
    display: none !important;
  }
}
@media all and (max-width: 419px) {
  .visible-b576 {
    display: block !important;
  }
}
@media all and (max-width: 419px) {
  .hidden-b576 {
    display: none !important;
  }
}
.cursor-pointer {
  cursor: pointer;
}
.page-wrapper {
  min-width: 320px;
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
.page-wrapper:before,
.page-wrapper:after {
  content: " ";
  display: table;
}
.page-wrapper:after {
  clear: both;
}
.content-wrapper {
  max-width: 1202px;
  margin: 0 auto;
}
.content-wrapper.p-50 {
  padding: 50px 0;
}
.content-wrapper.pt-50 {
  padding: 50px 0 0;
}
.content-wrapper.pb-50 {
  padding: 0 0 50px;
}
@media all and (max-width: 1202px) {
  .content-wrapper {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .content-wrapper.p-50 {
    padding: 30px 0;
  }
  .content-wrapper.pt-50 {
    padding: 30px 0 0;
  }
  .content-wrapper.pb-50 {
    padding: 0 0 30px;
  }
}
.bg-black {
  background-color: #000000;
}
.bg-black-01 {
  background-color: #0A0A0B;
}
.bg-gray-fa {
  background-color: #FAFBFE;
}
.bg-gray-e4 {
  background-color: rgba(228, 225, 216, 0.5);
}
.bg-bpp-table-stats {
  background:
    linear-gradient(
      90deg,
      rgba(244, 246, 250, 0.5) -10.91%,
      #FDFDFE 30.34%);
}
.simple-page.page-strona-glowna app-common-image {
  display: block;
  background-color: #000000;
}
.simple-page.page-strona-glowna app-common-image .content-wrapper {
  background-color: #000000;
}
.simple-page.page-strona-glowna app-common-image .content-wrapper .common-image {
  margin: 0 auto;
  padding: 50px 0;
}
.chronicle-article-page {
  background: #f1f0eb url("./media/chronicle-article-bg.png") repeat 0 0;
  background-blend-mode: multiply;
  padding-bottom: 1px;
}
.chronicle-article-page app-header {
  padding: 0;
}
.chronicle-article-page app-header .bg-black {
  background-color: #f1f0eb;
}
.chronicle-article-page app-header .header .bg {
  justify-content: flex-end;
  z-index: 1;
}
.chronicle-article-page app-header .header .bg div {
  width: auto;
  overflow: hidden;
  transform: skew(20deg);
  margin-right: -75px;
}
.chronicle-article-page app-header .header .bg div img {
  width: auto;
  height: 100%;
  transform: skew(-20deg);
  margin-left: -75px;
}
.chronicle-article-page app-header .header .header-content .header-breadcrumbs-container__bg {
  background-color: #ffffff;
}
.chronicle-article-page app-header .header .header-content .header-breadcrumbs-container__content__items a,
.chronicle-article-page app-header .header .header-content .header-breadcrumbs-container__content__items span {
  color: #000000;
}
.chronicle-article-page app-header .header .header-content .header-breadcrumbs-container__content__items svg:last-of-type {
  fill: #000000;
  stroke: #000000;
}
.chronicle-article-page app-header .header .header-content .header-title svg path {
  fill: #CFAE78;
}
.chronicle-article-page app-header .header .header-content .header-title div {
  font-family: Praho, sans-serif;
  font-weight: 900;
  color: #000000;
}
.chronicle-article-page app-header .header .header-content .header-author {
  font-family: Praho, sans-serif;
  font-weight: 900;
  color: #6A6F7E;
}
.chronicle-article-page app-header .header .header-content .header-author strong {
  color: #000000;
}
.chronicle-article-page app-header .header .header-content .header-author app-svg-icon {
  display: none;
}
.chronicle-article-page app-header .header .slash {
  display: none;
}
.chronicle-article-page app-header .header:after {
  background: #F1F0EB url("./media/chronicle-article-header-bg.jpg") repeat 0 0;
  background-size: cover;
  background-blend-mode: multiply;
}
.chronicle-article-page .content-wrapper > .lead {
  margin: 50px 0 24px;
  font-family: Praho, sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 36px;
  color: #191723;
  font-size: 24px;
  font-size: 2.4rem;
}
.chronicle-article-page .content-wrapper > .lead p:first-child {
  margin-top: 0;
}
.chronicle-article-page .content-wrapper > .lead p:last-child {
  margin-bottom: 0;
}
.chronicle-article-page app-common-text {
  display: block;
}
.chronicle-article-page app-common-text .common-text h1,
.chronicle-article-page app-common-text .common-text h2,
.chronicle-article-page app-common-text .common-text h3,
.chronicle-article-page app-common-text .common-text h4,
.chronicle-article-page app-common-text .common-text h5,
.chronicle-article-page app-common-text .common-text h6 {
  font-family: Praho, sans-serif;
}
.chronicle-article-page app-common-text .common-text ul li {
  font-family: "Nocturne Serif", sans-serif;
}
.chronicle-article-page app-common-text .common-text ol li {
  font-family: "Nocturne Serif", sans-serif;
}
.chronicle-article-page app-common-text .common-text p {
  font-family: "Nocturne Serif", sans-serif;
}
.chronicle-article-page app-common-text .common-text b,
.chronicle-article-page app-common-text .common-text strong {
  font-family: Praho, sans-serif;
}
.chronicle-article-page app-common-image,
.chronicle-article-page app-common-quote,
.chronicle-article-page app-bpp-quote-with-image,
.chronicle-article-page app-bpp-video-from-bus {
  display: block;
  background: #f6f6f3 url("./media/chronicle-article-bg.png") repeat 0 0;
  background-blend-mode: multiply;
  padding: 16px 0;
}
.chronicle-article-page app-common-image .common-image .common-image-container .common-image-title div + div {
  font-family: "Nocturne Serif", sans-serif;
}
.chronicle-article-page app-common-image .common-image .common-image-container .common-image-description {
  font-family: Praho, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}
.chronicle-article-page app-common-image .common-image .common-image-container .common-image-description p {
  font-family: Praho, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}
.chronicle-article-page app-bpp-video-from-bus .bpp-video-from-bus > div {
  font-family: Praho, sans-serif;
}
.chronicle-article-page app-bpp-quote-with-image .bg-gray-fa,
.chronicle-article-page app-bpp-quote-with-image .bg-black {
  background-color: transparent;
}
.chronicle-article-page app-bpp-quote-with-image .bpp-quote-with-image {
  margin: 0;
  padding: 0;
}
.chronicle-article-page app-bpp-quote-with-image .bpp-quote-with-image .circle-p {
  display: none !important;
}
.chronicle-article-page app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .quote {
  border-left: none !important;
  border-bottom: solid 3px #000000 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  color: #000000 !important;
}
.chronicle-article-page app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .quote p {
  font-family: "Nocturne Serif", sans-serif;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
}
.chronicle-article-page app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .author {
  font-family: Praho, sans-serif;
  margin: 15px 10px 0 29px !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #000000 !important;
}
.chronicle-article-page app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .source {
  font-family: Praho, sans-serif;
  margin: 0 10px 0 29px !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #000000 !important;
}
@media only screen and (max-width: 990px) {
  .chronicle-article-page app-header .header .bg div {
    margin-right: -50px;
  }
  .chronicle-article-page app-header .header .bg div img {
    margin-left: -50px;
  }
}
@media only screen and (max-width: 770px) {
  .chronicle-article-page app-header .header .bg div {
    margin-right: -40px;
  }
  .chronicle-article-page app-header .header .bg div img {
    margin-left: -40px;
  }
  .chronicle-article-page app-header .header .header-content {
    background:
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.8),
        transparent);
  }
  .chronicle-article-page app-header .header .header-content .header-title div,
  .chronicle-article-page app-header .header .header-content .header-title strong,
  .chronicle-article-page app-header .header .header-content .header-author div,
  .chronicle-article-page app-header .header .header-content .header-author strong {
    color: #ffffff;
  }
  .chronicle-article-page .content-wrapper > .lead {
    margin: 30px 0 24px;
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .chronicle-article-page h2 {
    font-size: 20px;
    font-size: 2rem;
  }
  .chronicle-article-page h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .chronicle-article-page p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .chronicle-article-page app-common-image .common-image .common-image-container .common-image-description {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .chronicle-article-page app-common-image .common-image .common-image-container .common-image-description p {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.editor-page app-header .header .bg {
  justify-content: flex-end;
}
.editor-page app-header .header .bg div {
  width: auto;
}
.editor-page app-header .header .bg div img {
  width: auto;
  height: 100%;
}
.editor-page app-header .header .bg div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    linear-gradient(
      90deg,
      #000000 0%,
      transparent 50%);
}
.editor-page app-header .header .bg.overlay-red div:after,
.editor-page app-header .header .bg.overlay-yellow div:after {
  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      transparent 50%);
}
.editor-page app-header .header .slash {
  display: none;
}
.editor-page .editor-header {
  position: relative;
}
.editor-page .editor-header .header {
  height: 600px;
}
.editor-page .editor-header .editor-role {
  color: #D6232E;
  z-index: 2;
}
.editor-page .editor-header .editor-about {
  color: #F1F2F9;
  z-index: 2;
}
.editor-page .editor-header app-floating-decoration .floating-decoration {
  z-index: 5;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (max-width: 990px) {
  .editor-page .editor-header .header {
    height: 300px;
  }
  .editor-page .editor-header app-floating-decoration {
    display: none;
  }
}
.fan-zone-article-page app-header .header .bg {
  justify-content: flex-end;
}
.fan-zone-article-page app-header .header .bg div {
  width: auto;
}
.fan-zone-article-page app-header .header .bg div img {
  width: auto;
  height: 100%;
}
.fan-zone-article-page app-header .header .bg div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    linear-gradient(
      90deg,
      #000000 0%,
      transparent 50%);
}
.fan-zone-article-page app-header .header .bg.overlay-red div:after,
.fan-zone-article-page app-header .header .bg.overlay-yellow div:after {
  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      transparent 50%);
}
.fan-zone-article-page app-header .header .slash {
  display: none;
}
.fan-zone-article-page .content-wrapper > .lead {
  margin: 50px 0 24px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  color: #191723;
  font-size: 24px;
  font-size: 2.4rem;
}
.fan-zone-article-page .content-wrapper > .lead p:first-child {
  margin-top: 0;
}
.fan-zone-article-page .content-wrapper > .lead p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 770px) {
  .fan-zone-article-page .content-wrapper > .lead {
    margin: 30px 0 24px;
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .fan-zone-article-page h2 {
    font-size: 20px;
    font-size: 2rem;
  }
  .fan-zone-article-page h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .fan-zone-article-page p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-error-page {
  height: 100%;
  flex: 1 0 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -10px;
  align-self: center !important;
}
.error-container {
  display: block;
  width: 560px;
  margin: 20px auto;
  padding: 20px;
  background-color: #db3836;
  color: #ffffff;
  align-self: center;
}
.error-container.no-margin {
  margin: 0 auto;
}
.error-container div.icon {
  width: 60px;
  margin: 0 auto;
}
.error-container h2.title {
  margin: 0;
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  font-size: 2.8rem;
}
.error-container div.message {
  margin: 20px 0 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.error-container .k-button.k-primary {
  margin-top: 10px !important;
  padding: 7px 20px !important;
  color: #db3836;
  background-color: #ffffff;
  border-color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.4rem;
}
@media all and (max-width: 767px) {
  .error-container {
    width: 100%;
  }
  .error-container div.icon {
    width: 50px;
  }
  .error-container h2.title {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .error-container div.message {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media all and (max-width: 419px) {
  .error-container {
    width: 100%;
  }
  .error-container div.icon {
    width: 40px;
  }
  .error-container h2.title {
    font-size: 20px;
    font-size: 2rem;
  }
  .error-container div.message {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 770px) {
  .gallery-page app-photo-gallery .photo-gallery .container {
    padding-top: 0 !important;
  }
}
.multimedia-video-page .top-section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.multimedia-video-page .top-section app-bpp-video-page-banner {
  flex-grow: 1;
}
.multimedia-video-page .top-section .side-adv {
  flex-shrink: 0;
  flex-grow: 0;
  width: 360px;
  height: 180px;
  margin-left: 30px;
}
.multimedia-video-page > hr {
  margin: 20px 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0 none;
}
.multimedia-video-page .video-section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.multimedia-video-page .video-section .video-container {
  flex: 100% 1 1;
}
.multimedia-video-page .video-section .video-container .video-description > h1 {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
}
.multimedia-video-page .video-section .video-container .video-description > p {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #AFB6CA;
  font-size: 16px;
  font-size: 1.6rem;
}
.multimedia-video-page .video-section .playlist-container {
  flex: 360px 0 0;
  margin-left: 30px;
}
.multimedia-video-page .video-section .playlist-container .next-item {
  margin-bottom: 16px;
}
.multimedia-video-page .video-section .playlist-container .next-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 16px 0;
  background-color: rgba(255, 255, 255, 0.1);
}
.multimedia-video-page .video-section .playlist-container .next-item > span {
  display: block;
  margin-bottom: 16px;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
}
.multimedia-video-page .video-section .playlist-container > app-playlist-video-item {
  display: block;
  margin-top: 8px;
}
.multimedia-video-page .video-section .playlist-container > app-playlist-video-item:first-of-type {
  margin-top: 0;
}
.multimedia-video-page .adv {
  width: 100%;
  height: 200px;
  margin: 50px 0;
}
@media (max-width: 1202px) {
  .multimedia-video-page .top-section .side-adv {
    display: none;
  }
}
@media (max-width: 770px) {
  .multimedia-video-page > hr {
    margin: 30px 0;
  }
  .multimedia-video-page .video-section {
    flex-wrap: wrap;
  }
  .multimedia-video-page .video-section .player-container {
    flex: 100% 0 0;
  }
  .multimedia-video-page .video-section .video-container {
    flex: 100% 0 0;
  }
  .multimedia-video-page .video-section .video-container .video-description > h1 {
    line-height: 20px;
    letter-spacing: -0.5px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .multimedia-video-page .video-section .video-container .video-description > p {
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .multimedia-video-page .video-section .playlist-container {
    flex: 100% 1 1;
    margin: 32px 0 0 0;
  }
  .multimedia-video-page .video-section .playlist-container > app-playlist-video-item {
    margin-top: 12px;
  }
  .multimedia-video-page .adv {
    margin: 30px 0;
  }
}
.tv-program-video-page .social-share {
  margin: -100px 0 100px 20px;
}
.tv-program-video-page app-title .app-title {
  margin-top: 32px;
}
@media all and (max-width: 1202px) {
  .tv-program-video-page .social-share {
    margin: -100px 0 100px 10px;
  }
}
.video-library-video-page .top-section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.video-library-video-page .top-section app-bpp-video-page-banner {
  flex-grow: 1;
}
.video-library-video-page .top-section .side-adv {
  flex-shrink: 0;
  flex-grow: 0;
  width: 360px;
  height: 180px;
  margin-left: 30px;
}
.video-library-video-page > hr {
  margin: 20px 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0 none;
}
.video-library-video-page .video-section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.video-library-video-page .video-section .video-container {
  flex: 100% 1 1;
}
.video-library-video-page .video-section .video-container .video-description > h1 {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
}
.video-library-video-page .video-section .video-container .video-description > p {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #AFB6CA;
  font-size: 16px;
  font-size: 1.6rem;
}
.video-library-video-page .video-section .playlist-container {
  flex: 360px 0 0;
  margin-left: 30px;
}
.video-library-video-page .video-section .playlist-container .next-item {
  margin-bottom: 16px;
}
.video-library-video-page .video-section .playlist-container .next-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 16px 0;
  background-color: rgba(255, 255, 255, 0.1);
}
.video-library-video-page .video-section .playlist-container .next-item > span {
  display: block;
  margin-bottom: 16px;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
}
.video-library-video-page .video-section .playlist-container > app-playlist-video-item {
  display: block;
  margin-top: 8px;
}
.video-library-video-page .video-section .playlist-container > app-playlist-video-item:first-of-type {
  margin-top: 0;
}
.video-library-video-page .adv {
  width: 100%;
  height: 200px;
  margin: 50px 0;
}
@media (max-width: 1202px) {
  .video-library-video-page .top-section .side-adv {
    display: none;
  }
}
@media (max-width: 770px) {
  .video-library-video-page > hr {
    margin: 30px 0;
  }
  .video-library-video-page .video-section {
    flex-wrap: wrap;
  }
  .video-library-video-page .video-section .player-container {
    flex: 100% 0 0;
  }
  .video-library-video-page .video-section .video-container {
    flex: 100% 0 0;
  }
  .video-library-video-page .video-section .video-container .video-description > h1 {
    line-height: 20px;
    letter-spacing: -0.5px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .video-library-video-page .video-section .video-container .video-description > p {
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .video-library-video-page .video-section .playlist-container {
    flex: 100% 1 1;
    margin: 32px 0 0 0;
  }
  .video-library-video-page .video-section .playlist-container > app-playlist-video-item {
    margin-top: 12px;
  }
  .video-library-video-page .adv {
    margin: 30px 0;
  }
}
.video-page .video-description > h1 {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
}
.video-page .video-description > p {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #AFB6CA;
  font-size: 16px;
  font-size: 1.6rem;
}
app-ad-ocean-placement .ad-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(241, 242, 249, 0.05);
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  text-transform: uppercase;
  color: #6A6F7E;
}
app-aspect-ratio-box .aspect-ratio-box {
  position: relative;
  width: 100%;
}
app-aspect-ratio-box .aspect-ratio-box .aspect-ratio-box-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  overflow: hidden;
}
app-aspect-ratio-box .aspect-ratio-box .aspect-ratio-box-content img {
  display: block;
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
app-box .app-box {
  width: 326px;
  text-align: left;
  position: relative;
  display: inline-block;
  background-color: #222223;
  vertical-align: top;
  cursor: pointer;
}
app-box .app-box .app-box-image {
  height: 195px;
}
app-box .app-box.box-370 {
  width: 370px;
}
app-box .app-box.box-370 .app-box-image {
  height: 195px;
}
app-box .app-box.box-search {
  width: 270px;
}
app-box .app-box.box-search .app-box-image {
  height: 200px;
}
app-box .app-box.box-125 {
  width: 125px;
}
app-box .app-box.box-125 .app-box-image {
  height: 80px;
}
app-box .app-box.active app-box-body .title-container {
  background-color: #444444 !important;
}
@media all and (max-width: 1202px) {
  app-box .app-box.box-search {
    width: 71px;
  }
  app-box .app-box.box-search .app-box-image {
    height: 53px;
  }
}
@media all and (max-width: 770px) {
  app-box .app-box {
    width: 290px;
  }
  app-box .app-box .app-box-image {
    height: 155px;
  }
  app-box .app-box.box-370 {
    width: 320px;
  }
  app-box .app-box.box-370 .app-box-image {
    height: 175px;
  }
}
app-box-body .app-box-body .separator {
  width: 100%;
  height: 2px;
  background:
    linear-gradient(
      179.52deg,
      #F1533C 0%,
      #BF1F28 101.51%);
}
app-box-body .app-box-body .title-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 54px;
  padding: 8px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #ffffff;
  background-color: #222223;
  font-size: 16px;
  font-size: 1.6rem;
}
@media all and (max-width: 770px) {
  app-box-body .app-box-body .title-container {
    line-height: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-box-body .app-box-body .title-container .title-text {
  flex: 100% 1 1;
  text-align: center;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
app-box-body .app-box-body .title-container .title-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 40px 0 0;
  width: 40px;
  height: 40px;
  margin: -8px 10px -8px 0;
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
app-box-body .app-box-body .title-container .title-icon img {
  display: block;
  max-width: 26px;
  max-height: 26px;
}
app-box-body .app-box-body .title-container .title-icon + .title-text {
  text-align: left;
}
app-box-body .app-box-body .title-container + .score-container {
  background-color: #161617 !important;
}
app-box-body .app-box-body .score-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 8px;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #222223;
  font-size: 16px;
  font-size: 1.6rem;
}
app-box-body .app-box-body .score-container .country-name {
  margin: 0 12px 0 0;
  text-align: right;
}
app-box-body .app-box-body .score-container .country-flag {
  flex-shrink: 0;
  height: 24px;
  margin: 0 12px 0 0;
  overflow: hidden;
}
app-box-body .app-box-body .score-container .country-flag app-team-logo,
app-box-body .app-box-body .score-container .country-flag img {
  display: block;
  height: 100%;
}
app-box-body .app-box-body .score-container .match-score ~ .country-flag {
  margin: 0 0 0 12px;
}
app-box-body .app-box-body .score-container .match-score ~ .country-name {
  margin: 0 0 0 12px;
  text-align: left;
}
app-box-body .app-box-body .match-details-container {
  padding: 20px;
  font-family: Lato, sans-serif;
  color: #AFB6CA;
  background-color: #161617;
  font-size: 12px;
  font-size: 1.2rem;
}
app-box-body .app-box-body .match-details-container div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}
app-box-body .app-box-body .match-details-container div:first-of-type {
  margin-top: 0;
}
app-box-body .app-box-body .match-details-container div svg {
  margin-right: 10px;
}
app-box-body .app-box-body .match-details-container div + div {
  height: 30px;
}
app-box-body .app-box-body .article-container {
  padding: 20px;
  background-color: #ffffff;
}
app-box-body .app-box-body .article-container .article-title {
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  color: #0A0A0B;
  font-size: 20px;
  font-size: 2rem;
}
app-box-body .app-box-body .article-container .article-body {
  margin-top: 16px;
  font-family: Lato, sans-serif;
  color: #6A6F7E;
  font-size: 15px;
  font-size: 1.5rem;
}
app-box-body .app-box-body .article-container .article-author {
  margin-top: 16px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-box-body .app-box-body .article-container .article-author:before {
  content: "@";
}
app-box-body .app-box-body .article-container .article-link {
  margin-top: 16px;
  font-family: Lato, sans-serif;
  color: #D6232E;
  font-size: 15px;
  font-size: 1.5rem;
}
app-box-body .app-box-body .article-container .article-link:hover {
  text-decoration: none;
}
app-box-image .app-box-image {
  position: relative;
  overflow: hidden;
  background-color: #0A0A0B;
}
app-box-image .app-box-image .top-text-container {
  position: absolute;
  display: flex;
  align-items: center;
  width: fit-content;
  height: 36px;
  color: #0E4AB2;
}
app-box-image .app-box-image .top-text-container:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -10px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
}
app-box-image .app-box-image .top-text-container.blue:after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 10px;
  width: 6px;
  height: 100%;
  background-color: #0E4AB2;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
}
app-box-image .app-box-image .top-text-container span {
  position: relative;
  z-index: 10;
  margin: 0 30px 0 10px;
  color: #0E4AB2;
  font-family: Lato, sans-serif;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
app-box-image .app-box-image .media-type-container {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
}
app-box-image .app-box-image .media-type-container .media-type-icon {
  width: 60px;
  padding: 3px 0 2px 30px;
  text-align: center;
}
app-box-image .app-box-image .media-type-container .media-type-text {
  margin: 0;
  padding: 5px 8px 5px 20px;
  font-family: Lato, sans-serif;
  letter-spacing: 0.2px;
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
}
app-box-image .app-box-image .image-container {
  background-color: #0A0A0B;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
app-box-image .app-box-image .image-container.mobile {
  display: none;
}
@media only screen and (max-width: 400px) {
  app-box-image .app-box-image .image-container.desktop {
    display: none;
  }
  app-box-image .app-box-image .image-container.mobile {
    display: block;
  }
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container {
  margin: 0 10px;
  width: 180px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter {
  position: relative;
  width: 100%;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  transition: all 0.1s ease;
  outline: 0;
  cursor: initial;
  color: #0A0A0B;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-value {
  display: flex;
  width: 100%;
  height: 46px;
  margin: 0;
  cursor: pointer;
  justify-content: space-between;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-value span {
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-value app-svg-icon {
  flex: 28px 0 0;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-options {
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
  right: 0;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #ffffff;
  max-height: 0;
  transition: none;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-options .inner {
  padding: 1px;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-options .inner span {
  display: block;
  padding: 3px 6px;
  white-space: pre-wrap;
  cursor: pointer;
  border: solid 2px transparent;
  line-height: 18px;
  font-size: 14px;
  font-size: 1.4rem;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-options .inner span:hover {
  background-color: #eeeeee;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-options .inner span.active {
  background-color: rgba(255, 47, 47, 0.7);
  color: #ffffff;
  border-color: rgba(191, 31, 40, 0.5);
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-options .inner div {
  height: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaaaaa;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-options.expanded {
  max-height: 200px;
  transition: max-height 0.1s ease-in;
}
app-bpp-dropdown-filter .bpp-dropdown-filter-container .bpp-dropdown-filter .bpp-dropdown-filter-options.no-data {
  overflow-y: hidden;
}
@media only screen and (max-width: 770px) {
  app-bpp-dropdown-filter .dropdown-filter-container {
    width: 100%;
  }
}
app-bpp-filters .bpp-filters-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
}
app-bpp-filters .bpp-filters-container .bpp-filter-group-label {
  margin: 24px 0 16px;
  padding-top: 24px;
  border-top: solid 1px #F1F2F9;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-filters .bpp-filters-container .bpp-filter-group-label:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0 none;
}
app-bpp-filters .bpp-filters-container.fan-zone .bpp-filter-group-label,
app-bpp-filters .bpp-filters-container.listing-matches .bpp-filter-group-label,
app-bpp-filters .bpp-filters-container.listing-video-library-groups .bpp-filter-group-label,
app-bpp-filters .bpp-filters-container.chronicles .bpp-filter-group-label,
app-bpp-filters .bpp-filters-container.default .bpp-filter-group-label {
  display: none;
}
app-bpp-filters .bpp-filters-container.search {
  flex-direction: column;
}
@media all and (max-width: 770px) {
  app-bpp-filters .bpp-filters-container {
    display: none;
  }
}
app-bpp-filters-overlay .bpp-filters-button {
  display: none;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin: 0 auto 50px;
  padding: 20px;
  text-align: center;
  border: none;
  background-color: #161617;
  cursor: pointer;
}
app-bpp-filters-overlay .bpp-filters-button svg {
  fill: #D6232E;
}
app-bpp-filters-overlay .bpp-filters-button span {
  margin-left: 10px;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
}
app-bpp-filters-overlay .bpp-filters-overlay {
  position: fixed;
  z-index: 9001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 80px 20px 20px 20px;
  display: none;
  background-color: #ffffff;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-close {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-close svg {
  width: 14px;
  height: 14px;
  fill: #0A0A0B;
  stroke: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.07;
  z-index: 1;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-bg svg {
  fill: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-header {
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-content {
  position: relative;
  z-index: 2;
  width: calc(100% + 10px);
  margin-right: -10px;
  padding-right: 10px;
  height: calc(100vh - 290px);
  overflow-x: hidden;
  overflow-y: scroll;
  color: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-content::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-content::-webkit-scrollbar-track {
  background: transparent;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-content::-webkit-scrollbar-thumb {
  width: 3px;
  background: #0A0A0B;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-content app-bpp-dropdown-filter .bpp-dropdown-filter-container {
  margin: 20px 0 0;
  width: 100%;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-content .bpp-filter-group-label {
  margin: 24px 0 16px;
  padding-top: 24px;
  border-top: solid 1px #F1F2F9;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-footer {
  position: absolute;
  bottom: 60px;
  left: 20px;
  right: 20px;
  z-index: 2;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-footer button {
  width: 100%;
  height: 50px;
  border: none;
  background-color: #D6232E;
  cursor: pointer;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-filters-overlay .bpp-filters-overlay .bpp-filters-overlay-footer span {
  display: block;
  margin-top: 16px;
  text-align: center;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 900;
  text-decoration-line: underline;
  cursor: pointer;
  color: #0A0A0B;
  font-size: 12px;
  font-size: 1.2rem;
}
app-bpp-filters-overlay .bpp-filters-overlay.fan-zone,
app-bpp-filters-overlay .bpp-filters-overlay.listing-matches,
app-bpp-filters-overlay .bpp-filters-overlay.listing-video-library-groups {
  background-color: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.fan-zone .bpp-filters-overlay-close svg,
app-bpp-filters-overlay .bpp-filters-overlay.listing-matches .bpp-filters-overlay-close svg,
app-bpp-filters-overlay .bpp-filters-overlay.listing-video-library-groups .bpp-filters-overlay-close svg {
  fill: #ffffff;
  stroke: #ffffff;
}
app-bpp-filters-overlay .bpp-filters-overlay.fan-zone .bpp-filters-overlay-bg svg,
app-bpp-filters-overlay .bpp-filters-overlay.listing-matches .bpp-filters-overlay-bg svg,
app-bpp-filters-overlay .bpp-filters-overlay.listing-video-library-groups .bpp-filters-overlay-bg svg {
  fill: #ffffff;
}
app-bpp-filters-overlay .bpp-filters-overlay.fan-zone .bpp-filters-overlay-content,
app-bpp-filters-overlay .bpp-filters-overlay.listing-matches .bpp-filters-overlay-content,
app-bpp-filters-overlay .bpp-filters-overlay.listing-video-library-groups .bpp-filters-overlay-content {
  color: #ffffff;
}
app-bpp-filters-overlay .bpp-filters-overlay.fan-zone .bpp-filters-overlay-content::-webkit-scrollbar-thumb,
app-bpp-filters-overlay .bpp-filters-overlay.listing-matches .bpp-filters-overlay-content::-webkit-scrollbar-thumb,
app-bpp-filters-overlay .bpp-filters-overlay.listing-video-library-groups .bpp-filters-overlay-content::-webkit-scrollbar-thumb {
  background: #ffffff;
}
app-bpp-filters-overlay .bpp-filters-overlay.fan-zone .bpp-filters-overlay-content .bpp-filter-group-label,
app-bpp-filters-overlay .bpp-filters-overlay.listing-matches .bpp-filters-overlay-content .bpp-filter-group-label,
app-bpp-filters-overlay .bpp-filters-overlay.listing-video-library-groups .bpp-filters-overlay-content .bpp-filter-group-label {
  display: none;
}
app-bpp-filters-overlay .bpp-filters-overlay.fan-zone .bpp-filters-overlay-header,
app-bpp-filters-overlay .bpp-filters-overlay.listing-matches .bpp-filters-overlay-header,
app-bpp-filters-overlay .bpp-filters-overlay.listing-video-library-groups .bpp-filters-overlay-header {
  color: #ffffff;
}
app-bpp-filters-overlay .bpp-filters-overlay.fan-zone .bpp-filters-overlay-footer span,
app-bpp-filters-overlay .bpp-filters-overlay.listing-matches .bpp-filters-overlay-footer span,
app-bpp-filters-overlay .bpp-filters-overlay.listing-video-library-groups .bpp-filters-overlay-footer span {
  color: #AFB6CA;
}
app-bpp-filters-overlay .bpp-filters-overlay.chronicles {
  background-color: #f1f0ec;
}
app-bpp-filters-overlay .bpp-filters-overlay.chronicles .bpp-filters-overlay-close svg {
  fill: #0A0A0B;
  stroke: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.chronicles .bpp-filters-overlay-bg {
  display: none;
}
app-bpp-filters-overlay .bpp-filters-overlay.chronicles .bpp-filters-overlay-content {
  color: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.chronicles .bpp-filters-overlay-content::-webkit-scrollbar-thumb {
  background: #6A6F7E;
}
app-bpp-filters-overlay .bpp-filters-overlay.chronicles .bpp-filters-overlay-content .bpp-filter-group-label {
  display: none;
}
app-bpp-filters-overlay .bpp-filters-overlay.chronicles .bpp-filters-overlay-header {
  color: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.chronicles .bpp-filters-overlay-footer span {
  color: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.default,
app-bpp-filters-overlay .bpp-filters-overlay.search {
  background-color: #ffffff;
}
app-bpp-filters-overlay .bpp-filters-overlay.default .bpp-filters-overlay-close svg,
app-bpp-filters-overlay .bpp-filters-overlay.search .bpp-filters-overlay-close svg {
  fill: #0A0A0B;
  stroke: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.default .bpp-filters-overlay-bg svg,
app-bpp-filters-overlay .bpp-filters-overlay.search .bpp-filters-overlay-bg svg {
  fill: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.default .bpp-filters-overlay-header,
app-bpp-filters-overlay .bpp-filters-overlay.search .bpp-filters-overlay-header {
  color: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.default .bpp-filters-overlay-content,
app-bpp-filters-overlay .bpp-filters-overlay.search .bpp-filters-overlay-content {
  color: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.default .bpp-filters-overlay-content::-webkit-scrollbar-thumb,
app-bpp-filters-overlay .bpp-filters-overlay.search .bpp-filters-overlay-content::-webkit-scrollbar-thumb {
  background: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.default .bpp-filters-overlay-footer span,
app-bpp-filters-overlay .bpp-filters-overlay.search .bpp-filters-overlay-footer span {
  color: #0A0A0B;
}
app-bpp-filters-overlay .bpp-filters-overlay.default .bpp-filters-overlay-content .bpp-filter-group-label {
  display: none;
}
@media all and (max-width: 770px) {
  app-bpp-filters-overlay .bpp-filters-button {
    display: flex;
  }
  app-bpp-filters-overlay .bpp-filters-overlay {
    display: block;
  }
}
app-bpp-filters-item-large .bpp-filter-item-large {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 48px;
  margin-top: 12px;
  cursor: pointer;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-filters-item-large .bpp-filter-item-large app-svg-icon[name=bpp-filters-item-large-chronicles-border] {
  display: none;
}
app-bpp-filters-item-large .bpp-filter-item-large .item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  flex-grow: 1;
  padding: 0 8px;
  height: 48px;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-filters-item-large .bpp-filter-item-large .item-content .icon {
  flex: 40px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-bpp-filters-item-large .bpp-filter-item-large .item-content .icon app-svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  overflow: hidden;
  border: solid 1px #6A6F7E;
  background-color: transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
app-bpp-filters-item-large .bpp-filter-item-large .item-content .icon app-svg-icon svg {
  display: none;
  stroke: #ffffff;
}
app-bpp-filters-item-large .bpp-filter-item-large .item-content .text {
  flex-shrink: 1;
  flex-grow: 1;
  height: 24px;
  padding: 0 8px;
  font-weight: 400;
  color: #6A6F7E;
}
app-bpp-filters-item-large .bpp-filter-item-large .item-content .count {
  flex: 32px 0 0;
  height: 24px;
  border-left: solid 1px transparent;
  padding-left: 8px;
  text-align: right;
  font-weight: 600;
  color: #0A0A0B;
}
app-bpp-filters-item-large .bpp-filter-item-large.selected .item-content .icon app-svg-icon {
  width: 24px;
  height: 24px;
  border: 0 none;
  background-color: #D6232E;
}
app-bpp-filters-item-large .bpp-filter-item-large.selected .item-content .icon app-svg-icon svg {
  display: block;
}
app-bpp-filters-item-large .bpp-filter-item-large.selected .item-content .text,
app-bpp-filters-item-large .bpp-filter-item-large.selected .item-content .count {
  font-weight: 600;
  color: #D6232E;
}
app-bpp-filters-item-large .bpp-filter-item-large.fan-zone .item-content,
app-bpp-filters-item-large .bpp-filter-item-large.listing-matches .item-content,
app-bpp-filters-item-large .bpp-filter-item-large.listing-video-library-groups .item-content {
  background-color: rgba(106, 111, 126, 0.15);
  font-size: 12px;
  font-size: 1.2rem;
}
app-bpp-filters-item-large .bpp-filter-item-large.fan-zone .item-content .icon app-svg-icon,
app-bpp-filters-item-large .bpp-filter-item-large.listing-matches .item-content .icon app-svg-icon,
app-bpp-filters-item-large .bpp-filter-item-large.listing-video-library-groups .item-content .icon app-svg-icon {
  border-color: #F2B336;
}
app-bpp-filters-item-large .bpp-filter-item-large.fan-zone .item-content .text,
app-bpp-filters-item-large .bpp-filter-item-large.listing-matches .item-content .text,
app-bpp-filters-item-large .bpp-filter-item-large.listing-video-library-groups .item-content .text {
  font-weight: 600;
  color: #ffffff;
}
app-bpp-filters-item-large .bpp-filter-item-large.fan-zone .item-content .count,
app-bpp-filters-item-large .bpp-filter-item-large.listing-matches .item-content .count,
app-bpp-filters-item-large .bpp-filter-item-large.listing-video-library-groups .item-content .count {
  text-align: center;
  color: #F2B336;
  border-left-color: #F2B336;
}
app-bpp-filters-item-large .bpp-filter-item-large.fan-zone.selected .item-content,
app-bpp-filters-item-large .bpp-filter-item-large.listing-matches.selected .item-content,
app-bpp-filters-item-large .bpp-filter-item-large.listing-video-library-groups.selected .item-content {
  background-color: #F2B336;
}
app-bpp-filters-item-large .bpp-filter-item-large.fan-zone.selected .item-content .icon app-svg-icon,
app-bpp-filters-item-large .bpp-filter-item-large.listing-matches.selected .item-content .icon app-svg-icon,
app-bpp-filters-item-large .bpp-filter-item-large.listing-video-library-groups.selected .item-content .icon app-svg-icon {
  background-color: #F2B336;
}
app-bpp-filters-item-large .bpp-filter-item-large.fan-zone.selected .item-content .text,
app-bpp-filters-item-large .bpp-filter-item-large.listing-matches.selected .item-content .text,
app-bpp-filters-item-large .bpp-filter-item-large.listing-video-library-groups.selected .item-content .text {
  color: #ffffff;
}
app-bpp-filters-item-large .bpp-filter-item-large.fan-zone.selected .item-content .count,
app-bpp-filters-item-large .bpp-filter-item-large.listing-matches.selected .item-content .count,
app-bpp-filters-item-large .bpp-filter-item-large.listing-video-library-groups.selected .item-content .count {
  color: #ffffff;
  border-left-color: rgba(255, 255, 255, 0.1);
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles app-svg-icon[name=bpp-filters-item-large-chronicles-border] {
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles app-svg-icon[name=bpp-filters-item-large-chronicles-border] svg {
  fill: #E6E5E1;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles .item-content {
  background-color: #E6E5E1;
  font-size: 12px;
  font-size: 1.2rem;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles .item-content .icon app-svg-icon {
  border-color: #0A0A0B;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles .item-content .text {
  color: #0A0A0B;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles .item-content .count {
  color: #0A0A0B;
  border-left-color: #F2B336;
  text-align: center;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles.selected app-svg-icon[name=bpp-filters-item-large-chronicles-border] svg {
  fill: #F2B336;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles.selected .item-content {
  background-color: #F2B336;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles.selected .item-content .icon app-svg-icon {
  background-color: #F2B336;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles.selected .item-content .text {
  color: #ffffff;
}
app-bpp-filters-item-large .bpp-filter-item-large.chronicles.selected .item-content .count {
  color: #ffffff;
  border-left-color: #ffffff;
}
app-bpp-filters-item-large .bpp-filter-item-large.search {
  margin-top: 0;
  height: 40px;
}
app-bpp-filters-item-large .bpp-filter-item-large.search .item-content {
  padding: 0;
  height: 40px;
}
app-bpp-filters-item-large .bpp-filter-item-large.search .item-content .icon {
  flex: 30px 0 0;
  justify-content: flex-start;
}
app-bpp-filters-item-large:first-of-type .bpp-filter-item-large {
  margin-top: 0;
}
app-bpp-filters-item-small .bpp-filter-item-small {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 32px;
  cursor: pointer;
  margin: 0 16px 16px 0;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-filters-item-small .bpp-filter-item-small app-svg-icon[name=bpp-filters-item-small-chronicles-border] {
  display: none;
}
app-bpp-filters-item-small .bpp-filter-item-small .item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  height: 32px;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  line-height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #E8E7E3;
}
app-bpp-filters-item-small .bpp-filter-item-small .item-content .text {
  flex-shrink: 0;
  min-width: 24px;
  height: 18px;
  padding: 0 10px 0 8px;
  font-weight: 400;
  color: #0A0A0B;
}
app-bpp-filters-item-small .bpp-filter-item-small .item-content .count {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 24px;
  height: 18px;
  padding-left: 8px;
  border-left: solid 1px #F2B336;
  text-align: center;
  font-weight: 700;
}
app-bpp-filters-item-small .bpp-filter-item-small .item-content .count span {
  display: block;
}
app-bpp-filters-item-small .bpp-filter-item-small .item-content .count app-svg-icon {
  display: none;
}
app-bpp-filters-item-small .bpp-filter-item-small .item-content .count app-svg-icon svg {
  width: 8px;
  height: 8px;
  fill: #ffffff;
  stroke: #ffffff;
}
app-bpp-filters-item-small .bpp-filter-item-small.selected div {
  background-color: #F2B336;
}
app-bpp-filters-item-small .bpp-filter-item-small.selected div .text {
  color: #ffffff;
}
app-bpp-filters-item-small .bpp-filter-item-small.selected div .count {
  border-left-color: #ffffff;
}
app-bpp-filters-item-small .bpp-filter-item-small.selected div .count span {
  display: none;
}
app-bpp-filters-item-small .bpp-filter-item-small.selected div .count app-svg-icon {
  display: block;
}
app-bpp-filters-item-small .bpp-filter-item-small.fan-zone .item-content,
app-bpp-filters-item-small .bpp-filter-item-small.listing-matches .item-content,
app-bpp-filters-item-small .bpp-filter-item-small.listing-video-library-groups .item-content {
  background-color: rgba(106, 111, 126, 0.15);
}
app-bpp-filters-item-small .bpp-filter-item-small.fan-zone .item-content .text,
app-bpp-filters-item-small .bpp-filter-item-small.listing-matches .item-content .text,
app-bpp-filters-item-small .bpp-filter-item-small.listing-video-library-groups .item-content .text {
  font-weight: 700;
  color: #ffffff;
}
app-bpp-filters-item-small .bpp-filter-item-small.fan-zone .item-content .count,
app-bpp-filters-item-small .bpp-filter-item-small.listing-matches .item-content .count,
app-bpp-filters-item-small .bpp-filter-item-small.listing-video-library-groups .item-content .count {
  border-left-color: rgba(255, 255, 255, 0.1);
  color: #F2B336;
}
app-bpp-filters-item-small .bpp-filter-item-small.fan-zone.selected .item-content,
app-bpp-filters-item-small .bpp-filter-item-small.listing-matches.selected .item-content,
app-bpp-filters-item-small .bpp-filter-item-small.listing-video-library-groups.selected .item-content {
  background-color: #F2B336;
}
app-bpp-filters-item-small .bpp-filter-item-small.fan-zone.selected .item-content .text,
app-bpp-filters-item-small .bpp-filter-item-small.listing-matches.selected .item-content .text,
app-bpp-filters-item-small .bpp-filter-item-small.listing-video-library-groups.selected .item-content .text {
  color: #ffffff;
}
app-bpp-filters-item-small .bpp-filter-item-small.fan-zone.selected .item-content .count,
app-bpp-filters-item-small .bpp-filter-item-small.listing-matches.selected .item-content .count,
app-bpp-filters-item-small .bpp-filter-item-small.listing-video-library-groups.selected .item-content .count {
  border-left-color: #ffffff;
  color: #ffffff;
}
app-bpp-filters-item-small .bpp-filter-item-small.chronicles.selected app-svg-icon[name=bpp-filters-item-small-chronicles-border] {
  display: block;
}
app-bpp-filters-item-small .bpp-filter-item-small.chronicles.selected .item-content {
  padding-left: 0;
}
.notification-container {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
}
.notification-container .notification-item {
  width: 260px;
  margin: 10px;
  padding: 10px;
  background-color: #db3836;
  color: #ffffff;
  font-family: Lato, sans-serif;
  opacity: 1;
  filter: alpha(opacity=100);
  animation: fade 5s linear;
}
.notification-container .notification-item .notification-icon {
  display: block;
  margin: 5px auto 0;
  width: 30px;
}
.notification-container .notification-item .notification-title {
  margin: 5px 0;
  font-weight: 900;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.notification-container .notification-item .notification-message {
  margin: 5px 0;
  font-size: 12px;
  font-size: 1.2rem;
}
.notification-container .notification-item .notification-guid {
  margin: 5px 0;
  padding-top: 5px;
  border-top: solid 1px #ffffff;
  font-weight: 700;
  text-align: center;
  font-size: 11px;
  font-size: 1.1rem;
}
@keyframes fade {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  10% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  90% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.bpp-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.8);
}
.bpp-popup {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 100001;
  max-width: 1600px;
  width: 99%;
  margin: 0 auto;
  transform: translateX(-50%);
  background-color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.bpp-popup.visible {
  opacity: 1;
  filter: alpha(opacity=100);
}
.bpp-popup .bpp-popup-close {
  position: absolute;
  top: 60px;
  right: 80px;
  width: 56px;
  height: 56px;
  background-color: rgba(10, 10, 11, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}
.bpp-popup .bpp-popup-close:hover,
.bpp-popup .bpp-popup-close:active {
  cursor: pointer;
  background-color: rgba(10, 10, 11, 0.75);
}
.bpp-popup .bpp-popup-close svg {
  fill: #ffffff;
  stroke: #ffffff;
}
@media all and (max-width: 770px) {
  .bpp-popup .bpp-popup-close {
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    background-color: transparent;
  }
  .bpp-popup .bpp-popup-close:hover,
  .bpp-popup .bpp-popup-close:active {
    background-color: transparent;
  }
  .bpp-popup .bpp-popup-close svg {
    fill: #000000;
    stroke: #000000;
  }
}
.bpp-popup .bpp-popup-content {
  position: relative;
}
app-floating-decoration .floating-decoration {
  position: absolute;
}
app-floating-decoration .floating-decoration img {
  width: 100%;
}
app-floating-decoration .floating-decoration.red {
  filter: sepia() saturate(10000%) brightness(0.37) hue-rotate(-70deg) contrast(200%);
}
app-floating-decoration .floating-decoration.gold {
  filter: sepia() saturate(10000%) hue-rotate(-40deg);
}
app-floating-decoration .floating-decoration.gray {
  filter: brightness(0.9);
}
app-footer footer {
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-footer footer .footer-menu {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 50px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
app-footer footer .footer-menu div > span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 30px;
  text-transform: uppercase;
  color: #ffffff;
}
app-footer footer .footer-menu div > span svg {
  display: none;
  margin-left: 10px;
}
app-footer footer .footer-menu div nav {
  display: block;
}
app-footer footer .footer-menu div nav > a {
  display: block;
  margin: 16px 0;
  color: #888888;
  text-decoration: none;
}
app-footer footer .footer-menu div nav > a:last-of-type {
  margin-bottom: 0;
}
app-footer footer .footer-social {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 30px;
}
app-footer footer .footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: 5px;
  background-color: #ffffff;
  overflow: hidden;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-footer footer .footer-social a:first-child {
  margin-left: 0;
}
app-footer footer .footer-social a svg {
  width: 32px;
  height: 32px;
}
app-footer footer .footer-social a.basket {
  background-color: #D6232E;
}
app-footer footer .footer-social a.basket svg {
  width: 24px;
  height: 24px;
}
app-footer footer .footer-sponsors-wrapper {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
app-footer footer .footer-sponsors-wrapper .footer-sponsors-text span {
  display: block;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #ffffff;
  white-space: nowrap;
  margin-right: 20px;
}
app-footer footer .footer-sponsors-wrapper .footer-sponsors {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 16px;
}
app-footer footer .footer-sponsors-wrapper .footer-sponsors a {
  display: block;
}
app-footer footer .footer-sponsors-wrapper .footer-sponsors a img {
  display: block;
  height: 40px;
  width: auto;
}
app-footer footer .footer-copyright {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 50px;
  font-family: Lato, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #6A6F7E;
  font-size: 12px;
  font-size: 1.2rem;
}
app-footer footer .footer-copyright a {
  color: #D6232E;
  text-decoration: none;
}
@media all and (max-width: 770px) {
  app-footer footer .footer-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -10px;
    padding: 16px;
    background-color: #2f2f2f;
  }
  app-footer footer .footer-menu app-svg-icon.expanded svg {
    transform: rotate(180deg);
  }
  app-footer footer .footer-menu div > span {
    margin: 16px 0 0;
    cursor: pointer;
  }
  app-footer footer .footer-menu div > span svg {
    display: block;
  }
  app-footer footer .footer-menu div nav {
    display: none;
  }
  app-footer footer .footer-menu div nav.expanded {
    display: block;
  }
  app-footer footer .footer-menu div:first-of-type > span {
    margin-top: 0;
  }
  app-footer footer .footer-social {
    justify-content: flex-start;
    margin: 0 -10px;
    padding: 16px;
    background-color: #2f2f2f;
  }
  app-footer footer .footer-copyright {
    margin: 0 -10px;
    padding: 16px;
  }
}
app-grid-container .gird-container {
  display: grid;
  grid-gap: 24px;
  width: 100%;
  grid-template-columns: repeat(auto-fill, 326px);
}
@media all and (max-width: 770px) {
  app-grid-container .gird-container {
    grid-template-columns: repeat(auto-fill, 290px);
    justify-content: center;
  }
}
app-grid-container .gird-container.grid-370 {
  grid-template-columns: repeat(auto-fill, 370px);
}
@media all and (max-width: 770px) {
  app-grid-container .gird-container.grid-370 {
    grid-template-columns: repeat(auto-fill, 320px);
  }
}
app-grid-container .gird-container.grid-ppns {
  grid-template-columns: repeat(auto-fill, 326px);
}
@media all and (max-width: 770px) {
  app-grid-container .gird-container.grid-ppns {
    grid-template-columns: repeat(auto-fill, 270px);
  }
}
app-grid-container .gird-container.centered {
  justify-content: center;
}
app-header .header {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
}
app-header .header:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background:
    linear-gradient(
      0deg,
      #0A0A0B 0%,
      rgba(10, 10, 11, 0) 100%);
}
app-header .header .bg {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
app-header .header .bg.mobile {
  display: none;
}
app-header .header .bg.overlay:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  mix-blend-mode: color;
}
app-header .header .bg.overlay-yellow:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  background-color: #FFCC54;
}
app-header .header .bg.overlay-red:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  background-color: #E84855;
}
app-header .header .bg div {
  position: relative;
  width: 100%;
  height: 400px;
}
app-header .header .bg div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
app-header .header .slash {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  left: -57%;
  transform: skew(20deg);
}
app-header .header .slash:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #0A0A0B;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
app-header .header .slash:after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  right: 180px;
  background-color: #0A0A0B;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
app-header .header .header-content {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
app-header .header .header-content app-header-breadcrumbs .header-breadcrumbs-container {
  margin: 36px 0 0 -20px;
}
app-header .header .header-content app-header-breadcrumbs + .header-title {
  margin-top: 48px !important;
}
app-header .header .header-content .header-title {
  margin-top: 96px;
  position: relative;
}
app-header .header .header-content .header-title svg {
  position: absolute;
  top: 2px;
  left: -25px;
  z-index: 3;
}
app-header .header .header-content .header-title div {
  position: relative;
  z-index: 4;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 56px;
  font-size: 5.6rem;
}
app-header .header .header-content .header-subtitle {
  max-width: 65%;
  margin-top: 8px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #F1F2F9;
  font-size: 24px;
  font-size: 2.4rem;
}
app-header .header .header-content .header-author {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: Lato, sans-serif;
  font-style: normal;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #F1F2F9;
  font-size: 14px;
  font-size: 1.4rem;
}
app-header .header .header-content .header-author div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 16px;
}
app-header .header .header-content .header-author div:first-of-type {
  margin-left: 0;
}
app-header .header .header-content .header-author div svg {
  margin-right: 8px;
}
app-header .header .header-content .header-button {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 32px;
  background-color: #D6232E;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-header .header .header-content app-header-sponsor {
  max-width: 400px;
}
app-header .header .header-content app-header-sponsor .header-sponsor {
  margin-top: 32px;
}
app-header .header .credits {
  position: absolute;
  bottom: 0;
  right: -7px;
  z-index: 5;
  background: rgba(10, 10, 11, 0.7);
  padding: 5px 17px 5px 13px;
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
}
app-header .header .credits span {
  display: block;
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  transform: skewX(20deg);
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
}
app-header .header .credits span.mobile {
  display: none;
}
@media all and (max-width: 990px) {
  app-header .header {
    height: 270px;
  }
  app-header .header .bg div {
    height: 270px;
  }
  app-header .header .header-content {
    justify-content: center;
  }
  app-header .header .header-content app-header-breadcrumbs {
    display: none;
  }
  app-header .header .header-content app-header-breadcrumbs + .header-title {
    margin-top: -24px !important;
  }
  app-header .header .header-content .header-title {
    margin-top: 0;
  }
  app-header .header .header-content .header-title svg {
    top: -20px;
    left: -35px;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
  }
  app-header .header .header-content .header-title div {
    line-height: 22px;
    letter-spacing: -0.5px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  app-header .header .header-content .header-subtitle {
    line-height: 18px;
    letter-spacing: 0.4px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-header .header .header-content .header-author {
    margin-top: 8px;
    flex-direction: column;
    align-items: flex-start;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-header .header .header-content .header-author div {
    margin-left: 0;
    margin-top: 4px;
  }
  app-header .header .header-content .header-author div:first-of-type {
    margin-top: 0;
  }
  app-header .header .header-content .header-button {
    margin-top: 24px;
    height: 42px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-header .header .header-content app-header-sponsor {
    max-width: 300px;
  }
  app-header .header .header-content app-header-sponsor .header-sponsor {
    margin-top: 24px;
  }
}
@media all and (max-width: 770px) {
  app-header .header {
    height: 210px;
  }
  app-header .header .bg.desktop {
    display: none;
  }
  app-header .header .bg.mobile {
    display: block;
  }
  app-header .header .bg div {
    height: 210px;
  }
  app-header .header .slash {
    left: -30%;
  }
  app-header .header .slash:after {
    right: 80px;
  }
  app-header .header .header-content {
    align-items: center;
  }
  app-header .header .header-content .header-subtitle {
    max-width: 100%;
  }
  app-header .header .header-content .header-button {
    margin-top: 16px;
    width: 100%;
    height: 36px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-header .header .header-content app-header-sponsor {
    width: 100%;
    max-width: 100%;
  }
  app-header .header .header-content app-header-sponsor .header-sponsor {
    margin-top: 16px;
  }
  app-header .header .credits span.desktop {
    display: none !important;
  }
  app-header .header .credits span.mobile {
    display: block !important;
  }
}
app-header .header.anniversary_page {
  height: 560px;
}
app-header .header.anniversary_page .bg {
  justify-content: flex-end;
}
app-header .header.anniversary_page .bg div {
  width: auto;
  height: 560px;
}
app-header .header.anniversary_page .bg div img {
  width: auto;
  height: 100%;
}
app-header .header.anniversary_page .bg div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    linear-gradient(
      90deg,
      #000000 0%,
      transparent 50%);
}
app-header .header.anniversary_page .bg.overlay-red div:after,
app-header .header.anniversary_page .bg.overlay-yellow div:after {
  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      transparent 50%);
}
app-header .header.anniversary_page .slash {
  display: none;
}
app-header .header.anniversary_page .header-content app-header-breadcrumbs {
  display: none;
}
app-header .header.anniversary_page .header-content app-header-breadcrumbs + .header-title {
  margin-top: 96px !important;
}
app-header .header.anniversary_page .header-content .header-title,
app-header .header.anniversary_page .header-content .header-subtitle {
  max-width: 50%;
}
app-header .header.anniversary_page .credits {
  display: none;
}
@media all and (max-width: 990px) {
  app-header .header.anniversary_page .header-content {
    justify-content: flex-start;
  }
  app-header .header.anniversary_page .header-content .header-title,
  app-header .header.anniversary_page .header-content .header-subtitle {
    max-width: 50%;
  }
  app-header .header.anniversary_page app-header-breadcrumbs + .header-title {
    margin-top: 96px !important;
  }
}
@media all and (max-width: 770px) {
  app-header .header.anniversary_page {
    height: 400px;
  }
  app-header .header.anniversary_page .bg div {
    height: 400px;
  }
  app-header .header.anniversary_page .header-content {
    padding: 0 20px;
    align-items: flex-start;
  }
  app-header .header.anniversary_page .header-content .header-title,
  app-header .header.anniversary_page .header-content .header-subtitle {
    max-width: 50%;
  }
}
app-header .header-sponsor-wrapper {
  min-width: 400px;
  margin-top: 50px;
}
app-header .header-sponsor-wrapper-mobile {
  width: 80%;
  margin: auto;
  display: none;
}
app-header-breadcrumbs .header-breadcrumbs-container {
  position: relative;
  width: fit-content;
  padding: 10px 20px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.2px;
}
app-header-breadcrumbs .header-breadcrumbs-container__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #0A0A0B;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
}
app-header-breadcrumbs .header-breadcrumbs-container__content {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}
app-header-breadcrumbs .header-breadcrumbs-container__content > a {
  display: inline;
  text-decoration: none;
}
app-header-breadcrumbs .header-breadcrumbs-container__content > a svg {
  fill: #D6232E;
  stroke: #D6232E;
}
app-header-breadcrumbs .header-breadcrumbs-container__content__items {
  display: flex;
  flex-wrap: nowrap;
}
app-header-breadcrumbs .header-breadcrumbs-container__content__items svg {
  height: 14px;
  margin-left: 11px;
  margin-right: 11px;
  fill: #ffffff;
  stroke: #ffffff;
}
app-header-breadcrumbs .header-breadcrumbs-container__content__items svg:last-of-type {
  fill: #6A6F7E;
  stroke: #6A6F7E;
}
app-header-breadcrumbs .header-breadcrumbs-container__content__items a {
  color: #ffffff;
  text-decoration: none;
}
app-header-breadcrumbs .header-breadcrumbs-container__content__items span {
  color: #6A6F7E;
}
app-header-sponsor .header-sponsor {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
  background-color: #161617;
}
app-header-sponsor .header-sponsor span {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #AFB6CA;
  font-size: 16px;
  font-size: 1.6rem;
}
app-header-sponsor .header-sponsor img {
  display: block;
  height: 40px;
  margin-left: 24px;
}
@media all and (max-width: 990px) {
  app-header-sponsor .header-sponsor span {
    line-height: 18px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-header-sponsor .header-sponsor img {
    height: 30px;
    margin-left: 16px;
  }
}
@media all and (max-width: 770px) {
  app-header-sponsor .header-sponsor span {
    line-height: 12px;
    font-size: 8px;
    font-size: 0.8rem;
  }
  app-header-sponsor .header-sponsor img {
    height: 20px;
    margin-left: 8px;
  }
}
app-match-footer .match-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin: 50px 0;
}
app-match-footer .match-footer .match-footer-info .teams,
app-match-footer .match-footer .match-footer-info .competition {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 32px;
  font-size: 3.2rem;
}
app-match-footer .match-footer .match-footer-info .editor {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 24px;
}
app-match-footer .match-footer .match-footer-info .editor .editor-image {
  position: relative;
  height: 90px;
  margin-right: 30px;
}
app-match-footer .match-footer .match-footer-info .editor .editor-image app-responsive-image {
  display: block;
  position: relative;
  z-index: 1;
  height: 90px;
}
app-match-footer .match-footer .match-footer-info .editor .editor-image app-responsive-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: #ffffff;
  mix-blend-mode: color;
}
app-match-footer .match-footer .match-footer-info .editor .editor-image app-responsive-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #F2B336;
  mix-blend-mode: multiply;
}
app-match-footer .match-footer .match-footer-info .editor .editor-image app-responsive-image img {
  height: 90px;
  z-index: 1;
}
app-match-footer .match-footer .match-footer-info .editor .editor-image .circle {
  position: absolute;
  z-index: -1;
  width: 40px;
  bottom: -15px;
  left: -14px;
}
app-match-footer .match-footer .match-footer-info .editor .editor-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
app-match-footer .match-footer .match-footer-info .editor .editor-data span {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 24px;
  font-size: 2.4rem;
}
app-match-footer .match-footer .match-footer-info .editor .editor-data a {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #F2B336;
  text-decoration: underline;
  font-size: 16px;
  font-size: 1.6rem;
}
app-match-footer .match-footer .match-footer-share {
  position: relative;
  width: calc(100% - 20px);
  max-width: 470px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
  background-color: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.15);
  -moz-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.15);
  box-shadow: 0 24px 40px rgba(127, 144, 189, 0.15);
}
app-match-footer .match-footer .match-footer-share > span {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #AFB6CA;
  font-size: 24px;
  font-size: 2.4rem;
}
app-match-footer .match-footer .match-footer-share app-social-share .social-share {
  margin-top: 24px;
  justify-content: center;
}
app-match-footer .match-footer .match-footer-share app-social-share .social-share span {
  display: none !important;
}
app-match-footer .match-footer .match-footer-share app-social-share .social-share a {
  margin-left: 32px;
}
app-match-footer .match-footer .match-footer-share app-social-share .social-share a:first-of-type {
  margin-left: 0;
}
app-match-footer .match-footer .match-footer-share app-social-share .social-share a svg {
  width: 56px;
  height: 56px;
}
app-match-footer .match-footer .match-footer-share .arrow-1 {
  position: absolute;
  top: 50%;
  left: -230px;
  width: 200px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
app-match-footer .match-footer .match-footer-share .arrow-2 {
  display: none;
  position: absolute;
  top: -30px;
  right: -10px;
  width: 80px;
  z-index: 2;
}
@media all and (max-width: 1202px) {
  app-match-footer .match-footer {
    margin: 30px 0;
    flex-direction: column;
  }
  app-match-footer .match-footer .match-footer-info {
    width: calc(100% - 20px);
    margin-bottom: 40px;
  }
  app-match-footer .match-footer .match-footer-info .teams,
  app-match-footer .match-footer .match-footer-info .competition {
    line-height: 24px;
    letter-spacing: -0.5px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  app-match-footer .match-footer .match-footer-info .editor .editor-image {
    margin-right: 16px;
  }
  app-match-footer .match-footer .match-footer-info .editor .editor-data span {
    line-height: 24px;
    letter-spacing: 0.2px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  app-match-footer .match-footer .match-footer-info .editor .editor-data a {
    line-height: 20px;
    letter-spacing: 0.2px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-match-footer .match-footer .match-footer-share > span {
    display: block;
    line-height: 24px;
    letter-spacing: 0.2px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  app-match-footer .match-footer .match-footer-share app-social-share .social-share {
    margin-top: 16px;
  }
  app-match-footer .match-footer .match-footer-share app-social-share .social-share a {
    margin-left: 16px;
  }
  app-match-footer .match-footer .match-footer-share app-social-share .social-share a:first-of-type {
    margin-left: 0;
  }
  app-match-footer .match-footer .match-footer-share app-social-share .social-share a svg {
    width: 40px;
    height: 40px;
  }
  app-match-footer .match-footer .match-footer-share .arrow-1 {
    display: none;
  }
  app-match-footer .match-footer .match-footer-share .arrow-2 {
    display: block;
  }
}
app-match-footer-related-videos .match-footer-related-videos {
  margin: 50px 0;
}
app-match-footer-related-videos .match-footer-related-videos .video-player-container {
  margin-bottom: 20px;
}
app-match-footer-related-videos .match-footer-related-videos app-scroll-panel .scroll-container {
  padding-bottom: 20px;
}
@media all and (max-width: 770px) {
  app-match-footer-related-videos .match-footer-related-videos {
    margin: 30px 0;
  }
}
app-match-footer-related-videos-box .match-footer-related-videos-box {
  width: 326px;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-shadow: 0 12px 20px rgba(127, 144, 189, 0.1);
  -moz-box-shadow: 0 12px 20px rgba(127, 144, 189, 0.1);
  box-shadow: 0 12px 20px rgba(127, 144, 189, 0.1);
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-match-footer-related-videos-box .match-footer-related-videos-box .image-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 196px;
  flex-grow: 0;
  flex-shrink: 0;
}
app-match-footer-related-videos-box .match-footer-related-videos-box .image-container .duration {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
app-match-footer-related-videos-box .match-footer-related-videos-box .image-container .duration span {
  display: block;
  padding: 5px 8px 5px 25px;
  font-family: Lato, sans-serif;
  letter-spacing: 0.2px;
  color: #ffffff;
  margin-bottom: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
app-match-footer-related-videos-box .match-footer-related-videos-box .image-container .watching-now {
  position: absolute;
  display: flex;
  align-items: center;
  width: fit-content;
  height: 32px;
  color: #0E4AB2;
  z-index: 3;
}
app-match-footer-related-videos-box .match-footer-related-videos-box .image-container .watching-now:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -10px;
  width: 100%;
  height: 100%;
  background-color: #F1F2F9;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
}
app-match-footer-related-videos-box .match-footer-related-videos-box .image-container .watching-now.blue:after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 10px;
  width: 6px;
  height: 100%;
  background-color: #0E4AB2;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg);
}
app-match-footer-related-videos-box .match-footer-related-videos-box .image-container .watching-now span {
  position: relative;
  z-index: 10;
  margin: 0 30px 0 10px;
  color: #0E4AB2;
  font-family: Lato, sans-serif;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
app-match-footer-related-videos-box .match-footer-related-videos-box .text-container {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  padding: 32px;
  background-color: #ffffff;
}
app-match-footer-related-videos-box .match-footer-related-videos-box .text-container h3 {
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: normal;
  color: #0A0A0B;
  font-size: 18px;
  font-size: 1.8rem;
}
app-match-footer-related-videos-box .match-footer-related-videos-box .text-container span {
  position: absolute;
  left: 32px;
  bottom: 32px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #D6232E;
  text-decoration: underline;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 770px) {
  app-match-footer-related-videos-box .match-footer-related-videos-box {
    width: 261px;
  }
  app-match-footer-related-videos-box .match-footer-related-videos-box .image-container {
    height: 147px;
  }
  app-match-footer-related-videos-box .match-footer-related-videos-box .text-container h3 {
    line-height: 16px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-match-footer-related-videos-box .match-footer-related-videos-box .text-container span {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-match-header .match-header {
  position: relative;
  width: 100%;
}
app-match-header .match-header .match-header-background-desktop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: none;
  background-color: black;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media all and (max-width: 770px) {
  app-match-header .match-header .match-header-background-desktop {
    display: none;
  }
}
app-match-header .match-header .match-header-background-desktop.mobile {
  display: none;
}
@media all and (max-width: 770px) {
  app-match-header .match-header .match-header-background-desktop.mobile {
    display: block;
  }
}
app-match-header .match-header .match-header-background-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: none;
  background-color: black;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media all and (max-width: 770px) {
  app-match-header .match-header .match-header-background-mobile {
    display: block;
  }
}
app-match-header .match-header .match-header-gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      180deg,
      rgba(10, 10, 11, 0) 0,
      #0A0A0B 100%);
  z-index: 1;
}
app-match-header .match-header .match-header-dark {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: black;
  z-index: 1;
}
app-match-header .match-header .match-header-content {
  position: relative;
  z-index: 2;
}
app-match-header .match-header .match-header-content .match-details-play-button {
  display: flex;
  align-items: center;
  margin: 40px auto 0;
  padding: 10px 20px 10px 20px;
  background:
    linear-gradient(
      150.24deg,
      #F1533C 0%,
      #BF1F28 101.51%);
  border: none;
  cursor: pointer;
  border-radius: 300px;
  -webkit-border-radius: 300px;
}
app-match-header .match-header .match-header-content .match-details-play-button svg {
  vertical-align: middle;
}
app-match-header .match-header .match-header-content .match-details-play-button span {
  margin-left: 5px;
  text-transform: uppercase;
  vertical-align: middle;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
}
app-match-header .match-header .match-header-content .match-header-playlist {
  padding: 40px 0;
}
app-match-header .match-header .match-header-content .match-header-additional-playlist {
  padding: 0 0 40px;
}
app-match-header .match-header .match-header-content .match-header-additional-playlist .match-header-additional-playlist-button {
  display: flex;
  justify-content: flex-end;
}
app-match-header .match-header .match-header-content .match-header-additional-playlist .match-header-additional-playlist-button button {
  padding: 10px 20px 10px 20px;
  background: #D6232E;
  border: none;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  text-transform: uppercase;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
}
app-match-header .match-header .match-header-content .match-header-additional-playlist app-video-player + .match-header-additional-playlist-items {
  padding: 40px 0;
}
app-match-header-events .match-header-events {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 20px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
}
app-match-header-events .match-header-events app-match-header-events-goal-event,
app-match-header-events .match-header-events app-match-header-events-penalty-card-event {
  display: block;
  margin-top: 4px;
}
app-match-header-events .match-header-events app-match-header-events-goal-event:first-child,
app-match-header-events .match-header-events app-match-header-events-penalty-card-event:first-child {
  margin-top: 0;
}
app-match-header-events .match-header-events .events {
  flex-basis: 250px;
  flex-grow: 1;
  flex-shrink: 1;
}
app-match-header-events .match-header-events .events .event {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  width: 100%;
  height: 32px;
  padding: 0 8px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-match-header-events .match-header-events .events .event app-svg-icon[name=match-timeline-icon-goal] svg {
  stroke: #ffffff;
}
app-match-header-events .match-header-events .events .event app-svg-icon[name=match-timeline-icon-goal].own-goal svg {
  stroke: #D6232E;
}
app-match-header-events .match-header-events .events .event app-svg-icon[name=match-timeline-icon-goal-penalty] svg {
  stroke: #ffffff;
}
app-match-header-events .match-header-events .events .event app-svg-icon[name=match-timeline-icon-goal-penalty] svg g path {
  fill: #ffffff;
}
app-match-header-events .match-header-events .events.host .event {
  background:
    linear-gradient(
      270deg,
      rgba(175, 182, 202, 0.2) 0%,
      rgba(255, 255, 255, 0) 100%);
}
app-match-header-events .match-header-events .events.host .event span {
  margin-right: 8px;
  text-align: right;
}
app-match-header-events .match-header-events .events.guest .event {
  flex-direction: row-reverse;
  background:
    linear-gradient(
      90deg,
      rgba(175, 182, 202, 0.2) 0%,
      rgba(255, 255, 255, 0) 100%);
}
app-match-header-events .match-header-events .events.guest .event span {
  margin-left: 8px;
}
app-match-header-events .match-header-events .separator {
  flex: 1px 0 0;
  margin: 0 4px;
  background: rgba(255, 255, 255, 0.15);
}
@media all and (max-width: 770px) {
  app-match-header-events .match-header-events .events .event {
    height: auto;
    min-height: 32px;
    padding: 3px 8px;
  }
}
app-match-header-navigation .match-header-navigation {
  position: fixed;
  z-index: 8001;
  top: 100px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: stretch;
  height: 64px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 4px 10px rgba(127, 144, 189, 0.1);
  -moz-box-shadow: 0 4px 10px rgba(127, 144, 189, 0.1);
  box-shadow: 0 4px 10px rgba(127, 144, 189, 0.1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-match-header-navigation .match-header-navigation .teams {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 64px;
  margin-left: 145px;
  margin-right: 20px;
  cursor: pointer;
}
app-match-header-navigation .match-header-navigation .teams:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 5px #D6232E;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
app-match-header-navigation .match-header-navigation .teams .team {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
app-match-header-navigation .match-header-navigation .teams .team.host {
  justify-content: flex-end;
}
app-match-header-navigation .match-header-navigation .teams .team.host img {
  margin-left: 8px;
}
app-match-header-navigation .match-header-navigation .teams .team.guest {
  justify-content: flex-start;
}
app-match-header-navigation .match-header-navigation .teams .team.guest img {
  margin-right: 8px;
}
app-match-header-navigation .match-header-navigation .teams .team span {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-match-header-navigation .match-header-navigation .teams .team img {
  height: 24px;
}
app-match-header-navigation .match-header-navigation .teams .vs {
  margin: 0 16px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #e4e1d8;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
}
app-match-header-navigation .match-header-navigation .navigation {
  flex-grow: 1;
  margin: 0 30px;
  height: 64px;
}
app-match-header-navigation .match-header-navigation .navigation .flickity-slider {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  height: 64px;
}
app-match-header-navigation .match-header-navigation .navigation .flickity-button {
  width: 20px;
  height: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-match-header-navigation .match-header-navigation .navigation .flickity-button:disabled {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default;
}
app-match-header-navigation .match-header-navigation .navigation .flickity-button.previous {
  left: -25px;
}
app-match-header-navigation .match-header-navigation .navigation .flickity-button.next {
  right: -25px;
}
app-match-header-navigation .match-header-navigation .navigation .flickity-button svg {
  position: static;
  left: unset;
  top: unset;
  fill: #AFB6CA;
}
app-match-header-navigation .match-header-navigation .navigation span {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 12px;
  height: 63px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #6A6F7E;
  cursor: pointer;
  border-bottom: solid 2px transparent;
  white-space: nowrap;
  font-size: 12px;
  font-size: 1.2rem;
}
app-match-header-navigation .match-header-navigation .navigation span:first-of-type {
  margin-left: 0;
}
app-match-header-navigation .match-header-navigation .navigation span:last-of-type {
  padding-right: 5px;
}
app-match-header-navigation .match-header-navigation .navigation span.active {
  color: #D6232E;
  font-weight: 700;
  border-bottom-color: #D6232E;
}
@media all and (max-width: 990px) {
  app-match-header-navigation .match-header-navigation .teams {
    margin-left: 15px;
  }
  app-match-header-navigation .match-header-navigation .teams:after {
    display: none;
  }
}
@media all and (max-width: 770px) {
  app-match-header-navigation .match-header-navigation .teams {
    display: none;
  }
}
app-match-header-navigation .match-header-navigation-dummy {
  display: block;
  width: 100%;
  height: 64px;
}
body.ssr app-match-header-navigation .match-header-navigation .navigation {
  display: flex;
  overflow: hidden;
}
app-match-header-score .match-score-container {
  display: flex;
  width: 100%;
  max-width: 800px;
  margin: 0 auto 20px;
  padding-top: 40px;
}
@media all and (max-width: 770px) {
  app-match-header-score .match-score-container {
    width: calc(100% + 20px);
    margin: 0 -10px;
    padding-top: 0;
    overflow: hidden;
  }
}
app-match-header-score .match-score-container > .side-section {
  position: relative;
  width: 300px;
  height: 100px;
  margin-top: 20px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.4px;
  color: #0A0A0B;
}
@media all and (max-width: 770px) {
  app-match-header-score .match-score-container > .side-section {
    display: none;
  }
}
app-match-header-score .match-score-container > .side-section .top-info {
  width: 100%;
  height: 55px;
  background-color: black;
  font-family: Lato, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
app-match-header-score .match-score-container > .side-section .top-info > span {
  display: inline-flex;
  align-items: center;
  margin: 0 10px;
}
app-match-header-score .match-score-container > .side-section .top-info > span svg {
  flex-shrink: 0;
  margin: 0 3px;
}
app-match-header-score .match-score-container > .side-section .top-info > span span {
  display: block;
  margin: 0 3px;
}
app-match-header-score .match-score-container > .side-section .team {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  height: 90px;
}
app-match-header-score .match-score-container > .side-section .team img {
  margin: 0 21px;
  height: 70px;
}
app-match-header-score .match-score-container > .side-section.left .bg {
  position: absolute;
  left: -60px;
  width: 160%;
  height: 90px;
  z-index: 1;
  background-color: #ffffff;
  -webkit-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.12);
  -moz-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.12);
  box-shadow: 0 24px 40px rgba(127, 144, 189, 0.12);
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
}
app-match-header-score .match-score-container > .side-section.left .team {
  justify-content: flex-end;
}
app-match-header-score .match-score-container > .side-section.left .team img {
  margin-left: 16px;
}
app-match-header-score .match-score-container > .side-section.left .team span {
  margin-right: 16px;
}
app-match-header-score .match-score-container > .side-section.right .bg {
  position: absolute;
  left: -60px;
  width: 160%;
  height: 90px;
  z-index: 1;
  background-color: #ffffff;
  -webkit-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.12);
  -moz-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.12);
  box-shadow: 0 24px 40px rgba(127, 144, 189, 0.12);
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transform: skew(-20deg);
}
app-match-header-score .match-score-container > .side-section.right .team {
  justify-content: flex-start;
}
app-match-header-score .match-score-container > .side-section.right .team img {
  margin-right: 16px;
}
app-match-header-score .match-score-container > .side-section.right .team span {
  margin-left: 16px;
}
app-match-header-score .match-score-container .center-section {
  position: relative;
  z-index: 3;
  width: 214px;
  background:
    linear-gradient(
      129.19deg,
      #F1533C 0%,
      #BF1F28 101.51%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 190px;
}
@media all and (max-width: 770px) {
  app-match-header-score .match-score-container .center-section {
    width: 100% !important;
    min-height: unset;
  }
}
app-match-header-score .match-score-container .center-section .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  border-bottom: 2px solid #D6232E;
}
app-match-header-score .match-score-container .center-section .top i {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 8px;
  width: 30px;
  height: 30px;
  background: #ffffff;
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
app-match-header-score .match-score-container .center-section .top i img {
  width: 28px;
  max-height: 28px;
  max-width: 28px;
}
app-match-header-score .match-score-container .center-section .top span {
  margin: 0 8px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}
app-match-header-score .match-score-container .center-section .middle {
  padding: 20px 0;
}
@media all and (max-width: 770px) {
  app-match-header-score .match-score-container .center-section .middle {
    font-size: 32px !important;
    display: flex;
    align-items: center;
    width: 100%;
  }
  app-match-header-score .match-score-container .center-section .middle .text {
    width: 30%;
    padding: 0;
  }
}
app-match-header-score .match-score-container .center-section .middle > .side-section {
  display: none;
  height: fit-content;
  position: relative;
  flex-basis: 37%;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -0.5px;
  color: #0A0A0B;
}
@media all and (max-width: 770px) {
  app-match-header-score .match-score-container .center-section .middle > .side-section {
    display: block;
  }
}
app-match-header-score .match-score-container .center-section .middle > .side-section .content {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  height: 64px;
  text-transform: uppercase;
}
app-match-header-score .match-score-container .center-section .middle > .side-section .content img {
  height: 32px;
  margin: 0 10px;
}
app-match-header-score .match-score-container .center-section .middle > .side-section.left .content {
  justify-content: flex-end;
  padding-right: 25px;
}
app-match-header-score .match-score-container .center-section .middle > .side-section.left .bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  left: -15px;
}
app-match-header-score .match-score-container .center-section .middle > .side-section.right .content {
  justify-content: flex-start;
  padding-left: 25px;
}
app-match-header-score .match-score-container .center-section .middle > .side-section.right .bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transform: skew(-20deg);
  right: -15px;
}
app-match-header-score .match-score-container .center-section .middle .text {
  padding: 20px 0;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-shadow: 3px 3px 1px #D6232E;
  text-align: center;
  font-size: 48px;
  font-size: 4.8rem;
}
@media all and (max-width: 770px) {
  app-match-header-score .match-score-container .center-section .middle .text {
    flex-basis: 26%;
    flex-shrink: 0;
    padding: 0;
    font-size: 32px;
    font-size: 3.2rem;
  }
}
app-match-header-score .match-score-container .center-section .bottom {
  width: 100%;
  padding: 10px 0;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.2px;
  display: flex;
  justify-content: space-evenly;
  background-color: #D6232E;
  border-bottom: 6px solid #D6232E;
}
app-match-header-score .match-score-container .center-section .bottom div {
  text-align: center;
}
app-match-header-score .match-score-container .center-section .bottom div span {
  font-family: Lato, sans-serif;
  font-size: 12px;
  color: #ffffff;
  opacity: 0.5;
}
app-match-header-score .match-score-container .center-section .bottom-info {
  display: none;
  width: 100%;
  padding: 10px;
  background-color: black;
  font-family: Lato, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
@media all and (max-width: 770px) {
  app-match-header-score .match-score-container .center-section .bottom-info {
    display: flex;
  }
}
app-match-header-score .match-score-container .center-section .bottom-info > span {
  display: inline-flex;
  align-items: center;
  margin: 0 10px;
}
app-match-header-score .match-score-container .center-section .bottom-info > span svg {
  flex-shrink: 0;
  margin: 0 3px;
}
app-match-header-score .match-score-container .center-section .bottom-info > span span {
  display: block;
  margin: 0 3px;
}
app-no-results-found .no-results-container {
  text-align: center;
  padding-bottom: 50px;
}
app-no-results-found .no-results-red-text {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 32px;
  font-size: 3.2rem;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #E84855;
}
app-no-results-found .no-results-white-text {
  font-family: Lato, sans-serif;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.4px;
  color: #ffffff;
}
app-pagination .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 40px auto 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-pagination .pagination app-svg-icon svg {
  margin: 0 5px;
  vertical-align: middle;
  cursor: pointer;
  width: 15px;
  height: 16px;
  fill: #D6232E;
  stroke: #D6232E;
}
app-pagination .pagination app-svg-icon svg:hover {
  fill: #D6232E;
  stroke: #D6232E;
}
app-pagination .pagination app-svg-icon.disabled svg {
  cursor: default;
  fill: #AFB6CA;
  stroke: #AFB6CA;
}
app-pagination .pagination app-svg-icon.disabled svg:hover {
  fill: #AFB6CA;
  stroke: #AFB6CA;
}
app-pagination .pagination .item {
  position: relative;
  color: #AFB6CA;
  cursor: pointer;
}
app-pagination .pagination .item:hover {
  color: #D6232E;
}
app-pagination .pagination .item.inactive {
  cursor: default;
}
app-pagination .pagination .item.inactive:hover {
  color: #AFB6CA;
}
app-pagination .pagination .item.active {
  cursor: default;
  color: #D6232E;
}
app-pagination .pagination .item.active:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
  background:
    linear-gradient(
      180deg,
      rgba(214, 35, 46, 0.3) 0%,
      transparent 100%);
  border-radius: 2px;
  transform: skew(20deg);
  width: 28px;
  height: 30px;
  top: -4px;
  left: 4px;
}
app-pagination .pagination .item span {
  position: relative;
  z-index: 3;
  display: inline-block;
  margin: 0 10px;
  width: 15px;
  vertical-align: middle;
  text-align: center;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  font-size: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-photo-gallery .photo-gallery .container {
  position: relative;
  height: fit-content;
}
app-photo-gallery .photo-gallery .container .main-carousel app-aspect-ratio-box {
  width: 100%;
  background-color: #000000;
}
app-photo-gallery .photo-gallery .container .main-carousel app-aspect-ratio-box app-responsive-image {
  width: 100%;
  height: 100%;
}
app-photo-gallery .photo-gallery .container .main-carousel app-aspect-ratio-box img {
  display: block;
  margin: 0 auto;
  height: 100%;
}
app-photo-gallery .photo-gallery .container .main-carousel .flickity-viewport {
  transition: height 0.2s;
}
app-photo-gallery .photo-gallery .container .main-carousel .flickity-prev-next-button {
  width: 120px;
  height: 64px;
  border-radius: 0;
}
app-photo-gallery .photo-gallery .container .main-carousel .flickity-prev-next-button.next {
  background:
    linear-gradient(
      270deg,
      #0A0A0B 0.25%,
      rgba(10, 10, 11, 0) 100%);
  right: 80px;
}
app-photo-gallery .photo-gallery .container .main-carousel .flickity-prev-next-button.previous {
  background:
    linear-gradient(
      90deg,
      #0A0A0B 0.25%,
      rgba(10, 10, 11, 0) 100%);
  left: 80px;
}
app-photo-gallery .photo-gallery .container .main-carousel .flickity-prev-next-button .flickity-button-icon {
  fill: #ffffff;
}
app-photo-gallery .photo-gallery .container .main-carousel.show-only-one-slide {
  max-height: 800px;
}
app-photo-gallery .photo-gallery .container .main-carousel.show-only-one-slide app-aspect-ratio-box:not(:first-child) {
  visibility: hidden;
}
app-photo-gallery .photo-gallery .container .gallery-data {
  padding: 30px 10%;
  font-size: 16px;
  font-size: 1.6rem;
}
app-photo-gallery .photo-gallery .container .gallery-data .photo-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
app-photo-gallery .photo-gallery .container .gallery-data .photo-data .photo-title {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: 0.4px;
  color: #0A0A0B;
}
app-photo-gallery .photo-gallery .container .gallery-data .photo-data .photo-source {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #AFB6CA;
  font-size: 12px;
  font-size: 1.2rem;
}
app-photo-gallery .photo-gallery .container .gallery-data .description {
  margin-top: 8px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails {
  margin-top: 30px;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.desktop {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.desktop .item {
  width: calc(33.3333333333% - 6.6666666667px);
  margin-bottom: 10px;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.desktop .item div {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.desktop .item div app-responsive-image {
  position: absolute;
  width: 100%;
  height: 100%;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.desktop .item div img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.desktop .item.is-selected {
  opacity: 1;
  filter: alpha(opacity=100);
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile {
  display: none;
  height: 100px;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile.show-only-one-slide .item:not(:first-child) {
  visibility: hidden;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile .item {
  display: block;
  height: 100px;
  margin-left: 10px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile .item:first-of-type {
  margin-left: 0;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile .item.is-selected {
  opacity: 1;
  filter: alpha(opacity=100);
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile .item app-responsive-image {
  width: 100%;
  height: 100%;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile .item img {
  display: block;
  height: 100px;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile .flickity-prev-next-button {
  width: 55px;
  height: 38px;
  border-radius: 0;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile .flickity-prev-next-button.next {
  background:
    linear-gradient(
      270deg,
      #0A0A0B 0.25%,
      rgba(10, 10, 11, 0) 100%);
  right: 20px;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile .flickity-prev-next-button.previous {
  background:
    linear-gradient(
      90deg,
      #0A0A0B 0.25%,
      rgba(10, 10, 11, 0) 100%);
  left: 20px;
}
app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile .flickity-prev-next-button .flickity-button-icon {
  fill: #ffffff;
}
@media only screen and (max-width: 770px) {
  app-photo-gallery .photo-gallery .container {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  app-photo-gallery .photo-gallery .container .main-carousel.show-only-one-slide {
    max-height: 450px;
  }
  app-photo-gallery .photo-gallery .container .main-carousel .flickity-viewport {
    padding-top: 0;
  }
  app-photo-gallery .photo-gallery .container .main-carousel .flickity-prev-next-button {
    width: 55px;
    height: 38px;
  }
  app-photo-gallery .photo-gallery .container .main-carousel .flickity-prev-next-button.next {
    right: 20px;
  }
  app-photo-gallery .photo-gallery .container .main-carousel .flickity-prev-next-button.previous {
    left: 20px;
  }
  app-photo-gallery .photo-gallery .container .gallery-data {
    padding: 30px 0;
  }
  app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.desktop {
    display: none;
  }
  app-photo-gallery .photo-gallery .container .gallery-data .thumbnails.mobile {
    display: block;
  }
}
body.ssr app-photo-gallery .photo-gallery .container .main-carousel app-aspect-ratio-box + app-aspect-ratio-box {
  display: none;
}
body.ssr app-photo-gallery .photo-gallery .gallery-data .thumbnails.mobile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.ssr app-photo-gallery .photo-gallery .gallery-data .thumbnails.mobile .item {
  margin-bottom: 10px;
}
app-photo-overlay .photo-overlay .container {
  position: relative;
  height: fit-content;
}
app-photo-overlay .photo-overlay .container .photo img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 1080px;
}
app-photo-overlay .photo-overlay .container .gallery-data {
  padding: 10px 30px 30px;
  font-size: 16px;
  font-size: 1.6rem;
}
app-photo-overlay .photo-overlay .container .gallery-data .photo-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
app-photo-overlay .photo-overlay .container .gallery-data .photo-data .photo-title {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: 0.4px;
  color: #0A0A0B;
}
app-photo-overlay .photo-overlay .container .gallery-data .photo-data .photo-source {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #AFB6CA;
  font-size: 12px;
  font-size: 1.2rem;
}
app-photo-overlay .photo-overlay .container .gallery-data .description {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
}
@media only screen and (max-width: 770px) {
  app-photo-overlay .photo-overlay .container {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }
  app-photo-overlay .photo-overlay .container .gallery-data {
    padding: 30px 0;
  }
  app-photo-overlay .photo-overlay .container .gallery-data .thumbnails.desktop {
    display: none;
  }
  app-photo-overlay .photo-overlay .container .gallery-data .thumbnails.mobile {
    display: block;
  }
}
app-play-sub-competition-title .play-sub-competition-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin: 24px auto;
}
app-play-sub-competition-title .play-sub-competition-title .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-right: 16px;
  background-color: #ffffff;
  border-radius: 32px;
  -webkit-border-radius: 32px;
}
app-play-sub-competition-title .play-sub-competition-title .icon img {
  display: block;
  max-width: 50px;
  max-height: 50px;
}
app-play-sub-competition-title .play-sub-competition-title .text {
  color: #ffffff;
  line-height: 34px;
  text-transform: uppercase;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  font-size: 3.2rem;
}
@media all and (max-width: 770px) {
  app-play-sub-competition-title .play-sub-competition-title {
    margin: 16px auto;
  }
  app-play-sub-competition-title .play-sub-competition-title .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
  app-play-sub-competition-title .play-sub-competition-title .icon img {
    max-width: 16px;
    max-height: 16px;
  }
  app-play-sub-competition-title .play-sub-competition-title .text {
    line-height: 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
app-playlist-video-item .playlist-video-item {
  display: flex;
  height: fit-content;
  border-radius: 2px;
  background-color: #161617;
  cursor: pointer;
}
app-playlist-video-item .playlist-video-item.active {
  background-color: #333333;
}
app-playlist-video-item .playlist-video-item .image-container {
  position: relative;
  width: 35%;
}
app-playlist-video-item .playlist-video-item .image-container .image {
  width: 100%;
  height: 100%;
  background-size: cover;
}
app-playlist-video-item .playlist-video-item .image-container .duration {
  position: absolute;
  right: 0;
  bottom: 0;
}
app-playlist-video-item .playlist-video-item .image-container .duration span {
  display: block;
  padding: 5px 8px 5px 25px;
  font-family: Lato, sans-serif;
  letter-spacing: 0.2px;
  color: #ffffff;
  margin-bottom: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
app-playlist-video-item .playlist-video-item .text-container {
  width: 65%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
}
app-responsive-image {
  display: block;
  position: relative;
}
app-responsive-image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
app-scroll-panel .app-scroll-panel {
  position: relative;
}
app-scroll-panel .app-scroll-panel .scroll-container {
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
app-scroll-panel .app-scroll-panel .scroll-container::-webkit-scrollbar {
  display: none;
}
app-scroll-panel .app-scroll-panel .scroll-container script {
  display: none !important;
}
app-scroll-panel .app-scroll-panel .scroll-container > * > * {
  display: inline-block;
  margin-left: 24px;
}
app-scroll-panel .app-scroll-panel .scroll-container > *:first-child > * {
  margin-left: 0;
}
@media all and (max-width: 770px) {
  app-scroll-panel .app-scroll-panel .scroll-container > * > * {
    margin-left: 12px;
  }
  app-scroll-panel .app-scroll-panel .scroll-container > *:first-child > * {
    margin-left: 0;
  }
}
app-scroll-panel .app-scroll-panel .scroll-button {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  width: 100px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-scroll-panel .app-scroll-panel .scroll-button:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
app-scroll-panel .app-scroll-panel .scroll-button svg {
  position: relative;
  z-index: 15;
  fill: #ffffff;
  stroke: #ffffff;
}
app-scroll-panel .app-scroll-panel .scroll-button.left {
  left: 0;
  justify-content: flex-start;
}
app-scroll-panel .app-scroll-panel .scroll-button.left:before {
  background:
    linear-gradient(
      -90deg,
      transparent,
      #000000);
}
app-scroll-panel .app-scroll-panel .scroll-button.left svg {
  margin-left: 20px;
}
app-scroll-panel .app-scroll-panel .scroll-button.right {
  right: 0;
  justify-content: flex-end;
}
app-scroll-panel .app-scroll-panel .scroll-button.right:before {
  background:
    linear-gradient(
      90deg,
      transparent,
      #000000);
}
app-scroll-panel .app-scroll-panel .scroll-button.right svg {
  margin-right: 20px;
}
app-scroll-panel .app-scroll-panel.white .scroll-button svg {
  fill: #D6232E;
  stroke: #D6232E;
}
app-scroll-panel .app-scroll-panel.white .scroll-button.left:before {
  background:
    linear-gradient(
      -90deg,
      transparent,
      #ffffff);
}
app-scroll-panel .app-scroll-panel.white .scroll-button.right:before {
  background:
    linear-gradient(
      90deg,
      transparent,
      #ffffff);
}
@media all and (max-width: 770px) {
  app-scroll-panel .app-scroll-panel .scroll-button {
    width: 40px;
  }
  app-scroll-panel .app-scroll-panel .scroll-button.left svg {
    margin-left: 10px;
  }
  app-scroll-panel .app-scroll-panel .scroll-button.right svg {
    margin-right: 10px;
  }
}
app-section-header .app-section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
}
app-section-header .app-section-header span {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-size: 32px;
  font-size: 3.2rem;
}
@media all and (max-width: 770px) {
  app-section-header .app-section-header span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
app-social-share .social-share {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 32px;
  position: relative;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #6A6F7E;
  font-size: 12px;
  font-size: 1.2rem;
}
app-social-share .social-share span {
  margin-right: 12px;
}
app-social-share .social-share a {
  display: block;
  background-color: #ffffff;
  margin-left: 8px;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
app-social-share .social-share a:first-of-type {
  margin-left: 0;
}
app-svg-icon svg {
  display: block;
}
app-team-logo {
  position: relative;
  display: block;
}
app-team-logo img {
  display: block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-team-logo:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
app-title .app-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 12px 0;
}
app-title .app-title a,
app-title .app-title span {
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 32px;
  font-size: 3.2rem;
  letter-spacing: -1px;
  text-transform: uppercase;
  vertical-align: middle;
  text-decoration: none;
  color: #000000;
}
@media only screen and (max-width: 770px) {
  app-title .app-title {
    margin: 8px 0;
  }
  app-title .app-title a,
  app-title .app-title span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.bg-black app-title .app-title a,
.bg-black app-title .app-title span,
.bg-black-01 app-title .app-title a,
.bg-black-01 app-title .app-title span {
  color: #ffffff;
}
app-trapezoid .trapezoid {
  position: relative;
  width: fit-content;
  height: fit-content;
}
app-trapezoid .trapezoid .graphics-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
app-trapezoid .trapezoid .content-container {
  position: relative;
  width: fit-content;
  height: fit-content;
}
app-video-player .video-player-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
app-video-player .video-player-container .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
app-bpp-editor-description .bpp-editor-description {
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  flex-wrap: wrap;
  flex-direction: row;
}
app-bpp-editor-description .bpp-editor-description.right {
  flex-direction: row-reverse;
}
app-bpp-editor-description .bpp-editor-description .bpp-editor-description-photo {
  position: relative;
  margin: 50px;
  width: calc(50% - 100px);
  height: fit-content;
  overflow: hidden;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-editor-description .bpp-editor-description .bpp-editor-description-photo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: #ffffff;
  mix-blend-mode: color;
}
app-bpp-editor-description .bpp-editor-description .bpp-editor-description-photo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #F2B336;
  mix-blend-mode: multiply;
}
app-bpp-editor-description .bpp-editor-description .bpp-editor-description-photo app-responsive-image img {
  width: 100%;
}
app-bpp-editor-description .bpp-editor-description .bpp-editor-description-photo .floating-decoration {
  z-index: 4;
}
app-bpp-editor-description .bpp-editor-description .bpp-editor-description-text {
  margin: 50px;
  width: calc(50% - 100px);
}
app-bpp-editor-description .bpp-editor-description .bpp-editor-description-text h4 {
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 32px;
  font-size: 3.2rem;
}
app-bpp-editor-description .bpp-editor-description .bpp-editor-description-text div {
  font-family: Lato, sans-serif;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-editor-description .bpp-editor-description .bpp-editor-description-text a {
  font-family: Lato, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #F2B336;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 770px) {
  app-bpp-editor-description .bpp-editor-description.right {
    flex-direction: row;
  }
  app-bpp-editor-description .bpp-editor-description .bpp-editor-description-photo {
    width: 100%;
    margin: 0;
  }
  app-bpp-editor-description .bpp-editor-description .bpp-editor-description-text {
    width: 100%;
    margin: 0 0 60px;
    padding: 20px;
  }
}
app-bpp-featured-articles .bpp-featured-articles {
  background-color: black;
  padding: 30px 0;
}
app-bpp-featured-articles .bpp-featured-articles .articles {
  display: grid;
  width: 100%;
  grid-gap: 32px;
  grid-template-columns: repeat(2, calc(50% - 16px));
}
app-bpp-featured-articles .bpp-featured-articles .articles + .articles {
  margin-top: 32px;
}
app-bpp-featured-articles .bpp-featured-articles .show-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: fit-content;
  margin: 32px auto 0;
  padding: 10px 32px 8px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ffffff;
  border: none;
  background: #D6232E;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
@media all and (max-width: 1202px) {
  app-bpp-featured-articles .bpp-featured-articles .articles {
    grid-gap: 24px;
    grid-template-columns: repeat(2, calc(50% - 12px));
  }
  app-bpp-featured-articles .bpp-featured-articles .articles + .articles {
    margin-top: 24px;
  }
  app-bpp-featured-articles .bpp-featured-articles .show-more-btn {
    margin: 24px auto 0;
  }
}
@media all and (max-width: 990px) {
  app-bpp-featured-articles .bpp-featured-articles .articles {
    grid-gap: 16px;
    grid-template-columns: repeat(2, calc(50% - 8px));
  }
  app-bpp-featured-articles .bpp-featured-articles .articles + .articles {
    margin-top: 16px;
  }
  app-bpp-featured-articles .bpp-featured-articles .show-more-btn {
    margin: 16px auto 0;
  }
}
@media all and (max-width: 770px) {
  app-bpp-featured-articles .bpp-featured-articles .articles {
    grid-gap: 24px;
    grid-template-columns: repeat(1, 100%);
  }
  app-bpp-featured-articles .bpp-featured-articles .articles + .articles {
    margin-top: 24px;
  }
  app-bpp-featured-articles .bpp-featured-articles .show-more-btn {
    margin: 24px auto 0;
  }
}
app-bpp-featured-articles-article .bpp-featured-articles-article {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  justify-content: stretch;
  background-color: #161617;
  height: 360px;
  text-decoration: none;
}
app-bpp-featured-articles-article .bpp-featured-articles-article .article-container {
  flex: 50% 1 0;
  flex-direction: column;
  padding: 60px 20px 40px 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
app-bpp-featured-articles-article .bpp-featured-articles-article .article-container .article-title {
  display: block;
  font-family: Lato, sans-serif;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 32px;
  color: #ffffff;
  font-size: 24px;
  font-size: 2.4rem;
}
app-bpp-featured-articles-article .bpp-featured-articles-article .article-container .article-link {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 10px 32px 8px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ffffff;
  border: none;
  background: #D6232E;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-featured-articles-article .bpp-featured-articles-article .image-container {
  flex: 50% 0 1;
  display: block;
  position: relative;
  overflow: hidden;
}
app-bpp-featured-articles-article .bpp-featured-articles-article .image-container:before {
  content: "";
  position: absolute;
  z-index: 10;
  left: -50px;
  top: 0;
  width: 100px;
  height: 100%;
  transform: skewX(15deg);
  background-color: #161617;
}
app-bpp-featured-articles-article .bpp-featured-articles-article .image-container:after {
  content: "";
  position: absolute;
  z-index: 10;
  left: 40px;
  top: 0;
  height: 100%;
  width: 50px;
  transform: skewX(15deg);
  background-color: rgba(22, 22, 23, 0.5);
  mix-blend-mode: normal;
}
app-bpp-featured-articles-article .bpp-featured-articles-article .image-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media all and (max-width: 1202px) {
  app-bpp-featured-articles-article .bpp-featured-articles-article {
    height: 300px;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .article-container {
    padding: 50px 15px 30px 35px;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .article-container .article-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .article-container .article-link {
    padding: 10px 24px 8px;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .image-container:before {
    left: -60px;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .image-container:after {
    left: 30px;
  }
}
@media all and (max-width: 990px) {
  app-bpp-featured-articles-article .bpp-featured-articles-article {
    height: 240px;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .article-container {
    padding: 40px 10px 20px 30px;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .article-container .article-title {
    line-height: 24px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .article-container .article-link {
    padding: 10px 12px 8px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .image-container:before {
    left: -65px;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .image-container:after {
    left: 10px;
  }
}
@media all and (max-width: 770px) {
  app-bpp-featured-articles-article .bpp-featured-articles-article {
    display: block;
    height: auto;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .article-container {
    flex: unset;
    align-items: flex-start;
    justify-content: center;
    padding: 24px 16px;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .article-container .article-title {
    width: 100%;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .article-container .article-link {
    margin: 24px auto 0;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .image-container {
    flex: unset;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .image-container:before,
  app-bpp-featured-articles-article .bpp-featured-articles-article .image-container:after {
    display: none;
  }
  app-bpp-featured-articles-article .bpp-featured-articles-article .image-container img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
app-bpp-hero-slider .bpp-hero-slider {
  position: relative;
}
app-bpp-hero-slider .bpp-hero-slider app-header {
  display: block;
  width: 100%;
}
app-bpp-hero-slider .bpp-hero-slider .navigation {
  position: absolute;
  bottom: 50px;
  right: 20px;
  display: flex;
  align-items: center;
  width: fit-content;
  margin: auto;
}
app-bpp-hero-slider .bpp-hero-slider .navigation svg {
  margin: 0 15px;
  vertical-align: middle;
  width: 15px;
  height: 16px;
  fill: #D6232E;
  stroke: #D6232E;
}
app-bpp-hero-slider .bpp-hero-slider .navigation svg:hover {
  fill: #ffffff;
  stroke: #ffffff;
  cursor: pointer;
}
app-bpp-hero-slider .bpp-hero-slider .navigation .item {
  position: relative;
  color: #ffffff;
}
app-bpp-hero-slider .bpp-hero-slider .navigation .item:hover {
  color: #D6232E;
  cursor: pointer;
}
app-bpp-hero-slider .bpp-hero-slider .navigation .item.active {
  color: #D6232E;
}
app-bpp-hero-slider .bpp-hero-slider .navigation .item.active:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
  background:
    linear-gradient(
      180deg,
      rgba(214, 35, 46, 0.7) 0%,
      rgba(10, 10, 11, 0) 100%);
  border-radius: 2px;
  transform: skew(20deg);
  width: 36px;
  height: 30px;
  top: -4px;
  left: 5px;
}
app-bpp-hero-slider .bpp-hero-slider .navigation .item span {
  position: relative;
  z-index: 3;
  vertical-align: middle;
  margin: 0 15px;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  font-size: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-bpp-hero-slider .bpp-hero-slider.show-only-one-slide .carousel {
  max-height: 400px;
}
app-bpp-hero-slider .bpp-hero-slider.show-only-one-slide app-header:not(:first-child) {
  visibility: hidden;
}
@media only screen and (max-width: 990px) {
  app-bpp-hero-slider .bpp-hero-slider .navigation {
    bottom: 20px;
  }
  app-bpp-hero-slider .bpp-hero-slider.show-only-one-slide .carousel {
    max-height: 270px;
  }
}
@media only screen and (max-width: 770px) {
  app-bpp-hero-slider .bpp-hero-slider .navigation {
    left: 50%;
    right: unset;
    bottom: -20px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  app-bpp-hero-slider .bpp-hero-slider.show-only-one-slide .carousel {
    max-height: 210px;
  }
}
body.ssr app-bpp-hero-slider .bpp-hero-slider .carousel app-header + app-header {
  display: none;
}
app-bpp-highlighted-text .yellow-box-container {
  position: relative;
  padding: 50px 100px;
  margin: auto;
  max-width: 800px;
  width: 75%;
  top: 50px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
}
app-bpp-highlighted-text .yellow-box-container .bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F2B336;
  overflow: hidden;
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -ms-transform: skew(15deg);
  -o-transform: skew(15deg);
  transform: skew(15deg);
}
app-bpp-highlighted-text .yellow-box-container .bg img {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -35px;
  height: 90%;
  max-height: 400px;
  -webkit-transform: skew(-15deg);
  -moz-transform: skew(-15deg);
  -ms-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  transform: skew(-15deg);
}
app-bpp-highlighted-text .yellow-box-container .content {
  position: relative;
  z-index: 2;
}
app-bpp-highlighted-text .yellow-box-container .content > p {
  margin: 0;
}
app-bpp-highlighted-text .yellow-box-container .content > p > strong {
  color: #0A0A0B;
}
app-bpp-highlighted-text .yellow-box-container .arrow {
  z-index: 3;
  position: absolute;
  right: 0;
}
app-bpp-highlighted-text .yellow-box-container .arrow.d {
  top: 0;
  right: -100px;
}
app-bpp-highlighted-text .yellow-box-container .arrow.m {
  top: -40px;
  width: 80px;
  display: none;
}
app-bpp-highlighted-text .gray-box-container {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 100px 0 50px 30px;
  max-width: 650px;
}
app-bpp-highlighted-text .gray-box-container div {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  padding: 30px 0 30px 30px;
  border-left: solid 2px #F2B336;
  color: #6A6F7E;
  font-size: 24px;
  font-size: 2.4rem;
}
app-bpp-highlighted-text .gray-box-container div p {
  margin: 16px 0 0;
}
app-bpp-highlighted-text .gray-box-container div p:first-of-type {
  margin: 0;
}
@media only screen and (max-width: 1202px) {
  app-bpp-highlighted-text .yellow-box-container {
    top: 50px;
    width: 100%;
    max-width: 1200px;
    padding: 30px 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  app-bpp-highlighted-text .yellow-box-container .bg {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
  }
  app-bpp-highlighted-text .yellow-box-container .bg img {
    left: 0;
    height: 95%;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
  }
  app-bpp-highlighted-text .yellow-box-container .arrow.d {
    display: none;
  }
  app-bpp-highlighted-text .yellow-box-container .arrow.m {
    display: block;
  }
  app-bpp-highlighted-text .gray-box-container {
    padding: 80px 10px 30px;
    max-width: unset;
  }
  app-bpp-highlighted-text .gray-box-container div {
    padding: 15px 0 15px 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
app-bpp-listing-chronicles .bpp-listing-chronicles .logo {
  display: block;
  max-width: 100%;
  max-height: 350px;
  margin: 0 auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
app-bpp-listing-chronicles .bpp-listing-chronicles .pagination {
  padding: 80px 0;
}
app-bpp-listing-chronicles .bpp-listing-chronicles .pagination svg {
  width: 25px;
  height: 11px;
  fill: #F2B336;
  stroke: #F2B336;
}
app-bpp-listing-chronicles .bpp-listing-chronicles .pagination svg:hover {
  fill: #F2B336;
  stroke: #F2B336;
}
app-bpp-listing-chronicles .bpp-listing-chronicles .pagination .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0 6px;
  background-color: #E8E7E3;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 12px;
  color: #0A0A0B;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-bpp-listing-chronicles .bpp-listing-chronicles .pagination .item:before {
  display: none;
}
app-bpp-listing-chronicles .bpp-listing-chronicles .pagination .item.active {
  color: #F2B336;
}
app-bpp-listing-chronicles .bpp-listing-chronicles .pagination .item.inactive {
  width: auto;
  margin: 0;
  background-color: transparent;
}
app-bpp-listing-chronicles .bpp-listing-chronicles .pagination .item span {
  margin: 0;
}
@media all and (max-width: 770px) {
  app-bpp-listing-chronicles .bpp-listing-chronicles .filters-overlay.visible {
    display: block !important;
  }
  app-bpp-listing-chronicles .bpp-listing-chronicles .filter-button {
    display: block;
  }
  app-bpp-listing-chronicles .bpp-listing-chronicles .filters-container {
    display: none;
  }
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box {
  display: block;
  width: 370px;
  cursor: pointer;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .image-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 204px;
  flex-grow: 0;
  flex-shrink: 0;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .image-container * {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .image-container app-responsive-image div {
  width: 100%;
  min-height: 204px;
  z-index: 1;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .image-container > div {
  background-image: url("./media/chronicle-box-mask.png");
  background-size: 100% 100%;
  z-index: 2;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .text-container {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  padding: 32px;
  background-color: #E8E7E3;
  background-image: url("./media/chronicle-box-bg.png");
  background-size: 100% 100%;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .text-container h3 {
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Bowlby One SC", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .text-container div {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .text-container div p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .text-container span {
  position: absolute;
  left: 32px;
  bottom: 32px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  text-decoration: underline;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-listing-chronicles-box .bpp-listing-chronicles-box:hover .text-container {
  background-color: #ffffff;
}
@media only screen and (max-width: 770px) {
  app-bpp-listing-chronicles-box .bpp-listing-chronicles-box {
    width: 320px;
  }
  app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .image-container {
    height: 162px;
  }
  app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .image-container img {
    min-height: 162px;
  }
  app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .text-container h3 {
    line-height: 26px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .text-container div {
    line-height: 22px;
  }
  app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .text-container div p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-listing-chronicles-box .bpp-listing-chronicles-box .text-container span {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box {
  display: block;
  width: 370px;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.1);
  -moz-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.1);
  box-shadow: 0 24px 40px rgba(127, 144, 189, 0.1);
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .image-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 204px;
  flex-grow: 0;
  flex-shrink: 0;
}
app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .image-container * {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .image-container img {
  width: 100%;
  height: 100%;
  z-index: 1;
}
app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .text-container {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  padding: 32px;
  background-color: #ffffff;
}
app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .text-container h3 {
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0A0A0B;
  white-space: normal;
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .text-container div {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .text-container div p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  white-space: normal;
}
app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .text-container span {
  position: absolute;
  left: 32px;
  bottom: 32px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #D6232E;
  text-decoration: underline;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 770px) {
  app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box {
    width: 320px;
  }
  app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .image-container {
    height: 162px;
  }
  app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .text-container h3 {
    line-height: 18px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .text-container div p {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-listing-editor-articles-box .bpp-listing-editor-articles-box .text-container span {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-bpp-listing-fan-zone-articles .bpp-listing-fan-zone-articles {
  display: block;
}
@media all and (max-width: 770px) {
  app-bpp-listing-fan-zone-articles .bpp-listing-fan-zone-articles .filters-overlay.visible {
    display: block !important;
  }
  app-bpp-listing-fan-zone-articles .bpp-listing-fan-zone-articles .filter-button {
    display: block;
  }
  app-bpp-listing-fan-zone-articles .bpp-listing-fan-zone-articles .filters-container {
    display: none;
  }
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box {
  width: 370px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .image-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 204px;
  flex-grow: 0;
  flex-shrink: 0;
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .image-container * {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .image-container img {
  width: 100%;
  height: 100%;
  z-index: 1;
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .text-container {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  padding: 32px;
  background-color: #ffffff;
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .text-container h3 {
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0A0A0B;
  white-space: normal;
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .text-container div {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .text-container div p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  white-space: normal;
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .text-container div p + p {
  display: none;
}
app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .text-container span {
  position: absolute;
  left: 32px;
  bottom: 32px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #D6232E;
  text-decoration: underline;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 770px) {
  app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box {
    width: 320px;
  }
  app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .image-container {
    height: 162px;
  }
  app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .text-container h3 {
    line-height: 18px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .text-container div p {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-listing-fan-zone-article-box .bpp-listing-fan-zone-article-box .text-container span {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-bpp-listing-matches .bpp-listing-matches {
  padding-bottom: 50px;
}
app-bpp-listing-matches .bpp-listing-matches .filters-container {
  position: relative;
  display: flex;
  color: #ffffff;
  font-family: Lato, sans-serif;
  margin: -100px 0 100px;
  z-index: 100;
}
@media only screen and (max-width: 770px) {
  app-bpp-listing-matches .bpp-listing-matches .filters-container {
    display: none;
  }
}
app-bpp-listing-multimedia-playlists .bpp-listing-multimedia-playlists {
  padding: 30px 0 50px;
}
app-bpp-listing-multimedia-playlists .bpp-listing-multimedia-playlists .multimedia-category {
  margin: 20px 0;
}
app-bpp-listing-multimedia-playlists .bpp-listing-multimedia-playlists .multimedia-category:first-of-type {
  margin-top: 0;
}
app-bpp-listing-multimedia-playlists .bpp-listing-multimedia-playlists .multimedia-category .multimedia-category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
app-bpp-listing-multimedia-playlists .bpp-listing-multimedia-playlists .multimedia-category .multimedia-category-header > a {
  border-bottom: 2px solid red;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #AFB6CA;
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
}
@media all and (max-width: 770px) {
  app-bpp-listing-multimedia-playlists .bpp-listing-multimedia-playlists {
    padding: 30px 0;
  }
  app-bpp-listing-multimedia-playlists .bpp-listing-multimedia-playlists .multimedia-category .multimedia-category-header > a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
app-bpp-listing-tv-programs-playlist .search-container {
  margin: -100px 0 30px;
  font-family: Lato, sans-serif;
}
app-bpp-listing-tv-programs-playlist .search-container form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 550px;
  padding: 0 30px;
  z-index: 100;
}
app-bpp-listing-tv-programs-playlist .search-container form label {
  flex-grow: 1;
  position: relative;
  height: 52px;
  margin-right: 10px;
}
app-bpp-listing-tv-programs-playlist .search-container form label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transform: skew(20deg);
  z-index: 0;
  border: solid 1px #f1f0ec;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 10px 40px rgba(127, 144, 189, 0.15);
  -moz-box-shadow: 0 10px 40px rgba(127, 144, 189, 0.15);
  box-shadow: 0 10px 40px rgba(127, 144, 189, 0.15);
}
app-bpp-listing-tv-programs-playlist .search-container form label input {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 52px;
  padding: 0 30px;
  outline: none;
  border: none;
  background-color: transparent;
  caret-color: #AFB6CA;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-listing-tv-programs-playlist .search-container form label input::placeholder {
  font-weight: 400;
  color: #AFB6CA;
}
app-bpp-listing-tv-programs-playlist .search-container form button {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  height: 52px;
  width: 80px;
  border: none;
  outline: none;
  cursor: pointer;
}
app-bpp-listing-tv-programs-playlist .search-container form button:before {
  content: "";
  background-color: #D6232E;
  width: 100%;
  height: 100%;
  transform: skew(20deg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 3px;
}
app-bpp-listing-tv-programs-playlist .search-container form button app-svg-icon {
  position: relative;
  z-index: 1;
}
app-bpp-listing-tv-programs-playlist .search-container form button app-svg-icon svg {
  width: 24px;
}
@media all and (max-width: 990px) {
  app-bpp-listing-tv-programs-playlist .search-container form {
    width: 400px;
  }
  app-bpp-listing-tv-programs-playlist .search-container form label {
    height: 40px;
  }
  app-bpp-listing-tv-programs-playlist .search-container form label input {
    height: 40px;
    line-height: 18px;
    letter-spacing: 0.4px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-listing-tv-programs-playlist .search-container form button {
    width: 60px;
    height: 40px;
  }
  app-bpp-listing-tv-programs-playlist .search-container form button app-svg-icon svg {
    width: 20px;
  }
}
@media all and (max-width: 770px) {
  app-bpp-listing-tv-programs-playlist .search-container {
    margin: -70px 0 30px;
  }
  app-bpp-listing-tv-programs-playlist .search-container form {
    width: 300px;
    margin: 0 auto;
  }
  app-bpp-listing-tv-programs-playlist .search-container form label {
    height: 40px;
  }
  app-bpp-listing-tv-programs-playlist .search-container form label input {
    height: 40px;
    line-height: 18px;
    letter-spacing: 0.4px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-listing-tv-programs-playlist .search-container form button {
    width: 60px;
    height: 40px;
  }
  app-bpp-listing-tv-programs-playlist .search-container form button app-svg-icon svg {
    width: 20px;
  }
}
app-bpp-listing-tv-programs-playlist .bpp-listing-tv-programs-playlists {
  padding: 30px 0 50px;
}
app-bpp-listing-tv-programs-playlist .bpp-listing-tv-programs-playlists .tv-program-category {
  margin: 20px 0;
}
app-bpp-listing-tv-programs-playlist .bpp-listing-tv-programs-playlists .tv-program-category:first-of-type {
  margin-top: 0;
}
@media all and (max-width: 770px) {
  app-bpp-listing-tv-programs-playlist .bpp-listing-tv-programs-playlists {
    padding: 30px 0;
  }
}
app-bpp-listing-video-library-groups .bpp-listing-video-library-groups {
  padding: 30px 0 50px;
}
app-bpp-listing-video-library-groups .bpp-listing-video-library-groups .filters-container {
  position: relative;
  display: flex;
  color: #ffffff;
  font-family: Lato, sans-serif;
  margin: -100px 0 0;
  z-index: 100;
}
app-bpp-listing-video-library-groups .bpp-listing-video-library-groups .video-library-group {
  margin: 20px 0;
}
app-bpp-listing-video-library-groups .bpp-listing-video-library-groups .video-library-group:first-of-type {
  margin-top: 0;
}
app-bpp-listing-video-library-groups .bpp-listing-video-library-groups .video-library-group .video-library-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
app-bpp-listing-video-library-groups .bpp-listing-video-library-groups .video-library-group .video-library-group-header > a {
  border-bottom: 2px solid red;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #AFB6CA;
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 770px) {
  app-bpp-listing-video-library-groups .bpp-listing-video-library-groups {
    padding: 30px 0;
  }
  app-bpp-listing-video-library-groups .bpp-listing-video-library-groups .filters-container {
    display: none;
  }
  app-bpp-listing-video-library-groups .bpp-listing-video-library-groups .video-library-group .video-library-group-header > a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
app-bpp-match-timeline {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-bpp-match-timeline .bpp-match-timeline {
  padding: 50px 0;
}
app-bpp-match-timeline .bpp-match-timeline app-section-header span {
  color: #ffffff;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container {
  display: flex;
  margin: 100px auto 130px;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-events-container {
  flex-basis: calc(100% - 860px);
  flex-grow: 0;
  flex-shrink: 0;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container {
  position: relative;
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  height: fit-content;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .match-summary-shirt {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 10;
  max-width: 52px;
  max-height: 52px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-buttons-container {
  position: absolute;
  width: 100%;
  top: -75px;
  z-index: 5;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  color: #AFB6CA;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-buttons-container > span {
  display: block;
  margin-bottom: 7px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-buttons-container > div {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-buttons-container > div button {
  width: 200px;
  padding: 5px;
  min-height: 32px;
  border: none;
  color: #ffffff;
  background-color: #222223;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-buttons-container > div button.active {
  background-color: #D6232E;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container {
  display: flex;
  align-items: center;
  position: absolute;
  top: -40px;
  height: 68px;
  z-index: 5;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container img {
  position: relative;
  z-index: 10;
  height: 68px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container .score {
  position: relative;
  z-index: 5;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  padding: 0 25px;
  font-size: 24px;
  font-size: 2.4rem;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container .score:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 4px 12px rgba(10, 10, 11, 0.1);
  -moz-box-shadow: 0 4px 12px rgba(10, 10, 11, 0.1);
  box-shadow: 0 4px 12px rgba(10, 10, 11, 0.1);
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container .score span {
  position: relative;
  z-index: 2;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container.host {
  left: 25px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container.host .score {
  margin-left: -10px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container.host .score:before {
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -ms-transform: skew(25deg);
  -o-transform: skew(25deg);
  transform: skew(25deg);
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container.guest {
  right: 25px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container.guest .score {
  margin-right: -10px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container.guest .score:before {
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg);
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-formation-container {
  position: absolute;
  z-index: 5;
  top: 0;
  width: 100%;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-formation-container div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 154px;
  height: 32px;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-formation-container div:before {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  right: 45%;
  width: 80px;
  height: 32px;
  background-color: #ffffff;
  -webkit-transform: skew(25deg);
  -moz-transform: skew(25deg);
  -ms-transform: skew(25deg);
  -o-transform: skew(25deg);
  transform: skew(25deg);
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-formation-container div:after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  left: 45%;
  width: 80px;
  height: 32px;
  background-color: #ffffff;
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg);
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-formation-container div span {
  position: relative;
  z-index: 5;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .referee-container {
  display: table;
  position: absolute;
  z-index: 5;
  right: -5px;
  bottom: -2px;
  width: fit-content;
  overflow: hidden;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .referee-container:before {
  content: "";
  position: absolute;
  z-index: 1;
  right: -15px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 4px 12px rgba(10, 10, 11, 0.1);
  -moz-box-shadow: 0 4px 12px rgba(10, 10, 11, 0.1);
  box-shadow: 0 4px 12px rgba(10, 10, 11, 0.1);
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg);
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .referee-container div {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  z-index: 2;
  font-family: Oxanium, sans-serif;
  font-size: 10px;
  font-weight: 600;
  padding: 15px 15px 15px 35px;
  color: #D1D3E1;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .referee-container div span {
  color: #0A0A0B;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .reserve-players-container {
  position: absolute;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: calc(100% + 25px);
  z-index: 1;
  width: 100%;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .reserve-players-container .reserve-players {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .reserve-players-container .reserve-players app-bpp-match-timeline-large-field-player {
  margin: 0 20px 10px 0;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .reserve-players-container .reserve-players app-bpp-match-timeline-large-field-player:last-of-type {
  margin-right: 0;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .reserve-players-container .reserve-players app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-box {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .reserve-players-container .reserve-players app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-box.highlighted {
  background-color: rgba(255, 255, 255, 0.45) !important;
}
app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .reserve-players-container .trainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 50px;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container {
  display: none;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 10px;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column {
  flex-basis: 50%;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  font-size: 10px;
  color: #ffffff;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column > div > span {
  color: #AFB6CA;
  margin-right: 20px;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column .trainer-container {
  display: flex;
  align-items: center;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column.reserve-players-container {
  flex-basis: 50%;
  padding-left: 20px;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column.reserve-players-container:before,
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column.reserve-players-container:after {
  content: " ";
  display: table;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column.reserve-players-container:after {
  clear: both;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column.reserve-players-container app-bpp-match-timeline-small-field-substitute-player {
  float: right;
  margin-bottom: 15px;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column.reserve-players-container app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-number {
  width: 35px;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column.reserve-players-container app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-name {
  width: 120px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.2) !important;
}
app-bpp-match-timeline .bpp-match-timeline .match-bottom-container .match-bottom-container-column.reserve-players-container app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-name.highlighted {
  background-color: #ffffff !important;
  color: #000000;
}
app-bpp-match-timeline .bpp-match-timeline .desktop,
app-bpp-match-timeline .bpp-match-timeline .mobile {
  position: relative;
}
app-bpp-match-timeline .bpp-match-timeline .mobile {
  display: none;
}
@media all and (max-width: 1168px) {
  app-bpp-match-timeline .bpp-match-timeline {
    padding: 40px 0 10px;
    overflow: hidden;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container {
    max-width: 600px;
    width: 100%;
    margin: 140px auto 30px;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container {
    max-width: unset;
    width: 100%;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-buttons-container {
    top: -95px;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-buttons-container div button {
    width: 50%;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container {
    top: -25px;
    height: 40px;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container .flag {
    height: 40px;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container.host {
    left: 10px;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-info-container.guest {
    right: 10px;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-formation-container {
    top: unset;
    bottom: 0;
    width: 100%;
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-formation-container div:before {
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    transform: skew(-25deg);
  }
  app-bpp-match-timeline .bpp-match-timeline .match-top-container .match-field-container .team-formation-container div:after {
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -ms-transform: skew(25deg);
    -o-transform: skew(25deg);
    transform: skew(25deg);
  }
  app-bpp-match-timeline .bpp-match-timeline .match-bottom-container {
    display: flex;
  }
  app-bpp-match-timeline .bpp-match-timeline .desktop {
    display: none !important;
  }
  app-bpp-match-timeline .bpp-match-timeline .mobile {
    display: block !important;
  }
}
.bpp-match-timeline-event {
  width: 100%;
}
.bpp-match-timeline-event.event-goal,
.bpp-match-timeline-event.event-red-card,
.bpp-match-timeline-event.event-substitution,
.bpp-match-timeline-event.event-yellow-card-1,
.bpp-match-timeline-event.event-yellow-card-2 {
  cursor: pointer;
}
.bpp-match-timeline-event.event-regular {
  cursor: inherit;
}
.bpp-match-timeline-event .event-details {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin-top: 5px;
  padding: 10px;
  background: #FAFBFE;
  border: 1px dashed #D1D3E1;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.bpp-match-timeline-event .event-details .event-players {
  margin-right: 6px;
  flex-basis: 100%;
}
.bpp-match-timeline-event .event-details .event-players .event-player {
  display: flex;
  align-items: center;
}
.bpp-match-timeline-event .event-details .event-players .event-player svg {
  margin-right: 10px;
  flex-shrink: 0;
}
.bpp-match-timeline-event .event-details .event-players .event-player span {
  flex-basis: 100%;
}
.bpp-match-timeline-event .event-details .event-team {
  margin-left: 6px;
}
.bpp-match-timeline-event .event-details .event-team img {
  display: block;
  height: 18px;
}
app-bpp-match-timeline-item-button .bpp-match-timeline-item-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 5px;
  border: 2px solid #000000;
  background-color: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #0A0A0B;
  font-size: 10px;
  font-size: 1rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-bpp-match-timeline-item-button .bpp-match-timeline-item-button svg {
  fill: #0A0A0B;
  width: 16px;
  height: 16px;
}
app-bpp-match-timeline-item-button .bpp-match-timeline-item-button.selected {
  color: #ffffff;
  background: #D6232E;
  border-color: #D6232E;
}
app-bpp-match-timeline-item-button .bpp-match-timeline-item-button.selected svg {
  fill: #ffffff;
}
app-bpp-match-timeline-item-events {
  display: block;
  width: 100%;
}
app-bpp-match-timeline-item-events .bpp-match-timeline-item-events {
  padding-top: 5px;
  font-family: Lato, sans-serif;
  font-style: normal;
  letter-spacing: 0.2px;
  color: #6A6F7E;
  font-size: 12px;
  font-size: 1.2rem;
}
app-bpp-match-timeline-item-events .bpp-match-timeline-item-events.selected {
  font-weight: bold;
  color: #0A0A0B;
}
app-bpp-match-timeline-item-events .bpp-match-timeline-item-events > * {
  display: block;
  margin-top: 15px;
}
app-bpp-match-timeline-item-events .bpp-match-timeline-item-events > *:first-child {
  margin-top: 0;
}
app-bpp-match-timeline-item-events .bpp-match-timeline-item-events app-svg-icon.own-goal svg {
  stroke: #D6232E;
}
app-bpp-match-timeline-item-events .match-timeline-content {
  padding: 0 10px;
  width: 100%;
  height: 100%;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #6A6F7E;
}
app-bpp-match-timeline-item-events .match-timeline-content * {
  vertical-align: middle;
}
app-bpp-match-timeline-item-events .match-timeline-content-dashed {
  display: table;
  min-height: 50px;
  margin-top: 10px;
  width: 100%;
  padding: 10px;
  background: #FAFBFE;
  border: 1px dashed #D1D3E1;
  border-radius: 2px;
}
app-bpp-match-timeline-item-events .match-timeline-flag {
  width: 40px;
  float: right;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop {
  padding-right: 5px;
  position: relative;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop:after {
  content: "";
  position: absolute;
  z-index: 10;
  right: 10px;
  bottom: 0;
  left: 0;
  height: 50px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #ffffff);
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container {
  width: calc(100% + 10px);
  margin-left: -10px;
  height: 540px;
  padding: 24px 24px 35px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container::-webkit-scrollbar {
  width: 3px;
  background: #0A0A0B;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container::-webkit-scrollbar-track {
  background: #FAFBFE;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container::-webkit-scrollbar-thumb {
  width: 2px;
  background: #888888;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container::-webkit-scrollbar-thumb:hover {
  background: #555555;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-title {
  margin: 0 0 16px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-description {
  margin: 0 0 16px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #6A6F7E;
  letter-spacing: 0.5px;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-description .row {
  display: flex;
  align-items: flex-start;
  margin: 0 0 0 5px;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-description .row + .row {
  margin: 16px 0 0 5px;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-description .row > i {
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-description .row > i::before {
  content: "\2022";
  color: #D6232E;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-description .row > span {
  flex-basis: 100%;
  flex-shrink: 1;
  margin-left: 25px;
  line-height: 120%;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-description .row > span span {
  font-weight: bold;
  color: #D6232E;
  cursor: pointer;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-item {
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
  margin: 0 -24px;
  padding: 10px 16px;
  cursor: pointer;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-item:hover {
  background-color: #F1F2F9;
}
app-bpp-match-timeline-items-desktop .bpp-match-timeline-items-desktop .items-container .timeline-item app-bpp-match-timeline-item-button .bpp-match-timeline-item-button {
  margin: 0 15px 0 0;
}
app-bpp-match-timeline-items-mobile .bpp-match-timeline-items-mobile .item-container {
  width: 100%;
}
app-bpp-match-timeline-items-mobile .bpp-match-timeline-items-mobile .item-container app-bpp-match-timeline-item-events {
  display: block;
  margin-top: 5px;
  padding: 24px 16px;
  background-color: #F1F2F9;
  cursor: default;
}
app-bpp-match-timeline-items-mobile .bpp-match-timeline-items-mobile .items-container {
  display: flex;
  width: 100%;
  padding: 10px 0;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}
app-bpp-match-timeline-items-mobile .bpp-match-timeline-items-mobile .items-container::-webkit-scrollbar {
  height: 3px;
  background: #0A0A0B;
}
app-bpp-match-timeline-items-mobile .bpp-match-timeline-items-mobile .items-container::-webkit-scrollbar-track {
  background: #FAFBFE;
}
app-bpp-match-timeline-items-mobile .bpp-match-timeline-items-mobile .items-container::-webkit-scrollbar-thumb {
  height: 2px;
  background: #888888;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-match-timeline-items-mobile .bpp-match-timeline-items-mobile .items-container::-webkit-scrollbar-thumb:hover {
  background: #555555;
}
app-bpp-match-timeline-large-field .bpp-match-timeline-large-field {
  position: relative;
}
app-bpp-match-timeline-large-field .bpp-match-timeline-large-field .formations {
  position: absolute;
  top: 0;
  right: 100px;
  bottom: 0;
  left: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
app-bpp-match-timeline-large-field .bpp-match-timeline-large-field .formations .formation {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
app-bpp-match-timeline-large-field .bpp-match-timeline-large-field .formations .formation .empty-slot {
  width: 44px;
  height: 44px;
}
app-bpp-match-timeline-large-field .bpp-match-timeline-large-field.reversed .formations {
  right: 10px;
  left: 100px;
  flex-direction: row-reverse;
}
app-bpp-match-timeline-large-field .bpp-match-timeline-large-field.reversed .formations .formation {
  flex-direction: column-reverse;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player {
  position: relative;
  height: 44px;
  width: fit-content;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-box {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 32px;
  margin-top: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  transform: skewX(20deg);
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-box.highlighted {
  background-color: #000000;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  top: 0;
  margin-right: 10px;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .shirt-image-container {
  text-align: center;
  position: relative;
  margin-right: 10px;
  margin-left: 5px;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .shirt-image-container img {
  display: block;
  height: 44px;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .shirt-image-container .shirt-number {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 0 0 2px #000000;
  font-size: 12px;
  font-size: 1.2rem;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .shirt-image-container.bright-shirt .shirt-number {
  color: #000000;
  text-shadow: none;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-name {
  position: relative;
  width: min-content;
  word-wrap: break-word;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  color: #ffffff;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-name span {
  display: block;
  white-space: nowrap;
  z-index: 10;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-captain {
  position: absolute;
  left: 0;
  bottom: -9px;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-captain div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  background-color: #D6232E;
  border-radius: 50%;
  text-align: center;
  padding-top: 1px;
  color: #ffffff;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events {
  position: absolute;
  right: -17px;
  bottom: -9px;
  display: flex;
  align-items: center;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  margin-left: -4px;
  background-color: #000000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-goal] svg {
  width: 10px;
  height: 10px;
  stroke: #ffffff;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-goal].own-goal svg {
  stroke: #D6232E;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-goal-penalty] svg {
  width: 10px;
  height: 10px;
  stroke: #ffffff;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-goal-penalty] svg g path {
  fill: #ffffff;
}
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-yellow-card-1] svg,
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-yellow-card-2] svg,
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-red-card] svg,
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-substitution-in] svg,
app-bpp-match-timeline-large-field-player .bpp-match-timeline-large-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-substitution-out] svg {
  width: 10px;
  height: 12px;
}
app-bpp-match-timeline-small-field .bpp-match-timeline-small-field {
  position: relative;
}
app-bpp-match-timeline-small-field .bpp-match-timeline-small-field .formations {
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 5px;
  left: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}
app-bpp-match-timeline-small-field .bpp-match-timeline-small-field .formations .formation {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
app-bpp-match-timeline-small-field .bpp-match-timeline-small-field .formations .formation .empty-slot {
  width: 10px;
  height: 10px;
}
app-bpp-match-timeline-small-field-player {
  display: block;
  max-width: 18%;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player {
  position: relative;
  width: fit-content;
  max-width: 100%;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-box {
  display: none;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 32px;
  margin-top: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  transform: skewX(20deg);
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-box.highlighted {
  background-color: #000000;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .shirt-image-container {
  text-align: center;
  position: relative;
  width: fit-content;
  margin: 0 auto 5px;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .shirt-image-container img {
  display: block;
  height: 32px;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .shirt-image-container .shirt-number {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 0 0 2px #000000;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .shirt-image-container.bright-shirt .shirt-number {
  color: #000000;
  text-shadow: none;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-name {
  position: relative;
  width: 105px;
  max-width: 100%;
  padding: 2px 5px;
  transform: skewX(20deg);
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  color: #ffffff;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-name.highlighted {
  background-color: #ffffff;
  color: #000000;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-name span {
  display: block;
  width: 100%;
  transform: skewX(-20deg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  z-index: 10;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-captain {
  position: absolute;
  left: 0;
  bottom: -16px;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-captain div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  background-color: #D6232E;
  border-radius: 50%;
  text-align: center;
  padding-top: 1px;
  color: #ffffff;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events {
  position: absolute;
  right: -5px;
  bottom: -16px;
  display: flex;
  align-items: center;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  margin-left: -4px;
  background-color: #000000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-goal] svg {
  width: 10px;
  height: 10px;
  stroke: #ffffff;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-goal].own-goal svg {
  stroke: #D6232E;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-goal-penalty] svg {
  width: 10px;
  height: 10px;
  stroke: #ffffff;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-goal-penalty] svg g path {
  fill: #ffffff;
}
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-yellow-card-1] svg,
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-yellow-card-2] svg,
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-red-card] svg,
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-substitution-in] svg,
app-bpp-match-timeline-small-field-player .bpp-match-timeline-small-field-player .player-info .player-events div app-svg-icon[name=match-timeline-icon-substitution-out] svg {
  width: 10px;
  height: 12px;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player {
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .bg-container {
  position: relative;
  transform: skewX(20deg);
  width: fit-content;
  display: inline-block;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .bg-container p {
  transform: skew(-20deg);
  margin: 5px 2px 3px;
  white-space: nowrap;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 8px;
  font-size: 0.8rem;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-number {
  position: relative;
  width: 35px;
  background-color: #D6232E;
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-number.highlighted {
  background-color: #FFF6F7;
  color: #000000;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-number .player-name-tooltip {
  display: none;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-name {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-name.highlighted {
  background-color: #ffffff;
  color: #000000;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-captain {
  position: absolute;
  left: -5px;
  bottom: -15px;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-captain div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  background-color: #D6232E;
  border-radius: 50%;
  text-align: center;
  padding-top: 1px;
  color: #ffffff;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events {
  position: absolute;
  right: -5px;
  bottom: -15px;
  display: flex;
  align-items: center;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  margin-left: -4px;
  background-color: #000000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div app-svg-icon[name=match-timeline-icon-goal] svg {
  width: 10px;
  height: 10px;
  stroke: #ffffff;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div app-svg-icon[name=match-timeline-icon-goal].own-goal svg {
  stroke: #D6232E;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div app-svg-icon[name=match-timeline-icon-goal-penalty] svg {
  width: 10px;
  height: 10px;
  stroke: #ffffff;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div app-svg-icon[name=match-timeline-icon-goal-penalty] svg g path {
  fill: #ffffff;
}
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div app-svg-icon[name=match-timeline-icon-yellow-card-1] svg,
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div app-svg-icon[name=match-timeline-icon-yellow-card-2] svg,
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div app-svg-icon[name=match-timeline-icon-red-card] svg,
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div app-svg-icon[name=match-timeline-icon-substitution-in] svg,
app-bpp-match-timeline-small-field-substitute-player .bpp-match-timeline-small-field-substitute-player .player-events div app-svg-icon[name=match-timeline-icon-substitution-out] svg {
  width: 10px;
  height: 12px;
}
app-bpp-match-timeline-trainer .bpp-match-timeline-trainer {
  position: relative;
  display: flex;
  align-items: center;
}
app-bpp-match-timeline-trainer .bpp-match-timeline-trainer .bg {
  position: absolute;
  top: 15%;
  left: -10%;
  width: 120%;
  height: 70%;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
}
app-bpp-match-timeline-trainer .bpp-match-timeline-trainer .image {
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 22px;
  -webkit-border-radius: 22px;
}
app-bpp-match-timeline-trainer .bpp-match-timeline-trainer .image img {
  display: block;
  width: 100%;
}
app-bpp-match-timeline-trainer .bpp-match-timeline-trainer .name {
  padding: 10px;
  white-space: nowrap;
  font-family: Oxanium, sans-serif;
  font-weight: 600;
  font-size: 10px;
  font-size: 1rem;
  color: #ffffff;
}
app-bpp-match-timeline-trainer .bpp-match-timeline-trainer .name span {
  display: block;
  color: #AFB6CA;
}
app-bpp-mixed-teaser-tiles .bpp-mixed-teaser-tiles {
  padding: 10px 0;
  height: fit-content;
}
app-bpp-mixed-teaser-tiles .bpp-mixed-teaser-tiles app-title .app-title span {
  color: #fff !important;
}
app-bpp-mixed-teaser-tiles .bpp-mixed-teaser-tiles:first-of-type {
  margin-top: 0;
}
app-bpp-mixed-teaser-tiles .bpp-mixed-teaser-tiles .bpp-mixed-teaser-tiles-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
app-bpp-mixed-teaser-tiles:last-child .bpp-mixed-teaser-tiles {
  padding-bottom: 50px;
}
.bpp-on-old-pages {
  margin: 50px auto;
}
.bpp-on-old-pages .title-contaienr {
  display: flex;
  justify-content: center;
}
.bpp-on-old-pages .scroll-container {
  display: flex;
  height: 460px;
}
.bpp-on-old-pages .scroll-container span {
  display: inline-block;
  flex-shrink: 0;
  width: 120px;
  height: 100%;
}
.bpp-on-old-pages .scroll-container app-responsive-image img {
  flex-shrink: 0;
  width: auto;
  height: 460px;
  margin-left: 24px;
}
.bpp-on-old-pages .scroll-container app-responsive-image:first-of-type img {
  margin-left: 0;
}
@media (max-width: 770px) {
  .bpp-on-old-pages {
    margin: 30px auto;
  }
  .bpp-on-old-pages .scroll-container {
    height: 340px;
  }
  .bpp-on-old-pages .scroll-container span {
    display: none;
  }
  .bpp-on-old-pages .scroll-container app-responsive-image img {
    margin-left: 6px;
    height: 340px;
  }
  .bpp-on-old-pages .scroll-container app-responsive-image:first-of-type img {
    margin-left: 0;
  }
}
app-bpp-people-comparison .bpp-people-comparison {
  margin: 50px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-bpp-people-comparison .bpp-people-comparison .title-container {
  display: flex;
  justify-content: center;
}
app-bpp-people-comparison .bpp-people-comparison .players-container {
  display: flex;
}
app-bpp-people-comparison .bpp-people-comparison .players-container::-webkit-scrollbar {
  height: 3px;
  background: #0A0A0B;
}
app-bpp-people-comparison .bpp-people-comparison .players-container::-webkit-scrollbar-track {
  background: #FAFBFE;
}
app-bpp-people-comparison .bpp-people-comparison .players-container::-webkit-scrollbar-thumb {
  height: 2px;
  background: #888888;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-people-comparison .bpp-people-comparison .players-container::-webkit-scrollbar-thumb:hover {
  background: #555555;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container {
  display: flex;
  width: 50%;
  align-items: stretch;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person {
  display: flex;
  width: 100%;
  max-width: 550px;
  align-items: stretch;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person {
  position: relative;
  display: flex;
  width: 100%;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  max-height: 520px;
  z-index: 1;
  overflow: hidden;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .bg app-responsive-image {
  position: static;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .bg img {
  position: absolute;
  top: 0;
  mix-blend-mode: luminosity;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .bg img.desktop {
  width: auto;
  height: 100%;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .bg img.mobile {
  width: 100%;
  height: auto;
  mask-image:
    linear-gradient(
      180deg,
      #000000,
      transparent);
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .bg .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  mix-blend-mode: multiply;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .bg .gradient {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  color: #ffffff;
  width: 300px;
  font-family: Lato, sans-serif;
  font-weight: normal;
  white-space: normal;
  margin: 40px 30px 20px;
  z-index: 2;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .position {
  position: relative;
  width: fit-content;
  flex-grow: 0;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .position span {
  display: block;
  padding: 10px 25px 10px 15px;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .name {
  margin-top: 16px;
  flex-grow: 0;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-size: 32px;
  font-size: 3.2rem;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .description {
  margin-bottom: 16px;
  flex-grow: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container {
  background-color: #ffffff;
  color: #6A6F7E;
  flex-grow: 1;
  width: calc(100% + 20px);
  margin: 0 -10px;
  font-family: Lato, sans-serif;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.2px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.1);
  -moz-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.1);
  box-shadow: 0 24px 40px rgba(127, 144, 189, 0.1);
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-text {
  padding: 18px 24px;
  font-size: 14px;
  font-size: 1.4rem;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-text p {
  margin: 0;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-text p + p {
  margin-top: 16px;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-data {
  padding: 18px 24px;
  font-weight: bold;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-data .data-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-data .data-row .data-name {
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-data .data-row .data-value {
  flex: 30px 1 1;
  text-align: right;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left {
  justify-content: flex-end;
  margin-right: 10px;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person {
  justify-content: flex-end;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .bg img {
  left: 0;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .bg img.desktop {
  mask-image:
    linear-gradient(
      90deg,
      #000000,
      transparent);
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .bg .mask {
  background-color: #D6232E;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .bg .gradient {
  background:
    linear-gradient(
      270deg,
      #D6232E 0.16%,
      rgba(214, 35, 46, 0) 99.81%);
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .data {
  align-items: flex-end;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .data .position span {
  padding: 10px 15px 10px 25px;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .data .name,
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .data .description {
  text-align: right;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-data .data-value {
  color: #D6232E;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right {
  margin-left: 10px;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right app-bpp-people-comparison-person .bpp-people-comparison-person {
  justify-content: flex-start;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right app-bpp-people-comparison-person .bpp-people-comparison-person .bg img {
  right: 0;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right app-bpp-people-comparison-person .bpp-people-comparison-person .bg img.desktop {
  mask-image:
    linear-gradient(
      270deg,
      #000000,
      transparent);
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right app-bpp-people-comparison-person .bpp-people-comparison-person .bg .mask {
  background: #F2B336;
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right app-bpp-people-comparison-person .bpp-people-comparison-person .bg .gradient {
  background:
    linear-gradient(
      90deg,
      #F2B336 0.16%,
      rgba(242, 179, 54, 0) 99.81%);
}
app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-data .data-value {
  color: #F2B336;
}
@media only screen and (max-width: 770px) {
  app-bpp-people-comparison .bpp-people-comparison {
    margin: 30px 0;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container {
    overflow-x: auto;
    overflow-y: hidden;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container {
    min-width: 300px;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person {
    width: 300px;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .bg {
    height: 392px;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data {
    width: 100%;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .position {
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .position span {
    display: block;
    padding: 10px 25px 10px 20px;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .name {
    font-size: 24px;
    font-size: 2.4rem;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .description {
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container {
    line-height: 18px;
    width: calc(100% + 10px);
    margin: 0 -5px;
    -webkit-box-shadow: 0 18px 30px rgba(127, 144, 189, 0.1);
    -moz-box-shadow: 0 18px 30px rgba(127, 144, 189, 0.1);
    box-shadow: 0 18px 30px rgba(127, 144, 189, 0.1);
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-text {
    padding: 14px 18px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-data {
    padding: 10px 18px;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-data .data-row .data-name {
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container app-bpp-people-comparison-person .bpp-people-comparison-person .data .comparison-container.comparison-data .data-row .data-value {
    font-size: 16px;
    font-size: 1.6rem;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person {
    justify-content: center;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .bg .gradient {
    background:
      linear-gradient(
        0deg,
        #D6232E 0.16%,
        rgba(214, 35, 46, 0) 99.81%);
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.left app-bpp-people-comparison-person .bpp-people-comparison-person .data {
    margin: 130px 16px 40px;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right app-bpp-people-comparison-person .bpp-people-comparison-person {
    justify-content: center;
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right app-bpp-people-comparison-person .bpp-people-comparison-person .bg .gradient {
    background:
      linear-gradient(
        0deg,
        #F2B336 0.16%,
        rgba(242, 179, 54, 0) 99.81%);
  }
  app-bpp-people-comparison .bpp-people-comparison .players-container .player-container.right app-bpp-people-comparison-person .bpp-people-comparison-person .data {
    margin: 130px 16px 40px;
  }
}
app-bpp-promotional-banner .content-wrapper {
  padding: 40px 0;
}
@media only screen and (max-width: 990px) {
  app-bpp-promotional-banner .content-wrapper {
    padding: 20px 0;
  }
}
app-bpp-promotional-banner .bpp-promotional-banner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 40px 50px;
  background-color: #ffffff;
}
app-bpp-promotional-banner .bpp-promotional-banner .photo-container {
  position: relative;
  height: 400px;
  margin-right: -250px;
}
app-bpp-promotional-banner .bpp-promotional-banner .photo-container img {
  position: relative;
  height: 400px;
}
app-bpp-promotional-banner .bpp-promotional-banner .photo-container:after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  height: 200px;
  background:
    linear-gradient(
      180deg,
      rgba(10, 10, 11, 0) 0%,
      #0A0A0B 100%);
}
app-bpp-promotional-banner .bpp-promotional-banner .text-container {
  flex-grow: 1;
  flex-shrink: 1;
  margin-right: 24px;
}
app-bpp-promotional-banner .bpp-promotional-banner .text-container > div {
  margin-bottom: 16px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 48px;
  font-size: 4.8rem;
}
app-bpp-promotional-banner .bpp-promotional-banner .text-container > span {
  display: block;
  margin-bottom: 32px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #191723;
  font-size: 24px;
  font-size: 2.4rem;
}
app-bpp-promotional-banner .bpp-promotional-banner .text-container > span p {
  margin: 0;
}
@media only screen and (max-width: 990px) {
  app-bpp-promotional-banner .bpp-promotional-banner {
    flex-direction: column-reverse;
    margin: 25vw auto 0;
    padding: 0 20px 40px;
  }
  app-bpp-promotional-banner .bpp-promotional-banner .photo-container {
    width: 100%;
    margin: -25vw auto 30px;
    height: auto;
  }
  app-bpp-promotional-banner .bpp-promotional-banner .photo-container img {
    width: 100%;
    height: auto;
  }
  app-bpp-promotional-banner .bpp-promotional-banner .photo-container:after {
    display: none;
  }
  app-bpp-promotional-banner .bpp-promotional-banner .text-container {
    margin: 0;
  }
  app-bpp-promotional-banner .bpp-promotional-banner .text-container > div {
    margin-bottom: 8px;
    line-height: 38px;
    letter-spacing: -1px;
    font-size: 32px;
    font-size: 3.2rem;
  }
  app-bpp-promotional-banner .bpp-promotional-banner .text-container > span {
    line-height: 28px;
    letter-spacing: 0.4px;
    font-size: 20px;
    font-size: 2rem;
  }
}
app-bpp-quote-with-image .bpp-quote-with-image {
  position: relative;
  margin: 50px 0;
  padding: 50px 0;
}
app-bpp-quote-with-image .bpp-quote-with-image .arrow-bwi {
  display: none;
  position: absolute;
  z-index: 5;
  top: 0;
  left: -3px;
  width: 20%;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
app-bpp-quote-with-image .bpp-quote-with-image .cross-p {
  display: none;
  position: absolute;
  top: -65px;
  left: 30px;
  width: 80px;
  z-index: 10;
}
app-bpp-quote-with-image .bpp-quote-with-image .circle-p {
  display: none;
  position: absolute;
  top: -55px;
  right: 30px;
  width: 120px;
  z-index: 10;
}
app-bpp-quote-with-image .bpp-quote-with-image .content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
app-bpp-quote-with-image .bpp-quote-with-image .content app-common-quote {
  width: 100%;
}
app-bpp-quote-with-image .bpp-quote-with-image .content app-common-quote + app-common-quote {
  margin-top: 50px;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .quote {
  font-family: Oxanium, sans-serif;
  font-style: normal;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .quote p {
  margin: 0;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .author {
  font-family: Lato, sans-serif;
  font-style: normal;
  text-transform: uppercase;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .source {
  font-family: Lato, sans-serif;
  font-style: normal;
  text-transform: uppercase;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container {
  position: relative;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image {
  position: relative;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image:before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffffff;
  mix-blend-mode: color;
  z-index: 2;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #F2B336;
  mix-blend-mode: color;
  z-index: 3;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image.desktop {
  display: block;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image.mobile {
  display: none;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image app-responsive-image {
  display: block;
  width: 100%;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image app-responsive-image img {
  display: block;
  width: 100%;
}
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .tracks,
app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .ball {
  display: none;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image {
  background-color: #FAFBFE;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: #ffffff;
  mix-blend-mode: color;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .bg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: #ffffff;
  opacity: 0.9;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .cross-p {
  display: block;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content {
  z-index: 5;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content .common-quote {
  margin: 0 auto;
  max-width: 770px;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content .common-quote .quote {
  padding: 12px 10px 12px 26px;
  border-left: solid 3px #F2B336;
  font-weight: 500;
  line-height: 28px;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content .common-quote .quote p {
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content .common-quote .author {
  margin: 20px 10px 0 29px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #F2B336;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content .common-quote .source {
  margin: 5px 10px 0 29px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #AFB6CA;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .circle-p {
  display: block;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .content .common-quote {
  margin: 0 auto;
  max-width: 770px;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .content .common-quote .quote {
  padding: 12px 10px 12px 26px;
  border-left: solid 3px #F2B336;
  font-weight: 500;
  line-height: 28px;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .content .common-quote .quote p {
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .content .common-quote .author {
  margin: 20px 10px 0 29px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #F2B336;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .content .common-quote .source {
  margin: 5px 10px 0 29px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #AFB6CA;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.no-image .content .common-quote .quote {
  padding: 12px 10px 12px 26px;
  border-left: solid 3px #F2B336;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -1px;
  color: #F2B336;
  font-size: 32px;
  font-size: 3.2rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.no-image .content .common-quote .quote p {
  font-size: 32px;
  font-size: 3.2rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.no-image .content .common-quote .author {
  margin: 20px 10px 0 29px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.no-image .content .common-quote .source {
  margin: 5px 10px 0 29px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image {
  margin-top: 200px;
  padding-top: 0;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .quotes-container {
  width: 750px;
  padding-left: 200px;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .common-quote .quote {
  padding: 12px 10px 12px 26px;
  border-left: solid 3px #F2B336;
  font-weight: 500;
  line-height: 28px;
  color: #F1F2F9;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .common-quote .quote p {
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .common-quote .author {
  margin: 20px 10px 0 29px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #F2B336;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .common-quote .source {
  margin: 5px 10px 0 29px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .image-container {
  position: relative;
  margin: -150px auto 40px;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .image-container .tracks,
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .image-container .ball {
  display: none;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .image-container .circle {
  position: absolute;
  bottom: 190px;
  right: 0;
  width: 25%;
  z-index: 0;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .image-container .arrow {
  position: absolute;
  top: 220px;
  left: 25px;
  z-index: 4;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image {
  margin-top: 150px;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content {
  flex-direction: row-reverse;
  align-items: flex-start;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote {
  padding: 12px 10px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -1px;
  color: #F2B336;
  font-size: 32px;
  font-size: 3.2rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote p {
  font-size: 32px;
  font-size: 3.2rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .author {
  margin: 20px 10px 0;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .source {
  margin: 5px 10px 0;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container {
  flex-shrink: 0;
  margin: -150px -100px 0 0;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .circle {
  position: absolute;
  bottom: 60px;
  right: -60px;
  width: 25%;
  z-index: 0;
}
app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .arrow {
  position: absolute;
  top: 180px;
  left: 0;
  z-index: 4;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
@media all and (max-width: 770px) {
  app-bpp-quote-with-image .bpp-quote-with-image .cross-p {
    top: -35px;
    left: unset;
    right: 30px;
    width: 50px;
  }
  app-bpp-quote-with-image .bpp-quote-with-image .circle-p {
    top: -30px;
    right: 10px;
    width: 60px;
  }
  app-bpp-quote-with-image .bpp-quote-with-image .content {
    flex-direction: column;
    align-items: center;
  }
  app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image.desktop {
    display: none;
  }
  app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image.mobile {
    display: block;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content .common-quote .quote {
    margin-left: 5px;
    padding-left: 12px;
    line-height: 24px;
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content .common-quote .quote p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content .common-quote .author {
    margin-top: 10px;
    margin-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-image .content .common-quote .source {
    margin-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .content .common-quote .quote {
    margin-left: 5px;
    padding-left: 12px;
    line-height: 24px;
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .content .common-quote .quote p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .content .common-quote .author {
    margin-top: 10px;
    margin-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-gray-fa .content .common-quote .source {
    margin-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.no-image .content .common-quote .quote {
    margin-left: 5px;
    line-height: 30px;
    font-size: 28px;
    font-size: 2.8rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.no-image .content .common-quote .quote p {
    font-size: 28px;
    font-size: 2.8rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.no-image .content .common-quote .author {
    margin-left: 34px;
    margin-top: 15px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.no-image .content .common-quote .source {
    margin-left: 34px;
    line-height: 18px;
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image {
    margin-top: calc(30% + 50px);
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .arrow-bwi {
    display: block;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .quotes-container {
    width: 100%;
    padding-left: 0;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .common-quote .quote {
    margin-left: 5px;
    padding-left: 12px;
    line-height: 24px;
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .common-quote .quote p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .common-quote .author {
    margin-top: 10px;
    margin-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .common-quote .source {
    margin-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .image-container {
    width: 100%;
    margin-top: -30%;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .image-container .arrow {
    display: none;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .image-container .circle {
    width: 25%;
    right: -9%;
    bottom: -8%;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-top-image .content .image-container .image {
    z-index: 1;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image {
    margin-top: calc(40% + 50px);
    padding-top: 0;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .arrow-bwi {
    display: block;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content {
    flex-direction: column;
    align-items: center;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote {
    line-height: 30px;
    font-size: 28px;
    font-size: 2.8rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote p {
    font-size: 28px;
    font-size: 2.8rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .author {
    margin-top: 15px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .source {
    line-height: 18px;
    color: #ffffff;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container {
    width: 100%;
    margin: -40% 0 30px 0;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .arrow {
    display: none;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .circle {
    width: 25%;
    right: -9%;
    bottom: -8%;
  }
  app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .image {
    z-index: 1;
  }
}
app-bpp-reusable-gallery .bpp-reusable-gallery {
  background-color: black;
  padding: 30px 10px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-title {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-title .bpp-reusable-gallery-title-link {
  margin-left: 10px;
  white-space: nowrap;
  padding-bottom: 2px;
  border-bottom: solid 2px #ffffff;
  color: #ffffff;
  font-family: Lato, sans-serif;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-photo {
  margin: 8px;
  height: fit-content;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-photo .photo-container {
  position: relative;
  width: fit-content;
  height: fit-content;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-photo .photo-container .photo {
  background-size: cover;
  background-position: center center;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-photo .photo-container .author-container {
  position: absolute;
  bottom: 0;
  right: -1px;
  z-index: 2;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-photo .photo-container .author-container span {
  display: block;
  margin: 0;
  padding: 10px 10px 10px 20px;
  color: #ffffff;
  font-family: Lato, sans-serif;
  font-weight: bold;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper {
  width: 100%;
  margin: auto;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop {
  display: flex;
  flex-wrap: wrap;
  width: 1305px;
  margin: 30px auto 0;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop .bpp-reusable-gallery-photo {
  cursor: pointer;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(1) {
  margin-top: 59px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(1) .photo {
  width: 477px;
  height: 522px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(2) {
  margin-top: 0;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(2) .photo {
  width: 436px;
  height: 261px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(3) {
  margin-top: 30px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(3) .photo {
  width: 256px;
  height: 231px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(4) {
  margin-left: 501px;
  margin-top: -312px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(4) .photo {
  width: 924px;
  height: 304px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(5) {
  margin-left: 272px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(5) .photo {
  width: 664px;
  height: 300px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(6) {
  display: none;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(7) {
  display: none;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(8) {
  display: none;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(1) {
  margin-top: 75px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(1) .photo {
  width: 415px;
  height: 310px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(2) {
  margin-top: 0;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(2) .photo {
  width: 525px;
  height: 700px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(3) {
  margin-top: 0;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(3) .photo {
  width: 200px;
  height: 150px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(4) {
  margin-left: 115px;
  margin-top: -307px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(4) .photo {
  width: 308px;
  height: 230px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(5) {
  margin-left: 549px;
  margin-top: -542px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(5) .photo {
  width: 308px;
  height: 410px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(6) {
  display: none;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(7) {
  display: none;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(8) {
  display: none;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(1) {
  margin-top: 164px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(1) .photo {
  width: 416px;
  height: 554px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(2) {
  margin-top: 0;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(2) .photo {
  width: 525px;
  height: 395px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(3) {
  margin-top: 0;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(3) .photo {
  width: 200px;
  height: 148px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(4) {
  margin-left: 981px;
  margin-top: -562px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(4) .photo {
  width: 308px;
  height: 231px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(5) {
  margin-left: 440px;
  margin-top: -315px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(5) .photo {
  width: 308px;
  height: 231px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(6) {
  margin-top: -315px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(6) .photo {
  width: 308px;
  height: 413px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(7) {
  display: none;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(8) {
  display: none;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo {
  margin-top: 0;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(1) .photo {
  width: 308px;
  height: 231px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(2) {
  margin-top: 0;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(2) .photo {
  width: 414px;
  height: 310px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(3) {
  margin-top: 0;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(3) .photo {
  width: 200px;
  height: 147px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(4) {
  margin-left: -208px;
  margin-top: 163px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(4) .photo {
  width: 200px;
  height: 147px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(5) {
  margin-top: 74px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(5) .photo {
  width: 308px;
  height: 413px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(6) {
  margin-top: -248px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(6) .photo {
  width: 308px;
  height: 410px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(7) {
  margin-top: -169px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(7) .photo {
  width: 631px;
  height: 476px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(8) {
  margin-top: 8px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(8) .photo {
  width: 308px;
  height: 231px;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.mobile {
  display: none;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.mobile .bpp-reusable-gallery-photo {
  display: inline-block;
  height: 100%;
}
app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.mobile .bpp-reusable-gallery-photo .photo {
  width: 320px;
  height: 200px;
}
@media only screen and (max-width: 1315px) {
  app-bpp-reusable-gallery .bpp-reusable-gallery {
    padding: 10px 0 20px;
  }
  app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-title .bpp-reusable-gallery-title-link {
    display: none;
  }
  app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop {
    display: none !important;
  }
  app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.mobile {
    display: block !important;
  }
}
app-bpp-sidebar-image .bpp-sidebar-image-before {
  display: none;
  width: 100%;
  height: 200px;
  background-color: #000000;
}
app-bpp-sidebar-image .bpp-sidebar-image-before.top_black_padding {
  display: block;
}
@media only screen and (max-width: 770px) {
  app-bpp-sidebar-image .bpp-sidebar-image-before {
    height: 180px;
  }
}
app-bpp-sidebar-image .bpp-sidebar-image {
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
app-bpp-sidebar-image .bpp-sidebar-image.top_black_padding {
  margin: 0 auto 50px;
}
app-bpp-sidebar-image .bpp-sidebar-image.top_black_padding .image-container {
  margin-top: -100px;
}
app-bpp-sidebar-image .bpp-sidebar-image.left {
  flex-direction: row;
}
app-bpp-sidebar-image .bpp-sidebar-image.left .arrow-right {
  display: none;
}
app-bpp-sidebar-image .bpp-sidebar-image.left .cross {
  display: none;
}
app-bpp-sidebar-image .bpp-sidebar-image.right {
  flex-direction: row-reverse;
}
app-bpp-sidebar-image .bpp-sidebar-image.right .arrow-left {
  display: none;
}
app-bpp-sidebar-image .bpp-sidebar-image.right .circle {
  display: none;
}
app-bpp-sidebar-image .bpp-sidebar-image .image-container {
  position: relative;
  width: 41.5%;
}
app-bpp-sidebar-image .bpp-sidebar-image .image-container .image {
  position: relative;
  z-index: 2;
  width: 100%;
}
app-bpp-sidebar-image .bpp-sidebar-image .image-container .arrow-left {
  position: absolute;
  right: 20%;
  top: 45%;
  width: 40%;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
app-bpp-sidebar-image .bpp-sidebar-image .image-container .arrow-right {
  position: absolute;
  left: 20%;
  top: 55%;
  width: 40%;
  z-index: 3;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
app-bpp-sidebar-image .bpp-sidebar-image .image-container .circle {
  position: absolute;
  bottom: -20%;
  left: -15%;
  width: 40%;
  z-index: 1;
}
app-bpp-sidebar-image .bpp-sidebar-image .image-container .cross {
  position: absolute;
  top: 15%;
  right: -50px;
  z-index: 1;
}
app-bpp-sidebar-image .bpp-sidebar-image .text-container {
  position: relative;
  width: 58.5%;
  padding: 40px;
  z-index: 2;
}
app-bpp-sidebar-image .bpp-sidebar-image .text-container .title {
  margin-bottom: 24px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 64px;
  font-size: 6.4rem;
}
app-bpp-sidebar-image .bpp-sidebar-image .text-container .subtitle {
  margin-bottom: 16px;
  font-family: Lato, sans-serif;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #191723;
  font-size: 24px;
  font-size: 2.4rem;
}
app-bpp-sidebar-image .bpp-sidebar-image .text-container .text {
  font-family: Lato, sans-serif;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-sidebar-image .bpp-sidebar-image .text-container .text p {
  margin: 0;
}
app-bpp-sidebar-image .bpp-sidebar-image .text-container .text p + p {
  margin-top: 16px;
}
@media only screen and (max-width: 770px) {
  app-bpp-sidebar-image .bpp-sidebar-image {
    padding: 0 10px;
  }
  app-bpp-sidebar-image .bpp-sidebar-image .image-container {
    width: 95%;
    margin: auto;
  }
  app-bpp-sidebar-image .bpp-sidebar-image .image-container .circle {
    left: -17%;
    bottom: -22%;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
  }
  app-bpp-sidebar-image .bpp-sidebar-image .text-container {
    width: 100%;
    padding: 30px;
    margin-top: 3%;
  }
  app-bpp-sidebar-image .bpp-sidebar-image .text-container .title {
    font-size: 32px;
    font-size: 3.2rem;
  }
  app-bpp-sidebar-image .bpp-sidebar-image .text-container .subtitle {
    font-size: 20px;
    font-size: 2rem;
  }
  app-bpp-sidebar-image .bpp-sidebar-image .text-container .text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-bpp-stat-notes .bpp-stat-notes {
  position: relative;
  background: #FAFBFE;
  width: 100%;
  overflow: hidden;
}
app-bpp-stat-notes .bpp-stat-notes .bg-img {
  mask-image:
    linear-gradient(
      to bottom,
      transparent 25%,
      black 75%);
  opacity: 0.1;
  position: absolute;
  bottom: 0;
  width: 100%;
}
app-bpp-stat-notes .bpp-stat-notes .bg-img img {
  width: 100%;
}
app-bpp-stat-notes .bpp-stat-notes .bg-arrow-1 {
  position: absolute;
  right: 0;
  top: 590px;
}
app-bpp-stat-notes .bpp-stat-notes .bg-arrow-2 {
  position: absolute;
  left: -5px;
  top: 1890px;
}
app-bpp-stat-notes .bpp-stat-notes .bg-circle-1 {
  position: absolute;
  right: 15%;
  top: 320px;
}
app-bpp-stat-notes .bpp-stat-notes .bg-circle-2 {
  position: absolute;
  left: 0;
  top: 1290px;
}
app-bpp-stat-notes .bpp-stat-notes .bg-circle-3 {
  position: absolute;
  left: 0;
  top: 2390px;
}
app-bpp-stat-notes .bpp-stat-notes .bg-cross-1 {
  position: absolute;
  left: 23%;
  top: 890px;
}
app-bpp-stat-notes .bpp-stat-notes .bg-cross-2 {
  position: absolute;
  right: 23%;
  top: 1990px;
}
app-bpp-stat-notes .bpp-stat-notes .notes-title {
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 64px;
  font-size: 6.4rem;
}
app-bpp-stat-notes .bpp-stat-notes .notes-author {
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  color: #D6232E;
  font-size: 24px;
  font-size: 2.4rem;
}
app-bpp-stat-notes .bpp-stat-notes .notes-author span {
  color: #0A0A0B;
}
app-bpp-stat-notes .bpp-stat-notes .notes-content {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: 770px) {
  app-bpp-stat-notes .bpp-stat-notes .notes-title {
    font-size: 32px;
    font-size: 3.2rem;
  }
  app-bpp-stat-notes .bpp-stat-notes .notes-author {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
app-bpp-stat-notes-note {
  width: 100%;
}
app-bpp-stat-notes-note .bpp-stat-notes-note {
  margin: 40px auto 0;
  background-size: 800px;
  background-image: url("./media/stat-notes-note-mask.png");
  background-repeat: repeat-y;
  filter: drop-shadow(1px 5px 10px rgba(10, 10, 11, 0.05));
  height: fit-content;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask {
  mask: url("./media/stat-notes-note-mask.png");
  background-color: #ffffff;
  mask-size: 800px;
  mask-repeat: repeat-y;
  width: 100%;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-header {
  overflow: hidden;
  position: relative;
  padding: 20px 0 20px 40px;
  background: #000000;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-header .note-header-black-second-slash {
  top: 0;
  left: 0;
  height: 100%;
  transform: skew(20deg);
  position: absolute;
  background-color: black;
  width: calc(70% + 30px);
  z-index: 1;
  opacity: 0.5;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-header .note-header-black-slash {
  top: 0;
  left: 0;
  height: 100%;
  transform: skew(20deg);
  position: absolute;
  background-color: black;
  width: 70%;
  z-index: 1;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-header .note-header-text {
  position: relative;
  margin: 0;
  z-index: 2;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-header .note-header-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url("./media/stat-notes-note-header-image.jpg");
  background-position: center;
  background-size: 300px;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-header .note-header-image-red {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #D6232E;
  mix-blend-mode: multiply;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-content {
  padding: 48px 80px 80px 100px;
  background-color: #ffffff;
  font-family: Lato, sans-serif;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-content ul {
  list-style: none;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-content ul li {
  position: relative;
  margin: 0 0 16px;
  padding: 0 0 0 28px;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 3px solid rgba(10, 10, 11, 0.1);
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-content ul li::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 7px;
  width: 6px;
  height: 6px;
  border: 3px solid rgba(10, 10, 11, 0.1);
  background-color: #D6232E;
  z-index: 2;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-content ul li b,
app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-content ul li strong {
  font-weight: 700;
  color: #0A0A0B;
}
@media only screen and (max-width: 770px) {
  app-bpp-stat-notes-note .bpp-stat-notes-note {
    margin: 16px auto 0;
  }
  app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-header .note-header-text {
    font-size: 24px;
    font-size: 2.4rem;
  }
  app-bpp-stat-notes-note .bpp-stat-notes-note .note-mask .note-content {
    padding: 32px 32px 40px 48px;
  }
}
app-bpp-stat-notes-tiles {
  width: 100%;
}
app-bpp-stat-notes-tiles .bpp-stat-notes-tiles {
  margin: 40px auto 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile {
  position: relative;
  width: 385px;
  flex-grow: 1;
  padding: 30px;
  background: #ffffff;
  margin-top: 30px;
  color: #6A6F7E;
  font-family: Oxanium, sans-serif;
  letter-spacing: 0.4px;
  font-size: 40px;
  font-size: 4rem;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 24px 40px rgba(10, 10, 11, 0.05);
  -moz-box-shadow: 0 24px 40px rgba(10, 10, 11, 0.05);
  box-shadow: 0 24px 40px rgba(10, 10, 11, 0.05);
}
app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile:first-of-type,
app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile:nth-of-type(2) {
  margin-top: 0;
}
app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile:nth-of-type(2n) {
  margin-left: 30px;
}
app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile img {
  display: block;
  width: 64px;
  margin-bottom: 10px;
}
app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile div p {
  margin: 0;
}
app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile div b,
app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile div strong {
  color: #0A0A0B;
}
@media all and (max-width: 770px) {
  app-bpp-stat-notes-tiles .bpp-stat-notes-tiles {
    margin: 16px auto 0;
  }
  app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile {
    width: 100%;
    margin: 16px 0 0;
    font-size: 32px;
    font-size: 3.2rem;
  }
  app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile:first-of-type {
    margin-top: 0;
  }
  app-bpp-stat-notes-tiles .bpp-stat-notes-tiles .bpp-stat-notes-tile img {
    width: 48px;
  }
}
app-bpp-table-competition-history .bpp-table-competition-history {
  margin: 100px auto;
}
app-bpp-table-competition-history .bpp-table-competition-history .heading {
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-align: center;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #0A0A0B;
  font-size: 32px;
  font-size: 3.2rem;
}
app-bpp-table-competition-history .bpp-table-competition-history .heading span {
  color: #D6232E;
}
app-bpp-table-competition-history .bpp-table-competition-history .data {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 128px;
  margin-top: 32px;
  padding-left: 1px;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team {
  position: relative;
  height: 80px;
  display: flex;
  align-items: center;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team .content {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team .content div {
  color: #D6232E;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team .content div span {
  color: #0A0A0B;
  margin-left: 5px;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team .content img {
  display: block;
  height: 66px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 3;
  -webkit-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.15);
  -moz-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.15);
  box-shadow: 0 24px 40px rgba(127, 144, 189, 0.15);
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team.host .content {
  justify-content: flex-end;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team.host .content div {
  margin: 0 20px 0 100px;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team.host .content img {
  margin-right: -50px;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team.host .bg {
  right: -20px;
  left: 0;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team.guest .content {
  justify-content: flex-start;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team.guest .content div {
  margin: 0 100px 0 20px;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team.guest .content img {
  margin-left: -50px;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team.guest .bg {
  right: 0;
  left: 10px;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transform: skew(-20deg);
}
app-bpp-table-competition-history .bpp-table-competition-history .data .team.guest .bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -35px;
  width: 50px;
  background-color: #ffffff;
  z-index: 3;
  -webkit-transform: skew(40deg);
  -moz-transform: skew(40deg);
  -ms-transform: skew(40deg);
  -o-transform: skew(40deg);
  transform: skew(40deg);
}
app-bpp-table-competition-history .bpp-table-competition-history .data .center {
  width: 250px;
  height: 128px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .center .content {
  position: relative;
  z-index: 2;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .center .content .played {
  color: #D6232E;
  font-size: 48px;
  font-size: 4.8rem;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .center .content .played span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .center .content .draws {
  margin-top: 5px;
  color: #D6232E;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .center .content .draws span {
  margin-left: 3px;
  color: #0A0A0B;
}
app-bpp-table-competition-history .bpp-table-competition-history .data .center .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF6F7;
  z-index: 1;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
@media all and (max-width: 770px) {
  app-bpp-table-competition-history .bpp-table-competition-history .heading {
    font-size: 18px;
    font-size: 1.8rem;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data {
    height: 90px;
    margin-top: 16px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team {
    height: 60px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team .content div {
    color: #0A0A0B;
    font-size: 24px;
    font-size: 2.4rem;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team .content div span {
    display: none;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team .content img {
    height: 34px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team.host .content div {
    margin: 0 15px 0 30px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team.host .content img {
    margin-right: -25px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team.host .bg {
    right: -10px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team.guest .content div {
    margin: 0 30px 0 15px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team.guest .content img {
    margin-left: -25px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .team.guest .bg {
    left: 20px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .center {
    width: 150px;
    height: 90px;
  }
  app-bpp-table-competition-history .bpp-table-competition-history .data .center .content .played {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
app-bpp-table-matches .bpp-table-matches {
  max-width: 900px;
  margin: 50px auto;
  -webkit-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.1);
  -moz-box-shadow: 0 24px 40px rgba(127, 144, 189, 0.1);
  box-shadow: 0 24px 40px rgba(127, 144, 189, 0.1);
}
@media all and (max-width: 770px) {
  app-bpp-table-matches .bpp-table-matches {
    margin: 30px auto;
  }
}
app-bpp-table-matches-double .bpp-table-matches-double {
  max-width: 1200px;
  margin: 50px auto -50px;
}
app-bpp-table-matches-double .bpp-table-matches-double .heading {
  margin-bottom: 32px;
  text-align: center;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: 0.4px;
  color: #0A0A0B;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 2rem;
}
@media all and (max-width: 770px) {
  app-bpp-table-matches-double .bpp-table-matches-double .heading {
    margin-bottom: 53px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table,
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table {
  width: 100%;
  max-width: 570px;
  margin: 0 15px 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 24px 40px rgba(127, 144, 189, 0.15);
  -moz-box-shadow: 0px 24px 40px rgba(127, 144, 189, 0.15);
  box-shadow: 0px 24px 40px rgba(127, 144, 189, 0.15);
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table > .team,
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table > .team {
  display: flex;
  padding: 45px 30px;
  border-bottom: solid 1px #F1F2F9;
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table > .team img,
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table > .team img {
  height: 60px;
  margin-right: 30px;
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table > .team > div .team-name,
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table > .team > div .team-name {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.4px;
  color: #0A0A0B;
  white-space: nowrap;
  overflow: hidden;
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table > .team > div .team-results,
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table > .team > div .team-results {
  display: flex;
  margin-top: 5px;
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table > .team > div .team-results span,
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table > .team > div .team-results span {
  display: table;
  margin-right: 2px;
  width: 24px;
  height: 24px;
  line-height: 26px;
  text-align: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  font-size: 10px;
  font-size: 1rem;
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table > .team > div .team-results span.tied,
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table > .team > div .team-results span.tied {
  background-color: rgba(175, 182, 202, 0.15);
  color: #6A6F7E;
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table > .team > div .team-results span.won,
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table > .team > div .team-results span.won {
  background-color: rgba(6, 204, 125, 0.15);
  color: #06CC7D;
}
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table > .team > div .team-results span.lost,
app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table > .team > div .team-results span.lost {
  background-color: rgba(232, 72, 85, 0.15);
  color: #E84855;
}
@media all and (max-width: 770px) {
  app-bpp-table-matches-double .bpp-table-matches-double {
    margin: 30px auto -60px;
  }
  app-bpp-table-matches-double .bpp-table-matches-double .tables-container .host-table,
  app-bpp-table-matches-double .bpp-table-matches-double .tables-container .guest-table {
    margin: 0 0 30px;
  }
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row {
  display: flex;
  align-items: center;
  padding: 24px 30px;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .info {
  display: none;
  flex-basis: 100%;
  justify-content: space-between;
  padding: 8px 0;
  margin-bottom: 22px;
  border-bottom: 1px dashed #E9E9F2;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .info > .sub-competition,
app-bpp-table-matches-double-row .bpp-table-matches-double-row .info > .date {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #6A6F7E;
  font-size: 12px;
  font-size: 1.2rem;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .team {
  flex-basis: 110px;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .team div {
  width: 46px;
  overflow: hidden;
  white-space: nowrap;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .team img {
  height: 24px;
  margin: 0 14px;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .team.host {
  justify-content: flex-end;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .team.host div {
  text-align: right;
  margin-right: 9px;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .team.host img {
  margin-left: 9px;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .team.guest {
  justify-content: flex-start;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .team.guest div {
  margin-left: 9px;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .team.guest img {
  margin-right: 9px;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .score {
  display: flex;
  flex-basis: 60px;
  height: 32px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .score.tied {
  background-color: rgba(175, 182, 202, 0.15);
  color: #6A6F7E;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .score.won {
  background-color: rgba(6, 204, 125, 0.15);
  color: #06CC7D;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row .score.lost {
  background-color: rgba(232, 72, 85, 0.15);
  color: #E84855;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row > .separator {
  background: #F1F2F9;
  display: block;
  height: 30px;
  flex-basis: 1px;
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0 5px 0 10px;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row > .sub-competition {
  font-family: Lato, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-size: 1.2rem;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row > .sub-competition span {
  display: block;
  padding: 0 8px;
  z-index: 2;
  max-width: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row > .date {
  font-family: Lato, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #6A6F7E;
  height: 30px;
  font-size: 12px;
  font-size: 1.2rem;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row > .date div {
  position: relative;
  height: 30px;
  margin-left: 5.459553514px;
  margin-right: 9.459553514px;
  min-width: 18.919107028px;
  border-radius: 4px 0px 0px 3.7587704831px;
  transform: skewX(20deg);
  z-index: 1;
  background: #F1F2F9;
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row > .date div::before {
  content: " ";
  position: absolute;
  top: 0;
  right: -9.459553514px;
  height: 30px;
  width: 18.919107028px;
  background: inherit;
  border-radius: 0px 4px 4px 0px;
  transform: skewX(-20deg);
}
app-bpp-table-matches-double-row .bpp-table-matches-double-row > .date span {
  display: block;
  position: relative;
  top: -23px;
  padding: 0 15px 0 25px;
  z-index: 2;
  max-width: 150px;
  white-space: nowrap;
  text-align: right;
}
@media all and (max-width: 770px) {
  app-bpp-table-matches-double-row .bpp-table-matches-double-row {
    flex-wrap: wrap;
  }
  app-bpp-table-matches-double-row .bpp-table-matches-double-row .info {
    display: flex;
  }
  app-bpp-table-matches-double-row .bpp-table-matches-double-row .team {
    flex-basis: calc(50% - 30px);
  }
  app-bpp-table-matches-double-row .bpp-table-matches-double-row > .separator,
  app-bpp-table-matches-double-row .bpp-table-matches-double-row > .sub-competition,
  app-bpp-table-matches-double-row .bpp-table-matches-double-row > .date {
    display: none;
  }
}
app-bpp-table-matches-double-row:nth-child(2n+1) .bpp-table-matches-row {
  background-color: #FBFBFD;
}
@media all and (max-width: 770px) {
  app-bpp-table-matches-double-row:nth-child(2n+1) .bpp-table-matches-row {
    background-color: transparent;
  }
}
app-bpp-table-matches-row .bpp-table-matches-row {
  position: relative;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
app-bpp-table-matches-row .bpp-table-matches-row .sub-competition {
  position: absolute;
  left: 24px;
  top: 50%;
  height: 30px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #F2B336;
  z-index: 2;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
app-bpp-table-matches-row .bpp-table-matches-row .sub-competition div {
  position: relative;
  height: 30px;
  margin-left: 9.459553514px;
  margin-right: 5.459553514px;
  min-width: 18.919107028px;
  border-radius: 0px 3.7587704831px 4px 0px;
  transform: skewX(20deg);
  z-index: 1;
  background: #FEF9EF;
}
app-bpp-table-matches-row .bpp-table-matches-row .sub-competition div::before {
  content: " ";
  position: absolute;
  top: 0;
  left: -9.459553514px;
  height: 30px;
  width: 18.919107028px;
  background: inherit;
  border-radius: 4px 0px 0px 4px;
  transform: skewX(-20deg);
}
app-bpp-table-matches-row .bpp-table-matches-row .sub-competition span {
  display: block;
  position: relative;
  top: -23px;
  padding: 0 25px 0 15px;
  z-index: 2;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
app-bpp-table-matches-row .bpp-table-matches-row .date {
  position: absolute;
  right: 24px;
  top: 50%;
  height: 30px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #6A6F7E;
  z-index: 2;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
app-bpp-table-matches-row .bpp-table-matches-row .date div {
  position: relative;
  height: 30px;
  margin-left: 5.459553514px;
  margin-right: 9.459553514px;
  min-width: 18.919107028px;
  border-radius: 4px 0px 0px 3.7587704831px;
  transform: skewX(20deg);
  z-index: 1;
  background: #F1F2F9;
}
app-bpp-table-matches-row .bpp-table-matches-row .date div::before {
  content: " ";
  position: absolute;
  top: 0;
  right: -9.459553514px;
  height: 30px;
  width: 18.919107028px;
  background: inherit;
  border-radius: 0px 4px 4px 0px;
  transform: skewX(-20deg);
}
app-bpp-table-matches-row .bpp-table-matches-row .date span {
  display: block;
  position: relative;
  top: -23px;
  padding: 0 15px 0 25px;
  z-index: 2;
  max-width: 150px;
  white-space: nowrap;
  text-align: right;
}
app-bpp-table-matches-row .bpp-table-matches-row .team {
  flex-basis: calc(50% - 45px);
  display: flex;
  align-items: center;
}
app-bpp-table-matches-row .bpp-table-matches-row .team div {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-table-matches-row .bpp-table-matches-row .team div.long {
  display: block;
}
app-bpp-table-matches-row .bpp-table-matches-row .team div.short {
  display: none;
  text-transform: uppercase;
}
app-bpp-table-matches-row .bpp-table-matches-row .team img {
  height: 24px;
}
app-bpp-table-matches-row .bpp-table-matches-row .team.host {
  justify-content: flex-end;
  padding-left: 160px;
}
app-bpp-table-matches-row .bpp-table-matches-row .team.host div {
  margin-right: 16px;
  text-align: right;
}
app-bpp-table-matches-row .bpp-table-matches-row .team.guest {
  justify-content: flex-start;
  padding-right: 115px;
}
app-bpp-table-matches-row .bpp-table-matches-row .team.guest div {
  margin-left: 16px;
}
app-bpp-table-matches-row .bpp-table-matches-row .score {
  flex-basis: 90px;
  flex-shrink: 0;
  text-align: center;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 32px;
  color: #0A0A0B;
  font-size: 24px;
  font-size: 2.4rem;
}
@media all and (max-width: 770px) {
  app-bpp-table-matches-row .bpp-table-matches-row {
    margin-top: 30px;
  }
  app-bpp-table-matches-row .bpp-table-matches-row .sub-competition {
    top: -30px;
    width: calc(50% - 22px);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  app-bpp-table-matches-row .bpp-table-matches-row .sub-competition span {
    max-width: 100%;
  }
  app-bpp-table-matches-row .bpp-table-matches-row .date {
    top: -30px;
    width: calc(50% - 22px);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  app-bpp-table-matches-row .bpp-table-matches-row .date span {
    max-width: 100%;
  }
  app-bpp-table-matches-row .bpp-table-matches-row .team div.long {
    display: none;
  }
  app-bpp-table-matches-row .bpp-table-matches-row .team div.short {
    display: block;
  }
  app-bpp-table-matches-row .bpp-table-matches-row .team.host {
    padding-left: 0;
  }
  app-bpp-table-matches-row .bpp-table-matches-row .team.guest {
    padding-right: 0;
  }
}
app-bpp-table-matches-row:nth-child(2n+1) .bpp-table-matches-row {
  background-color: #FBFBFD;
}
@media all and (max-width: 770px) {
  app-bpp-table-matches-row:nth-child(2n+1) .bpp-table-matches-row {
    background-color: transparent;
  }
}
app-bpp-table-ranking .bpp-table-ranking {
  max-width: 770px;
  margin: 50px auto;
}
@media all and (max-width: 770px) {
  app-bpp-table-ranking .bpp-table-ranking {
    margin: 30px auto;
  }
}
app-bpp-table-ranking .bpp-table-ranking-legend {
  max-width: 770px;
  margin: -30px auto 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
app-bpp-table-ranking .bpp-table-ranking-legend div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 3px;
}
app-bpp-table-ranking .bpp-table-ranking-legend div + div {
  padding-left: 32px;
}
app-bpp-table-ranking .bpp-table-ranking-legend div i {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-table-ranking .bpp-table-ranking-legend div i.promotion,
app-bpp-table-ranking .bpp-table-ranking-legend div i.promotion_to_final,
app-bpp-table-ranking .bpp-table-ranking-legend div i.promotion_to_europa_league {
  background-color: #06CC7D;
}
app-bpp-table-ranking .bpp-table-ranking-legend div i.play_offs,
app-bpp-table-ranking .bpp-table-ranking-legend div i.play_offs_from_national_league,
app-bpp-table-ranking .bpp-table-ranking-legend div i.third_place_game {
  background-color: #F2B336;
}
app-bpp-table-ranking .bpp-table-ranking-legend div i.fall {
  background-color: #D6232E;
}
app-bpp-table-ranking .bpp-table-ranking-legend div span {
  display: block;
  margin-left: 9px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  font-size: 12px;
  font-size: 1.2rem;
}
@media all and (max-width: 770px) {
  app-bpp-table-ranking .bpp-table-ranking-legend {
    margin: -10px auto 30px;
  }
}
app-bpp-table-ranking .bpp-table-ranking-row,
app-bpp-table-ranking-row .bpp-table-ranking-row {
  display: flex;
  align-items: center;
  margin-top: 1px;
  height: 48px;
  background-color: rgba(241, 242, 249, 0.4);
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-table-ranking .bpp-table-ranking-row > div,
app-bpp-table-ranking-row .bpp-table-ranking-row > div {
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: center;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.separator,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.separator {
  flex-basis: 1px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 30px;
  background-color: #AFB6CA;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.separator.transparent,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.separator.transparent {
  background-color: transparent;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.position,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.position {
  flex-basis: 70px;
  flex-shrink: 0;
  text-align: center;
  background-color: #F1F2F9;
  color: #6A6F7E;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.position app-svg-icon svg,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.position app-svg-icon svg {
  width: 12px;
  height: 12px;
  margin-left: 3px;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.team,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.team {
  flex-basis: 100%;
  flex-shrink: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.team img,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.team img {
  height: 24px;
  margin-right: 16px;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.team div,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.team div {
  color: #0A0A0B;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.team div.long,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.team div.long {
  display: block;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.team div.short,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.team div.short {
  display: none;
  text-transform: uppercase;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.played,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.played {
  flex-basis: 60px;
  flex-shrink: 0;
  text-align: center;
  color: #6A6F7E;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.won,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.won {
  flex-basis: 60px;
  flex-shrink: 0;
  text-align: center;
  color: #06CC7D;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.drawn,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.drawn {
  flex-basis: 40px;
  flex-shrink: 0;
  text-align: center;
  color: #6A6F7E;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.lost,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.lost {
  flex-basis: 60px;
  flex-shrink: 0;
  text-align: center;
  color: #D6232E;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.goals,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.goals {
  flex-basis: 80px;
  flex-shrink: 0;
  text-align: center;
  color: #6A6F7E;
}
app-bpp-table-ranking .bpp-table-ranking-row > div.points,
app-bpp-table-ranking-row .bpp-table-ranking-row > div.points {
  flex-basis: 70px;
  flex-shrink: 0;
  text-align: center;
  background-color: #F1F2F9;
  color: #0A0A0B;
}
app-bpp-table-ranking .bpp-table-ranking-row.heading-row,
app-bpp-table-ranking-row .bpp-table-ranking-row.heading-row {
  background-color: #ffffff;
}
app-bpp-table-ranking .bpp-table-ranking-row.heading-row > div,
app-bpp-table-ranking-row .bpp-table-ranking-row.heading-row > div {
  background-color: #ffffff;
}
app-bpp-table-ranking .bpp-table-ranking-row.heading-row > div.separator,
app-bpp-table-ranking-row .bpp-table-ranking-row.heading-row > div.separator {
  background-color: #AFB6CA;
}
app-bpp-table-ranking .bpp-table-ranking-row.promotion > div.position,
app-bpp-table-ranking .bpp-table-ranking-row.promotion_to_final > div.position,
app-bpp-table-ranking .bpp-table-ranking-row.promotion_to_europa_league > div.position,
app-bpp-table-ranking-row .bpp-table-ranking-row.promotion > div.position,
app-bpp-table-ranking-row .bpp-table-ranking-row.promotion_to_final > div.position,
app-bpp-table-ranking-row .bpp-table-ranking-row.promotion_to_europa_league > div.position {
  background-color: #e6fbf3;
  color: #06CC7D;
}
app-bpp-table-ranking .bpp-table-ranking-row.promotion > div.points,
app-bpp-table-ranking .bpp-table-ranking-row.promotion_to_final > div.points,
app-bpp-table-ranking .bpp-table-ranking-row.promotion_to_europa_league > div.points,
app-bpp-table-ranking-row .bpp-table-ranking-row.promotion > div.points,
app-bpp-table-ranking-row .bpp-table-ranking-row.promotion_to_final > div.points,
app-bpp-table-ranking-row .bpp-table-ranking-row.promotion_to_europa_league > div.points {
  background-color: #e6fbf3;
}
app-bpp-table-ranking .bpp-table-ranking-row.play_offs > div.position,
app-bpp-table-ranking .bpp-table-ranking-row.play_offs_from_national_league > div.position,
app-bpp-table-ranking-row .bpp-table-ranking-row.play_offs > div.position,
app-bpp-table-ranking-row .bpp-table-ranking-row.play_offs_from_national_league > div.position {
  background-color: #FEF9EF;
  color: #ff9900;
}
app-bpp-table-ranking .bpp-table-ranking-row.play_offs > div.points,
app-bpp-table-ranking .bpp-table-ranking-row.play_offs_from_national_league > div.points,
app-bpp-table-ranking-row .bpp-table-ranking-row.play_offs > div.points,
app-bpp-table-ranking-row .bpp-table-ranking-row.play_offs_from_national_league > div.points {
  background-color: #FEF9EF;
}
app-bpp-table-ranking .bpp-table-ranking-row.third_place_game > div.position,
app-bpp-table-ranking-row .bpp-table-ranking-row.third_place_game > div.position {
  background-color: #c4bbb6;
  color: #3c1e0c;
}
app-bpp-table-ranking .bpp-table-ranking-row.third_place_game > div.points,
app-bpp-table-ranking-row .bpp-table-ranking-row.third_place_game > div.points {
  background-color: #c4bbb6;
}
app-bpp-table-ranking .bpp-table-ranking-row.fall > div.position,
app-bpp-table-ranking-row .bpp-table-ranking-row.fall > div.position {
  background-color: #FFF6F7;
  color: #D6232E;
}
app-bpp-table-ranking .bpp-table-ranking-row.fall > div.points,
app-bpp-table-ranking-row .bpp-table-ranking-row.fall > div.points {
  background-color: #FFF6F7;
}
@media all and (max-width: 770px) {
  app-bpp-table-ranking .bpp-table-ranking-row,
  app-bpp-table-ranking-row .bpp-table-ranking-row {
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.position,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.position {
    flex-basis: 30px;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.team,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.team {
    padding-left: 15px;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.team div.long,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.team div.long {
    display: none;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.team div.short,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.team div.short {
    display: block;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.played,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.played {
    flex-basis: 30px;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.won,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.won {
    flex-basis: 30px;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.drawn,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.drawn {
    flex-basis: 20px;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.lost,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.lost {
    flex-basis: 30px;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.goals,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.goals {
    flex-basis: 60px;
  }
  app-bpp-table-ranking .bpp-table-ranking-row > div.points,
  app-bpp-table-ranking-row .bpp-table-ranking-row > div.points {
    flex-basis: 40px;
  }
}
app-bpp-table-stats .bpp-table-stats {
  padding: 30px 0 50px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams {
  display: flex;
  align-items: center;
  height: fit-content;
  width: 100%;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team {
  display: flex;
  position: relative;
  flex-basis: 100%;
  flex-shrink: 1;
  padding: 10px 0;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.4px;
  color: #0A0A0B;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .content {
  display: flex;
  align-items: center;
  z-index: 1;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .content div {
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .content div.desktop {
  display: block;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .content div.mobile {
  display: none;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .content img {
  display: block;
  height: 66px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .bg {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 16px 24px rgba(96, 110, 137, 0.05);
  -moz-box-shadow: 0 16px 24px rgba(96, 110, 137, 0.05);
  box-shadow: 0 16px 24px rgba(96, 110, 137, 0.05);
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .bg:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  background-color: #F1F2F9;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.host {
  align-items: center;
  justify-content: flex-end;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.host .content {
  justify-content: flex-end;
  flex-direction: row-reverse;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.host .content div {
  margin-right: 80px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.host .content img {
  margin: 0 10px 0 20px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.host .content img ~ div {
  margin-right: 0;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.host .bg {
  left: -30px;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.host .bg:after {
  right: 0;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.guest {
  align-items: center;
  justify-content: flex-start;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.guest .content {
  justify-content: flex-start;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.guest .content div {
  margin-left: 80px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.guest .content img {
  margin: 0 20px 0 10px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.guest .content img ~ div {
  margin-left: 0;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.guest .bg {
  right: -30px;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transform: skew(-20deg);
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.guest .bg:after {
  left: 0;
}
@media all and (max-width: 770px) {
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .content div {
    font-size: 18px;
    font-size: 1.8rem;
  }
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .content div.desktop {
    display: none;
  }
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .content div.mobile {
    display: block;
  }
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team .content img {
    margin: 0 20px !important;
    height: 34px;
  }
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.host .content div {
    margin-right: 0;
  }
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .team.guest .content div {
    margin-left: 0;
  }
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .score {
  flex-basis: 150px;
  flex-shrink: 0;
  text-align: center;
  letter-spacing: 0.4px;
  color: #000000;
  font-size: 32px;
  font-size: 3.2rem;
}
@media all and (max-width: 770px) {
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams .score {
    flex-basis: 65px;
    font-size: 20px;
    font-size: 2rem;
  }
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data {
  width: 100%;
  max-width: 500px;
  margin: 72px auto 0;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #6A6F7E;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  line-height: 48px;
  margin-top: 8px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row:first-of-type {
  margin-top: 0;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row .value {
  flex-basis: 100px;
  flex-shrink: 0;
  position: relative;
  height: 48px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-align: center;
  color: #0A0A0B;
  font-size: 20px;
  font-size: 2rem;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row .value div {
  display: none;
  height: 48px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row .name {
  flex-basis: 100%;
  flex-shrink: 1;
  position: relative;
  height: 48px;
  font-size: 16px;
  font-size: 1.6rem;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row .name div {
  height: 48px;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row.adv-left .value.host span {
  color: #F2B336;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row.adv-left .value.host div {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: skew(20deg);
  background:
    linear-gradient(
      -90deg,
      rgba(242, 179, 54, 0.15) 21.82%,
      rgba(255, 255, 255, 0) 100%);
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row.adv-left .name div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: skew(20deg);
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      #FEF9EF 2.89%,
      rgba(251, 251, 253, 0) 100%);
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row.adv-right .value.guest span {
  color: #F2B336;
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row.adv-right .value.guest div {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: skew(-20deg);
  background:
    linear-gradient(
      90deg,
      rgba(242, 179, 54, 0.15) 21.82%,
      rgba(255, 255, 255, 0) 100%);
}
app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row.adv-right .name div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: skew(-20deg);
  z-index: 1;
  background:
    linear-gradient(
      -90deg,
      #FEF9EF 2.89%,
      rgba(251, 251, 253, 0) 100%);
}
@media all and (max-width: 770px) {
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data {
    margin: 24px auto 0;
  }
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row .value {
    flex-basis: 75px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-data .stats-data-row .name {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media all and (max-width: 770px) {
  app-bpp-table-stats .bpp-table-stats {
    padding: 10px 0 30px;
  }
  app-bpp-table-stats .bpp-table-stats .bpp-table-stats-teams {
    overflow: hidden;
  }
}
app-bpp-teaser-common-slot-advertisement .bpp-teaser-common-slot-advertisement {
  width: 360px;
  max-height: 305px;
  overflow: hidden;
}
@media all and (max-width: 770px) {
  app-bpp-teaser-common-slot-advertisement .bpp-teaser-common-slot-advertisement {
    width: 326px;
  }
}
app-bpp-video-from-bus .bpp-video-from-bus {
  margin: 50px 0;
}
app-bpp-video-from-bus .bpp-video-from-bus > div {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
@media all and (max-width: 770px) {
  app-bpp-video-from-bus .bpp-video-from-bus {
    margin: 30px 0;
  }
}
app-bpp-video-page-banner .bpp-video-page-banner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  height: 180px;
  background-color: #161617;
}
app-bpp-video-page-banner .bpp-video-page-banner .content-container {
  display: flex;
  align-items: stretch;
  width: 60%;
}
app-bpp-video-page-banner .bpp-video-page-banner .content-container .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 10px 56px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.4px;
  color: #ffffff;
}
app-bpp-video-page-banner .bpp-video-page-banner .content-container .content p {
  margin: 0;
}
app-bpp-video-page-banner .bpp-video-page-banner .content-container .content .common-cta-simple {
  margin-top: 16px;
}
app-bpp-video-page-banner .bpp-video-page-banner .image-container {
  position: relative;
  width: 40%;
  overflow: hidden;
}
app-bpp-video-page-banner .bpp-video-page-banner .image-container img {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: auto;
  height: 100%;
}
app-bpp-video-page-banner .bpp-video-page-banner .image-container div {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
}
app-bpp-video-page-banner .bpp-video-page-banner .image-container div.yellow {
  background-color: #F2B336;
}
app-bpp-video-page-banner .bpp-video-page-banner .image-container div.red {
  background-color: #D6232E;
}
app-bpp-video-page-banner .bpp-video-page-banner .image-container div.default {
  background-color: #0A0A0B;
}
app-bpp-video-page-banner .bpp-video-page-banner .image-container:before {
  content: "";
  position: absolute;
  z-index: 10;
  left: -40px;
  top: 0;
  width: 70px;
  height: 100%;
  transform: skewX(18deg);
  background-color: #161617;
}
app-bpp-video-page-banner .bpp-video-page-banner .image-container:after {
  content: "";
  position: absolute;
  z-index: 10;
  left: 30px;
  top: 0;
  height: 100%;
  width: 50px;
  transform: skewX(18deg);
  background-color: rgba(10, 10, 11, 0.5);
  mix-blend-mode: normal;
}
@media all and (max-width: 770px) {
  app-bpp-video-page-banner .bpp-video-page-banner {
    flex-direction: column-reverse;
    align-items: flex-start;
    height: unset;
  }
  app-bpp-video-page-banner .bpp-video-page-banner .content-container {
    width: 100%;
  }
  app-bpp-video-page-banner .bpp-video-page-banner .content-container .content {
    padding: 24px;
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-bpp-video-page-banner .bpp-video-page-banner .content-container .content app-common-cta-simple {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  app-bpp-video-page-banner .bpp-video-page-banner .content-container .content app-common-cta-simple .common-cta-simple {
    width: 100%;
  }
  app-bpp-video-page-banner .bpp-video-page-banner .image-container {
    width: 100%;
    height: 92px;
  }
  app-bpp-video-page-banner .bpp-video-page-banner .image-container img {
    width: 100%;
    height: unset;
    margin-top: -50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
  }
  app-bpp-video-page-banner .bpp-video-page-banner .image-container:before,
  app-bpp-video-page-banner .bpp-video-page-banner .image-container:after {
    display: none;
  }
}
app-bpp-video-page-read-more .bpp-video-page-read-more {
  margin: 50px 0 0;
}
@media all and (max-width: 770px) {
  app-bpp-video-page-read-more .bpp-video-page-read-more {
    margin: 30px 0 0;
  }
}
app-common-calendar .common-calendar {
  background-color: #0A0A0B;
  padding: 30px 0;
}
app-common-calendar .common-calendar .calendar-items {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
app-common-calendar .common-calendar .calendar-items:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(#0A0A0B 0%, transparent 100%);
}
app-common-calendar .common-calendar .calendar-items:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(transparent 0%, #0A0A0B 100%);
}
app-common-calendar .common-calendar .calendar-items .items-container {
  position: relative;
}
app-common-calendar .common-calendar .calendar-items .items-container.i-1 .calendar-item:nth-child(2),
app-common-calendar .common-calendar .calendar-items .items-container.i-1 .calendar-item:nth-child(3),
app-common-calendar .common-calendar .calendar-items .items-container.i-1 .calendar-item:nth-child(4),
app-common-calendar .common-calendar .calendar-items .items-container.i-1 .calendar-item:nth-child(5),
app-common-calendar .common-calendar .calendar-items .items-container.i-1 .calendar-item:nth-child(6) {
  display: none;
}
app-common-calendar .common-calendar .calendar-items .items-container.i-2 .calendar-item:nth-child(3),
app-common-calendar .common-calendar .calendar-items .items-container.i-2 .calendar-item:nth-child(4),
app-common-calendar .common-calendar .calendar-items .items-container.i-2 .calendar-item:nth-child(5),
app-common-calendar .common-calendar .calendar-items .items-container.i-2 .calendar-item:nth-child(6) {
  display: none;
}
app-common-calendar .common-calendar .calendar-items .items-container.i-3 .calendar-item:nth-child(4),
app-common-calendar .common-calendar .calendar-items .items-container.i-3 .calendar-item:nth-child(5),
app-common-calendar .common-calendar .calendar-items .items-container.i-3 .calendar-item:nth-child(6) {
  display: none;
}
app-common-calendar .common-calendar .calendar-items .items-container.i-4 .calendar-item:nth-child(5),
app-common-calendar .common-calendar .calendar-items .items-container.i-4 .calendar-item:nth-child(6) {
  display: none;
}
app-common-calendar .common-calendar .calendar-items .items-container.i-5 .calendar-item:nth-child(6) {
  display: none;
}
app-common-calendar .common-calendar .calendar-items app-common-calendar-item .calendar-item {
  position: absolute;
  display: table;
}
app-common-calendar .common-calendar .calendar-items app-common-calendar-item .calendar-item .image-container {
  position: absolute;
  padding: 10px;
  background-color: #ffffff;
}
app-common-calendar .common-calendar .calendar-items app-common-calendar-item .calendar-item .image-container img {
  object-fit: cover;
  cursor: pointer;
}
app-common-calendar .common-calendar .calendar-items app-common-calendar-item .calendar-item .image-container span {
  display: block;
  margin: 3px 0 -3px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #7f90bd;
  font-size: 10px;
  font-size: 1rem;
}
app-common-calendar .common-calendar .calendar-items app-common-calendar-item .calendar-item .cross {
  position: absolute;
}
app-common-calendar .common-calendar .calendar-items app-common-calendar-item .calendar-item .text-container .date {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #F2B336;
}
app-common-calendar .common-calendar .calendar-items app-common-calendar-item .calendar-item .text-container .text {
  margin-top: 3px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #ffffff;
}
app-common-calendar .common-calendar .calendar-items.desktop {
  background: transparent url("./media/bg-desktop.png") repeat-y top center;
}
app-common-calendar .common-calendar .calendar-items.desktop .items-container.i-1 {
  height: 380px;
}
app-common-calendar .common-calendar .calendar-items.desktop .items-container.i-2 {
  height: 630px;
}
app-common-calendar .common-calendar .calendar-items.desktop .items-container.i-3 {
  height: 930px;
}
app-common-calendar .common-calendar .calendar-items.desktop .items-container.i-4 {
  height: 1030px;
}
app-common-calendar .common-calendar .calendar-items.desktop .items-container.i-5 {
  height: 1220px;
}
app-common-calendar .common-calendar .calendar-items.desktop .items-container.i-6 {
  height: 1432px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item .calendar-item .image-container {
  top: -30px;
  left: -240px;
  width: 220px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item .calendar-item .image-container img {
  width: 200px;
  height: 200px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item .calendar-item .cross {
  top: 0;
  left: -40px;
  width: 30px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item .calendar-item .text-container {
  width: 220px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item .calendar-item .text-container .date {
  line-height: 24px;
  font-size: 18px;
  font-size: 1.8rem;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item .calendar-item .text-container .text {
  line-height: 26px;
  font-size: 18px;
  font-size: 1.8rem;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item:nth-child(1) .calendar-item {
  left: 293px;
  top: 90px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item:nth-child(2) .calendar-item {
  left: 840px;
  top: 290px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item:nth-child(3) .calendar-item {
  left: 930px;
  top: 630px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item:nth-child(4) .calendar-item {
  left: 420px;
  top: 680px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item:nth-child(5) .calendar-item {
  left: 320px;
  top: 977px;
}
app-common-calendar .common-calendar .calendar-items.desktop app-common-calendar-item:nth-child(6) .calendar-item {
  left: 970px;
  top: 1093px;
}
app-common-calendar .common-calendar .calendar-items.tablet {
  display: none;
  max-width: 330px;
  background: transparent url("./media/bg-mobile.png") repeat-y top center;
}
app-common-calendar .common-calendar .calendar-items.tablet .items-container.i-1 {
  height: 250px;
}
app-common-calendar .common-calendar .calendar-items.tablet .items-container.i-2 {
  height: 550px;
}
app-common-calendar .common-calendar .calendar-items.tablet .items-container.i-3 {
  height: 780px;
}
app-common-calendar .common-calendar .calendar-items.tablet .items-container.i-4 {
  height: 931px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item .calendar-item .image-container {
  top: -20px;
  left: -170px;
  width: 160px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item .calendar-item .image-container img {
  width: 140px;
  height: 140px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item .calendar-item .cross {
  top: 0;
  left: -40px;
  width: 30px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item .calendar-item .text-container {
  width: 160px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item .calendar-item .text-container .date {
  line-height: 24px;
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item .calendar-item .text-container .text {
  line-height: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(2n) .calendar-item .image-container {
  left: unset;
  right: -170px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(2n) .calendar-item .cross {
  left: unset;
  right: -40px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(2n) .calendar-item .text-container {
  text-align: right;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(1) .calendar-item {
  left: 120px;
  top: 50px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(1) .calendar-item.with-image {
  left: 170px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(2) .calendar-item {
  left: 20px;
  top: 290px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(2) .calendar-item.with-image {
  left: 0;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(3) .calendar-item {
  left: 130px;
  top: 525px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(3) .calendar-item.with-image {
  left: 170px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(4) .calendar-item {
  left: 85px;
  top: 750px;
}
app-common-calendar .common-calendar .calendar-items.tablet app-common-calendar-item:nth-child(4) .calendar-item.with-image {
  left: 0;
}
app-common-calendar .common-calendar .calendar-items.mobile {
  display: none;
  max-width: 300px;
  background: transparent url("./media/bg-mobile.png") repeat-y top center;
}
app-common-calendar .common-calendar .calendar-items.mobile .items-container.i-1 {
  height: 250px;
}
app-common-calendar .common-calendar .calendar-items.mobile .items-container.i-2 {
  height: 550px;
}
app-common-calendar .common-calendar .calendar-items.mobile .items-container.i-3 {
  height: 780px;
}
app-common-calendar .common-calendar .calendar-items.mobile .items-container.i-4 {
  height: 931px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item .calendar-item .image-container {
  top: -20px;
  left: -150px;
  width: 140px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item .calendar-item .image-container img {
  width: 120px;
  height: 120px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item .calendar-item .cross {
  top: 0;
  left: -40px;
  width: 30px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item .calendar-item .text-container {
  width: 140px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item .calendar-item .text-container .date {
  line-height: 24px;
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item .calendar-item .text-container .text {
  line-height: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(2n) .calendar-item .image-container {
  left: unset;
  right: -150px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(2n) .calendar-item .cross {
  left: unset;
  right: -40px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(2n) .calendar-item .text-container {
  text-align: right;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(1) .calendar-item {
  left: 105px;
  top: 50px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(1) .calendar-item.with-image {
  left: 155px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(2) .calendar-item {
  left: 25px;
  top: 290px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(2) .calendar-item.with-image {
  left: 5px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(3) .calendar-item {
  left: 115px;
  top: 525px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(3) .calendar-item.with-image {
  left: 155px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(4) .calendar-item {
  left: 90px;
  top: 750px;
}
app-common-calendar .common-calendar .calendar-items.mobile app-common-calendar-item:nth-child(4) .calendar-item.with-image {
  left: 5px;
}
app-common-calendar .common-calendar .show-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 32px 8px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ffffff;
  border: none;
  background: #D6232E;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-common-calendar .common-calendar .show-more-btn.tablet {
  display: none;
}
app-common-calendar .common-calendar .show-more-btn.mobile {
  display: none;
}
@media all and (max-width: 1202px) {
  app-common-calendar .common-calendar .calendar-items.desktop {
    display: none;
  }
  app-common-calendar .common-calendar .calendar-items.tablet {
    display: block;
  }
  app-common-calendar .common-calendar .calendar-items.mobile {
    display: none;
  }
  app-common-calendar .common-calendar .show-more-btn.desktop {
    display: none;
  }
  app-common-calendar .common-calendar .show-more-btn.tablet {
    display: flex;
  }
  app-common-calendar .common-calendar .show-more-btn.mobile {
    display: none;
  }
}
@media all and (max-width: 770px) {
  app-common-calendar .common-calendar .calendar-items.desktop {
    display: none;
  }
  app-common-calendar .common-calendar .calendar-items.tablet {
    display: none;
  }
  app-common-calendar .common-calendar .calendar-items.mobile {
    display: block;
  }
  app-common-calendar .common-calendar .show-more-btn.desktop {
    display: none;
  }
  app-common-calendar .common-calendar .show-more-btn.tablet {
    display: none;
  }
  app-common-calendar .common-calendar .show-more-btn.mobile {
    display: flex;
  }
}
app-common-cta-simple .common-cta-simple {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 10px 32px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
  border: none;
  background: #D6232E;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  text-shadow: 2px 2px #BF1F28;
}
app-common-faq-categories-expander .common-faq-categories-expander {
  margin-bottom: 16px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 24px rgba(127, 144, 189, 0.1);
  -moz-box-shadow: 0 0 24px rgba(127, 144, 189, 0.1);
  box-shadow: 0 0 24px rgba(127, 144, 189, 0.1);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-common-faq-categories-expander .common-faq-categories-expander .header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 32px;
  color: #6A6F7E;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.4px;
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-faq-categories-expander .common-faq-categories-expander .header app-svg-icon svg {
  transition: transform 0.2s ease;
}
app-common-faq-categories-expander .common-faq-categories-expander .header.expanded {
  color: #0A0A0B;
  font-weight: 700;
}
app-common-faq-categories-expander .common-faq-categories-expander .header.expanded app-svg-icon svg {
  transform: rotate(180deg);
}
app-common-faq-categories-expander .common-faq-categories-expander .content {
  background-color: #ffffff;
  overflow: hidden;
  padding: 0 32px;
  transition: height 0.2s ease;
}
app-common-faq-categories .common-faq-categories {
  display: flex;
  align-items: flex-start;
  justify-content: stretch;
}
app-common-faq-categories .common-faq-categories.desktop {
  flex-direction: row;
  padding: 60px 0;
}
app-common-faq-categories .common-faq-categories.desktop .categories {
  flex: 270px 0 0;
  margin-right: 100px;
}
app-common-faq-categories .common-faq-categories.desktop .categories div {
  margin-top: 12px;
  padding: 10px 24px;
  background-color: rgba(241, 242, 249, 0.3);
  border-left: 2px solid #F1F2F9;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-faq-categories .common-faq-categories.desktop .categories div:first-of-type {
  margin-top: 0;
}
app-common-faq-categories .common-faq-categories.desktop .categories div.selected {
  background-color: rgba(214, 35, 46, 0.1);
  border-left-color: #D6232E;
  font-weight: 700;
  color: #D6232E;
}
app-common-faq-categories .common-faq-categories.desktop .questions {
  flex: 100% 1 1;
}
app-common-faq-categories .common-faq-categories.desktop .questions h2 {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #0A0A0B;
  margin-top: 0;
  font-size: 32px;
  font-size: 3.2rem;
}
app-common-faq-categories .common-faq-categories.desktop .questions .answer {
  padding: 24px 0;
  border-top: solid 1px #F1F2F9;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 14px;
  font-size: 1.4rem;
}
app-common-faq-categories .common-faq-categories.mobile {
  flex-direction: column;
  padding: 40px 0;
  display: none;
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .header {
  padding: 16px 24px;
  background-color: rgba(241, 242, 249, 0.3);
  color: #0A0A0B;
  line-height: 18px;
  font-size: 14px;
  font-size: 1.4rem;
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .header.expanded {
  color: #D6232E;
  background-color: rgba(214, 35, 46, 0.1);
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .content {
  padding: 0 24px;
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .content app-common-faq-categories-question .common-faq-categories-question {
  border-top: solid 1px #F1F2F9;
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .content app-common-faq-categories-question:first-of-type .common-faq-categories-question {
  border-top: none;
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .content app-common-faq-categories-expander .common-faq-categories-expander {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .content app-common-faq-categories-expander .common-faq-categories-expander .header {
  padding: 24px 0;
  background-color: #ffffff;
  color: #0A0A0B;
  font-weight: 700;
  line-height: 18px;
  font-size: 14px;
  font-size: 1.4rem;
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .content app-common-faq-categories-expander .common-faq-categories-expander .header app-svg-icon {
  display: none;
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .content app-common-faq-categories-expander .common-faq-categories-expander .content {
  padding: 0;
}
app-common-faq-categories .common-faq-categories.mobile > app-common-faq-categories-expander > .common-faq-categories-expander > .content app-common-faq-categories-expander .common-faq-categories-expander .content .answer {
  padding: 0 0 24px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 14px;
  font-size: 1.4rem;
}
@media all and (max-width: 990px) {
  app-common-faq-categories .common-faq-categories.desktop {
    display: none;
  }
  app-common-faq-categories .common-faq-categories.mobile {
    display: block;
  }
}
app-common-image .common-image {
  margin: 50px auto;
}
app-common-image .common-image .common-image-container {
  width: fit-content;
  margin: 0 auto;
}
app-common-image .common-image .common-image-container img {
  display: block;
  max-width: 100%;
  max-height: 860px;
  margin: 0 auto;
  cursor: pointer;
}
app-common-image .common-image .common-image-container .common-image-title {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
}
app-common-image .common-image .common-image-container .common-image-title div {
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-image .common-image .common-image-container .common-image-title div + div {
  font-style: normal;
  font-weight: 500;
  text-align: right;
  padding-left: 20px;
  font-size: 12px;
  font-size: 1.2rem;
}
app-common-image .common-image .common-image-container .common-image-description {
  margin-top: 16px;
  font-family: Lato, sans-serif;
  font-weight: 500;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
@media all and (max-width: 770px) {
  app-common-image .common-image {
    margin: 30px auto;
  }
  app-common-image .common-image .common-image-container img {
    max-height: 300px;
  }
  app-common-image .common-image .common-image-container .common-image-title {
    margin-top: 8px;
    flex-wrap: wrap;
  }
  app-common-image .common-image .common-image-container .common-image-title div {
    width: 100%;
  }
  app-common-image .common-image .common-image-container .common-image-title div + div {
    margin-top: 16px;
    padding-left: 0;
    text-align: left;
  }
}
.common-partner-category {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 50px 0;
}
.common-partner-category a {
  display: block;
}
.common-partner-category img {
  display: block;
  width: 100%;
  max-width: 80px;
  margin: 0 20px 20px;
}
app-common-settings-cookies .cookies-overlay {
  position: fixed;
  z-index: 90000;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #D6232E;
  color: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Lato, sans-serif;
  line-height: 18px;
  font-size: 14px;
  font-size: 1.4rem;
}
app-common-settings-cookies .cookies-overlay .content-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}
app-common-settings-cookies .cookies-overlay .content-wrapper:before,
app-common-settings-cookies .cookies-overlay .content-wrapper:after {
  content: " ";
  display: table;
}
app-common-settings-cookies .cookies-overlay .content-wrapper:after {
  clear: both;
}
app-common-settings-cookies .cookies-overlay .content-wrapper p {
  margin: 0;
}
app-common-settings-cookies .cookies-overlay .content-wrapper a {
  color: #ffffff;
  font-weight: bold;
}
app-common-settings-cookies .cookies-overlay .content-wrapper button {
  float: right;
  margin: 10px 0 5px;
  padding: 0;
  border: none;
  background-color: transparent;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
}
app-common-settings-rule .rule-overlay {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 91000;
  background-color: rgba(10, 10, 11, 0.7);
}
app-common-settings-rule .rule-overlay .rule-container {
  display: flex;
  flex-direction: column;
  margin: auto;
  position: relative;
  width: 100%;
  height: 80vh;
  background-color: #ffffff;
  padding: 20px;
}
app-common-settings-rule .rule-overlay .rule-container .rule-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
app-common-settings-rule .rule-overlay .rule-container .rule-header > app-title div {
  margin: 0 10px 0 0;
  align-items: flex-start;
}
app-common-settings-rule .rule-overlay .rule-container .rule-header > app-title div svg {
  margin: -5px -5px -10px 0;
}
app-common-settings-rule .rule-overlay .rule-container .rule-header > app-title div span {
  font-size: 24px;
  font-size: 2.4rem;
}
app-common-settings-rule .rule-overlay .rule-container .rule-header > span {
  display: block;
  color: #888888;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body {
  display: flex;
  flex-shrink: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-navigation {
  flex: 220px 0 0;
  padding-right: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-navigation .nav-item {
  margin: 0;
  padding: 5px 20px 3px 10px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #0A0A0B;
  cursor: pointer;
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-navigation .nav-item.active {
  color: #ffffff;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text {
  height: 100%;
  flex: 100% 1 1;
  padding-right: 10px;
  overflow-y: scroll;
  font-family: Lato, sans-serif;
  color: #0A0A0B;
  font-size: 14px;
  font-size: 1.4rem;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text::-webkit-scrollbar-track {
  background: transparent;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text::-webkit-scrollbar-thumb {
  width: 3px;
  background: #6A6F7E;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text > *:first-child {
  margin-top: 0;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text > *:last-child {
  margin-bottom: 8px;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text h4 {
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text ol {
  margin: 5px 0 5px 25px;
  list-style: decimal;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text ol li {
  padding-left: 5px;
  margin: 5px 0;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text ul {
  margin: 5px 0 5px 25px;
  list-style: disc;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text ul li {
  padding: 0;
  margin: 5px 0;
}
app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text a {
  color: #D6232E;
  text-decoration: none;
}
app-common-settings-rule .rule-overlay .rule-container .rule-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
app-common-settings-rule .rule-overlay .rule-container .rule-footer div {
  flex: 50% 1 1;
  display: flex;
  align-items: center;
}
app-common-settings-rule .rule-overlay .rule-container .rule-footer div:first-of-type {
  justify-content: flex-start;
}
app-common-settings-rule .rule-overlay .rule-container .rule-footer div:last-of-type {
  justify-content: flex-end;
}
app-common-settings-rule .rule-overlay .rule-container .rule-footer a {
  display: flex;
  align-items: center;
  width: 50%;
  color: #D6232E;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
app-common-settings-rule .rule-overlay .rule-container .rule-footer a svg {
  margin-right: 5px;
}
app-common-settings-rule .rule-overlay .rule-container .rule-footer a span {
  display: block;
  margin-top: -3px;
}
app-common-settings-rule .rule-overlay .rule-container .rule-footer button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 32px 8px;
  border: none;
  background: #D6232E;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-family: Oxanium, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
}
@media all and (max-width: 770px) {
  app-common-settings-rule .rule-overlay .rule-container .rule-header {
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
  }
  app-common-settings-rule .rule-overlay .rule-container .rule-header > app-title div svg {
    height: 33px;
  }
  app-common-settings-rule .rule-overlay .rule-container .rule-header > app-title div span {
    font-size: 18px;
    font-size: 1.8rem;
  }
  app-common-settings-rule .rule-overlay .rule-container .rule-header > span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-navigation {
    display: none;
  }
  app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text {
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-common-settings-rule .rule-overlay .rule-container .rule-body .rule-text h4 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-common-settings-rule .rule-overlay .rule-container .rule-footer div:last-of-type {
    justify-content: flex-start;
  }
  app-common-settings-rule .rule-overlay .rule-container .rule-footer a {
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-common-settings-rule .rule-overlay .rule-container .rule-footer button {
    padding: 10px 30px 8px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
app-common-simple-video .common-simple-video {
  margin: 50px auto;
}
app-common-simple-video .common-simple-video .iframe-container {
  width: 100%;
  height: 0;
  padding-bottom: 56.23%;
  position: relative;
}
app-common-simple-video .common-simple-video .iframe-container iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 770px) {
  app-common-simple-video .common-simple-video {
    margin: 30px auto;
  }
}
app-common-slot-advertisement .common-slot-advertisement {
  width: 100%;
  max-height: 200px;
}
app-common-slot-advertisement .common-slot-advertisement .adv {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 40px;
  text-transform: uppercase;
  color: #afb6ca;
  font-size: 32px;
  font-size: 3.2rem;
}
app-common-slot-advertisement .common-slot-advertisement .adv app-ad-ocean-placement > div {
  margin: 50px auto;
}
@media (max-width: 770px) {
  app-common-slot-advertisement .common-slot-advertisement .adv app-ad-ocean-placement > div {
    margin: 30px auto;
  }
}
app-common-text .common-text {
  margin: 16px 0;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-text .common-text h1,
app-common-text .common-text h2,
app-common-text .common-text h3,
app-common-text .common-text h4,
app-common-text .common-text h5,
app-common-text .common-text h6 {
  font-family: Oxanium, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: -1px;
  color: #0A0A0B;
  margin: 16px 0;
  font-size: 24px;
  font-size: 2.4rem;
}
app-common-text .common-text ul {
  list-style: none;
  padding: 0;
}
app-common-text .common-text ul li {
  padding-left: 1.3em;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-text .common-text ul li:before {
  content: "";
}
app-common-text .common-text ol {
  list-style: decimal;
  padding: 0 24px;
}
app-common-text .common-text ol li {
  padding-left: 8px;
}
app-common-text .common-text p {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
app-common-text .common-text a {
  color: #D6232E;
  font-weight: bold;
}
app-common-text .common-text hr {
  margin: 30px -17px;
  border-color: #F1F2F9;
}
@media all and (max-width: 770px) {
  app-common-text .common-text {
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-common-text .common-text h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  app-common-text .common-text p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-common-text .common-text hr {
    margin: 30px -10px;
  }
}
.match-details-wrapper app-common-text:first-of-type .common-text,
.match-details-wrapper app-common-text:first-of-type .common-text p {
  font-weight: 600;
  line-height: 36px;
  color: #191723;
  font-size: 24px;
  font-size: 2.4rem;
}
@media only screen and (max-width: 770px) {
  .match-details-wrapper app-common-text:first-of-type .common-text,
  .match-details-wrapper app-common-text:first-of-type .common-text p {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
}
.match-details-wrapper app-bpp-sidebar-image ~ app-common-text:first-of-type .common-text,
.match-details-wrapper app-bpp-sidebar-image ~ app-common-text:first-of-type .common-text p {
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #6A6F7E;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 770px) {
  .match-details-wrapper app-bpp-sidebar-image ~ app-common-text:first-of-type .common-text,
  .match-details-wrapper app-bpp-sidebar-image ~ app-common-text:first-of-type .common-text p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-ppns-listing-chronicles-box .ppns-listing-chronicles-box {
  display: block;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
app-ppns-listing-chronicles-box .ppns-listing-chronicles-box .image-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 204px;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
app-ppns-listing-chronicles-box .ppns-listing-chronicles-box .image-container * {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
app-ppns-listing-chronicles-box .ppns-listing-chronicles-box .image-container app-responsive-image img {
  min-width: 100%;
}
app-ppns-listing-chronicles-box .ppns-listing-chronicles-box .text-container {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  padding: 24px 32px;
}
app-ppns-listing-chronicles-box .ppns-listing-chronicles-box .text-container h3 {
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  color: #0A0A0B;
  font-size: 16px;
  font-size: 1.6rem;
}
app-ppns-listing-chronicles-box .ppns-listing-chronicles-box:hover .text-container {
  background-color: #ffffff;
}
@media only screen and (max-width: 770px) {
  app-ppns-listing-chronicles-box .ppns-listing-chronicles-box .image-container {
    height: 162px;
  }
  app-ppns-listing-chronicles-box .ppns-listing-chronicles-box .image-container img {
    min-height: 162px;
  }
  app-ppns-listing-chronicles-box .ppns-listing-chronicles-box .text-container h3 {
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.page-kazimierz-gorski,
.page-100-lecie-urodzin-kazimierza-gorskiego {
  background-color: #000000;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image {
  margin-top: 50px;
  margin-bottom: 150px;
  background-color: #ffffff;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content {
  flex-direction: row-reverse;
  align-items: center;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote {
  padding: 12px 10px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -1px;
  color: #000000;
  text-transform: uppercase;
  font-size: 32px;
  font-size: 3.2rem;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote p,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote p {
  font-size: 32px;
  font-size: 3.2rem;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .author,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .author {
  margin: 20px 10px 0;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #db3836;
  text-transform: none;
  font-size: 20px;
  font-size: 2rem;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .source,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .source {
  margin: 5px 10px 0;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #AFB6CA;
  text-transform: none;
  font-size: 20px;
  font-size: 2rem;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container {
  flex-shrink: 0;
  margin: 0 -100px -150px 0;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .tracks,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .tracks {
  display: block;
  position: absolute;
  top: -40px;
  left: -16px;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .ball,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .ball {
  display: block;
  position: absolute;
  bottom: 105px;
  right: 25px;
  z-index: 5;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .circle,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .circle {
  display: none;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .arrow,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .arrow {
  display: none;
}
.page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container app-slanted-image:after,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container app-slanted-image:after {
  left: 100px;
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  transform: skewX(20deg);
}
@media all and (max-width: 770px) {
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image .content,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image .content {
    flex-direction: column;
    align-items: center;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image.desktop,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image.desktop {
    display: none;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image.mobile,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image .content .image-container .image.mobile {
    display: block;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image {
    margin-top: calc(40% + 50px);
    margin-bottom: 0;
    padding-top: 0;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .arrow-bwi,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .arrow-bwi {
    display: none;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content {
    flex-direction: column;
    align-items: center;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote {
    line-height: 30px;
    font-size: 28px;
    font-size: 2.8rem;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote p,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .quote p {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .author,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .author {
    font-weight: 700;
    margin-top: 15px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .source,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .common-quote .source {
    line-height: 18px;
    color: #AFB6CA;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container {
    width: 100%;
    margin: -40% 0 30px 0;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .tracks,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .tracks {
    display: none;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .ball,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .ball {
    width: 15%;
    bottom: -5%;
    right: 2%;
    z-index: 5;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .arrow,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .arrow {
    display: none;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .circle,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .circle {
    display: none;
  }
  .page-kazimierz-gorski app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .image,
  .page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-quote-with-image .bpp-quote-with-image.bg-black.with-side-image .content .image-container .image {
    z-index: 1;
  }
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop {
  margin: 120px auto 0;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(1) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(1) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(1) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(1) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(1) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(1) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(1) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(1) .photo {
  width: 472px;
  height: 563px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(2),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(2),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(2),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(2),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(2),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(2),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(2),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(2) {
  margin-top: -89px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(2) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(2) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(2) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(2) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(2) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(2) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(2) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(2) .photo {
  width: 273px;
  height: 421px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(3),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(3),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(3),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(3),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(3),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(3),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(3),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(3) {
  margin-top: 53px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(3) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(3) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(3) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(3) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(3) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(3) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(3) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(3) .photo {
  width: 370px;
  height: 279px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(4),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(4),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(4),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(4),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(4),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(4),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(4),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(4) {
  margin-left: 496px;
  margin-top: -231px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(4) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(4) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(4) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(4) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(4) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(4) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(4) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(4) .photo {
  width: 372px;
  height: 374px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(5),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(5),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(5),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(5),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(5),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(5),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(5),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(5) {
  margin-left: 884px;
  margin-top: -382px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(5) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(5) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(5) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(5) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(5) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(5) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(5) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(5) .photo {
  width: 369px;
  height: 298px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(6),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(6),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(6),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(6),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(6),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(6),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(6),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(6) {
  margin-left: 172px;
  margin-top: -143px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(6) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(6) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(6) .photo,
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(6) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(6) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(6) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(6) .photo,
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(6) .photo {
  width: 308px;
  height: 378px;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(7),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(7),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(7),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(7),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(7),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(7),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(7),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(7) {
  display: none;
}
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(8),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(8),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(8),
.page-kazimierz-gorski app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(8),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage .bpp-reusable-gallery-photo:nth-child(8),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_2 .bpp-reusable-gallery-photo:nth-child(8),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_3 .bpp-reusable-gallery-photo:nth-child(8),
.page-100-lecie-urodzin-kazimierza-gorskiego app-bpp-reusable-gallery .bpp-reusable-gallery .bpp-reusable-gallery-wrapper .bpp-reusable-gallery-container.desktop.collage_4 .bpp-reusable-gallery-photo:nth-child(8) {
  display: none;
}
app-simple-page .theme-ppns {
  background: #ffffff url("./media/ppns-simple-page-bg.jpg") no-repeat top center;
  padding: 1px 0;
}
@media all and (max-width: 1202px) {
  app-simple-page .theme-ppns {
    background-position-y: -50px;
  }
}
@media all and (max-width: 991px) {
  app-simple-page .theme-ppns {
    background-position-y: -160px;
  }
}
@media all and (max-width: 767px) {
  app-simple-page .theme-ppns {
    background-position-x: calc(50% + 80px);
    background-position-y: -195px;
  }
}
@media all and (max-width: 419px) {
  app-simple-page .theme-ppns {
    background-position-y: -240px;
  }
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bg-black {
  background-color: transparent;
}
app-simple-page .theme-ppns app-bpp-promotional-banner .content-wrapper {
  padding: 90px 0;
}
@media all and (max-width: 1202px) {
  app-simple-page .theme-ppns app-bpp-promotional-banner .content-wrapper {
    padding: 80px 0;
  }
}
@media all and (max-width: 991px) {
  app-simple-page .theme-ppns app-bpp-promotional-banner .content-wrapper {
    padding: 30px 0 60px;
  }
}
@media all and (max-width: 767px) {
  app-simple-page .theme-ppns app-bpp-promotional-banner .content-wrapper {
    padding: 30px 0 50px;
  }
}
@media all and (max-width: 419px) {
  app-simple-page .theme-ppns app-bpp-promotional-banner .content-wrapper {
    padding: 30px 0 50px;
  }
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner {
  background: transparent url("./media/ppns-bpp-promotional-banner-bg-desktop.png") no-repeat right bottom;
  height: 480px;
  position: relative;
  padding: 50px 20px;
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner:before {
  content: "";
  position: absolute;
  width: 157px;
  height: 30px;
  top: 0;
  left: 20px;
  background: transparent url("./media/logo-ppns-men.png") no-repeat 0 0;
  background-size: 157px 30px;
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container {
  width: 500px;
  flex-grow: 0;
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > div {
  margin: 0;
  font-family: Lato, sans-serif;
  font-weight: 900;
  text-transform: none;
  line-height: 80px;
  font-size: 70px;
  font-size: 7rem;
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > div span {
  color: #E31414;
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > span {
  margin: 40px 0;
  line-height: 34px;
  font-weight: 600;
  font-size: 25px;
  font-size: 2.5rem;
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container app-common-cta-simple .common-cta-simple {
  padding: 10px 18px;
  font-family: Lato, sans-serif;
  text-transform: none;
  border-radius: 40px;
  -webkit-border-radius: 40px;
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container app-common-cta-simple .common-cta-simple span {
  margin-top: -1px;
}
app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .photo-container {
  display: none;
}
@media all and (max-width: 1202px) {
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner {
    background-size: 576px 432px;
    padding: 50px 10px;
    height: 432px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner:before {
    left: 10px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container {
    width: 400px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > div {
    line-height: 70px;
    font-size: 60px;
    font-size: 6rem;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > span {
    margin: 35px 0;
    line-height: 32px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media all and (max-width: 991px) {
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner {
    background-size: 384px 288px;
    background-position: right 50%;
    margin: 0 -10px;
    padding: 50px 20px;
    flex-direction: row;
    height: 370px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner:before {
    left: 20px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container {
    width: 400px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > div {
    line-height: 55px;
    font-size: 55px;
    font-size: 5.5rem;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > span {
    margin: 30px 0;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media all and (max-width: 767px) {
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner {
    background: transparent url("./media/ppns-bpp-promotional-banner-bg-mobile.png") no-repeat right bottom;
    background-size: 200px 280px;
    height: 345px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container {
    width: 305px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > div {
    line-height: 50px;
    font-size: 50px;
    font-size: 5rem;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > span {
    margin: 25px 0;
    line-height: 28px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container app-common-cta-simple .common-cta-simple {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media all and (max-width: 419px) {
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner {
    background-position: right 40px;
    height: 310px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container {
    width: 215px;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > div {
    line-height: 40px;
    font-size: 36px;
    font-size: 3.6rem;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container > span {
    margin: 20px 0;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  app-simple-page .theme-ppns app-bpp-promotional-banner .bpp-promotional-banner .text-container app-common-cta-simple .common-cta-simple {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-simple-page .theme-ppns app-common-text .common-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background:
    radial-gradient(
      circle at top left,
      rgba(255, 255, 255, 0.42),
      rgba(255, 255, 255, 0.06));
  margin: 16px 0 0;
  padding: 30px 100px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
app-simple-page .theme-ppns app-common-text .common-text h2 {
  width: 220px;
  font-family: Lato, sans-serif;
  font-weight: 900;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
}
app-simple-page .theme-ppns app-common-text .common-text > div {
  width: 420px;
}
app-simple-page .theme-ppns app-common-text .common-text > div p {
  color: #000000;
  font-weight: 600;
}
@media all and (max-width: 991px) {
  app-simple-page .theme-ppns app-common-text .common-text {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px;
  }
  app-simple-page .theme-ppns app-common-text .common-text h2,
  app-simple-page .theme-ppns app-common-text .common-text div {
    width: 100%;
  }
}
@media all and (max-width: 419px) {
  app-simple-page .theme-ppns app-common-text .common-text {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 30px;
  }
  app-simple-page .theme-ppns app-common-text .common-text h2 {
    width: 200px;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 30px 50px;
  margin: 50px 0;
}
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text h2,
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text h3,
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text h4,
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text h5 {
  font-family: Lato, sans-serif;
  font-weight: 900;
  width: 100%;
  color: #ffffff;
}
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text h2 a,
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text h3 a,
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text h4 a,
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text h5 a {
  color: #ffffff;
  text-decoration: none;
}
app-simple-page .theme-ppns app-common-text:not(:first-of-type) .common-text div {
  width: 100%;
  color: #ffffff;
}
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image {
  margin: 0 auto;
  justify-content: space-around;
}
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .image-container {
  width: 35%;
}
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .image-container .arrow-left,
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .image-container .arrow-right,
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .image-container .circle,
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .image-container .cross {
  display: none !important;
}
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .image-container .image {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .text-container {
  width: 40%;
  line-height: 28px;
}
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .text-container .title {
  display: none;
}
app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .text-container .text {
  color: #ffffff;
}
@media all and (max-width: 990px) {
  app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image {
    flex-direction: column;
    padding: 0;
  }
  app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .text-container {
    width: 100%;
    margin-top: 0;
  }
  app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .image-container {
    width: 100%;
    max-height: 400px;
  }
  app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .image-container app-responsive-image {
    max-height: 400px;
  }
  app-simple-page .theme-ppns app-bpp-sidebar-image .bpp-sidebar-image .image-container app-responsive-image .image {
    max-height: 400px;
  }
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bg-gray-e4 {
  background-color: transparent;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .logo {
  display: none;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper {
  padding: 30px;
  background:
    radial-gradient(
      circle at top left,
      rgba(255, 255, 255, 0.42),
      rgba(255, 255, 255, 0.06));
  border-radius: 20px;
  -webkit-border-radius: 20px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper > h2 {
  margin-top: 0;
  margin-left: 8px;
  font-family: Lato, sans-serif;
  font-weight: 900;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container {
  margin: 36px 0;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small {
  margin: 0 8px 8px 0;
  height: auto;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content {
  height: auto;
  padding: 5px 8px;
  background-color: transparent;
  font-family: Lato, sans-serif;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-size: 15px;
  font-size: 1.5rem;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content .text {
  width: 100%;
  height: auto;
  color: #ffffff;
  font-weight: 700;
  overflow: hidden;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content .count {
  display: none;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small.selected app-svg-icon[name=bpp-filters-item-small-chronicles-border] {
  display: none !important;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small.selected .item-content {
  background-color: #0F8BC0;
  color: #ffffff;
  padding: 5px 8px;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small.selected .item-content .text {
  color: #ffffff;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small.selected .item-content .count {
  border-left: solid 1px #ffffff;
  color: #ffffff;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-pagination {
  display: none;
}
app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper button.ppns-see-all {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 10px 18px;
  margin: 32px auto 0;
  font-family: Lato, sans-serif;
  font-weight: bold;
  text-transform: none;
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
  border: none;
  background: #FF2F2F;
  border-radius: 40px;
  -webkit-border-radius: 40px;
}
@media all and (max-width: 990px) {
  app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content {
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters app-bpp-filters-overlay .bpp-filters-button {
    display: none;
  }
  app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container {
    display: flex;
  }
}
@media all and (max-width: 770px) {
  app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper > h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content {
    font-size: 13px;
    font-size: 1.3rem;
  }
  app-simple-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper button.ppns-see-all {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
app-simple-page .theme-ppns a.quiz-link {
  font-family: Lato, sans-serif;
  display: flex;
  width: fit-content;
  margin: 0 auto;
  padding: 12px 40px;
  background-color: #0F8BC0;
  color: #ffffff;
  text-transform: uppercase;
  overflow: hidden;
  font-weight: 700;
  text-decoration: none;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  font-size: 30px;
  font-size: 3rem;
}
app-simple-page .theme-ppns a.quiz-link:hover {
  text-decoration: none;
}
@media all and (max-width: 770px) {
  app-simple-page .theme-ppns a.quiz-link {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
app-index-page .theme-ppns {
  background: #D85353 url("./media/ppns-circle.png") no-repeat 60% 370px;
  padding: 1px 0;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bg-gray-e4 {
  background-color: transparent;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles {
  margin: 50px 0;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .logo {
  display: none;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper {
  padding: 30px;
  background:
    radial-gradient(
      circle at top left,
      rgba(255, 255, 255, 0.42),
      rgba(255, 255, 255, 0.06));
  border-radius: 20px;
  -webkit-border-radius: 20px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper > h2 {
  margin-top: 0;
  margin-left: 8px;
  font-family: Lato, sans-serif;
  font-weight: 900;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container {
  margin: 36px 0;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small {
  margin: 0 8px 8px 0;
  height: auto;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content {
  height: auto;
  padding: 5px 8px;
  background-color: transparent;
  font-family: Lato, sans-serif;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  font-size: 15px;
  font-size: 1.5rem;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content .text {
  width: 100%;
  height: auto;
  color: #ffffff;
  font-weight: 700;
  overflow: hidden;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content .count {
  display: none;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small.selected app-svg-icon[name=bpp-filters-item-small-chronicles-border] {
  display: none !important;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small.selected .item-content {
  background-color: #0F8BC0;
  color: #ffffff;
  padding: 5px 8px;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small.selected .item-content .text {
  color: #ffffff;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small.selected .item-content .count {
  border-left: solid 1px #ffffff;
  color: #ffffff;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-pagination .pagination {
  padding: 0;
  margin: 50px auto 18px;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-pagination .pagination app-svg-icon svg {
  fill: #ffffff;
  stroke: #ffffff;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-pagination .pagination .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0 1px;
  background-color: transparent;
  color: #ffffff;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-pagination .pagination .item span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 12px;
  font-size: 12px;
  font-size: 1.2rem;
}
app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-pagination .pagination .item.active {
  background-color: #0F8BC0;
}
@media all and (max-width: 990px) {
  app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content {
    font-size: 14px;
    font-size: 1.4rem;
  }
  app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters app-bpp-filters-overlay .bpp-filters-button {
    display: none;
  }
  app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container {
    display: flex;
  }
}
@media all and (max-width: 419px) {
  app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper > h2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  app-index-page .theme-ppns app-bpp-listing-chronicles .bpp-listing-chronicles .content-wrapper app-bpp-filters .bpp-filters-container app-bpp-filters-item-small .bpp-filter-item-small .item-content {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
app-chronicle-article .chronicle-article-page {
  padding-bottom: 50px;
}
app-chronicle-article .chronicle-article-page.theme-ppns {
  background: #ffffff;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header {
  position: relative;
  overflow: hidden;
  width: 100%;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 40px 80px;
  background-color: #D85353;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-breadcrumbs-container {
  margin: 0;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-breadcrumbs-container__content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 23px;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-breadcrumbs-container__content__items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-breadcrumbs-container__content__items svg {
  height: 13px;
  margin: 0 5px;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-breadcrumbs-container__content svg {
  fill: #ffffff;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-breadcrumbs-container__content span {
  color: #ffffff;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-breadcrumbs-container__content a {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-breadcrumbs-container__content a span {
  color: #000000;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-breadcrumbs-container__content a:first-child svg {
  margin-top: 4px;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-title {
  margin-top: 15px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 56px;
  font-size: 5.6rem;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-subtitle {
  margin-top: 10px;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #F1F2F9;
  font-size: 24px;
  font-size: 2.4rem;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-author {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: Lato, sans-serif;
  font-style: normal;
  margin-top: 10px;
  line-height: 36px;
  letter-spacing: 0.4px;
  color: #F1F2F9;
  font-size: 14px;
  font-size: 1.4rem;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-author div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 16px;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-author div:first-of-type {
  margin-left: 0;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-author div svg {
  margin-right: 8px;
  fill: #ffffff;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-image {
  position: relative;
  z-index: 100;
  width: 90%;
  height: 0;
  padding-top: 34%;
  margin: -50px auto 0;
  overflow: hidden;
  border: solid 4px #ffffff;
  background-color: #ffffff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-image img {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-image .credits span {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 200;
  background: rgba(10, 10, 11, 0.7);
  display: block;
  padding: 5px 17px 5px 13px;
  font-family: Lato, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-image .credits span.mobile {
  display: none;
}
@media all and (max-width: 990px) {
  app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-title {
    line-height: 26px;
    letter-spacing: -0.5px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-subtitle {
    line-height: 18px;
    letter-spacing: 0.4px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-author {
    flex-direction: column;
    align-items: flex-start;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-author div {
    margin-left: 0;
    margin-top: 4px;
  }
  app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .header-content .header-author div:first-of-type {
    margin-top: 0;
  }
}
@media all and (max-width: 770px) {
  app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .credits span.desktop {
    display: none !important;
  }
  app-chronicle-article .chronicle-article-page.theme-ppns app-header .ppns-header .credits span.mobile {
    display: block !important;
  }
}
app-chronicle-article .chronicle-article-page.theme-ppns .content-wrapper > .lead {
  font-family: Lato, sans-serif;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text h1,
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text h2,
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text h3,
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text h4,
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text h5,
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text h6 {
  font-family: Lato, sans-serif;
  color: #000000;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text ul li {
  font-family: Lato, sans-serif;
  color: #000000;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text ol li {
  font-family: Lato, sans-serif;
  color: #000000;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text p {
  font-family: Lato, sans-serif;
  color: #000000;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text b,
app-chronicle-article .chronicle-article-page.theme-ppns app-common-text .common-text strong {
  font-family: Lato, sans-serif;
  color: #000000;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-image,
app-chronicle-article .chronicle-article-page.theme-ppns app-common-quote,
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-quote-with-image,
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-video-from-bus {
  display: block;
  background: #ffffff;
  background-blend-mode: unset;
  padding: 16px 0;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-image .common-image {
  margin: 0 auto;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-image .common-image .common-image-container img {
  overflow: hidden;
  border: solid 4px #E31414;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-image .common-image .common-image-container .common-image-title {
  margin: 8px auto 0;
  width: fit-content;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-image .common-image .common-image-container .common-image-title div + div {
  font-family: Lato, sans-serif;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-image .common-image .common-image-container .common-image-description {
  margin-top: 8px;
  font-family: Lato, sans-serif;
  text-align: center;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-common-image .common-image .common-image-container .common-image-description p {
  margin: 0;
  font-family: Lato, sans-serif;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-video-from-bus .bpp-video-from-bus > div {
  font-family: Lato, sans-serif;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-video-from-bus .bpp-video-from-bus .video-player-container .inner {
  border: solid 4px #E31414;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-video-from-bus .bpp-video-from-bus .video-description {
  font-family: Lato, sans-serif;
  text-align: center;
  color: #6A6F7E;
  font-size: 13px;
  font-size: 1.3rem;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-quote-with-image .bg-gray-fa,
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-quote-with-image .bg-black {
  background-color: transparent;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-quote-with-image .bpp-quote-with-image .circle-p {
  display: none !important;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .quote p {
  font-family: Lato, sans-serif;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .author {
  font-family: Lato, sans-serif;
}
app-chronicle-article .chronicle-article-page.theme-ppns app-bpp-quote-with-image .bpp-quote-with-image .content .common-quote .source {
  font-family: Lato, sans-serif;
}

/* src/assets/jplayer-angular/styles.scss */
.projekktor {
  background-color: #000;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.projekktor,
.projekktor * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.projekktor .active {
  display: block;
}
.projekktor .inactive {
  display: none !important;
}
.projekktor .ppstart {
  display: block;
  position: absolute;
  z-index: 10;
  width: 112px;
  height: 112px;
  left: 50%;
  bottom: 50%;
  background: rgba(0, 0, 0, 0.5) url("./media/jplayer-sprites.png") no-repeat 0 -112px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transform: translate(-50%, 25%);
  -moz-transform: translate(-50%, 25%);
  -ms-transform: translate(-50%, 25%);
  -o-transform: translate(-50%, 25%);
  transform: translate(-50%, 25%);
}
.projekktor .ppstart:hover,
.projekktor .ppstart:active {
  background-position: -112px -112px;
}
.projekktor .ppbuffering {
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  z-index: 10000;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.projekktor .ppbuffering .dots {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}
.projekktor .ppbuffering .dots div {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 0.9s infinite ease-in-out both;
  animation: sk-bouncedelay 0.9s infinite ease-in-out both;
}
.projekktor .ppbuffering .dots .dot1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.projekktor .ppbuffering .dots .dot2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.projekktor .ppad .ppnext,
.projekktor .ppad .ppnextC,
.projekktor .ppad .ppprev,
.projekktor .ppad .ppprevC,
.projekktor .ppad .pptitle,
.projekktor.ppad .ppnext,
.projekktor.ppad .ppnextC,
.projekktor.ppad .ppprev,
.projekktor.ppad .ppprevC,
.projekktor.ppad .pptitle {
  display: none;
}
.projekktor .ppad .ppadmessage,
.projekktor.ppad .ppadmessage {
  position: absolute;
  font-size: 12px;
  top: 0;
  border: none;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  padding: 6px 10px;
  float: left;
}
.projekktor .ppad .ppadmessage.admessage0,
.projekktor.ppad .ppadmessage.admessage0 {
  left: 0;
}
.projekktor .ppad .ppadmessage.admessage1,
.projekktor.ppad .ppadmessage.admessage1 {
  right: 0;
}
.projekktor .ppad .ppadskip,
.projekktor.ppad .ppadskip {
  position: absolute;
  padding-top: 2px;
  top: 0;
  right: 0;
  width: 85%;
  height: 28px;
  background-color: #333;
  color: #fdfdfd;
  line-height: 28px;
}
.projekktor .ppad .ppadskip.unlocked,
.projekktor.ppad .ppadskip.unlocked {
  cursor: pointer;
  color: #fdfdfd;
}
.projekktor .ppad .ppadoverlay,
.projekktor.ppad .ppadoverlay {
  text-align: center;
  position: absolute;
  display: inline-block;
  bottom: 50px;
  width: 100%;
  z-index: 9998;
}
.projekktor .ppad .ppadoverlay.inactive,
.projekktor.ppad .ppadoverlay.inactive {
  display: block;
}
.projekktor .ppad .ppadoverlaywrapper,
.projekktor.ppad .ppadoverlaywrapper {
  float: right;
  right: 50%;
  position: relative;
}
.projekktor .ppad .ppadcontent,
.projekktor.ppad .ppadcontent {
  cursor: default;
  float: right;
  right: -50%;
  position: relative;
}
.projekktor .ppad .ppadclose,
.projekktor.ppad .ppadclose {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: transparent url("./media/jplayer-sprites.png") no-repeat -120px 0;
  background-size: 160px 180px;
  right: -50%;
  margin-right: -20px;
  position: absolute;
  z-index: 9999;
}
.projekktor .ppcontextmenu {
  position: absolute;
  z-index: 2147483647;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: none repeat scroll 0 0 #FFFFFF;
  list-style: none outside none;
  border: 1px solid #CCCCCC;
  outline: medium none;
  overflow: auto;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.projekktor .ppcontextmenu li {
  color: #333;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 6px 20px;
  text-decoration: none;
  white-space: nowrap;
  word-wrap: normal;
}
.projekktor .ppcontextmenu li:hover {
  color: #fff;
  background-color: #333;
}
.projekktor .ppcontrols {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 124px;
  margin: 0;
  padding: 40px 20px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  background:
    linear-gradient(
      0deg,
      #000 0%,
      transparent 100%);
  z-index: 1000;
}
.projekktor .ppcontrols.active {
  display: flex !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
.projekktor .ppcontrols.inactive {
  display: flex !important;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
.projekktor .ppcontrols > span {
  display: block;
  flex: 42px 0 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
  background: transparent url("./media/jplayer-sprites.png") no-repeat 0 0;
  background-size: 672px 168px;
  overflow: hidden;
}
.projekktor .ppcontrols > span.ppplay {
  background-position: 0 0;
}
.projekktor .ppcontrols > span.ppplay:hover,
.projekktor .ppcontrols > span.ppplay:active {
  background-position: 0 -42px;
}
.projekktor .ppcontrols > span.pppause {
  background-position: -42px 0;
}
.projekktor .ppcontrols > span.pppause:hover,
.projekktor .ppcontrols > span.pppause:active {
  background-position: -42px -42px;
}
.projekktor .ppcontrols > span.ppprev,
.projekktor .ppcontrols > span.ppprevC {
  background-position: -84px 0;
}
.projekktor .ppcontrols > span.ppprev:hover,
.projekktor .ppcontrols > span.ppprev:active,
.projekktor .ppcontrols > span.ppprevC:hover,
.projekktor .ppcontrols > span.ppprevC:active {
  background-position: -84px -42px;
}
.projekktor .ppcontrols > span.ppnext,
.projekktor .ppcontrols > span.ppnextC {
  background-position: -126px 0;
}
.projekktor .ppcontrols > span.ppnext:hover,
.projekktor .ppcontrols > span.ppnext:active,
.projekktor .ppcontrols > span.ppnextC:hover,
.projekktor .ppcontrols > span.ppnextC:active {
  background-position: -126px -42px;
}
.projekktor .ppcontrols > span.ppmute {
  background-position: -252px 0;
}
.projekktor .ppcontrols > span.ppmute:hover,
.projekktor .ppcontrols > span.ppmute:active {
  background-position: -252px -42px;
}
.projekktor .ppcontrols > span.ppunmute {
  background-position: -210px 0;
}
.projekktor .ppcontrols > span.ppunmute:hover,
.projekktor .ppcontrols > span.ppunmute:active {
  background-position: -210px -42px;
}
.projekktor .ppcontrols > span.ppvmax {
  display: none;
  background-position: -210px 0;
}
.projekktor .ppcontrols > span.ppvmax:hover,
.projekktor .ppcontrols > span.ppvmax:active {
  background-position: -210px -42px;
}
.projekktor .ppcontrols > span.ppfsenter {
  background-position: -294px 0;
}
.projekktor .ppcontrols > span.ppfsenter:hover,
.projekktor .ppcontrols > span.ppfsenter:active {
  background-position: -294px -42px;
}
.projekktor .ppcontrols > span.ppfsexit {
  background-position: -336px 0;
}
.projekktor .ppcontrols > span.ppfsexit:hover,
.projekktor .ppcontrols > span.ppfsexit:active {
  background-position: -336px -42px;
}
.projekktor .ppcontrols > span.ppsettingsbtn {
  background-position: -378px 0;
}
.projekktor .ppcontrols > span.ppsettingsbtn:hover,
.projekktor .ppcontrols > span.ppsettingsbtn:active {
  background-position: -378px -42px;
}
.projekktor .ppcontrols > span.pploquality {
  background-position: -462px 0;
}
.projekktor .ppcontrols > span.pploquality:hover,
.projekktor .ppcontrols > span.pploquality:active {
  background-position: -462px -42px;
}
.projekktor .ppcontrols > span.pphiquality {
  background-position: -504px 0;
}
.projekktor .ppcontrols > span.pphiquality:hover,
.projekktor .ppcontrols > span.pphiquality:active {
  background-position: -504px -42px;
}
.projekktor .ppcontrols > span.pplive {
  display: none;
  flex: 84px 0 0;
}
.projekktor .ppcontrols > span.pplive .ppgolive {
  width: 84px;
  background-position: -546px 0;
}
.projekktor .ppcontrols > span.pplive .ppgolive:hover,
.projekktor .ppcontrols > span.pplive .ppgolive:active {
  background-position: -546px -42px;
}
.projekktor .ppcontrols > span.pptracksbtn {
  display: none;
}
.projekktor .ppcontrols > div {
  height: 42px;
}
.projekktor .ppcontrols > div.ppscrubber {
  flex: 70% 1 1;
  height: 6px;
  margin: 0 20px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: visible;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.projekktor .ppcontrols > div.ppscrubber .pploaded,
.projekktor .ppcontrols > div.ppscrubber .ppplayhead,
.projekktor .ppcontrols > div.ppscrubber .ppscrubberdrag {
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  z-index: 300;
  display: block;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubberknob {
  position: absolute;
  top: -4px;
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0 0 0 -6px;
  z-index: 300;
  display: block;
  background-color: #db3836;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
  -moz-transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
  -ms-transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
  -o-transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
  transition:
    width 0.2s ease-in-out,
    height 0.2s ease-in-out,
    margin 0.2s ease-in-out;
}
.projekktor .ppcontrols > div.ppscrubber .pploaded {
  background-color: rgba(255, 255, 255, 0.4);
}
.projekktor .ppcontrols > div.ppscrubber .ppplayhead {
  z-index: 301;
  background-color: #db3836;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubberdrag {
  cursor: pointer;
  height: 100%;
  z-index: 302;
  left: 0;
  width: 100%;
}
.projekktor .ppcontrols > div.ppscrubber .ppcuepoint {
  position: absolute;
  height: 100%;
  width: 5px;
  background-color: yellow;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 310;
}
.projekktor .ppcontrols > div.ppscrubber .ppcuepoint:hover {
  background-color: red;
  cursor: pointer;
}
.projekktor .ppcontrols > div.ppscrubber .ppcuepoint.ppcuepoint_group_midroll {
  background: transparent;
  border-left: 3px solid yellow;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubbertip {
  padding: 3px;
  position: absolute;
  top: -30px;
  left: 25px;
  font-size: 11px;
  line-height: 15px;
  color: #fdfdfd;
  background: #2e2d2d;
  z-index: 10;
  display: none;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubbertip:after {
  position: absolute;
  content: " ";
  height: 0;
  width: 0;
  top: 100%;
  left: 50%;
  border: 5px solid rgba(2, 28, 79, 0);
  border-top-color: #333;
  pointer-events: none;
  margin-left: -5px;
}
.projekktor .ppcontrols > div.ppscrubber .ppscrubbertip.active {
  display: block;
}
.projekktor .ppcontrols > div.ppscrubber:hover {
  bottom: -2px;
  height: 8px;
}
.projekktor .ppcontrols > div.ppscrubber:hover .ppscrubberknob {
  width: 16px;
  height: 16px;
  margin: 0 0 0 -8px;
}
.projekktor .ppcontrols > div.ppscrubber.inactive {
  display: block !important;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
.projekktor .ppcontrols > div.pptimeleft {
  display: flex;
  flex: 80px 0 0;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.projekktor .ppcontrols > div.ppvslider {
  flex: 60px 0 0;
  height: 6px;
  margin: 0 5px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.projekktor .ppcontrols > div.ppvslider:hover {
  height: 8px;
  margin: 16px 5px;
}
.projekktor .ppcontrols > div.ppvslider .ppvmarker {
  position: relative;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #db3836;
}
.projekktor .ppcontrols > div.ppvslider .ppvknob {
  display: none;
}
.projekktor .ppdisplay {
  background-color: #000;
  position: relative !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.projekktor .ppoverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.projekktor .pppostertitle {
  background: transparent;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fdfdfd;
  padding: 2px 5px;
  text-align: left;
}
.projekktor .pppostertitle.active {
  top: 0;
}
.projekktor .pppostertitle.inactive {
  display: block !important;
  top: -135px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: top 0.9s linear;
  -moz-transition: top 0.9s linear;
  -ms-transition: top 0.9s linear;
  -o-transition: top 0.9s linear;
  transition: top 0.9s linear;
}
.projekktor .pprelated {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  z-index: 100000;
}
.projekktor .pprelated .wrapper {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
}
.projekktor .pprelated .wrapper h2 {
  display: block;
  margin: 0 0 5px;
  color: #ffffff;
  font-size: 14px;
}
.projekktor .pprelated .wrapper textarea {
  width: 100%;
  height: 100%;
  outline: 0 none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
  background-color: transparent;
  color: #fdfdfd;
  border: 1px solid #fcfcfc;
  resize: none;
  cursor: pointer;
}
.projekktor .pprelated .wrapper .pprelatedone {
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .container {
  position: relative;
  width: 132px;
  height: 132px;
  margin: 0 auto;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .csvg {
  display: block;
  width: 100%;
  height: 100%;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .csvg .cpath {
  stroke: #db3836;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: square;
  animation: progress linear forwards;
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
  100% {
    stroke-dasharray: 100 100;
  }
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: transparent url("./media/jplayer-sprites.png") no-repeat -448px -112px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay:hover,
.projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay:active {
  background-position: -560px -112px;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedembed {
  display: none;
  width: 30%;
  margin-left: 5%;
}
.projekktor .pprelated .wrapper .pprelatedone .pprelatedshare {
  display: none;
  width: 30%;
  margin-left: 5%;
}
.projekktor .pprelated .wrapper .pprelatedtwo {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.projekktor .pprelated .wrapper .pprelatedtwo h2 {
  text-align: left;
  width: 100%;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems:before,
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems:after {
  display: table;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems:after {
  clear: both;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem {
  position: relative;
  display: block;
  float: left;
  width: 20%;
  cursor: pointer;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:first-child {
  width: 35%;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:after {
  content: "";
  display: block;
  position: absolute;
  width: 56px;
  height: 56px;
  left: 50%;
  top: 50%;
  background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -56px;
  background-size: 448px 112px;
  cursor: pointer;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:hover:after {
  background-position: -56px -56px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .title {
  width: 100%;
  padding: 10px;
  background-color: #fff;
  color: #000000;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .image {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .image img {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem {
  font-size: 14px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:after {
  width: 42px;
  height: 42px;
  background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -42px;
  background-size: 336px 84px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:hover:after {
  background-position: -42px -42px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem .title {
  padding: 8px;
  font-size: 13px;
}
.projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem + .pprelateditem + .pprelateditem + .pprelateditem {
  display: none;
}
.projekktor .ppsettingsmenu {
  position: absolute;
  bottom: 40px;
  right: 0;
  display: block;
  padding: 0;
  text-align: center;
  font-weight: lighter;
  font-size: 0.7em;
}
.projekktor .ppsettingsmenu.active {
  display: block;
}
.projekktor .ppsettingsmenu.inactive {
  display: none;
}
.projekktor .ppsettingsmenu.column1 {
  width: 90px;
}
.projekktor .ppsettingsmenu.column2 {
  width: 184px;
}
.projekktor .ppsettingsmenu.column3 {
  width: 280px;
}
.projekktor .ppsettingsmenu ul {
  width: 90px;
  overflow: hidden;
  background: #2e2d2d;
  background: rgba(0, 0, 0, 0.7);
  zoom: 1;
  display: inline-block;
  padding: 0;
  color: #fff;
  list-style: none;
  height: 100%;
  margin: 0 0 0 1px;
}
.projekktor .ppsettingsmenu ul#tool,
.projekktor .ppsettingsmenu ul#platform,
.projekktor .ppsettingsmenu ul#quality {
  float: left;
}
.projekktor .ppsettingsmenu ul li {
  margin: 0;
  padding: 5px 0 5px 0;
  width: 100%;
  height: 15px;
  line-height: 15px;
  cursor: pointer;
}
.projekktor .ppsettingsmenu ul li.first {
  font-weight: bold;
  text-decoration: underline;
  cursor: auto;
}
.projekktor ul.ppsettingslist li.on {
  background: #fdfdfd;
  background: rgba(255, 255, 255, 0.7);
  color: #333;
}
.projekktor .ppsocialbar {
  position: absolute;
  right: 0;
  bottom: 14%;
  width: 90px;
  height: 50%;
  padding: 0;
}
.projekktor .ppsocialbar.inactive {
  display: block !important;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
.projekktor .ppsocialbar.active {
  display: block !important;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
.projekktor .ppsocialbar .ppsocialbutton {
  cursor: pointer;
  overflow: hidden;
  height: 16px;
  width: 80px;
  padding: 5px;
  margin: 15px 0;
  text-align: center;
  font-size: 14px;
  background-color: #191B10;
  color: #fdfdfd;
  line-height: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
.projekktor .ppsocialbar .ppsocialbutton:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
.projekktor .ppsocialbar .ppsocialpopup {
  position: absolute;
  margin-right: -122px;
  margin-top: -140px;
  right: 50%;
  top: 50%;
  width: 185px;
  height: 225px;
  text-align: center;
  padding: 10px 20px;
  background: rgb(34, 34, 34);
  background: rgba(34, 34, 34, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222)";
  color: #fefefe;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.projekktor .ppsocialbar .ppsocialpopup textarea {
  width: 185px;
  height: 65px;
  border: 1px solid #ccc;
  outline: 0 none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
}
.projekktor .ppsocialbar .ppsocialpopup a {
  display: block;
  width: 100%;
  text-decoration: underline;
  margin: 5px auto;
  text-align: center;
  color: #ddd;
  cursor: pointer;
}
.projekktor .ppsocialbar .ppsocialpopup a:hover {
  text-decoration: none;
}
.projekktor .pptool {
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  padding: 0 15px;
  font-size: 12px;
  text-align: center;
  max-width: 70%;
  z-index: 2000;
}
.projekktor .pptool p {
  line-height: 1.5;
}
.projekktor .pptool p.key {
  color: #eee;
  margin: 15px;
}
.projekktor .pptool .btn {
  padding: 5px 15px;
  margin: 2px;
  color: #0F1D46;
  background-color: #faffef;
  text-decoration: none;
}
.projekktor .pptool em {
  background: #faffef;
  margin: 0 0.4em;
  padding: 0.3em 0.6em;
  color: #51231E;
  border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
}
.projekktor .pptool textarea {
  padding: 5px;
  width: 240px;
  height: 100px;
}
.projekktor:-ms-fullscreen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.projekktor:-ms-fullscreen::-ms-backdrop {
  background-color: black;
}
.projekktor:-webkit-full-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.projekktor:-webkit-full-screen::-webkit-backdrop {
  background-color: black;
}
.projekktor:-moz-full-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.projekktor:fullscreen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.projekktor:fullscreen::backdrop {
  background-color: black;
}
.projekktor.ppstateidle .pptestcard,
.projekktor.ppstateerror .pptestcard {
  background: url("./media/jplayer-noise.gif") center center repeat;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 18px;
  overflow: hidden;
}
.projekktor.ppstateidle .pptestcard p,
.projekktor.ppstateerror .pptestcard p {
  background-color: #3b393e;
  width: 60%;
  margin: auto;
  line-height: 25px;
  position: relative;
  top: 25%;
  padding: 10px;
  border: 5px solid #000;
  text-align: center;
}
.projekktor.notransitions .ppcontrols.active {
  display: block !important;
}
.projekktor.notransitions .ppcontrols.inactive {
  display: none !important;
}
.projekktor.audio .ppcontrols .ppfsenter,
.projekktor.audio .ppcontrols .ppfsexit {
  display: none !important;
}
.projekktor.ppnovolumecontrol .ppcontrols .ppvmax {
  display: none;
}
.projekktor.ppnovolumecontrol .ppcontrols .ppvslider {
  display: none;
}
.projekktor.pphttpVideoLive .ppsettingsmenu {
  top: -131px;
}
.projekktor.pphttpVideoLive.ppdvr .ppsettingsmenu {
  top: -138px;
}
@media all and (max-width: 767px) {
  .projekktor .ppstart {
    width: 56px;
    height: 56px;
    background: rgba(0, 0, 0, 0.5) url("./media/jplayer-sprites.png") no-repeat 0 -56px;
    background-size: 448px 112px;
  }
  .projekktor .ppstart:hover,
  .projekktor .ppstart:active {
    background-position: -56px -56px;
  }
  .projekktor .ppcontrols {
    padding: 25px 10px 0;
    height: 70px;
  }
  .projekktor .ppcontrols > span {
    display: block;
    flex: 28px 0 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: transparent url("./media/jplayer-sprites.png") no-repeat 0 0;
    background-size: 448px 112px;
    overflow: hidden;
  }
  .projekktor .ppcontrols > span.ppplay {
    background-position: 0 0;
  }
  .projekktor .ppcontrols > span.ppplay:hover,
  .projekktor .ppcontrols > span.ppplay:active {
    background-position: 0 -28px;
  }
  .projekktor .ppcontrols > span.pppause {
    background-position: -28px 0;
  }
  .projekktor .ppcontrols > span.pppause:hover,
  .projekktor .ppcontrols > span.pppause:active {
    background-position: -28px -28px;
  }
  .projekktor .ppcontrols > span.ppprev,
  .projekktor .ppcontrols > span.ppprevC {
    background-position: -56px 0;
  }
  .projekktor .ppcontrols > span.ppprev:hover,
  .projekktor .ppcontrols > span.ppprev:active,
  .projekktor .ppcontrols > span.ppprevC:hover,
  .projekktor .ppcontrols > span.ppprevC:active {
    background-position: -56px -28px;
  }
  .projekktor .ppcontrols > span.ppnext,
  .projekktor .ppcontrols > span.ppnextC {
    background-position: -84px 0;
  }
  .projekktor .ppcontrols > span.ppnext:hover,
  .projekktor .ppcontrols > span.ppnext:active,
  .projekktor .ppcontrols > span.ppnextC:hover,
  .projekktor .ppcontrols > span.ppnextC:active {
    background-position: -84px -28px;
  }
  .projekktor .ppcontrols > span.ppmute {
    background-position: -168px 0;
  }
  .projekktor .ppcontrols > span.ppmute:hover,
  .projekktor .ppcontrols > span.ppmute:active {
    background-position: -168px -28px;
  }
  .projekktor .ppcontrols > span.ppunmute {
    background-position: -140px 0;
  }
  .projekktor .ppcontrols > span.ppunmute:hover,
  .projekktor .ppcontrols > span.ppunmute:active {
    background-position: -140px -28px;
  }
  .projekktor .ppcontrols > span.ppvmax {
    display: none;
    background-position: -140px 0;
  }
  .projekktor .ppcontrols > span.ppvmax:hover,
  .projekktor .ppcontrols > span.ppvmax:active {
    background-position: -140px -28px;
  }
  .projekktor .ppcontrols > span.ppfsenter {
    background-position: -196px 0;
  }
  .projekktor .ppcontrols > span.ppfsenter:hover,
  .projekktor .ppcontrols > span.ppfsenter:active {
    background-position: -196px -28px;
  }
  .projekktor .ppcontrols > span.ppfsexit {
    background-position: -224px 0;
  }
  .projekktor .ppcontrols > span.ppfsexit:hover,
  .projekktor .ppcontrols > span.ppfsexit:active {
    background-position: -224px -28px;
  }
  .projekktor .ppcontrols > span.ppsettingsbtn {
    background-position: -252px 0;
  }
  .projekktor .ppcontrols > span.ppsettingsbtn:hover,
  .projekktor .ppcontrols > span.ppsettingsbtn:active {
    background-position: -252px -28px;
  }
  .projekktor .ppcontrols > span.pploquality {
    background-position: -308px 0;
  }
  .projekktor .ppcontrols > span.pploquality:hover,
  .projekktor .ppcontrols > span.pploquality:active {
    background-position: -308px -28px;
  }
  .projekktor .ppcontrols > span.pphiquality {
    background-position: -336px 0;
  }
  .projekktor .ppcontrols > span.pphiquality:hover,
  .projekktor .ppcontrols > span.pphiquality:active {
    background-position: -336px -28px;
  }
  .projekktor .ppcontrols > span.pplive {
    display: none;
    flex: 56px 0 0;
  }
  .projekktor .ppcontrols > span.pplive .ppgolive {
    width: 56px;
    background-position: -364px 0;
  }
  .projekktor .ppcontrols > span.pplive .ppgolive:hover,
  .projekktor .ppcontrols > span.pplive .ppgolive:active {
    background-position: -364px -28px;
  }
  .projekktor .ppcontrols > div {
    height: 28px;
  }
  .projekktor .ppcontrols > div.ppscrubber {
    height: 4px;
    margin: 0 10px;
  }
  .projekktor .ppcontrols > div.ppscrubber .ppscrubberknob {
    width: 12px;
    height: 12px;
  }
  .projekktor .ppcontrols > div.ppscrubber:hover {
    bottom: -2px;
    height: 6px;
  }
  .projekktor .ppcontrols > div.ppscrubber:hover .ppscrubberknob {
    width: 14px;
    height: 14px;
  }
  .projekktor .ppcontrols > div.pptimeleft {
    flex: 60px 0 0;
    font-size: 12px;
  }
  .projekktor .ppcontrols > div.ppvslider {
    flex: 40px 0 0;
    height: 4px;
  }
  .projekktor .ppcontrols > div.ppvslider:hover {
    height: 6px;
  }
  .projekktor .ppad .ppadmessage,
  .projekktor.ppad .ppadmessage {
    font-size: 10px;
  }
  .projekktor .pprelated .wrapper {
    padding: 10px;
  }
  .projekktor .pprelated .wrapper h2 {
    font-size: 12px;
  }
  .projekktor .pprelated .wrapper .pprelatedone {
    height: 40%;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay {
    bottom: 0;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .container {
    width: 68px;
    height: 68px;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay {
    width: 56px;
    height: 56px;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    background: transparent url("./media/jplayer-sprites.png") no-repeat -224px -56px;
    background-size: 448px 112px;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay:hover {
    background-position: -280px -56px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo {
    height: 60%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem {
    width: 30%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:first-child {
    width: 35%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:after {
    width: 42px;
    height: 42px;
    background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -42px;
    background-size: 336px 84px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:hover:after {
    background-position: -42px -42px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .title {
    padding: 5px 7px;
    font-size: 13px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:after {
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -28px;
    background-size: 224px 56px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:hover:after {
    background-position: -28px -28px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem .title {
    padding: 5px;
    font-size: 12px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem + .pprelateditem + .pprelateditem {
    display: none;
  }
}
@media all and (max-width: 479px) {
  .projekktor .ppstart {
    width: 42px;
    height: 42px;
    background: rgba(0, 0, 0, 0.5) url("./media/jplayer-sprites.png") no-repeat 0 -42px;
    background-size: 336px 84px;
  }
  .projekktor .ppstart:hover,
  .projekktor .ppstart:active {
    background-position: -42px -42px;
  }
  .projekktor .ppcontrols {
    padding: 25px 10px 0;
    height: 70px;
  }
  .projekktor .ppcontrols > span {
    display: block;
    flex: 28px 0 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: transparent url("./media/jplayer-sprites.png") no-repeat 0 0;
    background-size: 448px 112px;
    overflow: hidden;
  }
  .projekktor .ppcontrols > span.ppplay {
    background-position: 0 0;
  }
  .projekktor .ppcontrols > span.ppplay:hover,
  .projekktor .ppcontrols > span.ppplay:active {
    background-position: 0 -28px;
  }
  .projekktor .ppcontrols > span.pppause {
    background-position: -28px 0;
  }
  .projekktor .ppcontrols > span.pppause:hover,
  .projekktor .ppcontrols > span.pppause:active {
    background-position: -28px -28px;
  }
  .projekktor .ppcontrols > span.ppprev,
  .projekktor .ppcontrols > span.ppprevC {
    background-position: -56px 0;
  }
  .projekktor .ppcontrols > span.ppprev:hover,
  .projekktor .ppcontrols > span.ppprev:active,
  .projekktor .ppcontrols > span.ppprevC:hover,
  .projekktor .ppcontrols > span.ppprevC:active {
    background-position: -56px -28px;
  }
  .projekktor .ppcontrols > span.ppnext,
  .projekktor .ppcontrols > span.ppnextC {
    background-position: -84px 0;
  }
  .projekktor .ppcontrols > span.ppnext:hover,
  .projekktor .ppcontrols > span.ppnext:active,
  .projekktor .ppcontrols > span.ppnextC:hover,
  .projekktor .ppcontrols > span.ppnextC:active {
    background-position: -84px -28px;
  }
  .projekktor .ppcontrols > span.ppmute {
    background-position: -168px 0;
  }
  .projekktor .ppcontrols > span.ppmute:hover,
  .projekktor .ppcontrols > span.ppmute:active {
    background-position: -168px -28px;
  }
  .projekktor .ppcontrols > span.ppunmute {
    background-position: -140px 0;
  }
  .projekktor .ppcontrols > span.ppunmute:hover,
  .projekktor .ppcontrols > span.ppunmute:active {
    background-position: -140px -28px;
  }
  .projekktor .ppcontrols > span.ppvmax {
    display: none;
    background-position: -140px 0;
  }
  .projekktor .ppcontrols > span.ppvmax:hover,
  .projekktor .ppcontrols > span.ppvmax:active {
    background-position: -140px -28px;
  }
  .projekktor .ppcontrols > span.ppfsenter {
    background-position: -196px 0;
  }
  .projekktor .ppcontrols > span.ppfsenter:hover,
  .projekktor .ppcontrols > span.ppfsenter:active {
    background-position: -196px -28px;
  }
  .projekktor .ppcontrols > span.ppfsexit {
    background-position: -224px 0;
  }
  .projekktor .ppcontrols > span.ppfsexit:hover,
  .projekktor .ppcontrols > span.ppfsexit:active {
    background-position: -224px -28px;
  }
  .projekktor .ppcontrols > span.ppsettingsbtn {
    background-position: -252px 0;
  }
  .projekktor .ppcontrols > span.ppsettingsbtn:hover,
  .projekktor .ppcontrols > span.ppsettingsbtn:active {
    background-position: -252px -28px;
  }
  .projekktor .ppcontrols > span.pploquality {
    background-position: -308px 0;
  }
  .projekktor .ppcontrols > span.pploquality:hover,
  .projekktor .ppcontrols > span.pploquality:active {
    background-position: -308px -28px;
  }
  .projekktor .ppcontrols > span.pphiquality {
    background-position: -336px 0;
  }
  .projekktor .ppcontrols > span.pphiquality:hover,
  .projekktor .ppcontrols > span.pphiquality:active {
    background-position: -336px -28px;
  }
  .projekktor .ppcontrols > span.pplive {
    display: none;
    flex: 56px 0 0;
  }
  .projekktor .ppcontrols > span.pplive .ppgolive {
    width: 56px;
    background-position: -364px 0;
  }
  .projekktor .ppcontrols > span.pplive .ppgolive:hover,
  .projekktor .ppcontrols > span.pplive .ppgolive:active {
    background-position: -364px -28px;
  }
  .projekktor .ppcontrols > div {
    height: 28px;
  }
  .projekktor .ppcontrols > div.ppscrubber {
    height: 4px;
    margin: 0 10px;
  }
  .projekktor .ppcontrols > div.ppscrubber .ppscrubberknob {
    width: 12px;
    height: 12px;
  }
  .projekktor .ppcontrols > div.ppscrubber:hover {
    bottom: -2px;
    height: 6px;
  }
  .projekktor .ppcontrols > div.ppscrubber:hover .ppscrubberknob {
    width: 14px;
    height: 14px;
  }
  .projekktor .ppcontrols > div.pptimeleft {
    flex: 60px 0 0;
    font-size: 12px;
  }
  .projekktor .ppcontrols > div.ppvslider {
    flex: 40px 0 0;
    height: 4px;
  }
  .projekktor .ppcontrols > div.ppvslider:hover {
    height: 6px;
  }
  .projekktor .ppad .admessage1,
  .projekktor.ppad .admessage1 {
    display: none;
  }
  .projekktor .pprelated .wrapper {
    padding: 5px 10px;
  }
  .projekktor .pprelated .wrapper h2 {
    margin-bottom: 2px;
    font-size: 10px;
  }
  .projekktor .pprelated .wrapper .pprelatedone {
    height: 40%;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .container {
    width: 50px;
    height: 50px;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay {
    width: 42px;
    height: 42px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    background: transparent url("./media/jplayer-sprites.png") no-repeat -168px -42px;
    background-size: 336px 84px;
  }
  .projekktor .pprelated .wrapper .pprelatedone .pprelatedreplay .replay:hover {
    background-position: -210px -42px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo {
    height: 60%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem {
    width: 30%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:first-child {
    width: 35%;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:after {
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -28px;
    background-size: 224px 56px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem:hover:after {
    background-position: -28px -28px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem .title {
    padding: 5px;
    font-size: 11px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:after {
    width: 21px;
    height: 21px;
    background: rgba(0, 0, 0, 0.75) url("./media/jplayer-sprites.png") no-repeat 0 -21px;
    background-size: 168px 42px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem:hover:after {
    background-position: -21px -21px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem .title {
    padding: 3px 5px;
    font-size: 10px;
  }
  .projekktor .pprelated .wrapper .pprelatedtwo .pprelateditems .pprelateditem + .pprelateditem + .pprelateditem + .pprelateditem {
    display: none;
  }
}
.jplayer-reactions {
  margin-top: 15px;
  display: flex;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jplayer-reactions:before,
.jplayer-reactions:after {
  content: " ";
  display: table;
}
.jplayer-reactions:after {
  clear: both;
}
.jplayer-reactions .jplayer-reactions-items {
  display: table;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item:last-child {
  padding-right: 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button {
  display: block;
  margin: 0;
  padding: 0;
  border: 0 none;
  width: 30px;
  height: 30px;
  background: transparent url("./media/jplayer-reactions.png") no-repeat 0 0;
  background-size: 180px 60px;
  cursor: pointer;
  outline: none;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-thumbs-up {
  background-position: 0 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-love {
  background-position: -30px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-angry {
  background-position: -60px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-sad {
  background-position: -90px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-happy {
  background-position: -120px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button.jplayer-reactions-item-surprised {
  background-position: -150px 0;
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button:disabled {
  cursor: default !important;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item button:disabled + span {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
.jplayer-reactions .jplayer-reactions-items .jplayer-reactions-item span {
  display: block;
  text-align: center;
  margin-top: 5px;
  font-weight: 700;
}
.jplayer-reactions.jplayer-reactions-disabled .jplayer-reactions-items .jplayer-reactions-item button {
  cursor: default !important;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
.jplayer-reactions.jplayer-reactions-disabled .jplayer-reactions-items .jplayer-reactions-item button + span {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
.jplayer-reactions.jplayer-reactions-align-left {
  justify-content: flex-start;
}
.jplayer-reactions.jplayer-reactions-align-center {
  justify-content: center;
}
.jplayer-reactions.jplayer-reactions-align-right {
  justify-content: flex-end;
}
.jplayer-user-info-panel {
  background-color: #000000;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  font-family: "Lato", sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jplayer-user-info-panel .jplayer-user-info-panel-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner {
  color: #ffffff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay {
  display: table;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 112px;
  height: 112px;
  background: rgba(0, 0, 0, 0.5) url("./media/jplayer-sprites.png") no-repeat 0 -112px;
  background-size: 896px 224px;
  border: solid 0 transparent;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay:hover {
  background-position: -112px -112px;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconLock {
  display: table;
  margin: 0 auto;
  width: 112px;
  height: 112px;
  background: transparent url("./media/jplayer-sprites.png") no-repeat -784px -112px;
  background-size: 896px 224px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelImage {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  cursor: pointer;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelText {
  margin: 20px auto;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  line-height: 150%;
}
.jplayer-user-info-panel .jplayer-user-info-panel-inner .panelButton {
  display: table;
  margin: 20px auto;
  padding: 10px 20px 8px;
  background-color: #db3836;
  color: #ffffff;
  font-size: 14px;
  border: 0 none;
  cursor: pointer;
  outline: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
@media all and (max-width: 767px) {
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay {
    width: 56px;
    height: 56px;
    background-position: 0 -56px;
    background-size: 448px 112px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay:hover {
    background-position: -56px -56px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconLock {
    width: 56px;
    height: 56px;
    background-position: -392px -56px;
    background-size: 448px 112px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelText {
    margin: 15px auto;
    font-size: 14px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelButton {
    margin: 15px auto;
    padding: 8px 15px 6px;
    font-size: 12px;
  }
}
@media all and (max-width: 479px) {
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay {
    width: 42px;
    height: 42px;
    background-position: 0 -42px;
    background-size: 336px 84px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconPlay:hover {
    background-position: -42px -42px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelIconLock {
    width: 42px;
    height: 42px;
    background-position: -294px -42px;
    background-size: 336px 84px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelText {
    margin: 10px auto;
    font-size: 12px;
  }
  .jplayer-user-info-panel .jplayer-user-info-panel-inner .panelButton {
    margin: 10px auto;
    padding: 6px 10px 5px;
    font-size: 11px;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */