/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i');*/


#test > * {
  outline:1px solid red;
}


/* ***************************************************************** */
/* ***** GLOBAL CONTENT STYLES ************************************* */
html {
  font-size:90%; /* rem set */
  scroll-behavior:smooth;
}
body {
  font-family:'Montserrat',sans-serif;
  font-weight:300;
  overflow-x:hidden;
}

a, button.btn-link {
	color: #A3A3A5;
	text-decoration: none;
	font-size: inherit;
	font-weight: inherit;
	font-weight: bolder;
}
.btn {
  text-shadow:none !important;
}
button.btn-link {
  display:inline;
  padding:0;
}
*[data-bs-toggle="modal"],
*[role="button"] {
  cursor:pointer;
}

.text-light a,
.text-white a {
	color: #b0b6bb;
}
a:hover img,
button.btn-link:hover img {
    filter: drop-shadow(0 0 0.2em #ffffff);
    text-align: center;
}
a:hover,
button.btn-link:hover,
.text-light a:hover,
.text-white a:hover {
  color:inherit;
}
.beads a {
  display:inline-block;
  position:relative;
}
.beads a::before {
  content:'';
  background:transparent url("../../Evertz.com/img/beads-link.png") no-repeat scroll center center;
  background-size:contain;
  height:100%;
  width:75%;
  position:absolute;
  right:105%;
  top:0;
}
.beads a::after {
  content:'';
  background:transparent url("../images/atci-image/beads-link.png") no-repeat scroll center center;
  background-size:contain;
  transform:scaleX(-1);
  height:100%;
  width:75%;
  position:absolute;
  left:105%;
  top:0;
}
a[href^="tel:"]:before {
  content:'\260e';
  margin-right:0.2em;
}
a[href^="tel:"].mobile:before {
  content:'\1F4F1';
}

a[href$=".pdf"]::after {
  display:inline-block;
  vertical-align:middle;
  content:url("../images/atci-image/pdf.svg");
  line-height:0;
  width:1.2em;
  margin:-0.2em 0 0 0.2em;
  padding:0.1em;
}
a[href$=".csv"]::after,
a[href$=".xls"]::after {
  display:inline-block;
  vertical-align:middle;
  content:url("../images/csv.svg");
  line-height:0;
  width:1.2em;
  margin:-0.2em 0 0 0.2em;
  padding:0.1em;
}
a[href$=".zip"]::after {
  display:inline-block;
  vertical-align:middle;
  content:url("../images/zip.svg");
  line-height:0;
  width:1.2em;
  margin:-0.2em 0 0 0.2em;
  padding:0.1em;
}
a[href$=".exe"]::after {
  display:inline-block;
  vertical-align:middle;
  content:url("../images/exe.svg");
  line-height:0;
  width:1.2em;
  margin:-0.2em 0 0 0.2em;
  padding:0.1em;
}
a[href*="/contact/inquiries/?"]::after {
  display:inline-block;
  vertical-align:middle;
  content:url("../images/email.svg");
  line-height:0;
  width:1.2em;
  margin:-0.2em 0 0 0.2em;
  padding:0.1em;
}
a[href*="/resources/manuals/?id"]::after {
  display:inline-block;
  vertical-align:middle;
  content:url("../images/manual.svg");
  line-height:0;
  width:1.2em;
  margin:-0.2em 0 0 0.2em;
  padding:0.1em;
}
button[data-bs-target="#requestForm"]::after {
  display:inline-block;
  vertical-align:middle;
  content:url("../images/info.svg");
  line-height:0;
  width:1.2em;
  margin:-0.2em 0 0 0.2em;
  padding:0.1em;
}
a[href^="http"].btn::after {
  display:inline-block;
  vertical-align:middle;
  content:url("../images/link.svg");
  line-height:0;
  width:1.2em;
  margin:-0.2em 0 0 0.2em;
  padding:0.1em;
}
a[href*="youtu.be"]::after {
  display:inline-block;
  vertical-align:middle;
  content:url("../images/youtube.svg") !important;
  line-height:0;
  width:1.45em !important;
  margin:-0.2em 0 0 0.2em;
  padding:0.1em;
}
a.noafter::after {
  content:'' !important;
}

p:last-child {
	margin-bottom: 0;
	text-align: center;
}

img {
  max-width:100%;
}
img.inline-icon-svg {
  display:inline-block;
  height:1.2em !important;
  vertical-align:middle;
  margin-bottom:0.2em;
  max-height:none; /* should this be !important? */
  max-width:none; /* should this be !important? */
}
img.inline-text {
  display:inline-block;
  max-height:1.1em;
  margin-bottom:0.2em;
  vertical-align:middle;
}

img.inline-logo-svg {
  position:relative;
  display:inline-block;
  height:2em !important;
  max-height:none !important;
  max-width:none !important;
  vertical-align:middle;
}
img.inline-logo-svg.proguard {
  height:2.4em !important;
}
img.inline-logo-svg.caption-conductor {
  height:4em !important;
}
img.inline-logo-svg.eqx-io {
  height:3em !important;
}

img.inline-text-svg {
  position:relative;
  display:inline-block;
  height:0.8em !important;
  max-height:none !important;
  max-width:none !important;
  vertical-align:baseline;
}
u img.inline-text-svg { /* Only seen with Overture right now */
  bottom:-0.15em;
  border-bottom:0.1em solid black;
  padding-bottom:0.05em;
  height:0.95em !important;
}
img.inline-text-svg.vue,
img.inline-text-svg.vueapps,
img.inline-text-svg.vistalink,
img.inline-text-svg.vistalink-pro {
  height:0.73em !important;
}
img.inline-text-svg.mediator-x {
  height:0.7em !important;
}
img.inline-text-svg.scorpion {
  bottom:-0.25em;
  margin-top:-0.25em;
  margin-right:0.1em;
  height:1.2em !important;
}
img.inline-text-svg.magnum {
  height:0.65em !important;
  margin-right:0.2em;
}
img.inline-text-svg.eqx {
  bottom:-0.06em;
  margin-top:-0.06em;
}
img.inline-text-svg.bravo {
  height:0.75em !important;
}
img.inline-text-svg.dreamcatcher {
  bottom:-0.4em;
  margin-top:-0.35em;
  margin-left:-1em;
  height:1.3em !important;
}
img.inline-text-svg.evertz,
img.inline-text-svg.evertzav {
  bottom:-0.3em;
  margin-top:-0.3em;
  height:1.3em !important;
}
img.inline-text-svg.studer {
  bottom:-0.27em;
  margin-top:-0.27em;
  height:1em !important;
}
img.inline-text-svg.atci {
  bottom:-0.3em;
  margin-top:-0.3em;
  height:1.4em !important;
}
img.inline-text-svg.evertz-io {
  bottom:-0.39em;
  margin-top:-0.5em;
  margin-left:0.2em;
  height:1.55em !important;
}
img.inline-text-svg.ease-live {
  bottom:-0.66em;
  margin-top:-0.85em;
  margin-left:0.25em;
  height:2em !important;
}
img.inline-text-svg.quintech {
  bottom:-0.37em;
  margin-top:-0.37em;
  height:1.325em !important;
}
img.inline-text-svg.rf {
  margin-top:-0.2em;
  height:0.9em !important;
}
img.inline-text-svg.exe {
  bottom:-0.4em;
  margin-top:-0.4em;
  height:1.5em !important;
}
img.inline-text-svg.streampro {
  bottom:-0.35em;
  margin-top:-0.5em;
  height:1.4em !important;
}
img.inline-text-svg.simulsat {
  bottom:-0.45em;
  margin-top:-0.45em;
  height:1.2em !important;
}
img.inline-text-svg.xrf4 {
  height:0.7em !important;
}

.responsive-image-map {
  position:relative;
}
/*.responsive-image-map map a.shape-circle,
.responsive-image-map map a.shape-rect {
  border:0.2em solid #ffffff;
  box-shadow:0 0 0 #0B00FF;
  transition:border-color 0.2s linear,box-shadow 0.2s linear;
} */
.responsive-image-map map a.shape-rect {
  border-radius:0.5em;
}
.responsive-image-map map a,
.responsive-image-map map.contains-poly a,
.responsive-image-map map a.shape-poly {
  border:none;
  box-shadow:none;
  background-color:rgba(255,255,255,0.1);
  transition:background 0.2s linear;
  animation:responsive-image-map-throb 2s;
  animation-iteration-count:infinite;
}
/*.responsive-image-map map a.shape-circle:hover,
.responsive-image-map map a.shape-rect:hover {
  border-color:#0000FF;
  box-shadow:0 0 0.8em #0000FF;
}*/
.responsive-image-map map a:hover,
.responsive-image-map map.contains-poly a:hover,
.responsive-image-map map a.shape-poly:hover {
  border:none;
  box-shadow:none;
  background-color:rgba(255,242,0,0.3) !important;
}

@keyframes responsive-image-map-throb {
  0% { background-color:rgba(255,255,255,0); }
 50% { background-color:rgba(255,255,255,0.2); }
100% { background-color:rgba(255,255,255,0); }
}

h1 { font-size:3.0rem; }
h2 { font-size:2.3rem; }
h3 { font-size:2.0rem; }
h4 { font-size:1.5rem; font-weight:700; }
h5 { font-size:1.3rem; font-weight:700; }
h6 { font-size:1.1rem; font-weight:700; }

strong {
  font-weight:700;
}

input.danger,
select.danger,
textarea.danger {
  color:#ffffff !important;
  background-color:#dc3545 !important;
}

table.zebra tr:nth-of-type(2n+1),
tbody.zebra tr:nth-of-type(2n+1),
ul.zebra li:nth-of-type(2n+1),
ol.zebra li:nth-of-type(2n+1) {
  backdrop-filter:brightness(85%) contrast(120%) saturate(140%);
}

/* Delete this once Firefox supports backdrop-filter */
@-moz-document url-prefix() { 
  table.zebra tr:nth-of-type(2n+1),
  tbody.zebra tr:nth-of-type(2n+1),
  ul.zebra li:nth-of-type(2n+1),
  ol.zebra li:nth-of-type(2n+1) {
    background-color:#e5e5e5; /* intermediate between #cccccc & #ffffff */
    background-color:rgba(0,0,0,0.1);
  }
}

section {
  position:relative;
  /* enable for content debugging */
  /*outline:1px solid red;*/
}
section > img.background:first-child,
section > a:first-child > img.background:first-child {
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  height:100%;
  width:100%;
  object-fit:cover;
  transition:transform 0.2s ease;
}
section > a:first-child > div:first-child {
  transition:transform 0.2s ease;
}
section > img.background:first-child + *,
section > a:first-child > img.background:first-child + * {
  position:relative;
  z-index:5;
}
section:hover > a:first-child > img.background:first-child,
section:hover > a:first-child > div:first-child {
  transform:scale(1.1);
}
section.parallax {
  min-height:20vh;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
  background-size:cover;
  overflow:hidden;
}

section.parallax > video:first-child {
  pointer-events:none;
  height:100vh;
  width:100vw;
  object-fit:cover;
  position:absolute;
  top:0;
  left:0;
}

ol {
  list-style-type:decimal;
}
ol > li > ol {
  list-style-type:lower-roman;
}
ol > li > ol > li > ol {
  list-style-type:lower-alpha;
}
ol > li > ol > li > ol > li > ol {
  list-style-type:lower-greek;
}
ul {
  list-style-type:none;
}
ol.accordion,
ul.accordion {
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}
ol > li,
ul > li {
  line-height:1.5em;
  position:relative;
}
ul li::marker {
  content:'\0bb \00a0\00a0';
  color:#ffffff;
  font-weight:700;
  font-size:140%;
}
ol li::marker {
  font-weight:700;
  font-size:120%;
}
ol li.list-nested,
ul li.list-nested {
  break-inside:avoid;
  break-inside:avoid-column;
}
ol li.list-header,
ul li.list-header {
  -webkit-column-break-after:avoid;
  break-after:avoid;
  break-after:avoid-column;
  margin-left:-1.5em;
}
ol.row > li::marker,
ul.row > li::marker,
ol.nav > li::marker,
ul.nav > li::marker,
.navbar-nav li::marker,
.no-marker > li::marker,
ul.vue-bullet li::marker,
ul.slideshow > li::marker,
ol.accordion > li::marker,
ul.accordion > li::marker,
ol > li.list-header::marker,
ul > li.list-header::marker {
  content:'';
}
ol li.list-header + li,
ul li.list-header + li {
  -webkit-column-break-before:avoid;
  break-before:avoid;
  break-before:avoid-column;
}
ul.vue-bullet > li::before {
  content:'';
  position:absolute;
  top:0.2em;
  left:-1.5em;
  width:0.8em;
  height:0.8em;
  background:transparent url("../../Evertz.com/img/solutions/vue/bullet-32px.png") no-repeat scroll center center;
  background-size:contain;
}

dl {}
dl dt {
  -webkit-column-break-after:avoid;
  break-after:avoid;
  break-after:avoid-column;
}
dl dd {
  -webkit-column-break-before:avoid;
  break-before:avoid;
  break-before:avoid-column;
}

.columns-2 { columns:2 18em; }
.columns-2.columns-medium { columns:2 13.5em; }
.columns-2.columns-small { columns:2 9em; }
.columns-3 { columns:3 11.25em; }
.columns-3.columns-large { columns:3 14.5em; }
.columns-4 { columns:4 8.50em; }
.columns-5 { columns:5 6.50em;}

.column-gap-1 { column-gap:1em; }
.column-gap-2 { column-gap:2em; }
.column-gap-3 { column-gap:3em; }
.column-gap-4 { column-gap:4em; }
.column-gap-5 { column-gap:5em; }

.column-span-all {
  column-span:all;
}

.columns-2 > li,
.columns-3 > li,
.columns-4 > li,
.columns-5 > li {
  break-inside:avoid;
  break-inside:avoid-column;
  margin-bottom:0.4em;
  position:static;
}
.columns-2 > figure,
.columns-3 > figure,
.columns-4 > figure,
.columns-5 > figure {
  break-inside:avoid;
  break-inside:avoid-column;
}
.columns-2 > li input,
.columns-3 > li input,
.columns-4 > li input,
.columns-5 > li input {
  display:inline-block;
}


.top-none { top:unset !important; }
.top-10 { top:10% !important; }
.top-20 { top:20% !important; }
.top-25 { top:25% !important; }
.top-30 { top:30% !important; }
.top-40 { top:40% !important; }
.top-60 { top:60% !important; }
.top-70 { top:70% !important; }
.top-75 { top:75% !important; }
.top-80 { top:80% !important; }
.top-90 { top:90% !important; }

.end-none { left:unset !important; }
.end-10 { left:10% !important; }
.end-20 { left:20% !important; }
.end-25 { left:25% !important; }
.end-30 { left:30% !important; }
.end-40 { left:40% !important; }
.end-60 { left:60% !important; }
.end-70 { left:70% !important; }
.end-75 { left:75% !important; }
.end-80 { left:80% !important; }
.end-90 { left:90% !important; }

.bottom-none { bottom:unset !important; }
.bottom-10 { bottom:10% !important; }
.bottom-20 { bottom:20% !important; }
.bottom-25 { bottom:25% !important; }
.bottom-30 { bottom:30% !important; }
.bottom-40 { bottom:40% !important; }
.bottom-60 { bottom:60% !important; }
.bottom-70 { bottom:70% !important; }
.bottom-75 { bottom:75% !important; }
.bottom-80 { bottom:80% !important; }
.bottom-90 { bottom:90% !important; }

.start-none { right:unset !important; }
.start-10 { right:10% !important; }
.start-20 { right:20% !important; }
.start-25 { right:25% !important; }
.start-30 { right:30% !important; }
.start-40 { right:40% !important; }
.start-60 { right:60% !important; }
.start-70 { right:70% !important; }
.start-75 { right:75% !important; }
.start-80 { right:80% !important; }
.start-90 { right:90% !important; }


/* **** Custom font color classes ***** */
.text-evertz-yellow { color:#0B00FF; }

.text-darkest-navy { color:#001822; }
.text-darker-navy { color:#003044; }
.text-dark-navy { color:#004766; }
.text-navy { color:#005f88; }
.text-light-navy { color:#0077aa; }
.text-lighter-navy { color:#008fcc; }
.text-lightest-navy { color:#00a7ee; }


.lh-0 { line-height:0; }

.font-size-inherit { font-size:inherit; }
.font-family-inherit { font-family:inherit; }

.fs-08rem { font-size:0.8rem; }
.fs-09rem { font-size:0.9rem; }
.fs-12rem { font-size:1.2rem; }


/* **** Custom background classes ***** */
.bg-evertz-yellow { background-color:#0B00FF; }
.bg-evertz-modal {
  background:#000000 url("../../Evertz.com/img/modal-header.black.png") no-repeat scroll center center;
  background-size:cover;
}

.bg-orange { background-color:#F26E21; }
.bg-light-orange { background-color:#F5851D; }
.bg-lighter-orange { background-color:#F89C19; }
.bg-lightest-orange { background-color:#FBB315; }

.bg-azure3 { background-color:#C1CDCD; }

.bg-black { background-color:#000000; }
.bg-darkest-grey {
	background-color: rgba(31,101,172,1.00);
}
.bg-darker-grey {
	background-color: rgba(31,101,172,1.00);
}
.bg-dark-grey { background-color:#666666; }
.bg-grey { background-color:#888888; }
.bg-light-grey { background-color:#aaaaaa; }
.bg-lighter-grey { background-color:#cccccc; }
.bg-lightest-grey { background-color:#eeeeee; }

.bg-rgba-black { background-color:rgba(0,0,0,1); }
.bg-rgba-darkest-grey { background-color:rgba(0,0,0,.867); }
.bg-rgba-darker-grey { background-color:rgba(0,0,0,.734); }
.bg-rgba-dark-grey { background-color:rgba(0,0,0,.602); }
.bg-rgba-grey { background-color:rgba(0,0,0,.469); }
.bg-rgba-light-grey { background-color:rgba(0,0,0,.336); }
.bg-rgba-lighter-grey { background-color:rgba(0,0,0,.203); }
.bg-rgba-lightest-grey { background-color:rgba(0,0,0,.070); }

.bg-darkest-navy { background-color:#001822; }
.bg-darker-navy { background-color:#003044; }
.bg-dark-navy { background-color:#004766; }
.bg-navy { background-color:#005f88; }
.bg-light-navy { background-color:#0077aa; }
.bg-lighter-navy { background-color:#008fcc; }
.bg-lightest-navy { background-color:#00a7ee; }

.bg-viking { background-color:#61b8e0; }
.bg-light-viking { background-color:#eaf3ff; }

.bg-ease-live-blue { background-color:#07083A; }

.bg-vueapps-blue { background-color:#29abe2 !important; }
.bg-vueapps-blue1 { background-color:#54bce8 !important; }
.bg-vueapps-blue2 { background-color:#94d5f0 !important; }

.bg-vueapps-green { background-color:#03d86d !important; }
.bg-vueapps-green2 { background-color:#8af9ba !important; }

.bg-connected-blue1 { background-color:#100096; }
.bg-connected-blue2 { background-color:#29aae1; }


/* ***** Live Production Case Study Colours ***** */
.bg-mandt-blue { background-color:#2B296F; }
.bg-pitt-yellow { background-color:#fab114; }
.bg-pitt-blue { background-color:#223f8f; }
.bg-ottawa-red { background-color:#ad172b; }
.bg-woodbine-green { background-color:#3e5b22; }
.bg-sportsnet-blue { background-color:#00558c; }


/* ***** Overture Solutions Page ***** */
.bg-overture-pale-blue { background-color:#bdccd4; }
.bg-overture-light-blue { background-color:#3fa9f5; }
.bg-overture-blue { background-color:#016CFE; }
.bg-overture-cyan { background-color:#28D4DE; }
.bg-overture-green { background-color:#3CDE86; }
.bg-overture-indigo { background-color:#5A39FD; }
.bg-overture-navy { background-color:#333F52; }
.bg-overture-light-blue { background-color:#60CDFF; }


/* **** Custom border classes ***** */
.border-evertz-yellow { border-color:#0B00FF !important; }

.border-lightest-grey { border-color:#eeeeee !important; }

.border-lighter-orange { border-color:#F89C19 !important; }

.border-vue-blue { border-color:#21a0db !important; }

.red-border > * { border:0.1em solid red; }

.border-01em { border-width:.1em !important; } /* DC BRAVO front page carousel */

.border-dashed { border-style:dashed !important; }
.border-outset { border-style:outset !important; }
.border-top-double { border-top:3px double #dee2e6; }


.opacity-0 { opacity:0; }
.opacity-25 { opacity:0.25; }
.opacity-50 { opacity:0.5; }
.opacity-75 { opacity:0.75; }
.opacity-100 { opacity:1; }

.opacity-hover-100 {
  transition:opacity 0.15s linear;
}
.opacity-hover-100:hover,
.opacity-hover-100:hover > *:first-child {
  opacity:1;
}

.text-shadow-light {
  font-weight:900;
  text-shadow:0 0 0.1em rgba(255,255,255,1),0 0 0.3em rgba(255,255,255,1),0 0 0.5em rgba(255,255,255,1),0 0 0.7em rgba(255,255,255,1),0 0 0.9em rgba(255,255,255,1),0 0 1.1em rgba(255,255,255,1);
}
.text-shadow-dark {
  text-shadow:0 0.1em 0.1em rgba(0,0,0,1),0 0.1em 0.2em rgba(0,0,0,1),0 0.1em 0.3em rgba(0,0,0,1),0 0.1em 0.4em rgba(0,0,0,1),0 0.1em 0.8em rgba(0,0,0,1),0 0.1em 1.6em rgba(0,0,0,1);
}
.text-shadow-light img {
  filter:drop-shadow(0 0 0.1em rgba(255,255,255,1)) drop-shadow(0 0 0.3em rgba(255,255,255,1));
}
.text-shadow-dark img {
  filter:drop-shadow(0 0.1em 0.1em rgba(0,0,0,1)) drop-shadow(0 0.1em 0.2em rgba(0,0,0,1));
}


/* ***** Custom button/link styles ***** */
.btn.btn-evertz-yellow {
  background-color:#0098f4;
  border-color:#0B00FF;
  color:#000000;
  font-weight:bold;
}
.btn.btn-evertz-yellow:hover {
	color: #000000;
	background-color: #B9A8AA;
}

.btn-close.btn-close-light {
  background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}


/* ********** CUSTOM NAB2021 COLOURS AND STYLES ********** */
.btn.btn-nab2021-cyan {
  background-color:#00b1ba;
  border-color:#005b65;
  color:#ffffff;
  font-weight:bold;
  box-shadow:0 0 0.5em #000000;
}
.btn.btn-nab2021-cyan:hover {
  background-color:#41d1da;
}
.btn.btn-nab2021-gradient {
  background:linear-gradient(to right,#5e287f, #ab3f97);
  border-color:#5e287f;
  color:#ffffff;
  font-weight:bold;
  box-shadow:0 0 0.5em #000000;

  transition:background 0.2s linear;
}
.btn.btn-nab2021-gradient:hover {
  background:linear-gradient(to right,#794099, #c558b0);
}

.nab2021-shadow {
  box-shadow:0 0 0.5em #000000;
}

.text-nab2021-orange { color:#febd3a; }
.text-nab2021-link a { color:#ffffff; }
.text-nab2021-link a:hover { color:#dddddd; }
/* ********** END CUSTOM NAB2021 COLOURS AND STYLES ********** */



.of-cover {
  object-fit:cover !important;
  object-position:center;
}
.of-contain {
  object-fit:contain !important;
  object-position:center;
}

.square {
  aspect-ratio:1/1;
}

.float-end,
.float-start {
  max-width:50vw !important;
}

.w-10 { width:10% !important; }
.w-125 { width:12.5% !important; }
.w-1875 { width:18.75% !important; }
.w-20 { width:20% !important; }
.w-30 { width:30% !important; }
.w-33 { width:33.3333% !important; }
.w-375 { width:37.5% !important; }
.w-40 { width:40% !important; }
.w-60 { width:60% !important; }
.w-66 { width:66.6667% !important; }
.w-80 { width:80% !important; }
.w-90 { width:90% !important; }
.w-99 { width:99% !important; }

.w-1em { width:1em; }
.w-2em { width:2em; }
.w-3em { width:3em; }
.w-4em { width:4em; }
.w-5em { width:5em !important; } /* Optical Power Budget Page */
.w-6em { width:6em; }
.w-12em { width:12em; }

.mw-10 { max-width:10% !important; }
.mw-20 { max-width:20% !important; }
.mw-25 { max-width:25% !important; }
.mw-30 { max-width:30% !important; }
.mw-33 { max-width:33.33% !important; }
.mw-40 { max-width:40% !important; }
.mw-50 { max-width:50% !important; }
.mw-60 { max-width:60% !important; }
.mw-66 { max-width:66.67% !important; }
.mw-70 { max-width:70% !important; }
.mw-75 { max-width:75% !important; }
.mw-80 { max-width:80% !important; }
.mw-90 { max-width:90% !important; }
.mw-none { max-width:none !important; }

.h-0 { height:0; }
.h-10 { height:10%; }
.h-20 { height:20%; }
.h-25 { height:25%; }
.h-30 { height:30%; }
.h-33 { height:33.33%; }
.h-40 { height:40%; }
.h-50 { height:50%; }
.h-60 { height:60%; }
.h-66 { height:66.67%; }
.h-70 { height:70%; }
.h-75 { height:75%; }
.h-80 { height:80%; }
.h-90 { height:90%; }

.h-10vh { height:10vh; }
.h-20vh { height:20vh; }
.h-30vh { height:30vh; }
.h-40vh { height:40vh; }
.h-50vh { height:50vh; }
.h-60vh { height:60vh; }
.h-70vh { height:70vh; }
.h-80vh { height:80vh; }
.h-90vh { height:90vh; }
.h-100vh { height:100vh; }

.h-10vw { height:10vw; }
.h-15vw { height:15vw; }
.h-20vw { height:20vw; }

.mh-10vh { max-height:10vh; }
.mh-20vh { max-height:20vh; }
.mh-25vh { max-height:25vh; }
.mh-33vh { max-height:30vh; }
.mh-33vh { max-height:33.33vh; }
.mh-40vh { max-height:40vh; }
.mh-50vh { max-height:50vh; }
.mh-60vh { max-height:60vh; }
.mh-66vh { max-height:66.67vh; }
.mh-70vh { max-height:70vh; }
.mh-75vh { max-height:75vh; }
.mh-80vh { max-height:80vh; }
.mh-90vh { max-height:90vh; }
.mh-100vh { max-height:100vh; }

.minh-10vw { min-height:10vw; }
.minh-15vw { min-height:15vw; }
.minh-20vw { min-height:20vw; }

.mh-2em { max-height:2em; }
.mh-3em { max-height:3em; }
.mh-4em { max-height:4em; }

.h-1em { height:1em; }
.h-2em { height:2em; }
.h-3em { height:3em; }
.h-4em { height:4em; }
.h-5em { height:5em; }
.h-6em { height:6em; }
.h-12em { height:12em; }

.minh-10vh { min-height:10vh; }
.minh-20vh { min-height:20vh; }
.minh-30vh { min-height:30vh; }
.minh-40vh { min-height:40vh; }
.minh-50vh { min-height:50vh; }
.minh-60vh { min-height:60vh; }
.minh-70vh { min-height:70vh; }
.minh-80vh { min-height:80vh; }
.minh-90vh { min-height:90vh; }
.minh-100vh { min-height:100vh; }

.minh-3em { min-height:3em; }
.minh-4em { min-height:4em; }
.minh-6em { min-height:6em; }
.minh-7em { min-height:7em; }
.minh-8em { min-height:8em; }
.minh-10em { min-height:10em; }

.mb-5per { margin-bottom:5%; }
.mb-10per { margin-bottom:10%; }
.mb-neg1 { margin-bottom:-1rem; }
.mb-neg2 { margin-bottom:-2rem; }
.mb-neg3 { margin-bottom:-3rem; }

.accordion .accordion-header .accordion-button {
  font-size:inherit;
  background-color:rgba(33,37,41,0.9);
}
.accordion .accordion-header .accordion-button:focus {
  border-color:#0B00FF;
  box-shadow:0 0 0 0.25rem rgb(255 242 0 / 25%)
}
.accordion .accordion-header .accordion-button::after {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff200'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion .accordion-header .accordion-button:not(.collapsed)::after {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff200'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.responsive-video {
  position:relative;
  width:100%;
  height:0;
  padding-bottom:56.25%; /* 16:9 default */
}
.responsive-video iframe,
.responsive-video video {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

iframe.twitter-timeline {
  height:100% !important;
  min-height:640px !important;
}

figure {
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  position:relative;
}
figure figcaption {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:0.5em 0;
  flex:1 1 auto!important;
}
figure figcaption strong {
  font-weight:700;
}
figure figcaption:first-child {
  justify-content:flex-end;
}
figure img + figcaption {
  justify-content:flex-start;
}
figure[data-bs-toggle="modal"],
figure[role="button"] > a:only-child {
  transition:transform 0.15s linear;
}
figure[data-bs-toggle="modal"]:hover,
figure[role="button"]:hover > a:only-child {
  transform:scale(1.1);
}



/* ***** Modal popup defaults ***** */
.modal .modal-title > img:first-child {
  width:3.4em;
  height:3.4em;
}
.modal-content {
  box-shadow:0 1rem 2rem 0 rgba(0,0,0,0.4),0 0 4rem 1rem rgba(255,255,255,0.5);
}


.press-list {
  list-style-type:none;
}
.press-list li:nth-of-type(2n+1) {
  background-color:#eeeeee;
}
.press-list li > *:first-child {
  display:inline;
}
.press-list li > p:last-child,
.press-list li > table:last-child {
  width:100%;
  border-top:0.1em solid #dddddd;
}


/* ********** GLOBAL NAVIGATION BAR ********** */
nav.navbar.bg-dark {
  background-color:rgba(31,101,172,0.80) !important;
}
nav.navbar a.navbar-brand {
  position:relative;
  height:2em;
  flex-basis:20vw;
  z-index:1100;
}
nav.navbar a.navbar-brand img {
  transform:scale(2) translate(25%, 25%);
  transition:transform 0.4s ease;
}
html:not([data-scroll='0']) nav.navbar a.navbar-brand img {
  transform:scale(1);
}
nav.navbar .navbar-nav {
  /*flex-grow:2;*/
  width:70%;
  max-width:75vw;
  max-height:100vh;
  overflow:hidden;
  transition:max-width 0.5s ease,max-height 0.5s ease,opacity 0.3s linear;
}


.dreamcatcher-tabs .nav-tabs .nav-item.show .nav-link,
.dreamcatcher-tabs .nav-tabs .nav-link.active {
  background-color:#444444;
}

.sub-menu ul.nav .nav-link,
nav.navbar .nav-link {
  position:relative;
}
.sub-menu ul.nav .nav-link::after,
nav.navbar .nav-link::after {
  position:absolute;
  content:'';
  bottom:0;
  left:0;
  width:0;
  opacity:0;
  margin:0;
  border:none;
  border-bottom:0.2em solid #ffffFF;
  transition:width 0.4s ease,opacity 0.4s ease;
}
.sub-menu ul.nav .nav-link.show::after,
.sub-menu ul.nav .nav-link:hover::after,
nav.navbar .nav-link.show::after,
nav.navbar .nav-link:hover::after {
  width:100%;
  opacity:1;
}
.sub-menu ul.nav .nav-item .nav-link:hover,
nav.navbar .nav-item .nav-link:hover {
  color:#ffffff;
}

.navbar-toggler:focus {
  box-shadow:none !important;
}

nav.navbar .dropdown-menu {
  background-color:rgba(33,37,41,0.95) !important;
  border-radius:0;
  overflow-y:auto;
  max-height:80vh;
}
nav.navbar .dropdown-menu[data-bs-popper] {
  top:auto;
  margin-top:0;
}
nav.navbar .dropdown-menu ul li,
nav.navbar .dropdown-menu ul > div {
  break-inside:avoid;
  break-inside:avoid-column;
}
nav.navbar .dropdown-menu .dropdown-header {
  break-after:avoid;
  break-after:avoid-column;
}
nav.navbar .dropdown-menu .dropdown-header + li {
  break-before:avoid;
  break-before:avoid-column;
}

nav.navbar .dropdown-menu .dropdown-item {
  white-space:normal;
  color:#eeeeee !important;
  border-bottom:0.1em solid #888888;
  /*font-size:0.9rem;*/
  font-size:1rem;
}
nav.navbar .dropdown-menu .dropdown-item:hover,
nav.navbar .dropdown-menu .dropdown-item:focus {
  color:#ffffff !important;
  border-bottom:0.1em solid #0B00FF;
  background-color:rgba(0,0,0,0.1);
}

nav.navbar #navbarDropdownAbout + .dropdown-menu .dropdown-item img {
  max-height:3em;
  max-width:none;
}


form.search {
  flex-grow:1;
  transition:flex-grow 0.5s ease,max-width 0.3s ease;
  max-width:24vw;
}
form.search > * {
  flex-grow:2;
}

.searching .navbar-nav {
  opacity:0;
  max-width:10vw !important;
  max-height:0 !important;
}
.searching form.search {
  max-width:75vw;
}

form.search input,
form.search input:focus {
  background-color:inherit;
  font-size:0.9rem;
  border:0 none;
  border-bottom:0.1em solid #ffffff;
  border-radius:0;
  box-shadow:none;
}
form.search button {
  background-color:inherit;
  width:1.8em;
  max-width:1.8em;
  font-size:1.3rem;
}
form.search button:hover {
  background-color:inherit;
}
form.search button img {
  max-width:1em;
  max-height:1em;
}

form .twitter-typeahead {
  width:100%;
}
.tt-menu {
  font-size:0.9rem;
  color:#ffffff;
  background-color:#2e2e2e;
  width:100%;
  box-shadow:0 0.5em 0.5em #000000;
  text-align:left;
}
.tt-suggestion {
  padding:0.5em;
  border-bottom:0.1em solid #ffffff;
}
.tt-highlight {
  color:#ffffff;
  font-weight:500;
}
.tt-suggestion.tt-cursor {
  cursor:pointer;
  background-color:#000000;
  border-bottom:0.1em solid #0B00FF;
}
.tt-hint {
  opacity:0.5 !important;
}



/* ********** BELOW TOP MENU BANNER ********** */
.top-banner header {
  position:relative;
  z-index:2;
  min-height:10rem;
}
.top-banner header h1 {
  position:relative;
  z-index:1;
  font-size:3rem;
}
.top-banner header h2 {
  position:relative;
  z-index:2;
  font-size:1.3rem;
}
.top-banner header h2 small {
  font-size:1rem;
}
.top-banner img.banner-video-play {
  height:3.6rem;
  width:3.6rem;
  transition:transform 0.2s linear;
}
.top-banner img.banner-video-play:hover {
  transform:scale(1.2);
}


/* ********** SCROLLING SUBMENU ********** */
.sub-menu {
  position:sticky;
  top:2.45em;
  z-index:10;
}
.sub-menu ul.nav {
  position:relative;
  top:0;
  background-color:rgba(31,101,172,0.90);
}
.sub-menu.sticky ul.nav {
  animation-name:bouncenav;
  animation-duration:0.4s;
}
@keyframes bouncenav {
    0% { top:0; }
   20% { top:-1em; }
  100% { top:0; }
}




/* ********** DEFAULT MAIN CONTENT ********** */
.main-content {}

.main-content.zebra section:nth-of-type(2n) {
  background-color:#cccccc; /* .bg-lighter-grey */
  background-color:rgba(0,0,0,0.2);
}


/* ***** Card link boxes on /applications/, /solutions/ and /products/ pages ***** */
.card-link:hover {
  box-shadow:0 0 2.5vw rgba(0,0,0,0.15);
}
.card-link .card-text {
  font-size:90%;
}

.card-flip {
  perspective:1000px;
}
.card-flip .card-front,
.card-flip .card-back {
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transition:transform 0.5s ease,visibility 0s linear 1s;
  transform:rotateY(0deg);
}
.card-flip .card-back {
  transform:rotateY(180deg);
}
.card-flip:hover .card-front {
  transform:rotateY(180deg);
}
.card-flip:hover .card-back {
  visibility:visible !important;
  transition:transform 0.5s ease,visibility 0s linear 0s;
  transform:rotateY(360deg);
}


/* ***** About page ***** */
.about-sideimg {
  object-position:left center;
}



/* ***** MEDIATOR-X STYLE LINK BLOCKS ***** */
a.link-block {
  position:relative;
  border:1px solid #888888;
}
a.link-block span strong {
  position:relative;
  z-index:2;
}
a.link-block span strong img {
  max-height:2.5rem;
}
a.link-block:hover > span + span > strong {
  color:#ffffff;
}
a.link-block:hover::after {
  content:'';
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.6);
}





/* ******************************************** */
/* ********** PRODUCTS PAGES CONTENT ********** */
#productContent section > div > div > h3:not(:first-child) {
  margin-top:1em;
  clear:both;
}

.warning.discontinued {
  background:linear-gradient(#ffaaaa, white);
}
.warning.preliminary {
  background:linear-gradient(#aaaaff, white);
}


/* Specification table style */
.spec-table thead tr > * {
  border-bottom:0.1em solid #e5e5e5;
}
.spec-table thead h4 u {
  text-decoration:none;
}
.spec-table tr > * {
  padding:0.2em 0.5em;
  box-sizing:content-box;
}
.spec-table tbody tr th {
  width:30%;
  white-space:nowrap;
}
.spec-table tr.sub1 > * { padding-left:1.5em; }
.spec-table tr.sub2 > * { padding-left:3em; }
.spec-table tr.sub3 > * { padding-left:4.5em; }
.spec-table tr.sub4 > * { padding-left:6em; }
.spec-table tr.sub5 > * { padding-left:7.5em; }
.spec-table tr.sub6 > * { padding-left:9em; }

.spec-table tr.product-model > * {
  background-color:#ffffff;
  border:0.1em solid #000000;
  padding-top:0.5em;
  padding-bottom:0.5em;
}
.spec-table tr.product-model > th {
  background-color:#0B00FF;
}
.spec-table + p {
  margin-top:1em;
}


/* Product information table style */
.product-table {
  overflow-x:auto;
  overflow-y:hidden;
}
.product-table table {
  width:auto;
  min-width:0;
}
.product-table table thead {
  background:linear-gradient(transparent, #e5e5e5);
}
.product-table table thead tr > * {
  padding:0.3em 0.4em;
  font-size:120%;
  vertical-align:bottom;
}
.product-table table thead tr th[colspan] {
  text-align:center;
}
.product-table table thead tr th:not(th[colspan]) {
  border-bottom:0.1em solid #666666;
}
.product-table table thead tr th small {
  font-size:80%;
  font-weight:normal;
}
.product-table table tfoot {
  background:linear-gradient(#e5e5e5, transparent);
  font-style:italic;
}
.product-table table tfoot tr > * {
  padding:0.4em;
}
.product-table table tfoot tr:first-child > * {
  border-top:0.1em solid #666666;
}
.product-table table tbody tr:nth-child(2n) {
  background-color:#e5e5e5;
}
.product-table table tbody tr > * {
  padding:0.2em 0.4em;
}
.product-table table tbody tr th {
  white-space:nowrap;
}
.product-table table tbody tr th img {
  max-width:none;
  margin:0.5rem;
}
.product-table table.nowrapth tbody tr th {
  white-space:nowrap !important;
}
.product-table table.tdcenter tbody tr td {
  text-align:center;
}
.product-table table tbody tr td:nth-child(2n) {
  background-color:rgba(0,0,0,0.05);
}
.product-table table tr th h4 {
  margin-top:1rem;
  margin-bottom:0;
  white-space:normal;
}


#scrollToTop {
  transform:rotate(-90deg);
  z-index:0;
  bottom:8rem;
  right:3rem;
  font-size:3rem;
  width:3rem;
  height:3rem;
  background-color:rgba(46, 46, 46, .8);
  transition:opacity 0.2s linear,color 0.2s linear,border-color 0.2s linear,visibility 0s linear 0.2s;
}
html:not([data-scroll='0']) #scrollToTop {
  visibility:visible !important;
  z-index:100;
  opacity:0.6;
  transition:opacity 0.2s linear,color 0.2s linear,border-color 0.2s linear,visibility 0s linear;
}
#scrollToTop span {
  margin-bottom:0.6rem;
}
#scrollToTop:hover {
  border-color:#0B00FF !important;
  color:#0B00FF !important;
  opacity:1 !important;
}



/* ********** STANDARD EVERTZ IMAGE SLIDESHOW ********** */
ul.slideshow {
  position:relative;
}
ul.slideshow > li {
  position:relative;
  z-index:1;
}
ul.slideshow > div.prev,
ul.slideshow > div.next {
  position:absolute;
  top:0;
  left:2%;
  width:15%;
  z-index:2;
  background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") no-repeat scroll left center;
  background-size:contain;
  opacity:0.5;
  transition:opacity 0.2s linear;
}
ul.slideshow > div.next {
  left:auto;
  right:2%;
  background-position:right center;
  transform:scaleX(-1);
}
ul.slideshow > div.prev:hover,
ul.slideshow > div.next:hover {
  opacity:1;
}




/* ***************************************************************** */
/* ***** PAGE SPECIFIC STYLES ************************************** */



/* ********** FRONT PAGE ********** */
.carousel-item {
  transition:transform .8s ease,opacity .5s ease-out;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width:4rem;
  height:4rem;
}
.carousel-item .carousel-caption {
  font-size:100%;
}

.carousel-item .carousel-caption h1 { font-size:600%; }
.carousel-item .carousel-caption h2 { font-size:500%; }
.carousel-item .carousel-caption h3 { font-size:400%; }
.carousel-item .carousel-caption h4 { font-size:300%; }
.carousel-item .carousel-caption h5 {
	font-size: larger;
}
.carousel-item .carousel-caption h6 { font-size:150%; }
.carousel-item .carousel-caption p { font-size:100%; }
.carousel-item .carousel-caption p a.btn { font-size:inherit; }

.carousel-control-prev-icon,
.carousel-control-next-icon,
.carousel-indicators {
  transition:filter 0.5s linear;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter:invert(1) grayscale(100) drop-shadow(0 0 0.1em rgba(255,255,255,1)) drop-shadow(0 0 0.3em rgba(255,255,255,1)) drop-shadow(0 0 0.6em rgba(255,255,255,1)) drop-shadow(0 0 1.2em rgba(255,255,255,1));
}
.carousel-dark .carousel-indicators {
  filter:drop-shadow(0 0 0.1em rgba(255,255,255,1)) drop-shadow(0 0 0.3em rgba(255,255,255,1)) drop-shadow(0 0 0.6em rgba(255,255,255,1)) drop-shadow(0 0 1.2em rgba(255,255,255,1));
}

.shadow-link {
  height:12rem;
}
.shadow-link > a {
  min-height:25%;
  background-color:rgba(0,0,0,0.5);
  transition:min-height 0.2s ease;
}
.shadow-link:hover > a {
  min-height:100%;
}


/* ***** Product list pages ***** */
table.zebra tr:first-child > th[colspan='2'].pt-3:first-child {
  padding-top:0 !important;
}



/* ***** Fiber Optic Transport Selection Guide ***** */
#fiberSelector ul {
  font-size:90%;
  box-shadow:0 0.4em 0.6em rgba(0,0,0,0.6);
}
#fiberSelector ul li {
  background-color:rgba(255,255,255,0);
  transition:background 0.1s linear;
}
#fiberSelector ul li:hover {
  background-color:rgba(255,255,255,0.2);
}

.bg-fiber-selector-blue { background-color:#303576; }
.bg-fiber-selector-red { background-color:#9c1e2d; }
.bg-fiber-selector-grey { background-color:#5f7489; }
.bg-fiber-selector-green { background-color:#238219; }
.bg-fiber-selector-magenta { background-color:#7b1a7d; }



/* ***** Mediator-X Solutions Page applications dots ***** */
.app-dot[data-bs-toggle="modal"]:hover {
  transform:none;
}
.app-dot div {
  position:relative;
}
.app-dot:hover div::after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  background:rgba(0,0,0,0.6) url("../../Evertz.com/img/solutions/mediator-x/mediator-x-white-icon.png") no-repeat scroll center center;
  background-size:25% 25%;
  border-radius:50%;
  width:100%;
  height:100%;
}



/* ***** Dreamcatcher Solutions ***** */
.dreamcatcher-boxes section {
  transition:opacity 0.2s linear;
}
.dreamcatcher-boxes section:hover {
  opacity:1;
}



/* ***** VUE Solutions ***** */
.vue-dot {
  position:relative;
}
.vue-dot::after {
  content:'';
  position:absolute;
  bottom:-1em;
  left:-1.1em;
  width:2em;
  height:2em;
  background:transparent url("../../Evertz.com/img/solutions/vue/bullet-32px.png") no-repeat scroll center center;
  background-size:contain;
}
img.vue-bullet {
  height:0.6em;
  width:0.6em;
  margin-bottom:0.2em;
}

.vue-interactive {
  padding-top:76.05%; /* 956 x 727 */
}
.vue-interactive > * {
  background:transparent url("../../Evertz.com/img/solutions/vue/main_screen3.jpg") no-repeat scroll center top;
  background-size:contain;
}
.vue-interactive > ul > li {
  animation:responsive-image-map-throb 2s;
  animation-iteration-count:infinite;
}
.vue-interactive > ul > li > div {
  z-index:20;
  transition:opacity 0.2s ease 0s,visibility 0s linear 0.4s;
  width:24rem;
  box-shadow:0px 5px 10px 0px #000000;
}
.vue-interactive > ul > li > div.top-110 { bottom:110%; }
.vue-interactive > ul > li > div.bottom-110 { top:110%; }
.vue-interactive > ul > li > div.start-neg { left:-6rem; }
.vue-interactive > ul > li > div.end-neg { right:-2rem; }
.vue-interactive > ul > li:hover {
  z-index:2;
  border:0.1em solid #0B00FF;
  margin-bottom:10px;
  box-shadow:0px 0px 10px 5px #0B00FF;
  transition-duration:0.2s;
}
.vue-interactive > ul > li:hover > div {
  visibility:visible !important;
  opacity:0.9;
  transition-delay:0.3s,0s;
  transition-duration:0.4s,0s;
}
.vue-interactive > ul > li:first-child {
  left:4.3%;  top:5.4%;  width:22.7%;  height:34.5%;
}
.vue-interactive > ul > li:first-child + li {
  left:4.3%;  top:39.9%;  width:22.7%;  height:24.5%;
}
.vue-interactive > ul > li:first-child + li + li {
  left:4.3%;  top:64.4%;  width:22.7%;  height:9.1%;
}
.vue-interactive > ul > li:first-child + li + li + li {
  left:28.2%;  top:6.4%;  width:22.9%;  height:21.2%;
}
.vue-interactive > ul > li:first-child + li + li + li + li {
  left:28.2%;  top:28.9%;  width:22.9%;  height:17.3%;
}
.vue-interactive > ul > li:first-child + li + li + li + li + li {
  left:28.2%;  top:47.3%;  width:22.9%;  height:26.2%;
}
.vue-interactive > ul > li:first-child + li + li + li + li + li + li {
  left:51.7%;  top:6.4%;  width:35.6%;  height:34.6%;
}
.vue-interactive > ul > li:first-child + li + li + li + li + li + li + li {
  left:51.7%;  top:41.7%;  width:35.6%;  height:21.2%;
}
.vue-interactive > ul > li:first-child + li + li + li + li + li + li + li + li {
  left:51.7%;  top:63.8%;  width:35.6%;  height:9.0%;
}
.vue-interactive > ul > li:first-child + li + li + li + li + li + li + li + li + li {
  left:92.6%;  top:5.8%;  width:3.7%;  height:4.5%;
}
.vue-interactive > ul > li:first-child + li + li + li + li + li + li + li + li + li + li {
  left:87.5%;  top:10.4%;  width:8.3%;  height:52.5%;
}
.vue-interactive > ul > li:first-child + li + li + li + li + li + li + li + li + li + li + li {
  left:87.5%;  top:63.2%;  width:8.3%;  height:1.7%;
}



/* ***** Live Production Venues / BRAVO ***** */
.fs-bravo { font-size:8.5rem; }
.fs-bravo small { font-size:33%; }

.main-content .bravo-header {
  min-height:4em;
  margin-left:-0.5em;
  background:transparent url("../../Evertz.com/img/solutions/dreamcatcher/bravo/header-bkg.png") no-repeat scroll left center;
  background-size:contain;
}
.main-content .bravo-header.text-center {
  background:transparent url("../../Evertz.com/img/solutions/dreamcatcher/bravo/header-bkg2.png") no-repeat scroll center center;
  background-size:contain;
}
.main-content .bravo-header > *:first-child {
  margin-bottom:1.3em;
  margin-left:0.5em;
}



/* ***** Live Production Case Studies ***** */
blockquote.case-study {
  border:0.2em solid #666666;
}
blockquote.case-study img.corner {
  position:absolute;
  bottom:100%;
  right:20px;
  width:36px;
  height:36px;
}
blockquote.case-study::before,
blockquote.case-study::after {
  position:absolute;
  content:' ';
  background:transparent url("../../Evertz.com/img/quotes.open.png") no-repeat scroll center center;
  filter:drop-shadow(0 0 1rem white);
  background-size:contain;
  height:3rem;
  width:3rem;
}
blockquote.case-study::before {
  top:-1.5rem;
  left:-2rem;
}
blockquote.case-study::after {
  bottom:-1.5rem;
  right:-2rem;
  transform:rotate(180deg);
}




/* ***** BrightEdge footer bar ***** */
.be-related-link-container {
  margin-top:1rem;
  margin-bottom:0.6rem!important;
}
.be-label h5 {
  border-bottom:1px solid #f8f9fa;
}
.be-list {
  margin:0 0 1em 0!important;
}
.be-list > li {
  margin-bottom:0.4em;
}



/* ***** Contact Filter - SVG Map Version ***** */
.contact-map > figure:first-child {
  transition:opacity 0.3s linear;
}
.contact-map.active > figure:first-child {
  opacity:0.2;
}
.contact-map > figure:first-child ~ figure {
  transform:scale(0);
  opacity:0;
  transition:transform 0.3s ease,opacity 0.3s linear;
}
.contact-map.active > figure:first-child ~ figure.active {
  transform:scale(1);
  opacity:1;
}




/* ***************************************************** */
/* Bootstrap Grid Sizes: <576, 576, 768, 992, 1200, 1400 */
/*                              sm   md   lg    xl   xxl */
/* ***************************************************** */

/* ***** Screen less than 1400px ***** */
@media only screen and (max-width:1399px) {
}

/* ***** Screen less than 1200px ***** */
@media only screen and (max-width:1199px) {
}

/* ***** Screen less than 992px ***** */
@media only screen and (max-width:991px) {
  html nav.navbar a.navbar-brand img {
    transform:scale(1);
  }

  #frontPageCarousel { height: 55vw; }

  .fs-bravo { font-size:7rem; }

  .product-table table tbody tr th {
    white-space:normal;
  }
  .product-table table.tip-up.sooner thead tr th[colspan] {
    border-left:0.1em solid #aaaaaa;
  }
  .product-table table.tip-up.sooner thead tr th:not(th[colspan]) {
    position:relative;
    vertical-align:bottom;
    border-left:0.1em solid #aaaaaa;
  }
  .product-table table.tip-up.sooner thead tr th:not(th[colspan]) > div {
    position:absolute;
    transform-origin:left top;
    transform:rotate(-90deg) translateY(-0.4em);
    min-width:8em;
  }
}

/* ***** Screen less than 768px ***** */
@media only screen and (max-width:767px) {
  nav.navbar .dropdown-menu {
    position:fixed;
    overflow-y:auto;
    top:0 !important;
    left:0;
    width:100%;
    max-height:100vh;
    height:100vh !important;
  }

  nav.navbar .dropdown-menu > ul {
    background:transparent url("../images/xmark.svg") no-repeat scroll top 0.5em right;
    background-size:1.8em;
  }
  nav.navbar .dropdown-menu .dropdown-header {
    white-space:normal;
  }

  form.search {
    max-width:75vw;
  }
  form.search input,
  form.search input:focus {
    font-size:1.3rem;
  }

  .top-banner header h1 {
    font-size:2rem;
  }
  .top-banner header h2 {
    font-size:1.1rem;
  }

  #frontPageCarousel { height: 85vw; }

  .fs-bravo { font-size:5.5rem; }

  .vue-dot::after {
    display:none;
  }

  .product-table table.tip-up thead tr th[colspan] {
    border-left:0.1em solid #aaaaaa;
  }
  .product-table table.tip-up thead tr th:not(th[colspan]) {
    position:relative;
    vertical-align:bottom;
    border-left:0.1em solid #aaaaaa;
  }
  .product-table table.tip-up thead tr th:not(th[colspan]) > div {
    position:absolute;
    transform-origin:left top;
    transform:rotate(-90deg) translateY(-0.4em);
    min-width:8em;
  }
}

/* ***** Screen less than 576px ***** */
@media only screen and (max-width:575px) {
  html {
    font-size:80%;
  }

  #frontPageCarousel { height: 120vw; }
  .carousel-item .carousel-caption { font-size:75%; }

  .shadow-link {
    height:5em;
  }
  .shadow-link > a {
    min-height:100%;
  }

  .fs-bravo { font-size:4.5rem; }

  .spec-table tbody tr th {
    white-space:normal;
  }
}


/* ***** Screen larger than 576px ***** */
@media only screen and (min-width:576px) {
  .position-sm-absolute { position:absolute; }
  .position-sm-relative { position:relative; }
  .position-sm-static { position:static; }
  .position-sm-fixed { position:fixed; }

  .align-sm-baseline { vertical-align:baseline !important; }
  .align-sm-top { vertical-align:top !important; }
  .align-sm-middle { vertical-align:middle !important; }
  .align-sm-bottom { vertical-align:bottom !important; }
  .align-sm-text-top { vertical-align:text-bottom !important; }
  .align-sm-text-bottom { vertical-align:text-top !important; }

  .h-sm-auto { height:auto !important; }

  .w-sm-10 { width:10% !important; }
  .w-sm-20 { width:20% !important; }
  .w-sm-25 { width:25% !important; }
  .w-sm-30 { width:30% !important; }
  .w-sm-33 { width:33.33% !important; }
  .w-sm-40 { width:40% !important; }
  .w-sm-50 { width:50% !important; }
  .w-sm-60 { width:60% !important; }
  .w-sm-66 { width:66.67% !important; }
  .w-sm-70 { width:70% !important; }
  .w-sm-75 { width:75% !important; }
  .w-sm-80 { width:80% !important; }
  .w-sm-90 { width:90% !important; }
  .w-sm-100 { width:100% !important; }
}

/* ***** Screen larger than 768px ***** */
@media only screen and (min-width:768px) {

  /* Used on VUE Solutions page */
  .border-md-top { border-top:0.1em solid #dee2e6; }
  .border-md-end { border-right:0.1em solid #dee2e6; }
  .border-md-bottom { border-bottom:0.1em solid #dee2e6; }
  .border-md-start { border-left:0.1em solid #dee2e6; }

  /* BrightEdge footer bar */
  .be-related-link-container {
    display:flex;
    margin-bottom:0.5rem;
  }
  .be-label {
    width:25%;
  }
  .be-label h5 {
    border:0px none;
  }
  .be-label h5::after {
    content:':';
  }
  .be-list {
    width:75%;
    display:flex;
    margin:0!important;
  }
  .be-list > li {
    width:33%;
    padding-right:2.5em;
  }

  .position-md-absolute { position:absolute; }
  .position-md-relative { position:relative; }
  .position-md-static { position:static; }
  .position-md-fixed { position:fixed; }

  .align-md-baseline { vertical-align:baseline !important; }
  .align-md-top { vertical-align:top !important; }
  .align-md-middle { vertical-align:middle !important; }
  .align-md-bottom { vertical-align:bottom !important; }
  .align-md-text-top { vertical-align:text-bottom !important; }
  .align-md-text-bottom { vertical-align:text-top !important; }

  .h-md-auto { height:auto !important; }

  .w-md-10 { width:10% !important; }
  .w-md-20 { width:20% !important; }
  .w-md-25 { width:25% !important; }
  .w-md-30 { width:30% !important; }
  .w-md-33 { width:33.33% !important; }
  .w-md-40 { width:40% !important; }
  .w-md-50 { width:50% !important; }
  .w-md-60 { width:60% !important; }
  .w-md-66 { width:66.67% !important; }
  .w-md-70 { width:70% !important; }
  .w-md-75 { width:75% !important; }
  .w-md-80 { width:80% !important; }
  .w-md-90 { width:90% !important; }
  .w-md-100 { width:100% !important; }
}

/* ***** Screen larger than 992px ***** */
@media only screen and (min-width:992px) {
  .position-lg-absolute { position:absolute; }
  .position-lg-relative { position:relative; }
  .position-lg-static { position:static; }
  .position-lg-fixed { position:fixed; }

  .align-lg-baseline { vertical-align:baseline !important; }
  .align-lg-top { vertical-align:top !important; }
  .align-lg-middle { vertical-align:middle !important; }
  .align-lg-bottom { vertical-align:bottom !important; }
  .align-lg-text-top { vertical-align:text-bottom !important; }
  .align-lg-text-bottom { vertical-align:text-top !important; }

  .h-lg-auto { height:auto !important; }

  .w-lg-10 { width:10% !important; }
  .w-lg-20 { width:20% !important; }
  .w-lg-25 { width:25% !important; }
  .w-lg-30 { width:30% !important; }
  .w-lg-33 { width:33.33% !important; }
  .w-lg-40 { width:40% !important; }
  .w-lg-50 { width:50% !important; }
  .w-lg-60 { width:60% !important; }
  .w-lg-66 { width:66.67% !important; }
  .w-lg-70 { width:70% !important; }
  .w-lg-75 { width:75% !important; }
  .w-lg-80 { width:80% !important; }
  .w-lg-90 { width:90% !important; }
  .w-lg-100 { width:100% !important; }
}

/* ***** Screen larger than 1200px ***** */
@media only screen and (min-width:1200px) {
  html {
    font-size:100%;
  }

  .modal-lg, .modal-xl {
    max-width: 1000px;
  }

  .position-xl-absolute { position:absolute; }
  .position-xl-relative { position:relative; }
  .position-xl-static { position:static; }
  .position-xl-fixed { position:fixed; }

  .align-xl-baseline { vertical-align:baseline !important; }
  .align-xl-top { vertical-align:top !important; }
  .align-xl-middle { vertical-align:middle !important; }
  .align-xl-bottom { vertical-align:bottom !important; }
  .align-xl-text-top { vertical-align:text-bottom !important; }
  .align-xl-text-bottom { vertical-align:text-top !important; }

  .h-xl-auto { height:auto !important; }

  .w-xl-10 { width:10% !important; }
  .w-xl-20 { width:20% !important; }
  .w-xl-25 { width:25% !important; }
  .w-xl-30 { width:30% !important; }
  .w-xl-33 { width:33.33% !important; }
  .w-xl-40 { width:40% !important; }
  .w-xl-50 { width:50% !important; }
  .w-xl-60 { width:60% !important; }
  .w-xl-66 { width:66.67% !important; }
  .w-xl-70 { width:70% !important; }
  .w-xl-75 { width:75% !important; }
  .w-xl-80 { width:80% !important; }
  .w-xl-90 { width:90% !important; }
  .w-xl-100 { width:100% !important; }
}

/* ***** Screen larger than 1400px ***** */
@media only screen and (min-width:1400px) {
  html {
    font-size:120%;
  }

  .modal-lg, .modal-xl {
    max-width: 1200px;
  }

  .position-xxl-absolute { position:absolute; }
  .position-xxl-relative { position:relative; }
  .position-xxl-static { position:static; }
  .position-xxl-fixed { position:fixed; }

  .align-xxl-baseline { vertical-align:baseline !important; }
  .align-xxl-top { vertical-align:top !important; }
  .align-xxl-middle { vertical-align:middle !important; }
  .align-xxl-bottom { vertical-align:bottom !important; }
  .align-xxl-text-top { vertical-align:text-bottom !important; }
  .align-xxl-text-bottom { vertical-align:text-top !important; }

  .h-xxl-auto { height:auto !important; }

  .w-xxl-10 { width:10% !important; }
  .w-xxl-20 { width:20% !important; }
  .w-xxl-25 { width:25% !important; }
  .w-xxl-30 { width:30% !important; }
  .w-xxl-33 { width:33.33% !important; }
  .w-xxl-40 { width:40% !important; }
  .w-xxl-50 { width:50% !important; }
  .w-xxl-60 { width:60% !important; }
  .w-xxl-66 { width:66.67% !important; }
  .w-xxl-70 { width:70% !important; }
  .w-xxl-75 { width:75% !important; }
  .w-xxl-80 { width:80% !important; }
  .w-xxl-90 { width:90% !important; }
  .w-xxl-100 { width:100% !important; }
}

/* ***** Screen larger than 1600px ***** */
@media only screen and (min-width:1600px) {
  html {
    font-size:150%;
  }

  .modal-lg, .modal-xl {
    max-width: 1400px;
  }
}