#jkMediaOverlay {
  pointer-events: none
}

.jkMediaOff,
.jkMediaOff10 {
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1) 5px, rgba(0, 0, 0, .2) 10px, rgba(0, 0, 0, .2) 5px);
  opacity: .5;
}

#jkMediaPanel>article label,
button.jkMediaBtn {
  cursor: pointer
}

#jkMediaPanel #jkMediaLogo {
  width: 30%;
  height: auto;
  margin-bottom: 10px;
}

#jkMediaPanel>article label {
  margin-right: 5px
}

#jkMediaPanel *,
button.jkMediaBtn {
  text-align: center
}

#jkMediaPanel * {
  color: #bbb
}

@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url(pt-sans-narrow-v8-latin-regular.eot);
  src: local('PT Sans Narrow'), local('PTSans-Narrow'),
       url(pt-sans-narrow-v8-latin-regular.eot?#iefix) format('embedded-opentype'),
       url(pt-sans-narrow-v8-latin-regular.woff2) format('woff2'),
       url(pt-sans-narrow-v8-latin-regular.woff) format('woff'),
       url(pt-sans-narrow-v8-latin-regular.ttf) format('truetype'),
       url(pt-sans-narrow-v8-latin-regular.svg#PTSansNarrow) format('svg')
}

@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url(pt-sans-narrow-v8-latin-700.eot);
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'),
       url(pt-sans-narrow-v8-latin-700.eot?#iefix) format('embedded-opentype'),
       url(pt-sans-narrow-v8-latin-700.woff2) format('woff2'),
       url(pt-sans-narrow-v8-latin-700.woff) format('woff'),
       url(pt-sans-narrow-v8-latin-700.ttf) format('truetype'),
       url(pt-sans-narrow-v8-latin-700.svg#PTSansNarrow) format('svg')
}

.jkMediaOff10 {
  height: 0px !important
  }

#jkMediaOverlay.lines.jkDark {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .4) 5px, rgba(0, 0, 0, .6) 10px, rgba(0, 0, 0, .6) 5px);
  z-index: 100000000
}

#jkMediaOverlay.lines.jkLight {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4) 5px, rgba(255, 255, 255, .6) 10px, rgba(255, 255, 255, .6) 5px);
  z-index: 100000000
}

#jkMediaOverlay.dots.jkLight {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, .5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAABKADAAQAAAABAAAABAAAAADFbP4CAAAAEklEQVQIHWNgYGD4D8TEAewqAVXuAf+yw+rnAAAAAElFTkSuQmCC) repeat;
  z-index: 100000000
}

#jkMediaOverlay.dots.jkDark {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAABKADAAQAAAABAAAABAAAAADFbP4CAAAAEklEQVQIHWNgYGD4D8TEAewqAVXuAf+yw+rnAAAAAElFTkSuQmCC) repeat;
  z-index: 100000000
}

#jkMediaOverlay.plain.jkLight {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 1);
  z-index: 100000000
}

#jkMediaPanel button,
#jkMediaPanel h1.jkMediaHeadline,
#jkMediaPanel h2.jkMediaHeadline {
  font-family: 'PT Sans Narrow';
  font-weight: 700;
  text-transform: uppercase;
  line-height: 110%
}

#jkMediaOverlay.plain.jkDark {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 1);
  z-index: 100000000
}

#jkMediaPanel {
  position: fixed;
  width: 100vw;
  z-index: 1000000000;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-family: 'PT Sans Narrow';
  font-weight: 400;
  pointer-events: none
}

#jkMediaPanel.customfont *,
#jkMediaPanel.customfont {
  font-family: inherit !important;
  font-weight: inherit !important
}

#jkMediaPanel.customfont button,
#jkMediaPanel.customfont h1.jkMediaHeadline,
#jkMediaPanel.customfont h2.jkMediaHeadline {
  font-family: inherit;
  font-weight: inherit;
  font-weight: 900;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

#jkMediaPanel.small {
  padding: calc(100vw - 600px)/2);
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
}

#jkMediaPanel small.jkMediaNote {
  font-size: 12px;
  margin-top: 10px;
  display: block
}

#jkMediaPanel small.jkMediaVersion {
  opacity: .2;
  transition: .2s;
  font-size: 11px
}

#jkMediaPanel small.jkMediaVersion:hover {
  opacity: 1
}

#jkMediaPanel.top {
  top: 5px;
  left: 0;
  height: 100vh;
  justify-content: center;
  -webkit-animation: swing-in-bottom-fwd .5s cubic-bezier(.175, .885, .32, 1.275) 1s both;
  animation: swing-in-bottom-fwd .5s cubic-bezier(.175, .885, .32, 1.275) 1s both
}

