/* KVR W and Z */

.pe-none a * {
  pointer-events: none;
}

.kvrmp-overlay-logo,
.kvrmp-overlay-logo-green-nokvr {
  border-radius: 5px;
  display: block;
  margin: 10px 0 0 10px;
  position: absolute;
  z-index: 1;
}

.kvrmp-overlay-logo {
  background: rgba(34, 34, 34, 0.9) url(https://static.kvraudio.com/i/b/kvr-mp-logo-green-152x13b.png) 10px 10px no-repeat;
  height: 33px;
  width: 172px;
}

.kvrmp-overlay-logo-green-nokvr {
  background: #83a93a url(https://static.kvraudio.com/i/kvr_sprite_2018-1.png) 2px -589px no-repeat;
  height: 26px;
  width: 110px;
}

.block-300250-rel {
  display: block;
  height: 250px;
  overflow: hidden;
  position: relative;
  width: 300px;
}

.kvrmp-discount-circle {
  align-items: center;
  background-color: #a42b58;
  border-radius: 40px;
  box-shadow: 1px 1px 10px #000;
  color: #fff;
  display: flex;
  font-size: 150%;
  font-weight: bold;
  height: 80px;
  justify-content: center;
  line-height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 80px;
}

.bottom-overlay-darkbg {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgb(0, 0, 0) 100%);
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 10px 10px 25px 10px;
  position: absolute;
  right: 0;
  text-shadow: 1px 1px 10px #000;
}

/* Burger */
.kvrburger {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 12px;
  width: 12px;
}

.kvrburger > * {
  background-color: #999;
  height: 2px;
}

.kvrlight .kvrburger > * {
  background-color: #555;
}

a:hover .kvrburger > *,
a:active .kvrburger > *,
a:focus .kvrburger > *,
a.active .kvrburger > *,
.onshow .kvrburger > * {
  background-color: #eee;
}

.kvrlight a:hover .kvrburger > *,
.kvrlight a:active .kvrburger > *,
.kvrlight a:focus .kvrburger > *,
.kvrlight a.active .kvrburger > *,
.kvrlight.onshow .kvrburger > * {
  background-color: #333;
}

.kvrburger > *:nth-of-type(2) {
  margin: 3px 0;
}

/* Slide Out Nav Bar */
#kvrmainfixedbar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 1.2em;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  z-index: 1019;
  width: 320px;
  background-color: #fff;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

#kvrmainfixedbar.onshow {
  -webkit-animation: onshow 0.1s forwards;
  animation: onshow 0.1s forwards;
}

#kvrmainfixedbar:not(.onshow):not(.firstload) {
  -webkit-animation: offshow 0.1s forwards;
  animation: offshow 0.1s forwards;
}

@-webkit-keyframes onshow {
  100% { transform: translateX(0%); }
}

@keyframes onshow {
  100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes offshow {
  0% { -webkit-transform: translateX(0%); }
  100% { -webkit-transform: translateX(-100%); }
}

@keyframes offshow {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}

#kvrmainfixedbar a {
  display: -webkit-flex;
  display: flex;
  padding: 10px;
  color: #666;
  position: relative;
  border-bottom: 1px solid #eee;
  transition: 0.5s;
  font-family: "Open Sans", Verdana, Helvetica, "Trebuchet MS";
  font-weight: 500;
  -webkit-align-items: center;
  align-items: center;
}

#kvrmainfixedbar a * {
  pointer-events: none;
}

#kvrtogglemainfixedbar {
  -webkit-align-items: center;
  align-items: center;
  background-color: #333;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  height: 46px;
  -webkit-justify-content: center;
  justify-content: center;
  width: 45px;
}

#kvrtogglemainfixedbarlogo {
  opacity: 1.0;
  transition: 0.5s;
}

#kvrtogglemainfixedbarcon {
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1020;
}

#kvrtogglemainfixedbarcon.onshow #kvrtogglemainfixedbarlogo {
  display: none !important;
}

#kvrmainfixedbar a.hasarrow {
  padding: 10px 14px;
}

#kvrmainfixedbar a.hasarrowtext {
  padding-right: 14px;
}

#kvrmainfixedbar a:hover {
  background-color: #ddd;
  text-decoration: none;
}

.kvrdownarrow, .kvrbackarrow {
  border-color: #666;
  border-style: solid;
  border-width: 0 2px 2px 0;
  display: inline-block;
  height: 6px;
  margin: -3px 0 0 auto;
  pointer-events: none;
  transform: rotate(45deg);
  width: 6px;
}