#jkMediaPanel.bottom {
  bottom: 0;
  left: 0;
  -webkit-animation: swing-in-bottom-fwd .5s cubic-bezier(.175, .885, .32, 1.275) 1s both;
  animation: swing-in-bottom-fwd .5s cubic-bezier(.175, .885, .32, 1.275) 1s both
}

#jkMediaPanel.center {
  bottom: 0;
  left: 0;
  height: 100vh;
  justify-content: center;
  -webkit-animation: swing-in-bottom-fwd .5s cubic-bezier(.175, .885, .32, 1.275) 1s both;
  animation: swing-in-bottom-fwd .5s cubic-bezier(.175, .885, .32, 1.275) 1s both
}

#jkMediaPanel .jkTempChoice {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 20px
}

#jkMediaPanel .jkTempChoice button {
  max-width: 40%
}

#jkMediaPanel input#jkDoNotAskTemp {
  margin-right: 10px
}

#jkMediaPanel button#jkSaveChoice {
  opacity: 0.8 !important;
  color: #e1e1e1;
  font-weight: 400 !important;
  background: #e2e2e2;
  border: none !important
}

#jkMediaPanel.full button#jkSaveChoice {
  opacity: .1 !important
}

#jkMediaPanel button#jkSaveChoice:hover {
  opacity: .4
}

#jkMediaPanel #jkMediaDetailChoice {
  font-size: 12px;
  cursor: pointer;
  opacity: .9;
  width: 100%;
  display: block;
  margin: 1vh 0
}

#jkMediaPanel #jkMediaDetailChoice:hover {
  opacity: 1
}

#jkMediaPanel .jkTempChoice button#jkSaveChoice {
  width: 40%;
  opacity: 1
}

#jkMediaPanel p {
  line-height: 140%;
  margin-bottom: 10px;
  font-size: 14px
}

#jkMediaPanel.full p {
  width: 100%;
  margin-bottom: 0
}

#jkMediaPanel h1.jkMediaHeadline {
  font-size: 25px;
  margin-bottom: 20px
}

#jkMediaPanel.full h1.jkMediaHeadline {
  margin-bottom: 5px;
}

#jkMediaPanel h2.jkMediaHeadline {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e2e2e2;
  width: 100%
}

#jkMediaServices {
  display: inline-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 5%;
  display: none
}

.full #jkMediaServices {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}

#jkMediaServices>div {
  margin: 5px 0;
  width: auto;
  min-width: 30%;
  width: 100%;
  text-align: left;
  font-size: 14px;
}

#jkMediaServices>div p {
  margin-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 5px;
  text-align: left;
  font-size: 13px
}

#jkMediaPanel.full #jkMediaServices>div p {
  border: none
}

.full #jkMediaServices>div {
  max-width: 200px
}

#jkMediaServices>div input {
  margin-right: 10px
}

#jkMediaPanel>article {
  background-color: #fff;
  -webkit-animation: shadow-drop-center .4s cubic-bezier(.25, .46, .45, .94) both;
  animation: shadow-drop-center .4s cubic-bezier(.25, .46, .45, .94) both;
  margin: 0;
  padding: 1%;
  pointer-events: all;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  --scrollbar-width: thin
}

#jkMediaPanel.small>article {
  width: 600px;
  padding: 20px;
  border: 2px solid #e2e2e2;
  max-height: 90%;
  margin: 20px;
  border-radius: 10px;
}

#jkMediaPanel.small.top>article {
  margin: 0 20px 20px 20px;
}

#jkMediaPanel.small.bottom>article {
  margin: 20px 20px 0 20px;
}

#jkMediaPanel.full>article {
  width: 100%;
  padding: 20px
}

#jkMediaPanel.full>article>section:last-of-type {
  display: inline-flex;
  flex-direction: column;
}

#jkMediaPanel.full>article>section#jkMediaCategories {
  display: none
}

#jkMediaPanel.jkDark>article {
  background-color: #363636;
  border-color: #343434
}

button.jkMediaBtn {
  align-self: center;
  background-color: #fff;
  border: 2px solid #e2e2e2;
  padding: 5px 10px;
  border-radius: 5px;
  font-family: inherit;
  font-weight: 900;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 50%;
  left: 25%;
}

button.jkMediaBtn.jkDark {
  background-color: #363636;
  border-color: #343434;
  color: #e2e2e2;
}

#jkMediaPanel.small.top>article {
  border-radius: 10px 10px 10px 10px;
  border-top: none
}

#jkMediaPanel.small.bottom>article {
  border-radius: 10px 10px 0 0;
  border-bottom: none
}

#jkMediaPanel .jkSwitch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  margin-right: 5px;
}

#jkMediaPanel .jkSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}

#jkMediaPanel .jkSlider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .2s;
  box-shadow: inset 0px 0px 36px -16px rgba(0, 0, 0, 0.75);
}

#jkMediaPanel .jkSlider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: .2s;
}

#jkMediaPanel input:checked+.jkSlider {
  background-color: #5c940d;
  box-shadow: inset 0px 0px 36px -16px rgba(0, 0, 0, 0.75);
}

#jkMediaPanel input:focus+.jkSlider {
  box-shadow: 0 0 1px #5c940d;
}

#jkMediaPanel input:checked+.jkSlider:before {
  transform: translateX(13px);
}

#jkMediaPanel .jkSlider.round {
  border-radius: 17px;
}

#jkMediaPanel .jkSlider.round:before {
  border-radius: 50%;
}

#jkMediaCategories {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

#jkMediaCategories>div {
  margin: 5px 0;
  width: auto;
  font-size: 14px;
  min-width: 24%;
  text-align: left;
}

.jkMediaWrap {
  position: relative;
}

.jkMediaWrap small.jkMediaNote {
  background: #fff;
  margin: 0 auto;
  padding: .5vh;
  width: 90%;
  color: #000;
  margin-top: 80px;
  display: block;
  border-radius: 5px;
  position: absolute;
  left: 5%;
  z-index: 22;
  font-size: 12px
}

#jkMediaPanel button {
  margin-top: 10px;
  width: 100%;
  background-color: #333;
  color: #fff;
  padding: 1.5vh;
  cursor: pointer;
  transition: background .5s ease;
  outline: 0;
  font-size: 18px
}

#jkMediaPanel button.jkTempConfirm,
#jkMediaPanel button.jkTempDeny {
  color: #333
}

#jkMediaPanel.full button {
  width: 100%
}

#jkMediaPanel button#jkMediaAccordeon {
  width: 250px;
  position: relative;
  bottom: 20px;
  -webkit-animation: heartbeat 5s ease-in-out 2s infinite both;
  animation: heartbeat 5s ease-in-out 2s infinite both
}

#jkMediaReload.jkMediaCornerBtn {
  position: fixed !important;
  bottom: 50px !important;
  left: 10px !important;
  width: 20px !important;
  height: 20px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 9999999999 !important;
}

.jkMediaCornerBtn svg {
  fill: #333;
}

#jkMediaPanel.jkDark button {
  background-color: #5e5e5e
}

#jkMediaPanel button:hover {
  background: #e2e2e2;
  color: #fff;
  transition: background .5s ease
}

#jkMediaPanel.jkDark button:hover {
  background-color: #343434
}

@-webkit-keyframes swing-in-top-fwd {
  0% { transform: rotateX(-100deg); transform-origin: top; opacity: 0 }
  100% { transform: rotateX(0); transform-origin: top; opacity: 1 }
}
@keyframes swing-in-top-fwd {
  0% { transform: rotateX(-100deg); transform-origin: top; opacity: 0 }
  100% { transform: rotateX(0); transform-origin: top; opacity: 1 }
}

@-webkit-keyframes shadow-drop-center {
  0% { box-shadow: 0 0 0 0 transparent }
  100% { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35) }
}
@keyframes shadow-drop-center {
  0% { box-shadow: 0 0 0 0 transparent }
  100% { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35) }
}

@-webkit-keyframes swing-in-bottom-fwd {
  0% { transform: rotateX(100deg); transform-origin: bottom; opacity: 0 }
  100% { transform: rotateX(0); transform-origin: bottom; opacity: 1 }
}
@keyframes swing-in-bottom-fwd {
  0% { transform: rotateX(100deg); transform-origin: bottom; opacity: 0 }
  100% { transform: rotateX(0); transform-origin: bottom; opacity: 1 }
}

@-webkit-keyframes heartbeat {
  from { transform: scale(1); transform-origin: center center; animation-timing-function: ease-out }
  10% { transform: scale(.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  17% { transform: scale(.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
  33% { transform: scale(.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
  45% { transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
}
@keyframes heartbeat {
  from { transform: scale(1); transform-origin: center center; animation-timing-function: ease-out }
  10% { transform: scale(.91); animation-timing-function: ease-in }
  17% { transform: scale(.98); animation-timing-function: ease-out }
  33% { transform: scale(.87); animation-timing-function: ease-in }
  45% { transform: scale(1); animation-timing-function: ease-out }
}