.kvrbackarrow {
  transform: rotate(135deg);
  margin: 0 5px 0 0;
}

.isopen {
  background-color: #ddd;
}

.isopen .kvrdownarrow {
  margin: 0 0 -3px auto;
  transform: rotate(-135deg);
}

.kvrsection {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  margin-left: 10px;
  margin-top: 36px;
  position: absolute;
  width: calc(100% - 20px);
  z-index: 1;
}

.kvrsection > a:first-child {
  border-radius: 5px 5px 0 0;
}

.kvrsection > a:last-child {
  border-radius: 0 0 5px 5px;
}

.kvrsection a > :nth-child(2) {
  margin-left: 10px;
}

#kvrmainfixedbar > .kvrsection {
  margin-top: -5px;
}

.onshow #kvrtogglemainfixedbar .kvr-notify-circle {
  display: none;
}

/* News / Article Quotes */
#kvrsite blockquote {
  border-left: 5px solid #eee;
  font-family: Georgia, serif;
  font-size: 1.0rem;
  font-style: italic;
  line-height: 1.4;
  margin: 0 35px 10px 22px;
  padding: 10px 20px;
  quotes: "“" "”" "‘" "’";
}

#kvrsite blockquote::before {
  content: open-quote;
  margin-left: -8px;
  position: absolute;
}

#kvrsite blockquote::after {
  content: close-quote;
}

#kvrsite blockquote p:last-child::after {
  content: close-quote;
}

#kvrsite blockquote p:last-child {
  padding-bottom: 0;
}

.rcabadge {
  width: 250px;
  height: 250px;
  margin: auto;
  padding: 20px 0;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.8));
}

.rca-results .rcaheader {
  background-color: #c48a3c;
  background-image: linear-gradient(to top, #eccb68 0%, #c48a3c 100%);
  color: #333;
  padding: 10px;
  filter: drop-shadow(0 3px 10px #000c);
  border-radius: 25px;
  text-align: center;
  margin: 20px auto;
  width: 300px;
  box-sizing: border-box;
}

.rca-results .rcaheader a {
  font-size: 2rem;
  line-height: 2rem;
  color: #333 !important;
  padding-bottom: 20px;
}

.kvr-award-badges {
  margin-bottom: 20px;
  display: none;
}

.kvr-award-badges a {
  flex-basis: 200px;
  margin: auto;
}

.kvr-award-badges a:nth-child(n+3) {
  flex-basis: 100px;
  max-width: 100px;
  min-width: 100px;
  width: 100px;
}

.kvr-award-badges img {
  display: block;
  filter: drop-shadow(0 3px 10px #000c);
}

.kvr-rca-badge-bug {
  height: 75px;
  margin-bottom: 20px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 75px;
  z-index: 1;
}

.kvrform2019 .ui-autocomplete-loading {
  background: url(https://static.kvraudio.com/i/loading16.gif) no-repeat scroll calc(100% - 10px) 50% #fff !important;
}

/* Style Form Elements Cross-Browser Consistently */
/* https://github.com/filamentgroup/select-css */
.kvrform2019 input[type="text"],
.kvrform2019 input[type="password"],
.kvrform2019 input[type="submit"],
.kvrform2019 input[type="button"],
.kvrform2019 input[type="file"],
.kvrform2019 input[type="number"],
.kvrform2019 input[type="search"],
.kvrform2019 input[type="date"],
.kvrform2019 select,
.kvrform2019 label,
.kvrform2019 .kvrbuttonizea a,
.kvrform2019 span.kvronoffleft,
.kvrform2019 span.kvronoffright {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: #444;
  line-height: 1.3;
  border: 1px solid #aaa;
  border-radius: .3em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  box-sizing: border-box;
  width: auto !important;
  margin: 2px !important;
  font-weight: lighter;
}

.kvrform2019 select:invalid,
.kvrform2019 input[type="text"]:invalid,
.kvrform2019 input[type="number"]:invalid {
  border-color: red;
}

.kvrform2019 input[type="text"],
.kvrform2019 input[type="password"] {
  width: 100% !important;
}

.kvrform2019 input[type="text"],
.kvrform2019 input[type="password"],
.kvrform2019 input[type="submit"],
.kvrform2019 input[type="button"],
.kvrform2019 input[type="file"],
.kvrform2019 input[type="number"],
.kvrform2019 input[type="search"],
.kvrform2019 input[type="date"],
.kvrform2019 label,
.kvrform2019 .kvrbuttonizea a,
.kvrform2019 span.kvronoffleft,
.kvrform2019 span.kvronoffright {
  padding: .6em .8em .5em .8em !important;
}

.kvrform2019 label,
.kvrform2019 span.kvronoffleft,
.kvrform2019 span.kvronoffright {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.kvrform2019 .highlight {
  text-shadow: none;
}

.kvrform2019 label input {
  margin: 0 5px 0 0 !important;
  width: auto;
}

.kvrform2019 input[type="submit"],
.kvrform2019 input[type="button"],
.kvrform2019 .kvrbuttonizea a {
  background-color: #eee;
  background-image: linear-gradient(to bottom, #eee 0%, #ddd 100%);
}

.kvrform2019 select,
.kvrform2019 select.tablesorter-filter.searchbg {
  padding: .6em 1.4em .5em .8em;
  max-width: 100%;
  height: auto;

  /*
  bg image below uses 2 urls.
  The first is an svg data uri for the arrow icon, and the second is the gradient.
  For the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it is a url.
  You can also swap in a different svg icon or an external image reference.
  */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
  linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}

/* Hide arrow icon in IE browsers */
.kvrform2019 select::-ms-expand {display: none;}

.kvrform2019 select:hover
 {border-color: #888;}

.kvrform2019 input[type="submit"]:hover,
.kvrform2019 input[type="button"]:hover,
.kvrform2019 .kvrbuttonizea a:hover,
.kvrform2019 .kvrbuttonizea a.active,
.kvrform2019 .kvrbuttonizea a:active,
.kvrform2019 .kvrbuttonizea a:focus {
  border-color: #bbb !important;
  background-image: none !important;
  background-color: #f1f1f1 !important;
  color: #444 !important;
}

.kvrform2019 .kvrbuttonizea a:hover *,
.kvrform2019 .kvrbuttonizea a:active *,
.kvrform2019 .kvrbuttonizea a:focus *,
.kvrform2019 .kvrbuttonizea a.active * {
  color: #444 !important;
}

.kvrform2019 select:focus,
.kvrform2019 input[type="text"]:focus,
.kvrform2019 input[type="password"]:focus,
.kvrform2019 input[type="button"]:focus,
.kvrform2019 input[type="submit"]:focus,
.kvrform2019 input[type="file"]:focus,
.kvrform2019 input[type="number"]:focus,
.kvrform2019 input[type="search"]:focus,
.kvrform2019 input[type="date"]:focus {
  border-color: #aaa;
  /* It would be nice to use -webkit-focus-ring-color here but it does not work on box-shadow */
  box-shadow: 0 0 3px 3px rgba(59, 153, 252, .3);
  /*box-shadow: 0 0 3px 3px -moz-mac-focusring;*/
  color: #222;
  outline: none;
}

.kvronoffleft:focus,
.kvronoffmid:focus,
.kvronoffright:focus {
  z-index: 10 !important;
}

.kvrform2019 .kvrselected,
.kvrform2019 .highlight {
  opacity: 1.0;
  color: #FFF !important;
  border: 1px solid #25729A !important;
  text-shadow: none;
  background-color: #3093c7;
  background-image: linear-gradient(to bottom, #3093c7, #1c5a85 150%);
  transition: 0.5s cubic-bezier(.18,.89,.32,1.28);
}

.kvrform2019 .kvrselected.redwhenon,
.kvrform2019 .highlight.redwhenon {
  background-color: red !important;
  color: #fff !important;
  border-color: red !important;
  background-image: none;
  text-shadow: none;
}

.kvrform2019 .kvrselected.greenwhenon,
.kvrform2019 .highlight.greenwhenon {
  background-color: #e6f3c1 !important;
  color: green !important;
  border-color: green  !important;
  background-image: none;
  text-shadow: none;
}

.kvrform2019 span.kvronoffleft,
.kvrform2019 label.kvronoffleft,
.kvrform2019 input.kvronoffleft,
.kvrform2019 .kvrbuttonizea a.kvronoffleft {
  margin-right: 0 !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: #eee;
  z-index: 2;
}

.kvrform2019 span.kvronoffleft {
  background-color: #eee;
  border-right-color: #ddd;
  color: #555;
}

.kvrform2019 span.kvronoffright {
  background-color: #eee;
  border-left-color: #ddd;
  color: #555;
}

.kvrform2019 label.kvronoffmid,
.kvrform2019 input.kvronoffmid,
.kvrform2019 .kvrbuttonizea a.kvronoffmid {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  border-left-width: 0 !important;
  border-right-color: #eee;
}

.kvrform2019 input.kvronoffleft,
.kvrform2019 input.kvronoffmid {
  border-right-color: #aaa;
  z-index: 1;
}

.kvrform2019 label.kvronoffright,
.kvrform2019 input.kvronoffright,
.kvrform2019 .kvrbuttonizea a.kvronoffright,
.kvrform2019 span.kvronoffright {
  margin-left: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0 !important;
  z-index: 2;
}

.kvrform2019 .grplabel90deg {
  background-color: #555;
  width: 20px;
  margin: 2px -6px 2px 2px;
  position: relative;
  align-self: stretch;
  overflow: hidden;
  border-radius: 5px 0 0 5px;
}

.kvrform2019 .grplabel90deg > * {
  color: #fef9f9;
  position: absolute;
  transform: translate(-50%, -50%) rotate(-90deg);
  left: 50%;
  top: 50%;
  display: block;
}

/* Set options to normal weight */
.kvrform2019 select option {font-weight:normal;}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .kvrform2019 select,
:root:lang(ar) .kvrform2019 select,
:root:lang(iw) .kvrform2019 select {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

.kvrform2019 input.adinpnobordhov {
  width: 280px !important;
}

.kvrform2019 input.searchbg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAA3NCSVQICAjb4U/gAAAARVBMVEX////7+/v5+fn29vbx8fHq6urn5+fm5ubj4+Pg4ODb29vZ2dnNzc3MzMytra2srKypqamoqKinp6empqalpaWampqZmZl+OQyUAAAACXBIWXMAAAsSAAALEgHS3X78AAAAJXRFWHRTb2Z0d2FyZQBNYWNyb21lZGlhIEZpcmV3b3JrcyBNWCAyMDA0h3aszwAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wNy8xOXRSRxUAAABWSURBVHicXY1LEoAwCENb+rOViqLl/kdVcGHHLB6TCQHnoPPgDk4FRDUsO5lDUnpCHVxtobFSgpk4lOec4Oa1c1kHtqPFlSW/t/H5g1mK+1QkTS79shv/KgMA0KdAOgAAAABJRU5ErkJggg=='), linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  padding-right: 30px !important;
}

.kvrform2019 .kvrbuttonizea .navmoremenu a,
.kvrform2019 .kvrbuttonizea .bignflat a {
  background-image: none !important;
  background-color: transparent !important;
  border: 0 solid transparent !important;
  box-shadow: none !important;
}

.kvrform2019 .kvrbuttonizea .navmoremenu a:hover,
.kvrform2019 .kvrbuttonizea .bignflat a:hover {
  background-color: #fff !important;
}

.kvrform2019 .kvrbuttonizea .bignflat {
  background-color: #f6f6f6;
}

.kvrform2019 .kvrbuttonizea .bignflat a {
  white-space: normal;
}

#kvr-display-full-cover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1020;
  overflow: auto;
}

.kvr-fetch-n-display *,
.close-kvr-display-full-cover * {
  pointer-events: none;
}

.close-kvr-display-full-cover {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1021;
}

.close-kvr-display-full-cover:hover .spclose {
  background-position: -205px -460px;
}

.svkpopit .spit  {
  position: relative;
}

.kvr-notify-circle {
  background-color: #df4141;
  width: 24px;
  border-radius: 50%;
  height: 24px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  line-height: 12px;
  font-weight: 700;
  position: relative;
}

.kvr-notify-circle > :first-child,
.svkpopit .spit > :first-child {
  position: absolute;
  transform: translate(-57%, -55%);
  top: 50%;
  left: 50%;
  display: block;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: -1px;
  font-family: "Open Sans", Verdana, Helvetica, "Trebuchet MS";
}

.kvr-notify-circle > :first-child {
  transform: translate(-60%, -54%);
}

.pad0, .pad-children-0 > * {padding: 0 !important;}
.pad1, .pad-children-1 > * {padding: 1px !important;}
.pad2, .pad-children-2 > * {padding: 2px !important;}
.pad3, .pad-children-3 > * {padding: 3px !important;}
.pad4, .pad-children-4 > * {padding: 4px !important;}
.pad5, .pad-children-5 > * {padding: 5px !important;}
.pad6, .pad-children-6 > * {padding: 6px !important;}
.pad7, .pad-children-7 > * {padding: 7px !important;}
.pad8, .pad-children-8 > * {padding: 8px !important;}
.pad9, .pad-children-9 > * {padding: 9px !important;}
.pad10, .pad-children-10 > * {padding: 10px !important;}

.grid-columns-300-1fr-gap-30 {
  display: grid;
  grid-gap: 30px;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}