@charset "UTF-8";
@import url("https://use.typekit.net/sdy1cba.css");
@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Rock+Salt&display=swap");
.bounce, .modal#modInfo .modal-content .modal-body a.modal-btnScroll i, .modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner a.modal-btnScroll i, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner a.modal-btnScroll i {
  animation: bounce 10s infinite;
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes bounce {
  from, 0%, 5%, 10%, to {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, 0, 0);
  }
  5% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -20px, 0);
  }
  10% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@font-face {
  font-family: "NetflixSans_W_Rg";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_Rg.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_Rg.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_Bd";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_Bd.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_Bd.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_Blk";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_Blk.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_Blk.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_It";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_It.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_It.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_Lt";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_Lt.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_Lt.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_Md";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_Md.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_Md.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_MdIt";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_MdIt.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_MdIt.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_Th";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_Th.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_Th.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_CdRg";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_CdRg.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_CdRg.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_CdMd";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_CdMd.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_CdMd.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_CdMdIt";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_CdMdIt.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_CdMdIt.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_CdBd";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_CdBd.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_CdBd.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_CdBdIt";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_CdBdIt.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_CdBdIt.woff") format("woff");
}
@font-face {
  font-family: "NetflixSans_W_ExBd";
  src: url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF2/NetflixSans_W_ExBd.woff2") format("woff2"), url("/https/www.netflixinyourneighbourhood.ca/webfonts/netflix-sans/WOFF/NetflixSans_W_ExBd.woff") format("woff");
}
.bg-position-top {
  background-position: top !important;
}

.bg-position-right {
  background-position: right !important;
}

.bg-position-center {
  background-position: center !important;
}

.bg-position-left {
  background-position: left !important;
}

.bg-repeat-x {
  background-repeat: repeat-x !important;
}

.font-light {
  font-weight: 300;
}

.font-reg {
  font-weight: 400;
}

.font-bold {
  font-weight: 700;
}

.nowrap {
  white-space: nowrap;
}

.clear {
  clear: both;
}

@media (max-width: 767px) {
  .d-xs-none {
    display: none;
  }
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.center {
  text-align: center !important;
}

@media (max-width: 767px) {
  .left-xs {
    text-align: left !important;
  }
  .right-xs {
    text-align: right !important;
  }
  .center-xs {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .left-sm {
    text-align: left !important;
  }
  .right-sm {
    text-align: right !important;
  }
  .center-sm {
    text-align: center !important;
  }
}
.no-margin {
  margin: 0 !important;
}

.no-pad {
  padding: 0 !important;
}

a, button {
  cursor: pointer;
}

a.anchor {
  display: block;
  position: relative;
  visibility: hidden;
  top: -100px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-container.full-height {
  padding-bottom: 100%;
}

.video-container iframe {
  border: 0 none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

select::-ms-expand {
  display: none;
}

input::-ms-clear {
  display: none;
}

.flex {
  display: flex;
}

.jc-center {
  justify-content: center;
}
.jc-start {
  justify-content: flex-start;
}
.jc-end {
  justify-content: flex-end;
}

.ai-center {
  align-items: center;
}
.ai-start {
  align-items: flex-start;
}
.ai-end {
  align-items: flex-end;
}

html {
  font-size: 62.5%;
  font-family: helvetica, arial, sans-serif;
}

body {
  position: relative;
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: #000000;
}
body .fa {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
}

h1, .h1, .alpha, h2, .h2, .beta,
h3, .h3, .gamma, h4, .h4, .delta,
h5, .h5, .epsilon, h6, .h6, .zeta {
  color: #FFFFFF;
}
h1:first-child, .h1:first-child, .alpha:first-child, h2:first-child, .h2:first-child, .beta:first-child,
h3:first-child, .h3:first-child, .gamma:first-child, h4:first-child, .h4:first-child, .delta:first-child,
h5:first-child, .h5:first-child, .epsilon:first-child, h6:first-child, .h6:first-child, .zeta:first-child {
  margin-top: 0;
}

h1, .h1, .alpha {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 6.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}
h1:first-child, .h1:first-child, .alpha:first-child {
  margin-top: 0;
}
@media (max-width: 991px) {
  h1, .h1, .alpha {
    font-size: 5rem;
  }
}
@media (max-width: 767px) {
  h1, .h1, .alpha {
    font-size: 3.4rem;
  }
}

h2, .h2, .beta {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 6.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  h2, .h2, .beta {
    font-size: 4.5rem;
  }
}
@media (max-width: 767px) {
  h2, .h2, .beta {
    font-size: 3.5rem;
  }
}
h2.sm, .h2.sm, .beta.sm {
  font-size: 2.4rem;
}
h2 > span, .h2 > span, .beta > span {
  font-size: inherit;
  line-height: inherit;
}
h2 > span.underline, .h2 > span.underline, .beta > span.underline {
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
h2 > span.underline:after, .h2 > span.underline:after, .beta > span.underline:after {
  content: "";
  position: absolute;
  bottom: 0.17em;
  left: -0.5%;
  z-index: -1;
  width: 101%;
  height: 12px;
}
h2 > span.underline.purple:after, .h2 > span.underline.purple:after, .beta > span.underline.purple:after {
  background-color: #B978E6;
}
h2 > span.underline.red:after, .h2 > span.underline.red:after, .beta > span.underline.red:after {
  background-color: #E50914;
}
@media (max-width: 991px) {
  h2 > span.underline:after, .h2 > span.underline:after, .beta > span.underline:after {
    height: 8px;
  }
}
@media (max-width: 767px) {
  h2 > span.underline:after, .h2 > span.underline:after, .beta > span.underline:after {
    bottom: 0.125em;
    height: 8px;
  }
}

h3, .h3, .gamma {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  h3, .h3, .gamma {
    font-size: 2.4rem;
  }
}

h4, .h4, .delta {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  h4, .h4, .delta {
    font-size: 2rem;
  }
}

h5, .h5, .epsilon {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  h5, .h5, .epsilon {
    font-size: 1.8rem;
  }
}

h6, .h6, .zeta {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  h6, .h6, .zeta {
    font-size: 1.6rem;
  }
}

p, li, ol, span, address {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  p, li, ol, span, address {
    font-size: 1.4rem;
  }
}

p.intro {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
}

h2 + h3 {
  margin-top: 30px;
}

p + h1, p + h2 {
  margin-top: 30px;
}

p + h3 {
  margin-top: 30px;
}

p + h4, p + h5, p + h6 {
  margin-top: 15px;
}

p, ul, ol {
  margin-bottom: 15px;
}

p:last-child {
  margin-bottom: 0;
}

strong {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
}

em {
  font-style: italic;
}

a {
  color: #FFFFFF;
}
a:active, a:hover, a:focus {
  color: #FFFFFF;
}

.font-head {
  font-family: flood-std, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.font-intro {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.2rem;
}

.no-break {
  white-space: nowrap;
}

.hidden {
  display: none !important;
}

.txt-red {
  color: #E50914 !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-sm-below {
    display: none !important;
  }
}

.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}

.visible-sm-below {
  display: none !important;
}
@media (max-width: 991px) {
  .visible-sm-below {
    display: block !important;
  }
}

.sr-only {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

img {
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}

.video-banner#bg-video-0, .video-banner#bg-video-1, .video-banner#bg-video-2, .video-banner#bg-video-3, .video-banner#bg-video-4 {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: center;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}
.video-banner#bg-video-0 .vjs-tech, .video-banner#bg-video-1 .vjs-tech, .video-banner#bg-video-2 .vjs-tech, .video-banner#bg-video-3 .vjs-tech, .video-banner#bg-video-4 .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .video-banner#bg-video-0, .video-banner#bg-video-1, .video-banner#bg-video-2, .video-banner#bg-video-3, .video-banner#bg-video-4 {
    min-height: 70vh;
    height: 700px;
  }
}
@media (max-width: 767px) {
  .video-banner#bg-video-0, .video-banner#bg-video-1, .video-banner#bg-video-2, .video-banner#bg-video-3, .video-banner#bg-video-4 {
    height: 600px;
  }
}

.scroll-btn {
  position: absolute;
  left: 50%;
  bottom: -37px;
  transform: translateX(-50%);
  z-index: 2;
  width: 58px;
  height: 58px;
  content: "";
}
.scroll-btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scroll-btn a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 80px solid #181818;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.scroll-btn a:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/leaf-symbol-thin.svg") no-repeat;
  background-size: cover;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  transition: 600ms;
}
.scroll-btn a:hover:after, .scroll-btn a:active:after {
  filter: contrast(0%) brightness(500%);
}
@media (max-width: 767px) {
  .scroll-btn {
    width: 30px;
    height: 30px;
    bottom: -25px;
  }
  .scroll-btn a:before {
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 60px solid #181818;
  }
  .scroll-btn a:after {
    top: 10px;
  }
}

.button, .btn {
  display: inline-block;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #FFFFFF;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  padding: 11px 25px;
  border-radius: 0;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.button i, .btn i {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
@media (max-width: 767px) {
  .button, .btn {
    font-size: 1.2rem;
    padding: 10px 20px;
  }
}
.button.rounded, .btn.rounded {
  border-radius: 5px !important;
}
.button:hover, .button:focus, .button:active, .btn:hover, .btn:focus, .btn:active {
  color: #E50914;
  background-color: #FFFFFF;
}
.button.red, .btn.red {
  color: #FFFFFF !important;
  background-color: #E50914;
  border: 2px solid #E50914;
}
.button.red:hover, .button.red:focus, .button.red:active, .btn.red:hover, .btn.red:focus, .btn.red:active {
  color: #E50914 !important;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.button.yellow-dark, .btn.yellow-dark {
  background-color: #A55F00;
  border: 2px solid #A55F00;
}
.button.yellow-dark:hover, .button.yellow-dark:focus, .button.yellow-dark:active, .btn.yellow-dark:hover, .btn.yellow-dark:focus, .btn.yellow-dark:active {
  color: #A55F00;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.button.yellow, .btn.yellow {
  background-color: #F59600;
  border: 2px solid #F59600;
}
.button.yellow:hover, .button.yellow:focus, .button.yellow:active, .btn.yellow:hover, .btn.yellow:focus, .btn.yellow:active {
  color: #F59600;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.button.violet, .btn.violet {
  background-color: #78289B;
  border: 2px solid #78289B;
}
.button.violet:hover, .button.violet:focus, .button.violet:active, .btn.violet:hover, .btn.violet:focus, .btn.violet:active {
  border-color: #B978E6;
  background-color: #b978e6;
}
.button.darkgrey, .btn.darkgrey {
  color: #B0B0B0;
  background-color: #181818;
  border: 2px solid #181818;
}
.button.darkgrey:hover, .button.darkgrey:focus, .button.darkgrey:active, .btn.darkgrey:hover, .btn.darkgrey:focus, .btn.darkgrey:active {
  border-color: #2F2F2F;
  background-color: #2F2F2F;
}
.button.grey, .btn.grey {
  color: #CFCFCF;
  background-color: #2F2F2F;
  border: 2px solid #2F2F2F;
}
.button.grey:hover, .button.grey:focus, .button.grey:active, .btn.grey:hover, .btn.grey:focus, .btn.grey:active {
  color: #FFFFFF;
  border-color: #E50914;
  background-color: #E50914;
}
.button.rounded, .btn.rounded {
  border-radius: 5px;
}
.button.white-blur, .btn.white-blur {
  color: #949494;
  background-color: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 5px;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(5px);
}
.button.white-blur i, .btn.white-blur i {
  color: #777777;
}
.button.white-blur:hover, .button.white-blur:focus, .button.white-blur:active, .btn.white-blur:hover, .btn.white-blur:focus, .btn.white-blur:active {
  color: #FFFFFF;
  border-color: transparent;
  background-color: rgba(255, 255, 255, 0.12);
}
.button.white-blur:hover i, .button.white-blur:focus i, .button.white-blur:active i, .btn.white-blur:hover i, .btn.white-blur:focus i, .btn.white-blur:active i {
  color: #FFFFFF;
}
.button.white-fade, .btn.white-fade {
  color: #949494;
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 5px;
}
.button.white-fade i, .btn.white-fade i {
  color: #777777;
}
.button.white-fade:hover, .button.white-fade:focus, .button.white-fade:active, .btn.white-fade:hover, .btn.white-fade:focus, .btn.white-fade:active {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.12);
}
.button.white-fade:hover i, .button.white-fade:focus i, .button.white-fade:active i, .btn.white-fade:hover i, .btn.white-fade:focus i, .btn.white-fade:active i {
  color: #FFFFFF;
}
.button.white-fade_mobile, .btn.white-fade_mobile {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.12);
  border: none;
  border-radius: 5px;
}
.button.white-fade_mobile i, .btn.white-fade_mobile i {
  color: #FFFFFF;
}
.button.btn-link, .btn.btn-link {
  color: #FFFFFF;
  text-transform: none;
  opacity: 0.75;
  border: none;
  background: transparent;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.button.btn-link:hover, .button.btn-link:focus, .button.btn-link:active, .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active {
  opacity: 1;
  border-bottom: 1px solid white;
}

@media (min-width: 1025px) {
  .slide_r_red {
    animation: leave 0.4s forwards;
  }
  .slide_r_red:hover {
    animation: hover 0.4s forwards;
  }
  @keyframes hover {
    from {
      box-shadow: inset 0 0 0 0.01px #E50914;
    }
    to {
      box-shadow: inset 20em 0 0.01px #E50914;
      color: #FFFFFF;
    }
  }
  @keyframes leave {
    from {
      box-shadow: inset -20em 0 0 0.01px #E50914;
      color: #FFFFFF;
    }
    to {
      box-shadow: inset 0 0 0 0.01px #E50914;
    }
  }
  .slide_r_grey2 {
    animation: leave_g2 0.4s forwards;
  }
  .slide_r_grey2:hover {
    animation: hover_g2 0.4s forwards;
  }
  @keyframes hover_g2 {
    from {
      box-shadow: inset 0 0 0 0.01px #2F2F2F;
    }
    to {
      box-shadow: inset 20em 0 0.01px #2F2F2F;
      color: #FFFFFF;
    }
  }
  @keyframes leave_g2 {
    from {
      box-shadow: inset -20em 0 0 0.01px #2F2F2F;
      color: #FFFFFF;
    }
    to {
      box-shadow: inset 0 0 0 0.01px #2F2F2F;
    }
  }
  .slide_r_white {
    animation: leave_w 0.4s forwards;
  }
  .slide_r_white:hover {
    animation: hover_w 0.4s forwards;
  }
  @keyframes hover_w {
    from {
      box-shadow: inset 0 0 0 0.01px #FFFFFF;
    }
    to {
      box-shadow: inset 20em 0 0.01px #FFFFFF;
      color: #E50914;
    }
  }
  @keyframes leave_w {
    from {
      box-shadow: inset -20em 0 0 0.01px #FFFFFF;
      color: #FFFFFF;
    }
    to {
      box-shadow: inset 0 0 0 0.01px #FFFFFF;
    }
  }
}
#menu-overlay {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(3px);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}

body.menu-active {
  overflow: hidden;
}
body.menu-active:not(.map) {
  padding-right: 15px;
}
body.menu-active .site-logo {
  opacity: 0;
}
body.menu-active #menu-overlay {
  opacity: 1;
  z-index: 1100;
}
body.menu-active .city__action-bar {
  z-index: 1 !important;
}
body.menu-active nav#global-nav {
  z-index: 1102;
}

#global-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
#global-nav .site-logo {
  display: inline-block;
  max-width: 150px;
  padding: 8px 0 0;
  margin-left: -5px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#global-nav #main-nav_toggle {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1105;
  border: none;
  padding: 0;
  width: 50px;
  height: 50px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#global-nav #main-nav_toggle.is-active {
  background-color: #e50914;
}
#global-nav #main-nav_toggle .hamburger {
  transform: scale(0.6);
  padding: 9.5px 5px;
  opacity: 1;
}
@media (min-width: 768px) {
  #global-nav #main-nav_toggle {
    background-color: rgba(229, 9, 20, 0.7);
  }
  #global-nav #main-nav_toggle:hover {
    background-color: #e50914;
  }
}
@media (max-width: 767px) {
  #global-nav #main-nav_toggle {
    background-color: #e50914;
  }
}
@media (max-width: 991px) {
  #global-nav {
    position: absolute;
  }
}
#global-nav.nav-full {
  background: linear-gradient(180deg, rgba(24, 24, 24, 0.6) 0%, rgba(24, 24, 24, 0) 100%);
}
@media (max-width: 991px) {
  #global-nav.nav-full {
    display: none;
  }
}
#global-nav.nav-full.sticky {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/pattern-lines.png");
  background-repeat: repeat;
  background-color: #1D1D1D;
}
#global-nav.nav-full .nav__logo {
  display: flex;
  align-items: center;
}
#global-nav.nav-full .nav__logo .site-logo {
  max-width: 150px;
  padding: 12px 15px;
}
#global-nav.nav-full nav#primary-nav ul.main-menu {
  display: flex;
  justify-content: end;
  list-style: none;
  padding: 16px 8.5px;
  margin-bottom: 0;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li {
  display: flex;
  align-items: center;
  padding: 0 5px;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li:first-child {
  padding-left: 0;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li:last-child {
  padding-right: 0;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li a {
  display: inline-block;
  position: relative;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: 0.28px;
  text-decoration: none;
  padding: 5px 10px;
  overflow: hidden;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li a.nav-btn {
  display: inline-block;
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 8px 14px;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li a.nav-btn:hover {
  border: 2px solid #e50914;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li .language-toggle {
  display: flex;
  align-items: center;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li .language-toggle.nav-btn {
  border: 2px solid rgba(255, 255, 255, 0.2);
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li .language-toggle > a:after {
  display: none;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li .language-toggle > a:not(.active) {
  opacity: 0.35;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li .language-toggle > a:not(.active):hover {
  opacity: 1;
  color: #E50914;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li .language-toggle > a:first-child {
  padding-right: 2px;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li .language-toggle > a:last-child {
  padding-left: 2px;
}
#global-nav.nav-full nav#primary-nav ul.main-menu > li .language-toggle .sep i {
  font-size: 2rem;
  transform: translateY(2px);
  opacity: 0.35;
}
#global-nav.nav-mobile {
  display: none;
}
@media (max-width: 991px) {
  #global-nav.nav-mobile {
    display: block;
  }
}

#main-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 280px;
  height: 100%;
  background: radial-gradient(100% 50% at 100% 100%, #870014 0%, rgba(178, 7, 16, 0) 100%), #000000;
  padding: 5rem 2.5rem 2.5rem;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 1101;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#main-nav:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-mnav.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}
@media (max-width: 767px) {
  #main-nav {
    width: calc(100% - 50px);
    padding-top: 80px;
  }
}
#main-nav.is-active {
  right: 0;
}
#main-nav ul {
  list-style: none;
}
#main-nav ul li a {
  display: block;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  text-decoration: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#main-nav ul li a:hover, #main-nav ul li a:focus, #main-nav ul li a:active {
  color: #E50914;
}
#main-nav .top-nav, #main-nav .bottom-nav {
  position: relative;
  z-index: 1;
}
#main-nav .global-menu {
  margin-bottom: 0;
}
#main-nav .global-menu .cad-tag img {
  width: 100%;
  max-width: 138px;
  margin-bottom: 2rem;
}
#main-nav .global-menu .niyn-title {
  display: block;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1;
  color: #FFFFFF;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
#main-nav .global-menu .niyn-title span {
  display: block;
  font-family: "NetflixSans_W_CdMdIt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 2.8rem;
  line-height: 1;
  color: #FFFFFF;
}
#main-nav .language-toggle {
  display: flex;
  position: relative;
  max-width: 65px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
#main-nav .language-toggle > a {
  width: 50%;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  padding: 3px 5px;
  position: relative;
  z-index: 1;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#main-nav .language-toggle > a:hover, #main-nav .language-toggle > a:focus, #main-nav .language-toggle > a:active {
  color: #E50914;
}
#main-nav .language-toggle > a.active {
  color: #1D1D1D;
  background-color: #FFFFFF;
  cursor: default;
}
#main-nav .main-menu {
  margin: 6rem 0 0;
}
#main-nav .main-menu li:not(.lang-wrap) {
  padding: 1.2rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#main-nav .secondary-menu {
  margin-bottom: 3rem;
}
#main-nav .secondary-menu li {
  padding: 5px 0;
}
#main-nav .secondary-menu li:first-child {
  padding-top: 1.4rem;
}
#main-nav .secondary-menu li:last-child {
  padding-bottom: 1.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#main-nav .secondary-menu li a {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  color: #FFFFFF;
  opacity: 0.65;
  text-transform: uppercase;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#main-nav .secondary-menu li a:hover, #main-nav .secondary-menu li a:focus, #main-nav .secondary-menu li a:active {
  opacity: 1;
}
#main-nav .disclaimer {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
#main-nav .disclaimer .social-media {
  width: 60%;
}
#main-nav .disclaimer .social-media a {
  font-size: 2rem;
  display: inline-block;
  padding: 5px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#main-nav .disclaimer .social-media a:first-child {
  padding-left: 0;
}
#main-nav .disclaimer .social-media a:last-child {
  padding-right: 0;
}
#main-nav .disclaimer .social-media a:hover, #main-nav .disclaimer .social-media a:focus, #main-nav .disclaimer .social-media a:active {
  color: #E50914;
}
#main-nav .disclaimer .netflix-link {
  width: 40%;
  text-align: right;
}
#main-nav .disclaimer .netflix-link img {
  max-height: 42px;
}
#main-nav .disclaimer .copyright {
  width: 100%;
  font-size: 0.8rem;
  color: #FFFFFF;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 0;
  opacity: 0.65;
}

#main-nav_close {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 50px;
  height: 50px;
  border: none;
  color: transparent;
  background: transparent;
}
#main-nav_close:focus {
  outline: 1px solid #0055E6;
  box-shadow: 0 0 0 2px #FFFFFF;
}

footer {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/pattern-lines.png");
  background-repeat: repeat;
  background-color: #1D1D1D;
}
@media (max-width: 767px) {
  footer {
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
}
footer #super-footer {
  padding-top: 63px;
  padding-bottom: 37px;
}
@media (max-width: 991px) {
  footer #super-footer {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
footer #super-footer .logos .sf__logo-1 {
  display: block;
  width: 100%;
  max-width: 308px;
  padding-bottom: 18px;
  margin: 0 0 15px;
  border-bottom: 1px solid #2F2F2F;
}
footer #super-footer .logos .sf__logo-1 img {
  width: 100%;
}
footer #super-footer .logos .sf__logo-2 {
  width: 100%;
  max-width: 94px;
}
@media (max-width: 767px) {
  footer #super-footer .logos {
    text-align: center;
    margin-bottom: 25px;
  }
  footer #super-footer .logos .sf__logo-1 {
    margin: 0 auto 15px;
  }
}
footer #super-footer ul.social-media {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin-top: 47px;
}
footer #super-footer ul.social-media > li {
  padding-right: 4px;
}
footer #super-footer ul.social-media > li > a {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
footer #super-footer ul.social-media > li > a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: inline-block;
  font-size: 2.2rem;
  line-height: 1.6rem;
  color: #949494;
}
footer #super-footer ul.social-media > li > a:hover {
  box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.2);
}
footer #super-footer ul.social-media > li > a:hover span {
  transform: translate(-50%, -55%);
  color: #FFFFFF;
}
@media (max-width: 991px) {
  footer #super-footer ul.social-media {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  footer #super-footer ul.social-media {
    justify-content: center;
    margin-bottom: 0;
  }
}
footer #super-footer .sf__right {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  footer #super-footer .sf__right {
    display: none;
  }
}
footer #super-footer .sf__right nav.sf__nav {
  width: 100%;
}
footer #super-footer .sf__right nav.sf__nav h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.96px;
  color: #777777;
  text-transform: uppercase;
  margin-bottom: 24px;
}
footer #super-footer .sf__right nav.sf__nav ul.sfoot-menu {
  list-style: none;
  padding-left: 0;
}
footer #super-footer .sf__right nav.sf__nav ul.sfoot-menu > li {
  padding-bottom: 2px;
}
footer #super-footer .sf__right nav.sf__nav ul.sfoot-menu > li > a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #949494;
  text-decoration: none;
  padding: 4px 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
footer #super-footer .sf__right nav.sf__nav ul.sfoot-menu > li > a:after {
  position: absolute;
  content: "";
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #2F2F2F;
  transition: all 200ms;
}
footer #super-footer .sf__right nav.sf__nav ul.sfoot-menu > li:hover > a {
  color: #FFFFFF;
  padding: 4px 15px;
  box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.2);
}
@media (min-width: 1025px) {
  footer #super-footer .sf__right nav.sf__nav {
    max-width: 250px;
  }
  footer #super-footer .sf__right nav.sf__nav#nav_1 {
    padding-right: 3rem;
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  footer #super-footer .sf__right nav.sf__nav {
    padding-left: 3rem;
  }
}
@media (max-width: 991px) {
  footer #super-footer .sf__right nav.sf__nav h3 {
    margin-bottom: 1.5rem;
  }
  footer #super-footer .sf__right nav.sf__nav ul.sfoot-menu {
    margin-bottom: 0;
  }
  footer #super-footer .sf__right nav.sf__nav ul.sfoot-menu > li > a {
    line-height: 1.2;
  }
}
footer #bottom-footer {
  display: flex;
  justify-content: space-between;
}
footer #bottom-footer .divider hr {
  opacity: 1;
  background-color: #2F2F2F;
  margin: 0;
}
footer #bottom-footer .bf__left, footer #bottom-footer .bf__right {
  padding-top: 28px;
  padding-bottom: 28px;
}
footer #bottom-footer .copyright {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.6px;
  color: #949494;
  text-transform: uppercase;
  margin-bottom: 0;
}
footer #bottom-footer ul.foot-menu {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
footer #bottom-footer ul.foot-menu > li > a {
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.6px;
  color: #949494;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
footer #bottom-footer ul.foot-menu > li > a:hover {
  color: #FFFFFF;
}
footer #bottom-footer ul.foot-menu > li:not(:last-child) {
  padding-right: 26px;
}
@media (max-width: 991px) {
  footer #bottom-footer ul.foot-menu {
    justify-content: flex-start;
  }
  footer #bottom-footer .bf__left {
    padding-top: 30px;
    padding-bottom: 15px;
  }
  footer #bottom-footer .bf__right {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  footer #bottom-footer .bf__left {
    text-align: center;
    padding-top: 0;
    padding-bottom: 30px;
  }
  footer #bottom-footer .bf__right, footer #bottom-footer .divider {
    display: none;
  }
}

.form-row {
  display: flex;
}

#onetrust-consent-sdk *:focus {
  outline-color: transparent !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk {
  max-width: 530px;
  padding: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px);
}
#onetrust-consent-sdk #onetrust-policy {
  margin: 0 !important;
}
#onetrust-consent-sdk #onetrust-policy * {
  color: #FFFFFF !important;
}
#onetrust-consent-sdk #onetrust-policy #onetrust-policy-text {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem !important;
}
#onetrust-consent-sdk .ot-sdk-row {
  display: flex !important;
  flex-direction: column;
}
#onetrust-consent-sdk .ot-sdk-row #onetrust-group-container {
  width: 100% !important;
}
#onetrust-consent-sdk .ot-sdk-row #onetrust-button-group-parent {
  width: 100% !important;
  position: static !important;
  transform: none !important;
  text-align: left !important;
  padding: 2rem 0 0 !important;
}
#onetrust-consent-sdk .ot-sdk-row #onetrust-button-group-parent button#onetrust-pc-btn-handler {
  width: 100% !important;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
  background: transparent !important;
  padding: 11px 25px !important;
  margin: 0 !important;
  border: 2px solid #FFFFFF !important;
  border-radius: 0 !important;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#onetrust-consent-sdk .ot-sdk-row #onetrust-button-group-parent button#onetrust-pc-btn-handler:hover, #onetrust-consent-sdk .ot-sdk-row #onetrust-button-group-parent button#onetrust-pc-btn-handler:focus, #onetrust-consent-sdk .ot-sdk-row #onetrust-button-group-parent button#onetrust-pc-btn-handler:active {
  color: #E50914 !important;
  background: #FFFFFF !important;
}
#onetrust-consent-sdk #onetrust-close-btn-container {
  top: 1px !important;
  right: 1px !important;
  transform: none !important;
}
#onetrust-consent-sdk #onetrust-close-btn-container button.onetrust-close-btn-handler {
  width: 40px !important;
  height: 40px !important;
  right: 0 !important;
  top: 0 !important;
  border-radius: 0 !important;
}
#onetrust-consent-sdk #onetrust-close-btn-container button.onetrust-close-btn-handler:focus {
  outline-color: #FFFFFF !important;
}

.button.back {
  display: none;
  position: fixed;
  top: 70px;
  left: 0;
  z-index: 2;
  text-transform: none;
  padding-left: 15px;
  background-color: #2F2F2F;
  border-color: #2F2F2F;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.button.back.global {
  background-color: rgba(47, 47, 47, 0.6);
  border-color: transparent;
}
.button.back i {
  margin-right: 5px;
}
.button.back span {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.button.back:hover, .button.back:focus, .button.back:active {
  padding-left: 20px;
}
@media (max-width: 991px) {
  .button.back {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .button.back i {
    margin-right: 0;
  }
  .button.back.global {
    display: none !important;
  }
}

#social_share {
  position: fixed;
  top: 75%;
  right: 0;
  transform: translateY(-50%);
  z-index: 100;
  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.2);
}
#social_share ul.share-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#social_share ul.share-list > li > a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#social_share ul.share-list > li > a > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#social_share ul.share-list > li > a:hover {
  color: #e50914;
  background-color: black;
}
@media (max-width: 991px) {
  #social_share {
    position: absolute;
    top: 50px;
    transform: none;
  }
}

body.page {
  min-height: 100vh;
}
body.page h1 {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  font-size: 2.4rem;
  text-transform: uppercase;
  padding: 0 30px 20px;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
}
body.page h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 2px;
  background-color: #FFFFFF;
}
@media (max-width: 767px) {
  body.page h1 {
    top: 100px;
    width: 100%;
    text-align: center;
  }
}
body.page .button.back {
  display: block;
}

@media (max-width: 767px) {
  section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.icon_q-eh {
  width: 164px;
  height: 55px;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/q-eh-tag_en.png") no-repeat;
  background-size: 100%;
  margin-bottom: 20px;
}

html[lang=fr] .icon_q-eh {
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/q-eh-tag_fr.png") no-repeat;
  background-size: 100%;
}

html[lang=fr] body.q-and-eh .carousel-cell .icon_q-eh {
  margin-left: 18px;
}

.interview-group {
  display: flex;
}
.interview-group .interview {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  text-decoration: none;
  width: 25%;
  height: 250px;
  background-color: #2F2F2F;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 0 23px;
  margin-right: 12px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.interview-group .interview:last-child {
  margin-right: 0;
}
.interview-group .interview:before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f144";
  width: 100%;
  height: 100%;
  font-size: 2rem;
  font-weight: 100;
  background-color: rgba(229, 9, 20, 0.5);
  padding-bottom: 40px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.interview-group .interview .title-name {
  position: relative;
  z-index: 1;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.interview-group .interview .title-name span {
  display: inline-block;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: inherit;
  letter-spacing: 0;
  text-transform: none;
  background-color: #E50914;
  padding: 6px 6px 6px 10px;
  margin-right: 7px;
}
.interview-group .interview:hover, .interview-group .interview:focus, .interview-group .interview:active {
  background-size: auto 110%;
}
.interview-group .interview:hover:before, .interview-group .interview:focus:before, .interview-group .interview:active:before {
  font-size: 8.5rem;
  opacity: 1;
}
@media (max-width: 1199px) {
  .interview-group .interview {
    height: 180px;
  }
}

#homeModal, .modal[id*=interview], #aboutVidModal {
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(6px);
}
#homeModal .modal-content, .modal[id*=interview] .modal-content, #aboutVidModal .modal-content {
  background: transparent;
  border: none;
}
#homeModal .modal-content#home_niyn h3 span:not(#vidTitle), .modal[id*=interview] .modal-content#home_niyn h3 span:not(#vidTitle), #aboutVidModal .modal-content#home_niyn h3 span:not(#vidTitle) {
  display: none;
}
#homeModal .modal-header, .modal[id*=interview] .modal-header, #aboutVidModal .modal-header {
  padding: 1.5rem 0;
  border: none;
}
#homeModal .modal-header h3, .modal[id*=interview] .modal-header h3, #aboutVidModal .modal-header h3 {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 0;
}
#homeModal .modal-header h3 span:not(#vidTitle), .modal[id*=interview] .modal-header h3 span:not(#vidTitle), #aboutVidModal .modal-header h3 span:not(#vidTitle) {
  font-family: inherit;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 1.8px;
  color: #E50914;
}
#homeModal .modal-header .close, .modal[id*=interview] .modal-header .close, #aboutVidModal .modal-header .close {
  font-size: 3rem;
  top: 4px;
  right: -10px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#homeModal .modal-header .close:hover, #homeModal .modal-header .close:focus, #homeModal .modal-header .close:active, .modal[id*=interview] .modal-header .close:hover, .modal[id*=interview] .modal-header .close:focus, .modal[id*=interview] .modal-header .close:active, #aboutVidModal .modal-header .close:hover, #aboutVidModal .modal-header .close:focus, #aboutVidModal .modal-header .close:active {
  color: #E50914;
}
@media (max-width: 767px) {
  #homeModal .modal-header, .modal[id*=interview] .modal-header, #aboutVidModal .modal-header {
    flex-direction: column;
  }
  #homeModal .modal-header h3, .modal[id*=interview] .modal-header h3, #aboutVidModal .modal-header h3 {
    width: 100%;
    padding-right: 60px;
    margin-bottom: 5px;
  }
  #homeModal .modal-header .modal-actions, .modal[id*=interview] .modal-header .modal-actions, #aboutVidModal .modal-header .modal-actions {
    width: 100%;
  }
}
#homeModal .modal-body, .modal[id*=interview] .modal-body, #aboutVidModal .modal-body {
  padding: 0;
  border: 1px solid #777777;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
#homeModal .modal-footer, .modal[id*=interview] .modal-footer, #aboutVidModal .modal-footer {
  justify-content: flex-start;
  background-color: #111;
  padding: 0;
  border: 1px solid #777777;
  border-top: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
#homeModal .modal-footer .modal-actions, .modal[id*=interview] .modal-footer .modal-actions, #aboutVidModal .modal-footer .modal-actions {
  margin: 0;
}
#homeModal .modal-footer .modal-actions .social-share, .modal[id*=interview] .modal-footer .modal-actions .social-share, #aboutVidModal .modal-footer .modal-actions .social-share {
  display: flex;
  align-items: center;
}
#homeModal .modal-footer .modal-actions .social-share > P, .modal[id*=interview] .modal-footer .modal-actions .social-share > P, #aboutVidModal .modal-footer .modal-actions .social-share > P {
  display: inline-block;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  text-transform: uppercase;
  color: #CFCFCF;
  padding: 1.5rem 2.4rem;
  margin: 0;
}
@media (max-width: 767px) {
  #homeModal .modal-footer .modal-actions .social-share > P, .modal[id*=interview] .modal-footer .modal-actions .social-share > P, #aboutVidModal .modal-footer .modal-actions .social-share > P {
    padding: 1.5rem;
  }
}
#homeModal .modal-footer .modal-actions .social-share ul, .modal[id*=interview] .modal-footer .modal-actions .social-share ul, #aboutVidModal .modal-footer .modal-actions .social-share ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
#homeModal .modal-footer .modal-actions .social-share ul li, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li, #aboutVidModal .modal-footer .modal-actions .social-share ul li {
  height: 51px;
}
#homeModal .modal-footer .modal-actions .social-share ul li:last-child, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li:last-child, #aboutVidModal .modal-footer .modal-actions .social-share ul li:last-child {
  position: relative;
}
#homeModal .modal-footer .modal-actions .social-share ul li a, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li a, #aboutVidModal .modal-footer .modal-actions .social-share ul li a {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  line-height: 1;
  color: #CFCFCF;
  width: 54px;
  height: 51px;
  border-bottom: 3px solid transparent;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#homeModal .modal-footer .modal-actions .social-share ul li a span, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li a span, #aboutVidModal .modal-footer .modal-actions .social-share ul li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
#homeModal .modal-footer .modal-actions .social-share ul li a:hover, #homeModal .modal-footer .modal-actions .social-share ul li a:focus, #homeModal .modal-footer .modal-actions .social-share ul li a:active, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li a:hover, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li a:focus, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li a:active, #aboutVidModal .modal-footer .modal-actions .social-share ul li a:hover, #aboutVidModal .modal-footer .modal-actions .social-share ul li a:focus, #aboutVidModal .modal-footer .modal-actions .social-share ul li a:active {
  color: #FFFFFF;
  background: linear-gradient(0deg, #B20710 0%, #1D1D1D 100%);
  border-bottom: 3px solid #E50914;
}
#homeModal .modal-footer .modal-actions .social-share ul li a:hover span, #homeModal .modal-footer .modal-actions .social-share ul li a:focus span, #homeModal .modal-footer .modal-actions .social-share ul li a:active span, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li a:hover span, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li a:focus span, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li a:active span, #aboutVidModal .modal-footer .modal-actions .social-share ul li a:hover span, #aboutVidModal .modal-footer .modal-actions .social-share ul li a:focus span, #aboutVidModal .modal-footer .modal-actions .social-share ul li a:active span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
#homeModal .modal-footer .modal-actions .social-share ul li .copy-link_txt, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li .copy-link_txt, #aboutVidModal .modal-footer .modal-actions .social-share ul li .copy-link_txt {
  display: none;
  position: absolute;
  top: 50%;
  left: 64px;
  transform: translateY(-50%);
  min-width: 100px;
  padding: 0.75rem;
  background-color: #E50914;
  font-size: 1.4rem;
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
  border-radius: 5px;
}
#homeModal .modal-footer .modal-actions .social-share ul li .copy-link_txt i, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li .copy-link_txt i, #aboutVidModal .modal-footer .modal-actions .social-share ul li .copy-link_txt i {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
}
@media (max-width: 767px) {
  #homeModal .modal-footer .modal-actions .social-share ul li .copy-link_txt, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li .copy-link_txt, #aboutVidModal .modal-footer .modal-actions .social-share ul li .copy-link_txt {
    color: transparent;
    min-width: 0;
    width: 35px;
    height: 35px;
  }
  #homeModal .modal-footer .modal-actions .social-share ul li .copy-link_txt i, .modal[id*=interview] .modal-footer .modal-actions .social-share ul li .copy-link_txt i, #aboutVidModal .modal-footer .modal-actions .social-share ul li .copy-link_txt i {
    display: block;
  }
}

section#home__hero {
  position: relative;
  min-height: 100vh;
  background-image: linear-gradient(180deg, rgba(24, 24, 24, 0.5) 30%, #181818 70%, #181818);
  padding-top: 30vh;
  padding-bottom: 10vh;
  padding-left: 6%;
  padding-right: 6%;
}
section#home__hero h1 {
  line-height: 1;
}
section#home__hero span.font-head {
  display: block;
  font-size: 9rem;
  line-height: 1;
  letter-spacing: -3.5px;
  color: #E50914;
}
section#home__hero p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  max-width: 540px;
  margin-bottom: 30px;
}
section#home__hero p:last-child {
  margin-bottom: 0;
}
section#home__hero .button.red {
  margin-right: 15px;
}
section#home__hero .button i {
  margin-left: 5px;
}
section#home__hero .cta_q-eh {
  border-left: 1px solid #FFFFFF;
  padding-left: 30px;
}
section#home__hero .cta_q-eh h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
section#home__hero .cta_q-eh p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
}
section#home__hero .cta_q-eh a {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#home__hero .cta_q-eh a i {
  margin-left: 6px;
}
section#home__hero .cta_q-eh a:hover, section#home__hero .cta_q-eh a:focus, section#home__hero .cta_q-eh a:active {
  color: #E50914;
}
section#home__hero .featured_q-eh {
  max-width: 1600px;
  padding-top: 100px;
  margin: 0 auto;
}
section#home__hero .featured_q-eh h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.25;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #949494;
  margin-bottom: 16px;
}
section#home__hero .featured_q-eh h3 > a {
  font-size: 1.2rem;
  color: #949494;
  letter-spacing: 0;
  text-decoration: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#home__hero .featured_q-eh h3 > a:hover, section#home__hero .featured_q-eh h3 > a:focus, section#home__hero .featured_q-eh h3 > a:active {
  color: #FFFFFF;
}
section#home__hero .featured_q-eh .interview-group .title-name {
  display: flex;
  align-items: center;
}
section#home__hero .featured_q-eh .interview-group .title-name > span {
  min-width: 68px;
}
@media (max-width: 1024px) {
  section#home__hero {
    background-image: linear-gradient(180deg, rgba(24, 24, 24, 0.5) 30%, #181818 60%, #181818);
    padding-bottom: 80px;
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
  section#home__hero h1 {
    font-size: 3.5rem;
  }
  section#home__hero span.font-head {
    font-size: 6rem;
  }
  section#home__hero p {
    font-size: 1.6rem;
    max-width: none;
    padding-right: 30px;
  }
  section#home__hero .interview-group .interview {
    padding-bottom: 15px;
  }
  section#home__hero .interview-group .interview .title-name {
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    padding-left: 15px;
  }
  section#home__hero .interview-group .interview .title-name span {
    font-size: 1.4rem;
    min-width: 0 !important;
    padding: 6px 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  section#home__hero {
    min-height: 100vh;
    padding-bottom: 60px;
  }
  section#home__hero .cta_q-eh {
    display: none;
  }
  section#home__hero .featured_q-eh {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  section#home__hero {
    min-height: 0;
  }
  section#home__hero h1 {
    font-size: 2.5rem;
  }
  section#home__hero span.font-head {
    font-size: 4rem;
  }
  section#home__hero p {
    font-size: 1.6rem;
    padding-right: 0;
  }
  section#home__hero .button {
    text-align: center;
    width: 100%;
  }
  section#home__hero .button:not(:last-child) {
    margin-bottom: 15px;
  }
  section#home__hero .featured_q-eh {
    display: none;
  }
}

section#home__hero-slider {
  position: relative;
  padding-bottom: 8rem;
  height: 100vh;
  min-height: 960px;
}
section#home__hero-slider > .col-12 {
  padding: 0;
}
@media (max-width: 1024px) {
  section#home__hero-slider {
    height: 768px;
    min-height: 0;
  }
}
@media (max-width: 991px) {
  section#home__hero-slider {
    height: 700px;
  }
}
@media (max-width: 767px) {
  section#home__hero-slider {
    height: 600px;
    padding: 0;
  }
}
section#home__hero-slider .carousel_home {
  width: 100%;
  height: 100vh;
  min-height: 960px;
}
section#home__hero-slider .carousel_home .flickity-viewport {
  height: 100% !important;
}
section#home__hero-slider .carousel_home .carousel-cell {
  width: 100%;
  height: 100%;
}
section#home__hero-slider .carousel_home .carousel-cell:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0) 60%, #181818 90%), linear-gradient(0deg, rgba(24, 24, 24, 0.6) 0%, rgba(24, 24, 24, 0.6) 100%);
}
@media (max-width: 1024px) {
  section#home__hero-slider .carousel_home {
    height: 768px;
    min-height: 0;
  }
}
@media (max-width: 991px) {
  section#home__hero-slider .carousel_home {
    height: 700px;
  }
}
@media (max-width: 767px) {
  section#home__hero-slider .carousel_home {
    height: 600px;
  }
}
section#home__hero-slider .carousel-nav {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
section#home__hero-slider .carousel-nav .carousel-cell {
  width: calc(20% - 1rem);
  height: 1px;
  padding-bottom: 11.5%;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  border-bottom: 2px solid rgba(24, 24, 24, 0.5);
  text-decoration: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
section#home__hero-slider .carousel-nav .carousel-cell:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0.5) 0%, rgba(24, 24, 24, 0.5) 100%);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#home__hero-slider .carousel-nav .carousel-cell .title-name {
  position: absolute;
  bottom: -50%;
  left: 0;
  z-index: 1;
  width: 100%;
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  text-align: center;
  padding: 15px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#home__hero-slider .carousel-nav .carousel-cell:hover, section#home__hero-slider .carousel-nav .carousel-cell:focus, section#home__hero-slider .carousel-nav .carousel-cell:active, section#home__hero-slider .carousel-nav .carousel-cell.is-nav-selected {
  background-size: 110%;
  border-color: #777777;
}
section#home__hero-slider .carousel-nav .carousel-cell:hover:after, section#home__hero-slider .carousel-nav .carousel-cell:focus:after, section#home__hero-slider .carousel-nav .carousel-cell:active:after, section#home__hero-slider .carousel-nav .carousel-cell.is-nav-selected:after {
  background: linear-gradient(180deg, rgba(24, 24, 24, 0) 50%, rgba(24, 24, 24, 0.75) 100%);
}
section#home__hero-slider .carousel-nav .carousel-cell:hover .title-name, section#home__hero-slider .carousel-nav .carousel-cell:focus .title-name, section#home__hero-slider .carousel-nav .carousel-cell:active .title-name, section#home__hero-slider .carousel-nav .carousel-cell.is-nav-selected .title-name {
  bottom: 0%;
}
section#home__hero-slider .carousel-nav .carousel-cell.is-nav-selected {
  border-color: #B20710;
}
section#home__hero-slider .flickity-prev-next-button {
  font-size: 3.2rem;
  font-weight: 300;
  color: #949494;
  width: auto;
  height: 50%;
  padding: 3rem;
  background: transparent;
  border-radius: 0;
  overflow: hidden;
}
section#home__hero-slider .flickity-prev-next-button svg {
  display: none;
}
section#home__hero-slider .flickity-prev-next-button:before {
  display: block;
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#home__hero-slider .flickity-prev-next-button.previous {
  left: 0;
}
section#home__hero-slider .flickity-prev-next-button.previous:before {
  content: "\f053";
}
@media (min-width: 1025px) {
  section#home__hero-slider .flickity-prev-next-button.previous:before {
    animation: chevron_left_leave 0.3s forwards;
  }
  @keyframes chevron_left_leave {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-50%);
    }
  }
}
section#home__hero-slider .flickity-prev-next-button.next {
  right: 0;
}
section#home__hero-slider .flickity-prev-next-button.next:before {
  content: "\f054";
}
@media (min-width: 1025px) {
  section#home__hero-slider .flickity-prev-next-button.next:before {
    animation: chevron_right_leave 0.3s forwards;
  }
  @keyframes chevron_right_leave {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(50%);
    }
  }
}
section#home__hero-slider .flickity-prev-next-button:hover, section#home__hero-slider .flickity-prev-next-button:focus, section#home__hero-slider .flickity-prev-next-button:active {
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  section#home__hero-slider .flickity-prev-next-button:hover.previous:before, section#home__hero-slider .flickity-prev-next-button:focus.previous:before, section#home__hero-slider .flickity-prev-next-button:active.previous:before {
    animation: chevron_left_hover 0.3s forwards;
  }
  @keyframes chevron_left_hover {
    from {
      transform: translateX(300%);
    }
    to {
      transform: translateX(0%);
    }
  }
  section#home__hero-slider .flickity-prev-next-button:hover.next:before, section#home__hero-slider .flickity-prev-next-button:focus.next:before, section#home__hero-slider .flickity-prev-next-button:active.next:before {
    animation: chevron_right_hover 0.3s forwards;
  }
  @keyframes chevron_right_hover {
    from {
      transform: translateX(-300%);
    }
    to {
      transform: translateX(0%);
    }
  }
}
@media (max-width: 767px) {
  section#home__hero-slider .flickity-prev-next-button {
    top: 60%;
    padding: 1rem;
  }
  section#home__hero-slider .flickity-prev-next-button:before {
    font-size: 2.4rem;
  }
}
section#home__hero-slider .hero_slider {
  position: relative;
}
section#home__hero-slider .hero_slider:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  max-width: 100%;
  height: 300px;
  background: radial-gradient(100% 50% at 0% 0%, rgba(178, 7, 16, 0.75) 0%, rgba(178, 7, 16, 0) 100%);
}
@media (max-width: 991px) {
  section#home__hero-slider .hero_slider:after {
    width: 250px;
    height: 200px;
  }
}
section#home__hero-slider .hero_content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-75%);
  z-index: 2;
  padding: 0 9rem;
}
section#home__hero-slider .hero_content h2 {
  font-size: 6.2rem;
  line-height: 1.1;
  max-width: 40%;
  margin-bottom: 2rem;
}
section#home__hero-slider .hero_content h2.niyn-heading .font-head {
  display: block;
  font-size: 9rem;
  line-height: 1;
  letter-spacing: -3.5px;
  color: #E50914;
}
@media (max-width: 1024px) {
  section#home__hero-slider .hero_content h2.niyn-heading .font-head {
    font-size: 6rem;
  }
}
@media (max-width: 767px) {
  section#home__hero-slider .hero_content h2.niyn-heading .font-head {
    font-size: 3.5rem;
  }
}
section#home__hero-slider .hero_content p {
  max-width: 40%;
  margin-bottom: 4rem;
}
section#home__hero-slider .hero_content .button {
  margin-right: 1.5rem;
}
section#home__hero-slider .hero_content .button i {
  margin-left: 5px;
}
@media (max-width: 1024px) {
  section#home__hero-slider .hero_content {
    transform: translateY(-65%);
    padding: 0 6rem;
  }
  section#home__hero-slider .hero_content h2 {
    font-size: 4.5vw;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    max-width: 70%;
  }
  section#home__hero-slider .hero_content p {
    max-width: 70%;
    margin-bottom: 3rem;
  }
}
@media (max-width: 991px) {
  section#home__hero-slider .hero_content h2, section#home__hero-slider .hero_content p {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  section#home__hero-slider .hero_content {
    transform: translateY(-30%);
    padding: 0 3rem;
  }
  section#home__hero-slider .hero_content h2 {
    font-size: 2.6rem;
  }
  section#home__hero-slider .hero_content .button {
    text-align: center;
    width: 100%;
  }
  section#home__hero-slider .hero_content .button:not(:last-child) {
    margin: 0 0 1.5rem;
  }
}
section#home__hero-slider .hero_slider-nav {
  position: absolute;
  bottom: 8rem;
  left: 0;
  z-index: 1;
  padding: 0 9rem;
}
section#home__hero-slider .hero_slider-nav h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.25;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #949494;
  margin-bottom: 16px;
}
section#home__hero-slider .hero_slider-nav h3 > a {
  font-size: 1.2rem;
  color: #949494;
  letter-spacing: 0;
  text-decoration: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#home__hero-slider .hero_slider-nav h3 > a:hover, section#home__hero-slider .hero_slider-nav h3 > a:focus, section#home__hero-slider .hero_slider-nav h3 > a:active {
  color: #FFFFFF;
}
@media (max-width: 1024px) {
  section#home__hero-slider .hero_slider-nav {
    bottom: 6rem;
    padding: 0 6rem;
  }
}
@media (max-width: 767px) {
  section#home__hero-slider .hero_slider-nav {
    display: none;
  }
}

section#home__rest-exp {
  position: relative;
  display: flex;
  align-items: center;
  height: 800px;
  padding: 100px 10%;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-rest-exp-gradient.jpg") center no-repeat;
  background-size: cover;
  overflow: hidden;
}
section#home__rest-exp .col-12 {
  position: relative;
  z-index: 1;
}
section#home__rest-exp h2 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.25;
  text-transform: uppercase;
  margin-bottom: 33px;
}
section#home__rest-exp p {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4.5rem;
  line-height: 1.25;
  margin-bottom: 33px;
}
section#home__rest-exp p span {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #E50914;
}
section#home__rest-exp a.button i {
  margin-left: 5px;
}
@media (max-width: 1199px) {
  section#home__rest-exp {
    height: 700px;
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
  section#home__rest-exp h2 {
    margin-bottom: 15px;
  }
  section#home__rest-exp p {
    font-size: 3rem;
  }
  section#home__rest-exp p span {
    display: inline-block;
  }
}
@media (max-width: 991px) {
  section#home__rest-exp {
    text-align: center;
  }
}
@media (max-width: 767px) {
  section#home__rest-exp h2 {
    font-size: 1.6rem;
  }
  section#home__rest-exp p {
    font-size: 2.5rem;
    line-height: 1.4;
  }
  section#home__rest-exp a.button {
    width: 100%;
  }
}
section#home__rest-exp .bg-circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section#home__rest-exp .bg-circles .circle {
  position: absolute;
  border-radius: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
section#home__rest-exp .bg-circles .circle#cFood_1 {
  width: 397px;
  height: 397px;
  top: 13%;
  left: -4%;
  z-index: 1;
}
section#home__rest-exp .bg-circles .circle#cFood_2 {
  width: 357px;
  height: 357px;
  top: 20%;
  right: -10%;
  z-index: 1;
}
section#home__rest-exp .bg-circles .circle#cTitle_1 {
  width: 306px;
  height: 306px;
  bottom: 17%;
  left: 11%;
}
section#home__rest-exp .bg-circles .circle#cTitle_2 {
  width: 228px;
  height: 228px;
  bottom: 10%;
  right: 5%;
}
section#home__rest-exp .bg-circles .circle#cLogo_1 {
  width: 300px;
  height: 300px;
  top: 31%;
  left: 25%;
  z-index: 2;
  border: 1px solid #FFFFFF;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/rest-exp/RestExp-logo.svg");
  background-size: 126px;
}
@media (max-width: 1199px) {
  section#home__rest-exp .bg-circles .circle#cFood_1 {
    transform: scale(0.75);
    top: 5%;
    left: -14%;
  }
  section#home__rest-exp .bg-circles .circle#cFood_2 {
    transform: scale(0.75);
    top: -20%;
    right: -6%;
  }
  section#home__rest-exp .bg-circles .circle#cTitle_1 {
    transform: scale(0.75);
    bottom: 5%;
    left: 0%;
  }
  section#home__rest-exp .bg-circles .circle#cTitle_2 {
    transform: scale(0.75);
    bottom: 2%;
    right: 8%;
  }
  section#home__rest-exp .bg-circles .circle#cLogo_1 {
    transform: scale(0.75);
    top: 28%;
    left: 10%;
  }
}
@media (max-width: 991px) {
  section#home__rest-exp .bg-circles .circle#cFood_1 {
    transform: scale(0.5);
    top: -5%;
    left: -20%;
  }
  section#home__rest-exp .bg-circles .circle#cFood_2 {
    top: -20%;
    right: -10%;
  }
  section#home__rest-exp .bg-circles .circle#cTitle_1 {
    bottom: 4%;
    left: -10%;
  }
  section#home__rest-exp .bg-circles .circle#cTitle_2 {
    bottom: 7%;
    right: 2%;
  }
  section#home__rest-exp .bg-circles .circle#cLogo_1 {
    transform: scale(0.6);
    top: -10%;
    left: 4%;
  }
}
@media (max-width: 767px) {
  section#home__rest-exp .bg-circles .circle#cFood_1 {
    transform: scale(0.5);
    top: -5%;
    left: auto;
    right: 50%;
  }
  section#home__rest-exp .bg-circles .circle#cFood_2 {
    top: -20%;
    right: auto;
    left: 55%;
  }
  section#home__rest-exp .bg-circles .circle#cTitle_1 {
    bottom: -15%;
    left: auto;
    right: 45%;
  }
  section#home__rest-exp .bg-circles .circle#cTitle_2 {
    transform: scale(0.5);
    bottom: 2%;
    right: auto;
    left: 50%;
  }
  section#home__rest-exp .bg-circles .circle#cLogo_1 {
    transform: scale(0.4);
    top: -5%;
    left: auto;
    right: 40%;
  }
}

section#home__tourism {
  background-color: #003737;
  padding-top: 100px;
  padding-bottom: 100px;
}
section#home__tourism h2 {
  color: #32C896;
  margin-bottom: 15px;
}
section#home__tourism p {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
section#home__tourism p.intro {
  font-size: 2.2rem;
  margin-bottom: 30px;
}
section#home__tourism p a[target=_blank] {
  text-decoration: none;
}
section#home__tourism p a[target=_blank]:hover, section#home__tourism p a[target=_blank]:focus, section#home__tourism p a[target=_blank]:active {
  color: #32C896;
}
@media (max-width: 767px) {
  section#home__tourism h2 {
    font-size: 3.5rem;
  }
  section#home__tourism p.intro {
    font-size: 1.8rem;
  }
}

section#home__film-select {
  position: relative;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-home-map.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
section#home__film-select:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  background-image: linear-gradient(0deg, rgba(0, 55, 55, 0) 0%, rgba(0, 55, 55, 0.5) 100%);
}
section#home__film-select h2 {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4.5rem;
  margin-bottom: 30px;
}
section#home__film-select .font-head {
  font-size: 5rem;
  color: #32C896;
  min-width: 400px;
  margin-right: -10%;
}
section#home__film-select p {
  font-size: 2.2rem;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
section#home__film-select p:last-child {
  margin-bottom: 0;
}
section#home__film-select .intro {
  text-align: center;
  padding: 8% 0 2%;
}
@media (max-width: 1024px) {
  section#home__film-select {
    background-attachment: initial;
  }
}
@media (max-width: 991px) {
  section#home__film-select .font-head {
    display: block;
    width: 100%;
    height: auto;
    min-width: 0;
    min-height: 0;
    margin: 0;
  }
  section#home__film-select .font-head .flip-text {
    display: block;
    width: 100%;
  }
  section#home__film-select .intro {
    padding: 12% 0 4%;
  }
}
@media (max-width: 767px) {
  section#home__film-select:before {
    height: 100px;
  }
  section#home__film-select h2 {
    font-size: 2.8rem;
    line-height: 1.4;
  }
  section#home__film-select .font-head {
    font-size: 3.5rem;
  }
  section#home__film-select p {
    font-size: 1.6rem;
  }
}

html[lang=fr] section#home__film-select .font-head {
  display: block;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
}
html[lang=fr] section#home__film-select .font-head .flip-text {
  display: block;
  width: 100%;
}

body.home .films-list, body.q-and-eh .films-list {
  display: none !important;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-home-map.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
@media (max-width: 991px) {
  body.home .films-list, body.q-and-eh .films-list {
    background: transparent;
  }
}
body.home.modal-open, body.q-and-eh.modal-open {
  padding-right: 0 !important;
}
body.home.modal-open .modal-backdrop.show, body.q-and-eh.modal-open .modal-backdrop.show {
  opacity: 0;
}
body.home.modal-open .films-list.films-nav, body.q-and-eh.modal-open .films-list.films-nav {
  background: none;
  background-color: #000000;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 60%, #870014 100%);
}
body.home .modal#modRestExp, body.q-and-eh .modal#modRestExp {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/pattern-lines_5.png");
  background-repeat: repeat;
  background-color: rgba(29, 29, 29, 0.15);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media (min-width: 992px) {
  body.home .modal#modRestExp .modal-dialog, body.q-and-eh .modal#modRestExp .modal-dialog {
    max-width: 910px;
  }
}
body.home .modal#modRestExp .modal-content, body.q-and-eh .modal#modRestExp .modal-content {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.45);
}
body.home .modal#modRestExp .modal-content .close, body.q-and-eh .modal#modRestExp .modal-content .close {
  font-size: 2.4rem;
  color: #949494;
  padding: 12.5px 17px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.home .modal#modRestExp .modal-content .close:hover, body.home .modal#modRestExp .modal-content .close:focus, body.home .modal#modRestExp .modal-content .close:active, body.q-and-eh .modal#modRestExp .modal-content .close:hover, body.q-and-eh .modal#modRestExp .modal-content .close:focus, body.q-and-eh .modal#modRestExp .modal-content .close:active {
  background-color: #2F2F2F;
}
body.home .modal#modRestExp .modal-content .modal-img, body.q-and-eh .modal#modRestExp .modal-content .modal-img {
  width: 100%;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/rest-exp/rest-exp-modal-img.jpg");
  background-size: cover;
  background-position: center;
}
body.home .modal#modRestExp .modal-content .modal-body, body.q-and-eh .modal#modRestExp .modal-content .modal-body {
  background: radial-gradient(30% 30% at 0% 0%, rgba(0, 120, 100, 0.25) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(100% 100% at 100% 100%, rgba(135, 0, 20, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 84px 60px 84px 40px;
}
body.home .modal#modRestExp .modal-content .modal-body:before, body.q-and-eh .modal#modRestExp .modal-content .modal-body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/pattern-noise.png");
  opacity: 0.45;
}
body.home .modal#modRestExp .modal-content .modal-body *, body.q-and-eh .modal#modRestExp .modal-content .modal-body * {
  position: relative;
  z-index: 1;
}
body.home .modal#modRestExp .modal-content h3, body.q-and-eh .modal#modRestExp .modal-content h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.25;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #E50914;
  margin-top: 16px;
}
body.home .modal#modRestExp .modal-content p, body.q-and-eh .modal#modRestExp .modal-content p {
  margin-top: 16px;
}
body.home .modal#modRestExp .modal-content p.delta, body.q-and-eh .modal#modRestExp .modal-content p.delta {
  font-size: 2.4rem;
}
body.home .modal#modRestExp .modal-content .button, body.q-and-eh .modal#modRestExp .modal-content .button {
  margin-top: 32px;
}
body.home .modal#modRestExp .modal-content .button i, body.q-and-eh .modal#modRestExp .modal-content .button i {
  margin-left: 5px;
}
@media (min-width: 768px) {
  body.home .modal#modRestExp .modal-content, body.q-and-eh .modal#modRestExp .modal-content {
    flex-direction: row;
  }
  body.home .modal#modRestExp .modal-content .modal-img, body.q-and-eh .modal#modRestExp .modal-content .modal-img {
    width: 36%;
  }
  body.home .modal#modRestExp .modal-content .modal-body, body.q-and-eh .modal#modRestExp .modal-content .modal-body {
    width: 64%;
  }
}

section#home__discover {
  background: radial-gradient(51.94% 51.94% at 50% 0%, #410064 0%, #181818 100%);
  padding: 12rem 0 10rem;
}
section#home__discover h2 {
  font-family: "NetflixSans_W_CdRg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}

.carousel.new-titles {
  overflow: hidden;
  padding: 6rem 0;
}
.carousel.new-titles .flickity-slider .carousel-cell {
  width: 25%;
  height: 1px;
  padding-bottom: 34.5%;
  margin-left: 1rem;
  margin-right: 1rem;
  background-size: cover;
  background-position: center;
  border: 1px solid #3F3F3F;
  overflow: hidden;
}
.carousel.new-titles .flickity-slider .carousel-cell:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 69.5%, rgba(0, 0, 0, 0.7) 100%);
  backdrop-filter: saturate(0.5);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.carousel.new-titles .flickity-slider .carousel-cell:after {
  content: "Updated";
  position: absolute;
  top: 10px;
  left: 0;
  width: fit-content;
  height: fit-content;
  padding: 6px 14px 6px 12px;
  font-family: "NetflixSans_W_CdBdIt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: #FFFFFF;
  background: linear-gradient(90deg, rgba(229, 9, 20, 0.5) 0%, rgba(65, 0, 100, 0.5) 100%);
  backdrop-filter: blur(5px);
}
.carousel.new-titles .flickity-slider .carousel-cell.new-title:after {
  content: "New";
}
.carousel.new-titles .flickity-slider .carousel-cell .content {
  position: absolute;
  bottom: -70px;
  left: 0;
  z-index: 1;
  width: 100%;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.carousel.new-titles .flickity-slider .carousel-cell .title h3 {
  font-family: "NetflixSans_W_CdRg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: #CFCFCF;
  margin: 0;
  padding: 2.5rem;
}
.carousel.new-titles .flickity-slider .carousel-cell .actions {
  display: flex;
  background: rgba(29, 29, 29, 0.01);
  backdrop-filter: blur(20px);
}
.carousel.new-titles .flickity-slider .carousel-cell .actions .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 70px;
  text-align: center;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  text-transform: none;
  color: #CFCFCF;
  padding: 1rem 1.5rem;
}
.carousel.new-titles .flickity-slider .carousel-cell .actions .button:before {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  text-decoration: inherit;
  color: #CFCFCF;
  margin-right: 1rem;
}
.carousel.new-titles .flickity-slider .carousel-cell .actions .button:first-child {
  border-left: none;
}
.carousel.new-titles .flickity-slider .carousel-cell .actions .button.locations:before {
  content: "\f3c5";
}
.carousel.new-titles .flickity-slider .carousel-cell .actions .button.title-info:before {
  content: "\f05a";
}
.carousel.new-titles .flickity-slider .carousel-cell .actions .button:hover, .carousel.new-titles .flickity-slider .carousel-cell .actions .button:focus, .carousel.new-titles .flickity-slider .carousel-cell .actions .button:active {
  background: linear-gradient(0deg, #B20710 2.23%, rgba(178, 7, 16, 0.25) 96.03%);
}
.carousel.new-titles .flickity-slider .carousel-cell.is-selected {
  border: 1px solid #949494;
}
.carousel.new-titles .flickity-slider .carousel-cell.is-selected:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 69.5%, rgba(0, 0, 0, 0.5) 100%);
  backdrop-filter: saturate(1);
}
.carousel.new-titles .flickity-slider .carousel-cell.is-selected .title h3 {
  color: #FFFFFF;
}
.carousel.new-titles .flickity-slider .carousel-cell:hover {
  border: 1px solid #949494;
}
.carousel.new-titles .flickity-slider .carousel-cell:hover:before {
  background: linear-gradient(180deg, rgba(36, 36, 36, 0) 50%, rgba(36, 36, 36, 0.8) 70%);
  backdrop-filter: saturate(1);
}
.carousel.new-titles .flickity-slider .carousel-cell:hover .content {
  bottom: 0;
}
.carousel.new-titles .flickity-slider .carousel-cell:hover .title h3 {
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .carousel.new-titles .flickity-slider .carousel-cell {
    width: 50%;
    padding-bottom: 75%;
  }
  .carousel.new-titles .flickity-slider .carousel-cell:after {
    font-size: 1.6rem;
  }
  .carousel.new-titles .flickity-slider .carousel-cell .title h3 {
    font-size: 1.8rem;
    padding: 1.5rem;
  }
  .carousel.new-titles .flickity-slider .carousel-cell .content {
    bottom: -60px;
  }
  .carousel.new-titles .flickity-slider .carousel-cell .actions .button {
    position: relative;
    text-indent: -9999px;
    height: auto;
    padding: 1.5rem;
  }
  .carousel.new-titles .flickity-slider .carousel-cell .actions .button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-indent: 0;
    font-size: 2.4rem;
  }
}
.carousel.new-titles .flickity-prev-next-button {
  font-size: 3.2rem;
  font-weight: 300;
  color: #949494;
  width: 12.5%;
  height: calc(100% - 12rem);
  padding: 3rem;
  background: transparent;
  border-radius: 0;
  overflow: hidden;
}
.carousel.new-titles .flickity-prev-next-button svg {
  display: none;
}
.carousel.new-titles .flickity-prev-next-button:before {
  display: block;
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.carousel.new-titles .flickity-prev-next-button.previous {
  left: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.carousel.new-titles .flickity-prev-next-button.previous:before {
  width: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "\f053";
}
.carousel.new-titles .flickity-prev-next-button.next {
  right: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.carousel.new-titles .flickity-prev-next-button.next:before {
  width: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "\f054";
}
.carousel.new-titles .flickity-prev-next-button:hover, .carousel.new-titles .flickity-prev-next-button:focus, .carousel.new-titles .flickity-prev-next-button:active {
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .carousel.new-titles .flickity-prev-next-button {
    top: 50%;
    padding: 1rem;
  }
  .carousel.new-titles .flickity-prev-next-button:before {
    font-size: 2.4rem;
  }
}
.carousel.new-titles .flickity-page-dots {
  bottom: 1rem;
}
.carousel.new-titles .flickity-page-dots .dot {
  width: 25px;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.6);
  margin: 0 1px;
  border-radius: 0;
}
.carousel.new-titles .flickity-page-dots .dot.is-selected {
  background-color: white;
}

html[lang=fr] .carousel.new-titles .flickity-slider .carousel-cell:after {
  content: "Mis à jour";
}
html[lang=fr] .carousel.new-titles .flickity-slider .carousel-cell.new-title:after {
  content: "Nouveau";
}

section#home__explore {
  padding-top: 8rem;
  background: radial-gradient(50% 30% at 50% 40%, rgba(178, 7, 16, 0.75) 0%, #181818 100%);
}
section#home__explore .explore-intro {
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/leaf-symbol-solid.svg") center no-repeat;
  background-size: contain;
  padding: 15rem 1.5rem 25rem;
  margin-bottom: -15rem;
}
section#home__explore h2 {
  font-family: "NetflixSans_W_CdRg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  text-align: center;
  margin-bottom: 0;
}
section#home__explore h2 span {
  font-size: inherit;
  line-height: inherit;
}
section#home__explore h2.sm {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #949494;
  margin-bottom: 4rem;
}
section#home__explore .explore-cta-group {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1024px) {
  section#home__explore {
    padding-top: 10rem;
    margin: 0 -0.75rem;
  }
  section#home__explore .explore-intro {
    padding-bottom: 15rem;
    margin-bottom: -5rem;
  }
}
@media (max-width: 991px) {
  section#home__explore {
    background: radial-gradient(100% 30% at 50% 40%, rgba(178, 7, 16, 0.6) 0%, rgba(24, 24, 24, 0) 100%);
  }
  section#home__explore .explore-intro {
    margin-bottom: -12rem;
  }
}
@media (max-width: 767px) {
  section#home__explore {
    background: radial-gradient(100% 25% at 50% 25%, rgba(178, 7, 16, 0.6) 0%, rgba(24, 24, 24, 0) 100%);
    padding-top: 7rem;
    padding-left: 0;
    padding-right: 0;
  }
}

.explore .button.back.global {
  display: none;
}
.explore .films-list {
  min-height: 100vh;
  padding: 16vh 30px 40px;
}
@media (max-width: 991px) {
  .explore .films-list {
    padding-top: 20vh;
  }
  .explore .films-list__toggles {
    text-align: center;
  }
  .explore .carousel.films.flickity-enabled {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .explore .films-list {
    padding-top: 200px;
  }
  .explore .carousel.films.flickity-enabled {
    margin-top: 20px;
  }
}

section#about__hero {
  position: relative;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/banner-about-v2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 100vh;
  min-height: 450px;
  padding-bottom: 15vh;
}
@media (max-width: 1024px) {
  section#about__hero {
    background-attachment: initial;
  }
}
section#about__hero > div {
  z-index: 1;
}
section#about__hero .scroll-btn {
  bottom: 2rem;
}
section#about__hero .scroll-btn a:before {
  display: none;
}
section#about__hero .scroll-btn a:after {
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/leaf-symbol-thin-red.svg") no-repeat;
  background-size: cover;
}
section#about__hero .subhead {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3rem;
}
section#about__hero .subhead .flip-text {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3rem;
  color: #E50914;
}
section#about__hero .subhead .animate-flip {
  flex-grow: 1;
}
@media (max-width: 1024px) {
  section#about__hero .subhead .animate-flip.fr {
    width: 100%;
  }
}
@media (max-width: 767px) {
  section#about__hero .subhead {
    flex-direction: column;
    gap: 0;
    font-size: 1.8rem;
  }
  section#about__hero .subhead .animate-flip {
    width: 100%;
  }
  section#about__hero .subhead .flip-text {
    font-size: 1.8rem;
  }
}
section#about__hero h2 {
  position: relative;
  font-size: 5.6rem;
  padding-bottom: 133px;
}
section#about__hero h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 133px;
  max-width: 1100px;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/text-neighbourhood.svg") no-repeat;
  background-size: 100%;
  background-position: top left;
}
section#about__hero h2.fr:after {
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/text-chez-vous.svg") no-repeat;
}
@media (max-width: 991px) {
  section#about__hero h2 {
    font-size: 4.5rem;
  }
  section#about__hero h2.fr:after {
    width: 80%;
  }
}
@media (max-width: 767px) {
  section#about__hero h2 {
    font-size: 3rem;
    padding-bottom: 85px;
  }
  section#about__hero h2:after {
    height: 80px;
  }
}
@media (max-width: 767px) {
  section#about__hero {
    height: auto;
    padding-bottom: 3rem;
  }
}

section#about__ca-vid {
  position: relative;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-about-vid-v2.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  max-height: 800px;
  padding: 0 0 10rem;
  overflow: hidden;
}
section#about__ca-vid:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%);
}
section#about__ca-vid .about-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
section#about__ca-vid .about-video-container .video-js {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section#about__ca-vid .about-video-container .video-js .vjs-tech {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
}
@media (max-width: 1500px) {
  section#about__ca-vid .about-video-container .video-js .vjs-tech {
    width: auto;
    height: 100%;
  }
}
section#about__ca-vid > div.col-12 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  text-align: center;
}
section#about__ca-vid h2 {
  position: relative;
  max-width: 800px;
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #FFFFFF;
  margin: 6rem auto;
}
section#about__ca-vid h2 .font-head {
  display: block;
  font-size: 8rem;
  line-height: 1;
  color: #E50914;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.75);
  padding-top: 24px;
}
section#about__ca-vid .buttons-group .button:not(:last-child) {
  margin-right: 1.5rem;
}
@media (max-width: 1199px) {
  section#about__ca-vid {
    padding: 0 22.5px;
  }
  section#about__ca-vid > .col-sm-8 {
    padding-right: 60px;
  }
  section#about__ca-vid h2 {
    font-size: 2rem;
    margin: 0 auto 3rem;
  }
  section#about__ca-vid h2 .font-head {
    font-size: 4rem;
  }
}
@media (max-width: 1024px) {
  section#about__ca-vid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  section#about__ca-vid > .col-sm-8 {
    justify-content: center;
    width: 100%;
    padding-right: 7.5px;
    padding-bottom: 60px;
    margin: 0;
  }
  section#about__ca-vid > .col-sm-4 {
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 767px) {
  section#about__ca-vid .buttons-group .button {
    width: 100%;
  }
  section#about__ca-vid .buttons-group .button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
}

html[lang=fr] section#about__ca-vid h2 {
  max-width: none;
}

.play-btn {
  display: flex;
  align-items: center;
  text-decoration: none;
  background: transparent;
  border: none;
}
.play-btn .btn-icon {
  position: relative;
  display: inline-block;
  width: 92px;
  height: 92px;
  border-radius: 100px;
  border: 1px solid #FFFFFF;
  animation: leave_btn 0.4s forwards;
}
.play-btn .btn-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  font-size: 4rem;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
@media (max-width: 1024px) {
  .play-btn .btn-icon {
    width: 72px;
    height: 72px;
  }
  .play-btn .btn-icon i {
    font-size: 3rem;
  }
}
.play-btn .btn-txt {
  display: inline-block;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  padding-left: 20px;
}
.play-btn:hover .btn-icon {
  animation: hover_btn 0.4s forwards;
  border: 1px solid #E50914;
}
.play-btn:hover .btn-icon i {
  font-weight: 700;
}
.play-btn:hover .btn-txt {
  text-decoration: underline;
}
@keyframes hover_btn {
  from {
    box-shadow: inset 0 0 0 0.01px #E50914;
  }
  to {
    box-shadow: inset 10em 0 0.01px #E50914;
    color: #FFFFFF;
  }
}
@keyframes leave_btn {
  from {
    box-shadow: inset -10em 0 0 0.01px #E50914;
    color: #FFFFFF;
  }
  to {
    box-shadow: inset 0 0 0 0.01px #E50914;
  }
}

section#about__neighbourhood {
  position: relative;
  z-index: 1;
  margin-top: -18rem;
}
@media (max-width: 991px) {
  section#about__neighbourhood {
    padding-left: 0;
    padding-right: 0;
  }
}
section#about__neighbourhood .cta-block {
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: top center;
}
@media (max-width: 1199px) {
  section#about__neighbourhood .cta-block {
    background-size: contain;
  }
}
@media (min-width: 1025px) {
  section#about__neighbourhood .cta-block {
    height: 55vw;
    min-height: 750px;
  }
}
@media (max-width: 991px) {
  section#about__neighbourhood .cta-block {
    height: auto;
    min-height: 0;
    background-image: none !important;
  }
}
section#about__neighbourhood .cta-block > .row {
  height: 100%;
}
section#about__neighbourhood .cta-block.cta-1 {
  position: relative;
}
section#about__neighbourhood .cta-block.cta-1:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 18rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(80% 80% at 50% 0%, #F59600 0%, rgba(245, 150, 0, 0) 100%);
}
section#about__neighbourhood .cta-block.cta-2 {
  position: relative;
}
section#about__neighbourhood .cta-block.cta-2:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 20vw;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(80% 80% at 50% 0%, #007864 0%, rgba(0, 120, 100, 0) 100%);
}
section#about__neighbourhood .cta-block.cta-3 {
  position: relative;
  padding-bottom: 6rem;
}
section#about__neighbourhood .cta-block.cta-3:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 20vw;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(80% 80% at 50% 0%, #78289B 0%, rgba(120, 40, 155, 0) 100%);
}
@media (min-width: 1025px) {
  section#about__neighbourhood .cta-block.content-bot-left .content-wrap {
    align-items: flex-end;
    justify-content: flex-start;
  }
  section#about__neighbourhood .cta-block.content-bot-right .content-wrap {
    align-items: flex-end;
    justify-content: flex-end;
  }
  section#about__neighbourhood .cta-block.content-top-left .content-wrap {
    align-items: flex-start;
    justify-content: flex-start;
  }
  section#about__neighbourhood .cta-block.content-top-left .content-wrap .content {
    margin-right: 3vw;
  }
  section#about__neighbourhood .cta-block.cta-1 {
    position: relative;
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/image-about-1-triad.png");
  }
  section#about__neighbourhood .cta-block.cta-1:before {
    top: 18rem;
    background: radial-gradient(50% 94% at 50% 0%, #F59600 0%, rgba(245, 150, 0, 0) 100%);
  }
  section#about__neighbourhood .cta-block.cta-1.fr {
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/image-about-1-triad-fr.png");
  }
  section#about__neighbourhood .cta-block.cta-2 {
    position: relative;
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/image-about-2-anne.png");
    margin-top: 60px;
  }
  section#about__neighbourhood .cta-block.cta-2.fr {
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/image-about-2-anne-fr.png");
  }
  section#about__neighbourhood .cta-block.cta-2:before {
    top: 14vw;
    background: linear-gradient(106deg, rgba(0, 120, 100, 0.5) 0%, rgba(0, 120, 100, 0) 53.74%);
  }
  section#about__neighbourhood .cta-block.cta-3 {
    position: relative;
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/image-about-3-umbrella.png");
    background-size: cover;
    height: 55vw;
    min-height: 700px;
    max-height: none;
    padding-bottom: 0;
    margin-bottom: 12rem;
  }
  section#about__neighbourhood .cta-block.cta-3.fr {
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/image-about-3-umbrella-fr.png");
  }
  section#about__neighbourhood .cta-block.cta-3:before {
    top: 14vw;
    background: linear-gradient(254deg, #78289B 0%, rgba(120, 40, 155, 0) 49.49%);
  }
}
section#about__neighbourhood .cta-block .content-wrap {
  display: flex;
  height: 100%;
}
section#about__neighbourhood .cta-block .content-wrap .content {
  width: 100%;
}
section#about__neighbourhood .cta-block .content-wrap .content img {
  display: none;
  margin-bottom: 15px;
}
section#about__neighbourhood .cta-block .content-wrap .content p {
  font-family: "NetflixSans_W_Th", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.2rem;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
}
section#about__neighbourhood .cta-block .content-wrap .content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  section#about__neighbourhood .cta-block .content-wrap .content {
    max-width: 540px;
  }
}
@media (max-width: 1199px) {
  section#about__neighbourhood .cta-block .content-wrap .content p {
    padding: 0 30px;
  }
}
@media (max-width: 1024px) {
  section#about__neighbourhood .cta-block .content-wrap {
    padding: 30px 0;
  }
  section#about__neighbourhood .cta-block .content-wrap .content img {
    display: block;
  }
  section#about__neighbourhood .cta-block .content-wrap .content p {
    max-width: 853px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  section#about__neighbourhood .cta-block .content-wrap .content p {
    font-size: 1.6rem;
    padding: 0 15px;
  }
}

section#cta-explore {
  position: relative;
  z-index: 1;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-about-cta.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  height: 80vh;
  min-height: 700px;
  padding-top: 180px;
}
section#cta-explore:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, black 0%, rgba(135, 0, 20, 0) 100%);
}
section#cta-explore * {
  position: relative;
  z-index: 1;
}
section#cta-explore h2 {
  font-size: 5.6rem;
}
section#cta-explore h2 span {
  font-size: inherit;
}
section#cta-explore a {
  text-decoration: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#cta-explore a:hover, section#cta-explore a:focus, section#cta-explore a:active {
  color: #E50914;
}
section#cta-explore .button {
  font-size: 1.8rem;
  margin-bottom: 30px;
}
section#cta-explore .button i {
  margin-left: 5px;
}
@media (max-width: 1199px) {
  section#cta-explore h2 {
    font-size: 4rem;
  }
}
@media (max-width: 991px) {
  section#cta-explore {
    align-items: flex-end !important;
    height: 600px;
    min-height: 0;
    padding: 60px;
  }
  section#cta-explore p {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  section#cta-explore {
    background-position: 65%;
    padding: 30px;
  }
  section#cta-explore:after {
    background-image: linear-gradient(0deg, black 0%, rgba(135, 0, 20, 0) 100%);
  }
  section#cta-explore h2 {
    font-size: 3rem;
  }
}

.partners h2 {
  font-size: 6rem;
  margin-bottom: 7%;
}
.partners p.intro {
  font-size: 2rem;
  text-align: center;
}

section#partners-list .logo-partner {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
section#partners-list .logo-partner img {
  margin: 5% 0;
  width: 100%;
  max-width: 205px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#partners-list .logo-partner a:hover img, section#partners-list .logo-partner a:focus img, section#partners-list .logo-partner a:active img {
  transform: scale(1.1);
}
@media (min-width: 992px) {
  section#partners-list {
    padding-bottom: 12rem;
  }
}
@media (max-width: 991px) {
  section#partners-list h2 {
    font-size: 4rem;
  }
}
@media (max-width: 767px) {
  section#partners-list {
    padding-top: 0;
  }
}

section#contest__hero {
  position: relative;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/banner-contest.jpg") no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  height: 450px;
}
section#contest__hero:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, black 100%);
}
@media (max-width: 1024px) {
  section#contest__hero {
    background-attachment: initial;
  }
}

section#contest__intro {
  position: relative;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-contest-intro.png") no-repeat;
  background-position: top right;
  padding-top: 30px;
  padding-bottom: 50px;
  margin-top: -50px;
}
section#contest__intro h2 {
  font-size: 5.6rem;
}
section#contest__intro h2 span {
  font-size: inherit;
  color: #F59600;
}
section#contest__intro p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.2rem;
}

section#contest__cta {
  position: relative;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-contest-cta.jpg") no-repeat;
  background-size: cover;
  background-position: bottom;
  height: 540px;
  padding-top: 60px;
}
section#contest__cta:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 59px;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/texture-bar.svg") no-repeat;
  background-size: 100%;
}
section#contest__cta .button {
  font-size: 1.8rem;
}
section#contest__cta .button i {
  margin-left: 5px;
}

.error404:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background: radial-gradient(60% 50% at 0% 100%, #5A003C 0%, rgba(90, 0, 60, 0) 100%), radial-gradient(60% 50% at 100% 0%, #870014 0%, rgba(135, 0, 20, 0) 100%);
}

section#error__hero {
  height: 100vh;
  min-height: 600px;
}
section#error__hero h2 {
  margin-bottom: 72px;
}
section#error__hero h2 i {
  margin-right: 10px;
}
section#error__hero p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  margin-bottom: 35px;
}
section#error__hero .button {
  margin-right: 15px;
}

.tourism section#intro h2 {
  margin-bottom: 30px;
  line-height: 1.4;
}
.tourism section#intro {
  padding-bottom: 0;
}
.tourism section#pdf .button {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .tourism section#pdf {
    padding-top: 30px;
  }
}

.tourism:after, .partners:after, .privacy:after, .accessibility:after, .q-and-eh:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background: radial-gradient(60% 50% at 0% 100%, #5A003C 0%, rgba(90, 0, 60, 0) 100%), radial-gradient(60% 50% at 100% 0%, #870014 0%, rgba(135, 0, 20, 0) 100%);
}
.tourism section, .partners section, .privacy section, .accessibility section, .q-and-eh section {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.tourism section:first-of-type, .partners section:first-of-type, .privacy section:first-of-type, .accessibility section:first-of-type, .q-and-eh section:first-of-type {
  padding-top: 20rem;
}

body.q-and-eh .back.global {
  display: none !important;
}
body.q-and-eh #modInfo .modal-content {
  padding-bottom: 50px;
}
body.q-and-eh #modInfo .modal-actions {
  display: none !important;
}

body.q-and-eh:after {
  display: none;
}
body.q-and-eh section#qeh-hero {
  padding-top: 116px;
  padding-bottom: 86px;
  background-color: #1D1D1D;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/pattern-lines.png");
}
body.q-and-eh section#qeh-hero > .col-12 {
  padding: 0;
}
@media (max-width: 991px) {
  body.q-and-eh section#qeh-hero {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  body.q-and-eh section#qeh-hero {
    padding: 0;
  }
}
body.q-and-eh .q-eh__carousel .flickity-slider {
  padding-top: 100px;
  padding-bottom: 100px;
  height: 700px;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell {
  width: 65%;
  height: 600px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-filter: blur(3px);
  filter: blur(3px);
  opacity: 0.5;
  overflow: hidden;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__content {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 100%;
  padding: 50px;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__content h2 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4.2rem;
  letter-spacing: 4.2px;
  text-transform: uppercase;
  padding-left: 18px;
  margin-bottom: 24px;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__content p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-left: 18px;
  margin-bottom: 24px;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__text a {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-decoration: none;
  padding-left: 18px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__text a i {
  margin-left: 5px;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__text a:hover, body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__text a:focus, body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__text a:active {
  color: #E50914;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video {
  display: flex;
  justify-content: center;
  align-items: center;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a {
  display: flex;
  align-items: center;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1.8px;
  opacity: 0.7;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a i {
  position: relative;
  width: 80px;
  height: 80px;
  border: 1px solid #FFFFFF;
  border-radius: 100%;
  margin-right: 20px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-35%, -50%);
  font-size: 4rem;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a:hover, body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a:focus, body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a:active {
  opacity: 1;
  color: #FFFFFF;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a:hover i, body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a:focus i, body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a:active i {
  text-decoration: none;
  background-color: #E50914;
  border-color: #E50914;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a:hover i:before, body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a:focus i:before, body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a:active i:before {
  font-weight: 700;
  color: #FFFFFF;
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell img.cell__img {
  width: 100%;
  height: auto;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell.is-selected {
  height: 700px;
  z-index: 1;
  -webkit-filter: blur(0px);
  filter: blur(0);
  opacity: 1;
}
@media (max-width: 1199px) {
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell {
    width: 80%;
  }
}
@media (max-width: 1024px) {
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell {
    width: 80%;
    height: 400px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell.is-selected {
    height: 500px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__content {
    flex-direction: column;
    padding: 30px;
    top: auto;
    bottom: 0;
    transform: none;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__content h2 {
    font-size: 2.4rem;
    letter-spacing: 2px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__content p {
    margin-bottom: 20px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__text {
    width: 100%;
    margin-bottom: 20px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video {
    justify-content: flex-start;
    width: 100%;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a {
    font-size: 1.4rem;
    margin-left: 18px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a i {
    width: 30px;
    height: 30px;
    background-color: #E50914;
    margin-right: 15px;
    border: none;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a i:before {
    font-size: 1.4rem;
    font-weight: 700;
  }
}
@media (max-width: 991px) {
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell {
    width: 92%;
    height: 350px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell.is-selected {
    height: 450px;
  }
}
@media (max-width: 767px) {
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell {
    width: 100%;
    height: 450px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__content {
    padding: 40px 30px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__content p {
    display: none;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__text {
    margin-bottom: 10px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a {
    flex-direction: row-reverse;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a i {
    width: 20px;
    height: 20px;
    margin-left: 15px;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell .cell__video a i:before {
    font-size: 1.2rem;
  }
  body.q-and-eh .q-eh__carousel .flickity-slider .carousel-cell img.cell__img {
    width: auto;
    height: 100%;
  }
}
@media (max-width: 1024px) {
  body.q-and-eh .q-eh__carousel .flickity-slider {
    height: 500px;
  }
}
@media (max-width: 991px) {
  body.q-and-eh .q-eh__carousel .flickity-slider {
    height: 450px;
  }
}
body.q-and-eh .q-eh__carousel .flickity-prev-next-button {
  background-color: transparent;
}
body.q-and-eh .q-eh__carousel .flickity-prev-next-button svg.flickity-button-icon {
  fill: #CFCFCF;
}
body.q-and-eh .q-eh__carousel .flickity-page-dots {
  bottom: -40px;
}
body.q-and-eh .q-eh__carousel .flickity-page-dots .dot {
  background-color: #FFFFFF;
  opacity: 0.3;
  height: 6px;
  width: 50px;
  margin: 0 7.5px;
  border-radius: 0;
}
body.q-and-eh .q-eh__carousel .flickity-page-dots .dot.is-selected {
  opacity: 1;
}
@media (max-width: 767px) {
  body.q-and-eh .q-eh__carousel .flickity-page-dots {
    display: flex;
    justify-content: space-between;
    bottom: 0;
  }
  body.q-and-eh .q-eh__carousel .flickity-page-dots .dot {
    flex-grow: 1;
    margin: 0 1px;
  }
}
body.q-and-eh section#qeh-list {
  position: relative;
  background: radial-gradient(50% 50% at 50% 0%, rgba(229, 9, 20, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 88px 50px 140px;
}
body.q-and-eh section#qeh-list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/pattern-noise.png");
  opacity: 0.45;
}
body.q-and-eh section#qeh-list h2 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.8rem;
  line-height: 1.5;
  text-align: center;
  max-width: 660px;
  margin: 0 auto 88px;
}
body.q-and-eh section#qeh-list label {
  display: block;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: #949494;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 33px;
  border-top: 1px solid #3F3F3F;
}
@media (max-width: 991px) {
  body.q-and-eh section#qeh-list {
    background: radial-gradient(100% 30% at 50% 0%, rgba(229, 9, 20, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 80px 22.5px;
  }
  body.q-and-eh section#qeh-list h2 {
    font-size: 2.2rem;
    margin-bottom: 60px;
  }
}
body.q-and-eh .interview-group {
  flex-wrap: wrap;
}
body.q-and-eh .interview-group .interview {
  width: 33.3334%;
  max-width: 33.3334%;
  height: 21.5vw;
  padding: 23px 20px;
  margin: 0;
}
body.q-and-eh .interview-group .interview h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #CFCFCF;
  margin-bottom: 0;
}
body.q-and-eh .interview-group .interview:before {
  background-color: transparent !important;
}
body.q-and-eh .interview-group .interview:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.q-and-eh .interview-group .interview:hover:after, body.q-and-eh .interview-group .interview:focus:after, body.q-and-eh .interview-group .interview:active:after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
}
@media (max-width: 991px) {
  body.q-and-eh .interview-group .interview {
    width: 50%;
    max-width: 50%;
    height: 35vw;
  }
}
@media (max-width: 767px) {
  body.q-and-eh .interview-group .interview {
    width: 100%;
    max-width: 100%;
    height: 60vw;
  }
}

section.banner-hero {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 70vh;
  min-height: 450px;
  padding-bottom: 14vh;
}
@media (max-width: 1024px) {
  section.banner-hero {
    background-attachment: initial;
  }
}
section.banner-hero:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 97%);
}
section.banner-hero > div {
  z-index: 1;
}
section.banner-hero .subhead {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.1;
  letter-spacing: 1.04px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
section.banner-hero h2 {
  font-family: "NetflixSans_W_Th", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 5rem;
  line-height: 1.2;
  margin-bottom: 0;
}
section.banner-hero h2 strong {
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #E50914;
}
@media (max-width: 1024px) {
  section.banner-hero h2 {
    font-size: 4rem;
  }
}
@media (max-width: 991px) {
  section.banner-hero h2 {
    font-size: 3.4rem;
  }
}
@media (max-width: 767px) {
  section.banner-hero h2 {
    font-size: 2.6rem;
    padding-bottom: 85px;
  }
}

body.restaurant-experience header {
  display: flex;
  align-items: flex-end;
  padding-bottom: 200px;
  position: relative;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/rest-exp/bg-rest-exp.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 750px;
  overflow: hidden;
}
body.restaurant-experience header:after {
  position: absolute;
  bottom: 0;
  right: -12%;
  width: 620px;
  height: 620px;
  content: "";
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/rest-exp/RestExp-logo-lg.svg");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  border: 1px solid #777777;
}
body.restaurant-experience header:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
}
body.restaurant-experience header .container {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  body.restaurant-experience header .container .col-12 {
    padding-right: 33%;
  }
}
body.restaurant-experience header h1 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 110%;
  letter-spacing: 1.04px;
  text-transform: uppercase;
  padding-left: 3px;
  margin-bottom: 16px;
}
body.restaurant-experience header .intro p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 5rem;
  line-height: 1.2;
  margin-bottom: 0;
}
body.restaurant-experience header .intro p span {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: inherit;
  line-height: inherit;
  color: #E50914;
}
@media (max-width: 1199px) {
  body.restaurant-experience header {
    height: 600px;
  }
  body.restaurant-experience header:after {
    right: -20%;
  }
  body.restaurant-experience header .intro p {
    font-size: 4rem;
  }
}
@media (max-width: 1024px) {
  body.restaurant-experience header:after {
    right: -25%;
  }
}
@media (max-width: 991px) {
  body.restaurant-experience header:after {
    right: -30%;
  }
  body.restaurant-experience header .intro p {
    font-size: 3rem;
  }
}
@media (max-width: 767px) {
  body.restaurant-experience header {
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
  body.restaurant-experience header:after {
    width: 300px;
    height: 300px;
    background-size: 60%;
    top: 12.5%;
    right: -15%;
  }
}

section#re_cities {
  margin-top: -100px;
  margin-bottom: 100px;
  padding: 0 50px;
}
section#re_cities .city-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section#re_cities .city-list .city-cell {
  display: flex;
  width: 32.5%;
  height: 28vw;
  margin-bottom: 1.25%;
  border-radius: 10px;
  overflow: hidden;
}
section#re_cities .city-list .city-cell .wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
section#re_cities .city-list .city-cell .wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(24, 24, 24, 0.55);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#re_cities .city-list .city-cell .wrap .city-img {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition: 800ms;
  -moz-transition: 800ms;
  transition: 800ms;
}
section#re_cities .city-list .city-cell .wrap .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  min-width: 50%;
}
section#re_cities .city-list .city-cell .wrap .title .title_txt {
  position: relative;
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.91px;
  text-transform: uppercase;
  padding: 15px 0;
  overflow: hidden;
}
section#re_cities .city-list .city-cell .wrap .title .title_txt:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 0;
  height: 1px;
  background-color: #FFFFFF;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#re_cities .city-list .city-cell .wrap .title .title_txt.top:after {
  bottom: 0;
}
section#re_cities .city-list .city-cell .wrap .title .title_txt.top .txt_wrap {
  top: 100%;
}
section#re_cities .city-list .city-cell .wrap .title .title_txt.bot:after {
  top: 0;
}
section#re_cities .city-list .city-cell .wrap .title .title_txt.bot .txt_wrap {
  bottom: 100%;
}
section#re_cities .city-list .city-cell .wrap .title .title_txt .txt_wrap {
  position: absolute;
  width: 100%;
  opacity: 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#re_cities .city-list .city-cell .wrap .title .title_txt span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
section#re_cities .city-list .city-cell .wrap .title .title_head {
  padding: 12px 0;
  margin: 0;
}
section#re_cities .city-list .city-cell .wrap .btn-group {
  position: absolute;
  bottom: -84px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  padding: 12px 14px;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  transition: 600ms;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button {
  width: 50%;
  position: relative;
  overflow: hidden;
  padding: 22px 15px;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button span {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button i {
  margin-left: 5px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button.btn-info {
  border-bottom-left-radius: 10px;
  border-color: #FFFFFF;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button.btn-info:after {
  right: 0;
  background-color: rgba(255, 255, 255, 0.15);
}
section#re_cities .city-list .city-cell .wrap .btn-group .button.btn-start {
  border-left: none;
  border-bottom-right-radius: 10px;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button.btn-start i {
  margin-right: 5px;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button.btn-start:after {
  left: 0;
  background-color: #E50914;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button.btn-start:hover i, section#re_cities .city-list .city-cell .wrap .btn-group .button.btn-start:focus i, section#re_cities .city-list .city-cell .wrap .btn-group .button.btn-start:active i {
  margin-left: 10px;
  margin-right: 0;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button:hover, section#re_cities .city-list .city-cell .wrap .btn-group .button:focus, section#re_cities .city-list .city-cell .wrap .btn-group .button:active {
  background: transparent;
}
section#re_cities .city-list .city-cell .wrap .btn-group .button:hover:after, section#re_cities .city-list .city-cell .wrap .btn-group .button:focus:after, section#re_cities .city-list .city-cell .wrap .btn-group .button:active:after {
  width: 100%;
}
section#re_cities .city-list .city-cell:hover .wrap:after, section#re_cities .city-list .city-cell:focus .wrap:after {
  background-color: rgba(24, 24, 24, 0.35);
}
section#re_cities .city-list .city-cell:hover .wrap .city-img, section#re_cities .city-list .city-cell:focus .wrap .city-img {
  background-size: 120%;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
section#re_cities .city-list .city-cell:hover .wrap .title .title_txt:after, section#re_cities .city-list .city-cell:focus .wrap .title .title_txt:after {
  width: 100%;
}
section#re_cities .city-list .city-cell:hover .wrap .title .title_txt.top .txt_wrap, section#re_cities .city-list .city-cell:focus .wrap .title .title_txt.top .txt_wrap {
  top: 0;
}
section#re_cities .city-list .city-cell:hover .wrap .title .title_txt.bot .txt_wrap, section#re_cities .city-list .city-cell:focus .wrap .title .title_txt.bot .txt_wrap {
  bottom: 0;
}
section#re_cities .city-list .city-cell:hover .wrap .title .title_txt .txt_wrap, section#re_cities .city-list .city-cell:focus .wrap .title .title_txt .txt_wrap {
  opacity: 1;
}
section#re_cities .city-list .city-cell:hover .wrap .btn-group, section#re_cities .city-list .city-cell:focus .wrap .btn-group {
  bottom: 0;
}
@media (max-width: 1199px) {
  section#re_cities {
    padding: 0 35px;
  }
  section#re_cities .city-list .city-cell {
    width: 49%;
    height: 35vw;
    margin-bottom: 20px;
  }
  section#re_cities .city-list .city-cell .wrap:after {
    background-color: rgba(24, 24, 24, 0.35);
  }
  section#re_cities .city-list .city-cell .wrap .city-img {
    background-size: 120%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
  section#re_cities .city-list .city-cell .wrap .title .title_head {
    font-size: 3.5rem;
  }
  section#re_cities .city-list .city-cell .wrap .title .title_txt:after {
    width: 100%;
  }
  section#re_cities .city-list .city-cell .wrap .title .title_txt.top .txt_wrap {
    top: 0;
  }
  section#re_cities .city-list .city-cell .wrap .title .title_txt.bot .txt_wrap {
    bottom: 0;
  }
  section#re_cities .city-list .city-cell .wrap .title .title_txt .txt_wrap {
    opacity: 1;
  }
  section#re_cities .city-list .city-cell .wrap .btn-group {
    bottom: 0;
  }
}
@media (max-width: 991px) {
  section#re_cities .city-list {
    flex-direction: column;
  }
  section#re_cities .city-list .city-cell {
    width: 100%;
    height: 50vw;
    margin-bottom: 30px;
  }
  section#re_cities .city-list .city-cell .wrap .title .title_head {
    font-size: 3.5rem;
  }
}
@media (max-width: 767px) {
  section#re_cities {
    padding: 0 22.5px;
  }
  section#re_cities .city-list .city-cell {
    min-height: 300px;
  }
  section#re_cities .city-list .city-cell .wrap .title {
    transform: translate(-50%, -70%);
  }
  section#re_cities .city-list .city-cell .wrap .btn-group .button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 10px;
  }
  section#re_cities .city-list .city-cell .wrap .btn-group .button i {
    display: none;
  }
}

body.restaurant-experience, body.city-experience {
  height: 100dvh;
  min-height: 0;
}
body.restaurant-experience .modal#modInfo .button, body.city-experience .modal#modInfo .button {
  text-align: center;
}
body.restaurant-experience .modal#modInfo .button i, body.city-experience .modal#modInfo .button i {
  margin-left: 5px;
}
body.restaurant-experience .modal#modInfo .button.btn-start, body.city-experience .modal#modInfo .button.btn-start {
  padding: 18px 24px;
}
body.restaurant-experience .modal#modInfo .button.btn-dl, body.city-experience .modal#modInfo .button.btn-dl {
  padding: 8px 12px;
  margin-right: 12px;
  border-width: 1px;
}
body.restaurant-experience .modal#modInfo .button-close.top, body.city-experience .modal#modInfo .button-close.top {
  z-index: 3;
  width: 50px;
  padding: 10px 15px 7px;
  background-color: #181818;
  color: #949494;
  border: 1px solid #464646;
  border-bottom-left-radius: 8px;
}
body.restaurant-experience .modal#modInfo .button-close.top i, body.city-experience .modal#modInfo .button-close.top i {
  font-size: 2.4rem;
  font-weight: 700;
  color: #949494;
}
body.restaurant-experience .modal#modInfo .button-close.top:hover, body.restaurant-experience .modal#modInfo .button-close.top:focus, body.restaurant-experience .modal#modInfo .button-close.top:active, body.city-experience .modal#modInfo .button-close.top:hover, body.city-experience .modal#modInfo .button-close.top:focus, body.city-experience .modal#modInfo .button-close.top:active {
  background-color: #2F2F2F;
}
body.restaurant-experience .modal#modInfo section#re_loc_city, body.city-experience .modal#modInfo section#re_loc_city {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100vh;
  min-height: 1000px;
  max-height: 1200px;
  padding: 30px 30px 130px;
  background-size: cover;
  background-position: center;
}
body.restaurant-experience .modal#modInfo section#re_loc_city:before, body.city-experience .modal#modInfo section#re_loc_city:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
body.restaurant-experience .modal#modInfo section#re_loc_city .wrap, body.city-experience .modal#modInfo section#re_loc_city .wrap {
  position: relative;
  z-index: 1;
  width: 80%;
  max-width: 1600px;
  padding: 80px 30px 30px;
  margin-bottom: 4em;
  background: rgba(207, 207, 207, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info h1, body.city-experience .modal#modInfo section#re_loc_city .city-info h1 {
  position: static;
  transform: none;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 7.2rem;
  line-height: 1.1;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 0;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info h1 span, body.city-experience .modal#modInfo section#re_loc_city .city-info h1 span {
  display: block;
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.1;
  letter-spacing: 1.04px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info h1:after, body.city-experience .modal#modInfo section#re_loc_city .city-info h1:after {
  display: none;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info h2, body.city-experience .modal#modInfo section#re_loc_city .city-info h2 {
  position: relative;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  padding-left: 27px;
  margin-bottom: 10px;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info h2 i, body.city-experience .modal#modInfo section#re_loc_city .city-info h2 i {
  position: absolute;
  top: 3px;
  left: 0;
  color: #B0B0B0;
  margin-right: 5px;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info p, body.city-experience .modal#modInfo section#re_loc_city .city-info p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.5;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info ul, body.city-experience .modal#modInfo section#re_loc_city .city-info ul {
  list-style: none;
  padding-left: 27px;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info ul > li, body.city-experience .modal#modInfo section#re_loc_city .city-info ul > li {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #CFCFCF;
  padding: 5px 0;
  cursor: pointer;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info ul > li:hover, body.restaurant-experience .modal#modInfo section#re_loc_city .city-info ul > li:active, body.city-experience .modal#modInfo section#re_loc_city .city-info ul > li:hover, body.city-experience .modal#modInfo section#re_loc_city .city-info ul > li:active {
  color: #FFFFFF;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info .info-top, body.city-experience .modal#modInfo section#re_loc_city .city-info .info-top {
  padding-bottom: 37px;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info .info-top .info_start, body.city-experience .modal#modInfo section#re_loc_city .city-info .info-top .info_start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info .info-bot hr, body.city-experience .modal#modInfo section#re_loc_city .city-info .info-bot hr {
  opacity: 1;
  background-color: #949494;
  margin: 0 0 34px;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info .btn-group, body.city-experience .modal#modInfo section#re_loc_city .city-info .btn-group {
  margin-top: 25px;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info .btn-group .button, body.city-experience .modal#modInfo section#re_loc_city .city-info .btn-group .button {
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info .info_desc, body.city-experience .modal#modInfo section#re_loc_city .city-info .info_desc {
  padding-right: 50px;
  border-right: 1px solid #949494;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info .info_lists, body.city-experience .modal#modInfo section#re_loc_city .city-info .info_lists {
  padding-left: 25px;
}
body.restaurant-experience .modal#modInfo section#re_loc_city .city-info .info_lists .col-6, body.city-experience .modal#modInfo section#re_loc_city .city-info .info_lists .col-6 {
  padding-left: 25px;
}
body.restaurant-experience .modal#modInfo section#re_loc_city a#scroll-down, body.city-experience .modal#modInfo section#re_loc_city a#scroll-down {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 200px;
  text-align: center;
  text-decoration: none;
}
body.restaurant-experience .modal#modInfo section#re_loc_city a#scroll-down span, body.city-experience .modal#modInfo section#re_loc_city a#scroll-down span {
  display: block;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #CFCFCF;
  text-transform: uppercase;
  margin-bottom: 10px;
}
body.restaurant-experience .modal#modInfo section#re_loc_city a#scroll-down i, body.city-experience .modal#modInfo section#re_loc_city a#scroll-down i {
  font-size: 3.2rem;
}
@media (max-width: 1400px) {
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap, body.city-experience .modal#modInfo section#re_loc_city .wrap {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  body.restaurant-experience .modal#modInfo section#re_loc_city, body.city-experience .modal#modInfo section#re_loc_city {
    height: auto;
    min-height: 0;
    max-height: none;
    padding-bottom: 30px;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap, body.city-experience .modal#modInfo section#re_loc_city .wrap {
    margin-bottom: 0;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info h1, body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info h1 {
    font-size: 6rem;
    letter-spacing: 0;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info .info_desc, body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info .info_desc {
    padding-right: 30px;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city a#scroll-down, body.city-experience .modal#modInfo section#re_loc_city a#scroll-down {
    display: none;
  }
}
@media (max-width: 991px) {
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info .info-top, body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info .info-top {
    flex-direction: column;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info h1, body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info h1 {
    font-size: 3rem;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info .info_start .button, body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info .info_start .button {
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info .btn-group, body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info .btn-group {
    flex-direction: column;
    width: 100%;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info .btn-group .button, body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info .btn-group .button {
    width: 100%;
    text-align: center;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info .btn-group .button:not(:first-child), body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info .btn-group .button:not(:first-child) {
    margin-top: 15px;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info .info_desc, body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info .info_desc {
    border-right: none;
    padding-right: 7.5px;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_city .wrap .city-info .info_lists, body.city-experience .modal#modInfo section#re_loc_city .wrap .city-info .info_lists {
    padding-top: 30px;
    padding-left: 7.5px;
    margin-top: 30px;
    border-top: 1px solid #949494;
  }
}
body.restaurant-experience .modal#modInfo section#re_loc_rest, body.city-experience .modal#modInfo section#re_loc_rest {
  position: relative;
  padding-top: 120px;
  padding-bottom: 100px;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest:before, body.city-experience .modal#modInfo section#re_loc_rest:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 50vw;
  background: radial-gradient(50% 50% at 30% 0%, #E50914 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest > .row, body.city-experience .modal#modInfo section#re_loc_rest > .row {
  position: relative;
  z-index: 1;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest h2, body.city-experience .modal#modInfo section#re_loc_rest h2 {
  font-size: 3.2rem;
  line-height: 1;
  margin-bottom: 0;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest label, body.city-experience .modal#modInfo section#re_loc_rest label {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #777777;
  text-transform: uppercase;
  margin-right: 9px;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest select, body.city-experience .modal#modInfo section#re_loc_rest select {
  font-size: 1.4rem;
  line-height: 1.3;
  color: #777777;
  min-width: 138px;
  height: 32px;
  padding: 5px 30px 5px 11px;
  background: transparent;
  border: 1px solid #777777;
  border-radius: 50px;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: 92% center;
  appearance: none;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-head, body.city-experience .modal#modInfo section#re_loc_rest .rest-head {
  display: flex;
  justify-content: space-between;
  max-width: 1112px;
  padding-bottom: 126px;
  margin: 0 auto;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-head .sort, body.city-experience .modal#modInfo section#re_loc_rest .rest-head .sort {
  display: flex;
  align-items: center;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list, body.city-experience .modal#modInfo section#re_loc_rest .rest-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1112px;
  margin: 0 auto;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  width: 48.5%;
  margin-bottom: 60px;
  border: 1px solid #2F2F2F;
  border-radius: 8px;
  overflow: hidden;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__images, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__images {
  display: flex;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__images > div, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__images > div {
  width: 50%;
  overflow: hidden;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__images img, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__images img {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content {
  display: flex;
  flex-grow: 1;
  background-size: cover;
  background-position: center;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content .wrap, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content .wrap {
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  padding: 37px 50px 45px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content h3, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content h3 {
  font-size: 3.2rem;
  margin-bottom: 5px;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table {
  width: 100%;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table tr:not(:last-child) td, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table tr:not(:last-child) td {
  border-bottom: 1px solid #3F3F3F;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table td, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table td {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: 0.24px;
  color: #949494;
  padding: 15px 2px;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table td:first-child:not(.desc), body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table td:first-child:not(.desc) {
  width: 25px;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table td.title, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table td.title {
  text-transform: uppercase;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table td.desc *, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content table td.desc * {
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #CFCFCF;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content .link, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content .link {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1;
  color: #CFCFCF;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content .link i, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content .link i {
  margin-left: 8px;
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:hover .cell__images img, body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:focus .cell__images img, body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:active .cell__images img, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:hover .cell__images img, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:focus .cell__images img, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:active .cell__images img {
  transform: scale(1.2);
}
body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:hover .cell__content .wrap, body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:focus .cell__content .wrap, body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:active .cell__content .wrap, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:hover .cell__content .wrap, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:focus .cell__content .wrap, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell:active .cell__content .wrap {
  background: rgba(24, 24, 24, 0.85);
}
@media (max-width: 1199px) {
  body.restaurant-experience .modal#modInfo section#re_loc_rest, body.city-experience .modal#modInfo section#re_loc_rest {
    padding: 60px 30px 0;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-head, body.city-experience .modal#modInfo section#re_loc_rest .rest-head {
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) {
  body.restaurant-experience .modal#modInfo section#re_loc_rest, body.city-experience .modal#modInfo section#re_loc_rest {
    padding-bottom: 30px;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_rest:before, body.city-experience .modal#modInfo section#re_loc_rest:before {
    background: radial-gradient(100% 100% at 0% 0%, #E50914 0%, rgba(0, 0, 0, 0) 100%);
  }
  body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell {
    width: 100%;
    margin-bottom: 30px;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content .wrap, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content .wrap {
    padding: 30px;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content h3, body.city-experience .modal#modInfo section#re_loc_rest .rest-list a.rest-cell .cell__content h3 {
    font-size: 2.2rem;
  }
}
body.restaurant-experience .modal#modInfo section#re_loc_cta, body.city-experience .modal#modInfo section#re_loc_cta {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 650px;
}
body.restaurant-experience .modal#modInfo section#re_loc_cta:before, body.city-experience .modal#modInfo section#re_loc_cta:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}
body.restaurant-experience .modal#modInfo section#re_loc_cta:after, body.city-experience .modal#modInfo section#re_loc_cta:after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 460px;
  background: radial-gradient(50% 80% at 50% 100%, rgba(229, 9, 20, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
}
body.restaurant-experience .modal#modInfo section#re_loc_cta .filter-bg, body.city-experience .modal#modInfo section#re_loc_cta .filter-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: grayscale(1);
}
body.restaurant-experience .modal#modInfo section#re_loc_cta .wrap, body.city-experience .modal#modInfo section#re_loc_cta .wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 950px;
  text-align: center;
}
body.restaurant-experience .modal#modInfo section#re_loc_cta .wrap .logo-wrap, body.city-experience .modal#modInfo section#re_loc_cta .wrap .logo-wrap {
  display: inline-block;
  padding: 33px;
  margin-bottom: 30px;
  border: 1px solid #FFFFFF;
  border-radius: 100px;
}
body.restaurant-experience .modal#modInfo section#re_loc_cta .wrap h2, body.city-experience .modal#modInfo section#re_loc_cta .wrap h2 {
  font-size: 4.8rem;
  line-height: 1.2;
  margin-bottom: 40px;
}
body.restaurant-experience .modal#modInfo section#re_loc_cta .wrap .btn-group .button, body.city-experience .modal#modInfo section#re_loc_cta .wrap .btn-group .button {
  padding: 14px 25px;
  margin: 0 9px;
}
@media (max-width: 991px) {
  body.restaurant-experience .modal#modInfo section#re_loc_cta, body.city-experience .modal#modInfo section#re_loc_cta {
    padding: 30px 30px 0;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_cta .wrap h2, body.city-experience .modal#modInfo section#re_loc_cta .wrap h2 {
    font-size: 3rem;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_cta .btn-group, body.city-experience .modal#modInfo section#re_loc_cta .btn-group {
    flex-direction: column;
    width: 100%;
  }
  body.restaurant-experience .modal#modInfo section#re_loc_cta .btn-group .button, body.city-experience .modal#modInfo section#re_loc_cta .btn-group .button {
    width: 100%;
    margin: 0 0 15px !important;
  }
}
body.restaurant-experience .modal#modShare, body.city-experience .modal#modShare {
  background: rgba(0, 0, 0, 0.5);
}
body.restaurant-experience .modal#modShare .modal-content, body.city-experience .modal#modShare .modal-content {
  background-color: #181818;
  border: 1px solid #2F2F2F;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
body.restaurant-experience .modal#modShare .modal-content button.close, body.city-experience .modal#modShare .modal-content button.close {
  font-size: 2.4rem;
  color: #949494;
  padding: 12.5px 17px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.restaurant-experience .modal#modShare .modal-content button.close:hover, body.restaurant-experience .modal#modShare .modal-content button.close:focus, body.restaurant-experience .modal#modShare .modal-content button.close:active, body.city-experience .modal#modShare .modal-content button.close:hover, body.city-experience .modal#modShare .modal-content button.close:focus, body.city-experience .modal#modShare .modal-content button.close:active {
  background-color: #2F2F2F;
}
body.restaurant-experience .modal#modShare .modal-content .modal-body, body.city-experience .modal#modShare .modal-content .modal-body {
  padding: 66px 15px 77px;
}
body.restaurant-experience .modal#modShare .modal-content .modal-body h3, body.city-experience .modal#modShare .modal-content .modal-body h3 {
  font-size: 1.6rem;
  line-height: 1.2;
  color: #777777;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
}
body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media, body.city-experience .modal#modShare .modal-content .modal-body ul.social-media {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media > li:not(:last-child), body.city-experience .modal#modShare .modal-content .modal-body ul.social-media > li:not(:last-child) {
  padding-right: 10px;
}
body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a, body.city-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a {
  display: inline-block;
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #1D1D1D;
  border-top: 3px solid #1D1D1D;
  border-bottom: 3px solid #1D1D1D;
  border-radius: 6px;
  box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a span, body.city-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  font-size: 3.5rem;
  line-height: 1;
  color: #CFCFCF;
}
body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:hover, body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:focus, body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:active, body.city-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:hover, body.city-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:focus, body.city-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:active {
  background: linear-gradient(0deg, #B20710 0%, #1D1D1D 100%);
  border-bottom: 3px solid #E50914;
}
body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:hover span, body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:focus span, body.restaurant-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:active span, body.city-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:hover span, body.city-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:focus span, body.city-experience .modal#modShare .modal-content .modal-body ul.social-media > li > a:active span {
  color: #FFFFFF;
}

@media (min-width: 1025px) {
  html[lang=fr] body.restaurant-experience .modal#modInfo section#re_loc_city .wrap,
  html[lang=fr] body.city-experience .modal#modInfo section#re_loc_city .wrap {
    padding-top: 60px;
    margin-bottom: 8em;
  }
  html[lang=fr] body.restaurant-experience .modal#modInfo section#re_loc_city .info_desc,
  html[lang=fr] body.city-experience .modal#modInfo section#re_loc_city .info_desc {
    width: 55%;
  }
  html[lang=fr] body.restaurant-experience .modal#modInfo section#re_loc_city .info_lists,
  html[lang=fr] body.city-experience .modal#modInfo section#re_loc_city .info_lists {
    width: 45%;
  }
}

@media (max-width: 1024px) {
  body.city-experience {
    overflow: hidden;
    height: 100dvh;
  }
}
body.city-experience nav#global-nav .site-logo {
  display: none;
}
body.city-experience .button.back.global {
  display: none;
  top: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
  background: #181818;
  border: 1px solid #464646;
  border-radius: 0px 0px 20px 0px;
  box-shadow: none;
}
body.city-experience .city-cell {
  position: absolute;
  width: 100%;
  height: 100%;
}
body.city-experience .city-cell > .wrap {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body.city-experience .city-cell > .wrap::-webkit-scrollbar {
  display: none;
}
body.city-experience .city-cell .cell__thumb {
  width: 100%;
  height: 280px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.65;
}
body.city-experience .city-cell .cell__thumb:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 101%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 85%, black 100%);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
body.city-experience .city-cell .cell__content {
  position: relative;
  z-index: 1;
}
body.city-experience .city-cell .cell__top {
  padding: 40px 40px 0;
}
body.city-experience .city-cell .cell__top h2 {
  font-size: 4.6rem;
  line-height: 1.2;
  margin-bottom: 10px;
}
body.city-experience .city-cell .cell__top .subhead {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  margin-bottom: 24px;
}
body.city-experience .city-cell .cell__top hr {
  border-color: #666666;
  margin: 32px 0 0;
}
body.city-experience .city-cell .cell__top .button {
  font-size: 1.2rem;
  padding: 7px 13px;
}
body.city-experience .city-cell .cell__top .button:not(:last-child) {
  margin-right: 8px;
}
body.city-experience .city-cell .cell__top .button i {
  margin-left: 5px;
}
body.city-experience .city-cell .cell__bot {
  display: flex;
  flex-direction: column;
  padding: 30px 0 60px;
}
body.city-experience .city-cell .loc-cell {
  display: flex;
  align-items: center;
  text-decoration: none;
  border-bottom: 1px solid #111;
}
body.city-experience .city-cell .loc-cell .loc__icon {
  flex-grow: 1;
  width: 15%;
  max-width: 70px;
  height: 140px;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icon-restaurant.svg");
  background-size: 40px 40px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 10px;
}
body.city-experience .city-cell .loc-cell .loc__info {
  flex-grow: 1;
  max-width: 80%;
  padding-right: 15px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .city-cell .loc-cell .loc__info h3 {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #B0B0B0;
  margin-bottom: 10px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .city-cell .loc-cell .loc__info .subhead {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  text-transform: uppercase;
  color: #777777;
  margin-bottom: 10px;
}
body.city-experience .city-cell .loc-cell .loc__info address {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #B0B0B0;
}
body.city-experience .city-cell .loc-cell .loc__arrow {
  flex-grow: 1;
  width: 5%;
  max-width: 30px;
}
body.city-experience .city-cell .loc-cell .loc__arrow i {
  font-size: 1.4rem;
  color: #2F2F2F;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .city-cell .loc-cell:hover, body.city-experience .city-cell .loc-cell:focus, body.city-experience .city-cell .loc-cell:active {
  background-color: #111;
}
body.city-experience .city-cell .loc-cell:hover .loc__icon, body.city-experience .city-cell .loc-cell:focus .loc__icon, body.city-experience .city-cell .loc-cell:active .loc__icon {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icon-restaurant_hover.svg");
  background-color: #1D1D1D;
  background-size: 40px 40px;
}
body.city-experience .city-cell .loc-cell:hover .loc__info, body.city-experience .city-cell .loc-cell:focus .loc__info, body.city-experience .city-cell .loc-cell:active .loc__info {
  padding-left: 15px;
}
body.city-experience .city-cell .loc-cell:hover .loc__info h3, body.city-experience .city-cell .loc-cell:focus .loc__info h3, body.city-experience .city-cell .loc-cell:active .loc__info h3 {
  color: #FFFFFF;
}
body.city-experience .city-cell .loc-cell:hover .loc__arrow i, body.city-experience .city-cell .loc-cell:focus .loc__arrow i, body.city-experience .city-cell .loc-cell:active .loc__arrow i {
  color: #FFFFFF;
}
@media (max-width: 1400px) {
  body.city-experience .city-cell .cell__top {
    padding: 30px 15px 0;
  }
  body.city-experience .city-cell .cell__top h2 {
    font-size: 3.6rem;
  }
  body.city-experience .city-cell .cell__top .button {
    width: 100%;
  }
  body.city-experience .city-cell .cell__top .button:not(:last-child) {
    margin-bottom: 15px;
  }
  body.city-experience .city-cell .cell__top hr {
    margin-top: 20px;
  }
  body.city-experience .city-cell .cell__bot {
    padding: 20px 15px 150px;
  }
  body.city-experience .city-cell .loc-cell .loc__icon {
    min-width: 35px;
    padding: 0;
  }
  body.city-experience .city-cell .loc-cell .loc__info {
    padding-left: 10px;
    padding-right: 10px;
  }
  body.city-experience .city-cell .loc-cell .loc__info h3 {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  body.city-experience .city-cell {
    padding-top: 48px;
  }
  body.city-experience .city-cell > .wrap {
    top: 48px;
    background-color: #000000;
  }
  body.city-experience .city-cell .cell__thumb {
    height: 300px;
  }
  body.city-experience .city-cell .cell__top {
    padding: 70px 30px 0;
  }
  body.city-experience .city-cell .cell__top .button {
    width: 100%;
    margin: 15px 0 0 !important;
  }
  body.city-experience .city-cell .cell__top hr {
    margin-top: 30px;
  }
}
body.city-experience .city__sidebar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  border-right: 1px solid #464646;
  background-color: #000000;
  transform: translateX(-100%);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .city__sidebar.active {
  transform: translateX(0%);
}
body.city-experience .city__sidebar.active a#sb-toggle i:before {
  content: "\f053";
}
body.city-experience .city__sidebar:not(.active) + .city__map {
  width: 100% !important;
  margin-left: 0;
}
body.city-experience .city__sidebar a#sb-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 2rem;
  color: #949494;
  text-decoration: none;
  height: 70%;
  padding: 10px;
  background-color: #181818;
  border: 1px solid #464646;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
body.city-experience .city__sidebar .button.back.global {
  display: block;
  position: relative;
}
body.city-experience .city__sidebar.closed a#sb-toggle i:before {
  content: "\f054";
}
@media (min-width: 1025px) {
  body.city-experience .city__sidebar {
    width: 25%;
  }
}
@media (max-width: 1024px) {
  body.city-experience .city__sidebar a#sb-toggle {
    height: 50%;
  }
}
@media (max-width: 991px) {
  body.city-experience .city__sidebar {
    width: 40%;
  }
}
@media (max-width: 767px) {
  body.city-experience .city__sidebar {
    width: 100%;
    background-color: transparent;
    border-right: none;
    top: -webkit-calc(100dvh - 50px);
    top: calc(100dvh - 50px);
    left: 0;
    bottom: auto;
    transform: none;
  }
  body.city-experience .city__sidebar.active {
    z-index: 1050;
    top: 0%;
  }
  body.city-experience .city__sidebar:not(.active) a#sb-toggle {
    height: 100px;
    padding-bottom: 65px;
  }
  body.city-experience .city__sidebar a#sb-toggle {
    top: 0;
    left: 0;
    z-index: 3;
    transform: none;
    width: 100%;
    height: 48px;
    background-color: #181818;
    border-radius: 20px 20px 0 0;
  }
  body.city-experience .city__sidebar a#sb-toggle i:before {
    font-size: 3.2rem;
    content: "\e404" !important;
  }
  body.city-experience .city__sidebar .button.back.global {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 49px;
    border-radius: 0;
    border-top: 0;
  }
  body.city-experience .city__sidebar .button.back.global * {
    font-size: 1.4rem;
    color: #777777;
  }
  body.city-experience .city__sidebar .button.back.global span {
    display: block;
    margin-left: 10px;
  }
}
body.city-experience .city__map {
  padding-left: 0;
  padding-right: 0;
  margin-left: 25%;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .city__map #nb_map {
  height: 100dvh;
}
@media (max-width: 1024px) {
  body.city-experience .city__map {
    margin-left: 33.3334%;
  }
  body.city-experience .city__map #nb_map {
    max-height: none;
  }
}
@media (max-width: 991px) {
  body.city-experience .city__map {
    margin-left: 40%;
    width: 60%;
  }
}
@media (max-width: 767px) {
  body.city-experience .city__map {
    margin-left: 0;
    width: 100%;
  }
}
body.city-experience .city__action-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1101;
  background-color: #111;
  border-top: 1px solid #464646;
}
body.city-experience .city__action-bar .city_actions {
  display: flex;
  align-items: center;
  padding: 0;
}
body.city-experience .city__action-bar #map_legend {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  max-width: 60px;
  height: 100%;
  margin: 0;
  border-right: 1px solid #464646;
}
body.city-experience .city__action-bar #map_legend .legend-icon {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  opacity: 0.8;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .city__action-bar #map_legend .legend-icon:not(:last-child) {
  margin-right: 2.5px;
}
body.city-experience .city__action-bar #map_legend .legend-icon:not(:first-child) {
  margin-left: 2.5px;
}
body.city-experience .city__action-bar #map_legend .legend-icon.disabled {
  opacity: 0.5;
}
body.city-experience .city__action-bar #map_legend .legend-icon:hover {
  opacity: 1;
}
body.city-experience .city__action-bar #map_legend #legendSetCluster {
  display: none;
}
body.city-experience .city__action-bar #map_legend #legendSet {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/legend-icon-red.png);
}
body.city-experience .city__action-bar h2 {
  flex-grow: 1;
  font-size: 1.6rem;
  padding: 0 24px;
  margin-bottom: 0;
}
body.city-experience .city__action-bar h2 > a {
  display: inline-block;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 1.2;
}
body.city-experience .city__action-bar h2 > a > span {
  font-size: inherit;
  line-height: inherit;
}
body.city-experience .city__action-bar h2 > a > i {
  font-size: inherit;
  line-height: inherit;
  color: #777777;
  margin-left: 5px;
}
body.city-experience .city__action-bar .btn-group {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  padding: 6px;
  max-width: 30%;
}
body.city-experience .city__action-bar .btn-group .button {
  box-shadow: 0px 4px 12px 0px #000000;
}
body.city-experience .city__action-bar .btn-group #btnChangeCity {
  color: #FFFFFF;
  text-transform: none;
}
body.city-experience .city__action-bar .btn-group #btnChangeCity i {
  color: #777777;
  margin-left: 5px;
}
@media (max-width: 767px) {
  body.city-experience .city__action-bar {
    z-index: 999;
    border-top: none;
    bottom: auto;
    top: 0;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    min-height: 50px;
  }
  body.city-experience .city__action-bar .city_actions {
    height: 50px;
  }
  body.city-experience .city__action-bar #map_legend {
    display: none;
  }
  body.city-experience .city__action-bar h2 {
    padding: 0 15px;
  }
  body.city-experience .city__action-bar h2 > a {
    font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
  }
  body.city-experience .city__action-bar .btn-group {
    padding: 5px 15px;
    max-width: 80px;
  }
  body.city-experience .city__action-bar #btnChangeCity {
    font-size: 2rem;
    padding: 0px 14px 0px 10px;
  }
  body.city-experience .city__action-bar #btnChangeCity span {
    display: none;
  }
}
body.city-experience .modal-backdrop.show {
  display: none;
}
body.city-experience .modal#modInfo.show {
  z-index: 1150 !important;
}
body.city-experience .modal#modLocationOption.show {
  background: rgba(0, 0, 0, 0.5);
  z-index: 1200 !important;
}
@media (max-width: 767px) {
  body.city-experience .modal#modLocationOption.show {
    background: rgba(0, 0, 0, 0.85);
  }
}
body.city-experience .modal#modLocationOption.show + .modal#modSL {
  width: 100% !important;
}
body.city-experience .modal#modLocationOption .modal-content {
  width: 100%;
  max-width: 840px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn .province-name {
  display: inline-block;
  font-size: 2rem;
  color: #FFFFFF;
  margin-top: 10px;
}
body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-qc_red.png);
}
body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc .font-head {
  color: #E50914;
  margin-bottom: 10px;
}
body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:hover:before, body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:focus:before, body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(135, 0, 20, 0) 0%, #870014 100%);
}
body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:hover .prov-icon:after, body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:focus .prov-icon:after, body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:active .prov-icon:after {
  border-color: #870014;
  background-color: #870014;
}
@media (max-width: 991px) {
  body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(135, 0, 20, 0) 0%, #870014 100%);
  }
  body.city-experience .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc .prov-icon:after {
    border-color: #870014;
    background-color: #870014;
  }
}
body.city-experience .modal#modLocationOption .modal-content .modal-footer {
  padding: 42px 30px 45px;
}
body.city-experience .modal#modLocationOption .modal-content .modal-footer h3 {
  margin-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
  body.city-experience .modal#modLocationOption .loc-opt-btn {
    width: 50% !important;
  }
}
body.city-experience .modal#modSL.imgView-visible {
  width: 100% !important;
}
body.city-experience .modal#modSL.imgView-visible .modal-content .modal-header {
  opacity: 1;
}
@media (max-width: 991px) {
  body.city-experience .modal#modSL.imgView-visible .modal-content {
    flex-direction: row-reverse;
  }
  body.city-experience .modal#modSL.imgView-visible .modal-content .modal-header {
    display: block;
  }
}
body.city-experience .modal#modSL .modal-content {
  width: 100%;
  flex-direction: row-reverse;
  background: transparent;
  border: none;
}
body.city-experience .modal#modSL .modal-content .modal-header {
  opacity: 0;
  width: 75%;
  padding-bottom: 60px;
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel {
  width: 100%;
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .carousel-cell {
  width: 45%;
  height: 480px;
  margin: 0 15px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 2px 4px 18px 0px rgba(0, 0, 0, 0.25);
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .carousel-cell img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1024px) {
  body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .carousel-cell {
    height: 300px;
  }
}
@media (max-width: 991px) {
  body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .carousel-cell {
    height: 200px;
  }
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .flickity-button {
  opacity: 0.6;
  color: #FFFFFF;
  background: transparent;
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .flickity-button:hover, body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .flickity-button:focus, body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .flickity-button:active {
  opacity: 1;
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .flickity-page-dots {
  bottom: -85px;
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .flickity-page-dots .dot {
  width: 15px;
  height: 15px;
  border: 1px solid #FFFFFF;
  background: transparent;
}
body.city-experience .modal#modSL .modal-content .modal-header .location__images .loc__carousel .flickity-page-dots .dot.is-selected {
  background: #FFFFFF;
}
body.city-experience .modal#modSL .modal-content .modal-body {
  width: 25%;
}
body.city-experience .modal#modSL .modal-content .modal-body .button.back {
  position: relative;
  top: 0;
  font-size: 1.2rem;
  color: #FFFFFF;
  text-transform: uppercase;
  background: #181818;
  border: 1px solid #464646;
  border-radius: 0px 0px 20px 0px;
  box-shadow: none;
}
body.city-experience .modal#modSL .modal-content .modal-body .button.back:hover, body.city-experience .modal#modSL .modal-content .modal-body .button.back:focus, body.city-experience .modal#modSL .modal-content .modal-body .button.back:active {
  color: #E50914;
}
body.city-experience .modal#modSL .modal-content .modal-body .loc__thumb {
  width: 100%;
  height: 280px;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
body.city-experience .modal#modSL .modal-content .modal-body .loc__thumb:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, black 100%);
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin-top: 0;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content > .wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content > .wrap::-webkit-scrollbar {
  display: none;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info {
  position: absolute;
  width: 100%;
  height: 100%;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top {
  padding: 18rem 4rem 0;
}
@media (max-width: 1199px) {
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top {
    padding: 18rem 2.4rem 0;
  }
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top h2 {
  font-size: 3.4rem;
  line-height: 1;
  margin-bottom: 15px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top address {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #B0B0B0;
  margin-bottom: 15px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .titles {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #B0B0B0;
  text-transform: uppercase;
  padding-left: 23px;
  margin-bottom: 18px;
  cursor: pointer;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .titles:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f008";
  position: absolute;
  left: 0;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .titles:hover, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .titles:active {
  color: #FFFFFF;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact {
  margin-bottom: 30px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a {
  position: relative;
  display: flex;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #949494;
  text-decoration: none;
  padding: 14px 0;
  border-bottom: 1px solid #2F2F2F;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a > i {
  color: #555555;
  padding: 1px 10px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:after {
  position: absolute;
  right: 0;
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f054";
  color: #555555;
  padding: 0 10px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:hover, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:focus, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:active {
  color: #CFCFCF;
  background-color: #181818;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:hover > i, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:hover:after, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:focus > i, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:focus:after, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:active > i, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a:active:after {
  color: #949494;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle {
  display: flex;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle .button {
  width: 50%;
  font-size: 1.2rem;
  color: #949494;
  background-color: #181818;
  padding: 14px 15px;
  border: none;
  border-radius: 0;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle .button:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle .button:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle .button i {
  margin-left: 5px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle .button.active {
  color: #FFFFFF;
  background-color: #2F2F2F;
}
@media (max-width: 1199px) {
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle .button {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    padding: 12px 10px;
  }
}
@media (max-width: 1024px) {
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle {
    flex-direction: column;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle .button {
    width: 100%;
    border-radius: 0;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle .button:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 1px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle .button:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot {
  display: flex;
  flex-direction: column;
  padding: 30px 0 120px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .block {
  border-top: 1px solid #2F2F2F;
  padding: 4rem;
}
@media (max-width: 1199px) {
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .block {
    padding: 3rem 2.4rem;
  }
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .block h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #949494;
  margin-bottom: 20px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .block p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #DDDDDD;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .block p:last-child {
  margin-bottom: 0;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider {
  display: none;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .social {
  padding-top: 10px !important;
  border: none;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .social a {
  display: inline-block;
  font-size: 2.4rem;
  color: #FFFFFF;
  text-decoration: none;
  opacity: 0.75;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .social a:not(:last-child) {
  margin-right: 20px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .social a:hover, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .social a:focus, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .social a:active {
  opacity: 1;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group {
  display: flex;
  flex-direction: column;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group .promo {
  background-color: #111;
  padding-bottom: 20px;
  border: 1px solid #2F2F2F;
  border-radius: 4px;
  overflow: hidden;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group .promo .head {
  position: relative;
  background-color: #181818;
  padding: 20px 14px 14px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group .promo .head:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0;
  height: 0;
  border-top: 46px solid #E50914;
  border-left: 46px solid transparent;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group .promo .head:after {
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f645";
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 3px 6px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group .promo .head h4 {
  font-family: "NetflixSans_W_It", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 8px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group .promo .head span {
  display: block;
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #CFCFCF;
  text-transform: uppercase;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group .promo h5 {
  font-family: "NetflixSans_W_It", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #CFCFCF;
  padding: 18px 14px 0;
  margin-bottom: 8px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group .promo p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: #DDDDDD;
  padding: 0 14px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .promos .promo-group .promo:not(:last-child) {
  margin-bottom: 15px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .streetview iframe {
  height: 200px;
}
body.city-experience .modal#modSL .modal-content .modal-body .location-nav {
  bottom: 60px;
  left: 0;
  width: 25%;
}
@media (max-width: 1024px) {
  body.city-experience .modal#modSL {
    width: 33.33333333% !important;
  }
  body.city-experience .modal#modSL .modal-content .modal-header {
    width: 66.33333333%;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .loc__thumb {
    height: 200px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top {
    padding: 120px 30px 0;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top h2 {
    font-size: 2.4rem;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .block {
    padding: 30px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location-nav {
    width: 33.33333333%;
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  body.city-experience .modal#modSL {
    width: 40% !important;
  }
  body.city-experience .modal#modSL .modal-content .modal-header {
    width: 60%;
  }
  body.city-experience .modal#modSL .modal-content .modal-body {
    width: 40%;
    position: relative;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot {
    padding-bottom: 160px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location-nav {
    width: 100%;
  }
}
@media (max-width: 767px) {
  body.city-experience .modal#modSL {
    width: 100% !important;
    top: 48px;
  }
  body.city-experience .modal#modSL .modal-content .modal-header {
    display: none;
  }
  body.city-experience .modal#modSL .modal-content .modal-body {
    width: 100%;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .loc__thumb {
    height: 350px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .button.back {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 49px;
    border-radius: 0;
    border-top: 0;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .button.back * {
    font-size: 1.4rem;
    color: #777777;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .button.back i {
    margin-right: 10px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top {
    padding: 200px 30px 0;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top h2 {
    font-size: 3rem;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact {
    padding: 0 15px;
    margin: 40px 0 10px;
    border: 1px solid #1D1D1D;
    border-radius: 4px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li a {
    padding: 20px 0;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .contact ul li:last-child a {
    border-bottom: none;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__top .view-toggle {
    display: none;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot {
    padding-bottom: 100px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider {
    display: block;
    padding-top: 0;
    margin-bottom: 40px;
    border-top: none;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs {
    width: 100%;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs .carousel-cell {
    width: 100%;
    height: 250px;
    margin: 0 15px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs .carousel-cell img {
    width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs .flickity-button {
    opacity: 0.6;
    color: #FFFFFF;
    background: transparent;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs .flickity-button:hover, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs .flickity-button:focus, body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs .flickity-button:active {
    opacity: 1;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs .flickity-page-dots {
    bottom: -30px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border: 1px solid #FFFFFF;
    background: transparent;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .slider .carousel-xs .flickity-page-dots .dot.is-selected {
    background: #FFFFFF;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .social {
    padding-top: 30px !important;
    border-top: 1px solid #2F2F2F;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location__content .loc__info .loc__bot .streetview iframe {
    height: 350px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location-nav {
    width: 100%;
    bottom: 48px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location-nav > a {
    padding: 15px;
  }
  body.city-experience .modal#modSL .modal-content .modal-body .location-nav > button {
    display: none;
  }
}
body.city-experience .infoBox.restExp-events {
  cursor: pointer;
  background: transparent;
  padding: 0;
  border-radius: 0;
}
body.city-experience .infoBox.restExp-events:before, body.city-experience .infoBox.restExp-events:after {
  display: none;
}
body.city-experience .infoBox.restExp-events * {
  cursor: pointer;
}
body.city-experience .infoBox.restExp-events .agg-popup {
  position: relative;
}
body.city-experience .infoBox.restExp-events .agg-popup .info__desc {
  position: absolute;
  top: 0;
  left: 0;
  width: 142px;
  height: 142px;
  transform: rotate(45deg);
  overflow: hidden;
}
body.city-experience .infoBox.restExp-events .agg-popup .info__desc .info__heading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 2;
  font-size: 1.4rem;
  line-height: 1.1;
  color: #FFFFFF;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 6px 8px;
  margin: 0;
  width: 100%;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
}
body.city-experience .infoBox.restExp-events .agg-popup .info__desc .info__img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg) scale(0.1);
  width: 200px;
  height: 200px;
  background-size: cover;
  background-position: center;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .infoBox.restExp-events .agg-popup .info__desc .info__img:after {
  content: "";
  position: absolute;
  width: 142px;
  height: 142px;
  border: 2px solid transparent;
  top: 50%;
  left: 50%;
  transform: translate(-71px, -71px) rotate(45deg);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
body.city-experience .infoBox.restExp-events.hover .agg-popup .info__desc .info__img {
  transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}
body.city-experience .infoBox.restExp-events.hover .agg-popup .info__desc .info__img:after {
  border: 2px solid #E50914;
}

section#events__hero {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/banner-events.jpg");
  padding-bottom: 5vh;
}
@media (max-width: 767px) {
  section#events__hero h2 {
    padding-bottom: 4rem;
  }
}

section#events__content {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
  background: radial-gradient(100% 100% at 0% 120%, rgba(178, 7, 16, 0.7) 0, rgba(0, 0, 0, 0) 100%);
}
section#events__content .polaroids-group {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 10rem 0;
}
@media (max-width: 767px) {
  section#events__content .polaroids-group {
    display: none;
  }
}
section#events__content .polaroids-group .polaroid {
  position: relative;
  z-index: 1;
  width: 24%;
  min-width: 250px;
  max-width: 390px;
  padding: 16px 16px 60px;
  background: linear-gradient(180deg, #2F2F2F 0%, #1D1D1D 100%);
  border: 1px solid #3F3F3F;
  border-radius: 8px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  margin: 0 -15px;
  opacity: 1;
}
section#events__content .polaroids-group .polaroid .caption {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -25%);
  width: 100%;
  text-align: center;
  padding: 0 16px;
  font-family: "Gochi Hand", cursive, serif;
  font-size: 2.5rem;
  letter-spacing: -0.251px;
  color: #CFCFCF;
}
section#events__content .polaroids-group .polaroid .caption span {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  color: #E50914;
}
section#events__content .polaroids-group .polaroid.img-1 {
  transform: rotate(-6.339deg);
}
section#events__content .polaroids-group .polaroid.img-2 {
  z-index: 2;
  transform: rotate(7.27deg) translateY(-20%);
}
section#events__content .polaroids-group .polaroid.img-3 {
  transform: rotate(-2.683deg);
}
section#events__content .polaroids-group .polaroid img {
  width: 100%;
  border: 1px solid #3F3F3F;
  border-radius: 3px;
}
section#events__content .polaroids-group:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/events/bg-polaroids.webp");
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
}
section#events__content .intro {
  margin-bottom: 10rem;
}
section#events__content .intro h2 {
  font-family: "Rock Salt", cursive, serif;
  font-size: 3.8rem;
  color: #E50914;
}
section#events__content .intro p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.2rem;
}
section#events__content .intro p:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  section#events__content {
    padding-top: 4rem;
  }
  section#events__content > .col-12 {
    padding-left: 0;
    padding-right: 0;
  }
  section#events__content .intro {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 6rem;
  }
  section#events__content .intro + .col-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  section#events__content .intro h2 {
    font-size: 2.6rem;
  }
  section#events__content .intro p {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  section#events__content {
    background: radial-gradient(100% 100% at 50% 120%, rgba(178, 7, 16, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  }
  section#events__content .intro {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 6rem;
  }
  section#events__content .intro + .col-12 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  section#events__content .intro h2 {
    font-size: 2.4rem;
  }
  section#events__content .intro p {
    font-size: 1.8rem;
  }
  section#events__content .cta.cta_news-signup {
    max-width: none;
  }
  section#events__content .cta.cta_news-signup .cta_wrap {
    flex-direction: column;
    align-items: center;
    padding: 4rem 2rem;
  }
  section#events__content .cta.cta_news-signup .cta_wrap .cta_content {
    width: 100%;
    padding-left: 0;
    padding-top: 3rem;
    text-align: center;
  }
  section#events__content .cta.cta_news-signup .cta_wrap .cta_content .btn {
    width: 100%;
  }
}

section#newsletter_signup {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
  background: radial-gradient(50% 100% at 50% 130%, rgba(178, 7, 16, 0.7) 0, rgba(0, 0, 0, 0) 100%);
}
section#newsletter_signup .cta_news-signup {
  background: transparent !important;
}
section#newsletter_signup .cta_news-signup .cta_wrap {
  flex-direction: column;
  background: transparent !important;
  border: none;
  box-shadow: none;
  padding: 4rem;
  max-width: 600px;
}
section#newsletter_signup .cta_news-signup .cta_wrap .cta_img {
  width: 100%;
  margin-bottom: 4rem;
}
section#newsletter_signup .cta_news-signup .cta_wrap .cta_content {
  width: 100%;
  padding: 0;
  text-align: center;
}
section#newsletter_signup .cta_news-signup .cta_wrap .cta_content h3 {
  margin: 2rem 0 3rem;
}
section#newsletter_signup .cta_news-signup .cta_wrap .cta_content p {
  margin-bottom: 4rem;
}
@media (max-width: 1024px) {
  section#newsletter_signup .cta_news-signup .cta_wrap {
    padding: 0;
  }
}
@media (max-width: 1024px) {
  section#newsletter_signup {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}
@media (max-width: 767px) {
  section#newsletter_signup {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  section#newsletter_signup .btn {
    width: 100%;
  }
}

section#events__list {
  background-color: #000000;
  padding: 0;
}
section#events__list article {
  position: relative;
  padding: 10rem 4.5rem 8.2rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  overflow: hidden;
}
section#events__list article .event_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  filter: blur(200px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
section#events__list article > .row {
  position: relative;
  z-index: 1;
}
section#events__list article > .row.top {
  align-items: center;
  margin-bottom: 8rem;
}
section#events__list article h2 {
  font-size: 4.2rem;
  line-height: 1.2;
  text-transform: uppercase;
}
section#events__list article h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
section#events__list article h4 {
  font-family: "Rock Salt", cursive, serif;
  font-size: 2rem;
  line-height: 1.4;
  color: #E50914;
  margin-bottom: 2rem;
}
section#events__list article hr {
  margin: 3.4rem 0;
}
section#events__list article hr:first-child {
  display: none;
}
section#events__list article ul.event_loc {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
section#events__list article ul.event_loc * {
  font-family: "Rock Salt", cursive, serif;
  font-size: 2rem;
  line-height: 1.4;
  color: #E50914;
}
section#events__list article ul.event_loc li:not(:first-child):before {
  display: inline-block;
  content: "•";
  color: #3F3F3F;
  padding: 0 10px;
}
section#events__list article ul.event_tags {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 4rem;
}
section#events__list article ul.event_tags li {
  padding: 8px 12px;
  background-color: #1D1D1D;
  border: 1px solid #2F2F2F;
  border-radius: 10px;
}
section#events__list article ul.event_tags li:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 8px;
}
section#events__list article ul.event_tags li {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
section#events__list article ul.event_tags li i {
  color: #E50914;
  margin-right: 5px;
}
@media (min-width: 1400px) {
  section#events__list article > .row {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  section#events__list article .event_info {
    padding-left: 5rem;
  }
}
@media (max-width: 1199px) {
  section#events__list article {
    padding: 10rem 3rem 14rem;
  }
  section#events__list article > .row.bottom {
    flex-direction: column-reverse;
  }
  section#events__list article .event_about {
    margin-bottom: 6rem;
  }
}
@media (max-width: 991px) {
  section#events__list article {
    padding: 8rem 3rem 12rem;
  }
  section#events__list article ul.event_loc li {
    font-size: 1.4rem;
  }
  section#events__list article h2 {
    font-size: 3rem;
  }
  section#events__list article h4 {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  section#events__list article {
    padding: 6rem 2rem 10rem;
    overflow: hidden;
  }
  section#events__list article > .row.top {
    margin-bottom: 4rem;
  }
  section#events__list article .event_about {
    margin-bottom: 4rem;
  }
}
section#events__list article .photo-group {
  display: flex;
  justify-content: center;
}
section#events__list article .photo-group .photo {
  position: relative;
  width: 50%;
  min-width: 250px;
  padding: 16px 16px 44px;
  background: linear-gradient(180deg, #2F2F2F 0%, #1D1D1D 100%);
  margin: 0 -10px;
  border: 1px solid #3F3F3F;
  border-radius: 8px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
section#events__list article .photo-group .photo.img-1 {
  z-index: 1;
  transform: rotate(-8.134deg);
}
section#events__list article .photo-group .photo.img-2 {
  z-index: 0;
  transform: rotate(5.946deg);
}
section#events__list article .photo-group .photo img {
  width: 100%;
  border: 1px solid #3F3F3F;
  border-radius: 3px;
}
@media (max-width: 767px) {
  section#events__list article .photo-group .photo {
    min-width: 200px;
    padding: 8px 8px 30px;
  }
}
section#events__list article .news-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section#events__list article .news-group .news {
  display: block;
  width: 48.5%;
  font-size: 1.4rem;
  color: #949494;
  text-decoration: none;
  padding: 16px 12px;
  margin-bottom: 3%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#events__list article .news-group .news strong {
  display: block;
  letter-spacing: 0.28px;
  color: #E50914;
  margin-bottom: 10px;
}
section#events__list article .news-group .news .link-txt {
  margin-top: 10px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#events__list article .news-group .news .link-txt i {
  margin-right: 5px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#events__list article .news-group .news:hover, section#events__list article .news-group .news:focus, section#events__list article .news-group .news:active {
  color: #CFCFCF;
  background: #1D1D1D;
  border: 1px solid #2F2F2F;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
section#events__list article .news-group .news:hover .link-txt, section#events__list article .news-group .news:focus .link-txt, section#events__list article .news-group .news:active .link-txt {
  color: #FFFFFF;
}
section#events__list article .news-group .news:hover .link-txt i, section#events__list article .news-group .news:focus .link-txt i, section#events__list article .news-group .news:active .link-txt i {
  color: #E50914;
}
@media (max-width: 767px) {
  section#events__list article .news-group .news {
    width: 100%;
  }
}
section#events__list article .event_slider .carousel .carousel-item {
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #181818;
}
section#events__list article .event_slider .carousel .carousel-item img {
  width: 100%;
}
section#events__list article .event_slider .carousel .carousel-indicators {
  bottom: -56px;
}
section#events__list article .event_slider .carousel .carousel-indicators button {
  width: 13px;
  height: 13px;
  margin: 0 10px;
  border-radius: 13px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
  border: none;
}
section#events__list article .event_slider .carousel .carousel-indicators button.active {
  background-color: rgba(255, 255, 255, 0.5);
}
section#events__list article .event_slider .carousel .carousel-control-prev, section#events__list article .event_slider .carousel .carousel-control-next {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 55px;
  width: 55px;
  height: 55px;
  background-color: rgba(47, 47, 47, 0.75);
  backdrop-filter: blur(3px);
  opacity: 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
section#events__list article .event_slider .carousel .carousel-control-prev-icon, section#events__list article .event_slider .carousel .carousel-control-next-icon {
  background-image: none;
  opacity: 0.7;
}
section#events__list article .event_slider .carousel .carousel-control-prev-icon:before, section#events__list article .event_slider .carousel .carousel-control-next-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f061";
  font-size: 2.2rem;
  font-weight: 300;
  color: #FFFFFF;
}
section#events__list article .event_slider .carousel .carousel-control-prev:hover, section#events__list article .event_slider .carousel .carousel-control-prev:focus, section#events__list article .event_slider .carousel .carousel-control-prev:active, section#events__list article .event_slider .carousel .carousel-control-next:hover, section#events__list article .event_slider .carousel .carousel-control-next:focus, section#events__list article .event_slider .carousel .carousel-control-next:active {
  background-color: #1d1d1d;
}
section#events__list article .event_slider .carousel .carousel-control-prev:hover .carousel-control-prev-icon, section#events__list article .event_slider .carousel .carousel-control-prev:hover .carousel-control-next-icon, section#events__list article .event_slider .carousel .carousel-control-prev:focus .carousel-control-prev-icon, section#events__list article .event_slider .carousel .carousel-control-prev:focus .carousel-control-next-icon, section#events__list article .event_slider .carousel .carousel-control-prev:active .carousel-control-prev-icon, section#events__list article .event_slider .carousel .carousel-control-prev:active .carousel-control-next-icon, section#events__list article .event_slider .carousel .carousel-control-next:hover .carousel-control-prev-icon, section#events__list article .event_slider .carousel .carousel-control-next:hover .carousel-control-next-icon, section#events__list article .event_slider .carousel .carousel-control-next:focus .carousel-control-prev-icon, section#events__list article .event_slider .carousel .carousel-control-next:focus .carousel-control-next-icon, section#events__list article .event_slider .carousel .carousel-control-next:active .carousel-control-prev-icon, section#events__list article .event_slider .carousel .carousel-control-next:active .carousel-control-next-icon {
  opacity: 1 !important;
}
section#events__list article .event_slider .carousel .carousel-control-prev {
  left: 10px;
}
section#events__list article .event_slider .carousel .carousel-control-prev-icon:before {
  content: "\f060";
}
section#events__list article .event_slider .carousel .carousel-control-next {
  right: 10px;
}
section#events__list article .event_slider .carousel:hover .carousel-control-prev, section#events__list article .event_slider .carousel:hover .carousel-control-next, section#events__list article .event_slider .carousel:focus .carousel-control-prev, section#events__list article .event_slider .carousel:focus .carousel-control-next, section#events__list article .event_slider .carousel:active .carousel-control-prev, section#events__list article .event_slider .carousel:active .carousel-control-next {
  opacity: 1;
}
@media (max-width: 767px) {
  section#events__list article .event_slider .carousel .carousel-indicators {
    bottom: -40px;
  }
  section#events__list article .event_slider .carousel .carousel-indicators button {
    margin: 0 5px;
  }
}

section#newsletter__hero {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/banner-newsletter.jpg");
  padding-bottom: 5vh;
}
@media (max-width: 767px) {
  section#newsletter__hero h2 {
    padding-bottom: 0;
  }
}

section#newsletter__content {
  padding-top: 14.5rem;
  padding-bottom: 26rem;
  background: radial-gradient(50% 100% at 50% 130%, rgba(178, 7, 16, 0.7) 0, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 1025px) {
  section#newsletter__content .row {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 992px) {
  section#newsletter__content .row {
    flex-direction: row-reverse;
  }
}
@media (max-width: 1024px) {
  section#newsletter__content {
    padding-top: 10rem;
    padding-bottom: 10rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  section#newsletter__content {
    padding-top: 7rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
section#newsletter__content .polaroids-group {
  display: flex;
  position: relative;
  padding: 10rem 0;
}
@media (min-width: 992px) {
  section#newsletter__content .polaroids-group {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  section#newsletter__content .polaroids-group {
    display: none;
  }
}
section#newsletter__content .polaroids-group:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/events/bg-blur.png");
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(200px);
}
section#newsletter__content .polaroids-group .polaroid {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 250px;
  max-width: 350px;
  padding: 16px 16px 60px;
  background: linear-gradient(180deg, #2F2F2F 0%, #1D1D1D 100%);
  border: 1px solid #3F3F3F;
  border-radius: 8px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  margin: -100px 0;
  opacity: 1;
}
section#newsletter__content .polaroids-group .polaroid .caption {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -25%);
  width: 100%;
  text-align: center;
  padding: 0 16px;
  font-family: "Gochi Hand", cursive, serif;
  font-size: 2.5rem;
  letter-spacing: -0.251px;
  color: #CFCFCF;
}
section#newsletter__content .polaroids-group .polaroid .caption span {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  color: #E50914;
}
section#newsletter__content .polaroids-group .polaroid.img-1 {
  z-index: 2;
  transform: rotate(-4.488deg);
}
section#newsletter__content .polaroids-group .polaroid.img-2 {
  z-index: 3;
  transform: rotate(7.27deg) translate(90%, -15%);
}
section#newsletter__content .polaroids-group .polaroid.img-3 {
  transform: rotate(9deg) translate(10%, 0);
}
section#newsletter__content .polaroids-group .polaroid img {
  width: 100%;
  border: 1px solid #3F3F3F;
  border-radius: 3px;
}
@media (min-width: 1025px) and (max-width: 1199px) {
  section#newsletter__content .polaroids-group .polaroid.img-1 {
    z-index: 4;
    transform: rotate(-4.488deg) translate(10%, -40%);
  }
  section#newsletter__content .polaroids-group .polaroid.img-2 {
    transform: rotate(7.27deg) translate(40%, 0%);
  }
  section#newsletter__content .polaroids-group .polaroid.img-3 {
    transform: rotate(-3deg) translate(5%, 30%);
  }
}
@media (min-width: 992px) and (max-width: 1024px) {
  section#newsletter__content .polaroids-group .polaroid {
    max-width: 300px;
  }
  section#newsletter__content .polaroids-group .polaroid.img-1 {
    z-index: 3;
    transform: rotate(-4.488deg) translate(0%, -15%);
  }
  section#newsletter__content .polaroids-group .polaroid.img-2 {
    z-index: 2;
    transform: rotate(7.27deg) translate(70%, -15%);
  }
  section#newsletter__content .polaroids-group .polaroid.img-3 {
    transform: rotate(9deg) translate(10%, 15%);
  }
}
@media (max-width: 991px) {
  section#newsletter__content .polaroids-group .polaroid {
    min-width: 0;
  }
  section#newsletter__content .polaroids-group .polaroid.img-2 {
    transform: rotate(4.27deg);
  }
  section#newsletter__content .polaroids-group .polaroid.img-3 {
    transform: rotate(9deg) translate(0%, 0%);
  }
}

#news_form {
  position: relative;
  z-index: 4;
  border-radius: 5px;
  border: 1px solid #3F3F3F;
  background: url(/https/www.netflixinyourneighbourhood.ca/assets/images/pattern-lines.png) #181818 center repeat;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
  padding: 8rem 6rem;
  margin-left: 5rem;
}
@media (max-width: 1024px) {
  #news_form {
    padding: 5rem 3rem;
    margin-left: 0rem;
  }
}
@media (min-width: 992px) {
  #news_form {
    margin-right: -5rem;
  }
}
@media (max-width: 767px) {
  #news_form {
    padding: 4rem 2rem;
  }
}

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #FFFFFF;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #FFFFFF;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.films-list {
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-map.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 50px 30px 80px;
}
@media (max-width: 1024px) {
  .films-list {
    background-attachment: initial;
  }
}
@media (max-width: 767px) {
  .films-list {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.films-list .films-list__toggles {
  position: relative;
  z-index: 1;
}
.films-list .films-list__toggles button {
  color: #464646;
  border: 1px solid #464646;
  background-color: transparent;
  padding: 10.5px 11.5px;
  margin-right: 15px;
}
.films-list .films-list__toggles button i {
  font-size: 2.5rem;
  color: inherit;
}
.films-list .films-list__toggles button.active {
  color: #949494;
  border: 1px solid #949494;
}
.films-list .flickity-page-dots {
  display: flex;
  bottom: 0;
  padding: 0 30px;
}
.films-list .flickity-page-dots .dot {
  width: 20%;
  height: 6px;
  margin: 0;
  border-radius: 0;
  background-color: #FFFFFF;
}
@media (max-width: 767px) {
  .films-list .flickity-page-dots .dot {
    height: 4px;
  }
}
.films-list .films {
  margin-left: -15px;
  margin-right: -15px;
}
.films-list .films.flickity-enabled {
  margin-left: -30px;
  margin-right: -30px;
}
.films-list .films.flickity-enabled .flickity-viewport {
  overflow: visible;
}
.films-list .flickity-prev-next-button {
  background: transparent;
  color: #FFFFFF;
  height: 90%;
  width: 5%;
  opacity: 0.5;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.films-list .flickity-prev-next-button:hover, .films-list .flickity-prev-next-button:focus, .films-list .flickity-prev-next-button:active {
  background: transparent;
  opacity: 1;
  outline: none;
  box-shadow: none;
}
.films-list .flickity-prev-next-button svg path {
  d: path("M 10 50 L 80 200 L 90 200 L 20 50 L 90 -100 L 80 -100 Z");
}
.films-list .drag-slider-wrapper {
  display: none;
  width: 100%;
}
.films-list .drag-slider-wrapper #dragSlider {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.25);
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.films-list .drag-slider-wrapper #dragSlider:hover {
  opacity: 1;
}
.films-list .drag-slider-wrapper #dragSlider::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 5.8823529412%;
  height: 8px;
  background-color: #FFFFFF;
  cursor: pointer;
  border-radius: 0;
  border: none;
}
.films-list .drag-slider-wrapper #dragSlider::-moz-range-thumb {
  appearance: none;
  width: 5.8823529412%;
  height: 8px;
  background-color: #FFFFFF;
  cursor: pointer;
  border-radius: 0;
  border: none;
}
.films-list .drag-slider-wrapper #dragSlider::-ms-thumb {
  appearance: none;
  width: 5.8823529412%;
  height: 8px;
  background-color: #FFFFFF;
  cursor: pointer;
  border-radius: 0;
  border: none;
}

.carousel.films {
  padding: 30px 0 0;
  overflow: hidden;
}
.carousel.films.flickity-enabled {
  padding: 80px 0 60px;
  margin-top: -50px;
}
.carousel.films.flickity-enabled:before {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/leaf-divider.svg") no-repeat;
  background-position: center;
}
.carousel.films.flickity-enabled + .drag-slider-wrapper {
  display: block;
}
@media (max-width: 767px) {
  .carousel.films.flickity-enabled {
    margin-top: 0;
    padding: 40px 0 60px;
  }
  .carousel.films.flickity-enabled:before {
    display: none;
  }
}

.carousel-cell.film,
.carousel-cell.city,
.carousel-cell.province {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
  width: calc(25% - 10px);
  height: 34vw;
  min-width: 346px;
  min-height: 490px;
  background-size: auto 100%;
  background-position: center;
  margin: 0 5px;
  border: 1px solid #3F3F3F;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.carousel-cell.film:before,
.carousel-cell.city:before,
.carousel-cell.province:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.carousel-cell.film:before,
.carousel-cell.city:before,
.carousel-cell.province:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.7) 100%);
}
@media (max-width: 1199px) {
  .carousel-cell.film,
  .carousel-cell.city,
  .carousel-cell.province {
    min-width: 240px;
    min-height: 430px;
  }
}
.carousel-cell.film .content,
.carousel-cell.city .content,
.carousel-cell.province .content {
  position: relative;
  z-index: 1;
  bottom: -81px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.carousel-cell.film .title h3,
.carousel-cell.city .title h3,
.carousel-cell.province .title h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "NetflixSans_W_CdRg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: #CFCFCF;
  padding: 2rem;
  margin: 0;
}
.carousel-cell.film .title h3 span.count,
.carousel-cell.city .title h3 span.count,
.carousel-cell.province .title h3 span.count {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "NetflixSans_W_CdBd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  color: #CFCFCF;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red.svg");
  background-size: cover;
  background-position: center;
  margin-left: 2rem;
}
@media (max-width: 1199px) {
  .carousel-cell.film .title h3,
  .carousel-cell.city .title h3,
  .carousel-cell.province .title h3 {
    font-size: 2rem;
    letter-spacing: 0;
    padding: 1.5rem;
  }
}
@media (max-width: 991px) {
  .carousel-cell.film .title h3,
  .carousel-cell.city .title h3,
  .carousel-cell.province .title h3 {
    flex-direction: column-reverse;
    align-items: flex-start;
    font-size: 1.8rem;
  }
  .carousel-cell.film .title h3 span,
  .carousel-cell.city .title h3 span,
  .carousel-cell.province .title h3 span {
    margin-left: 0 !important;
    margin-bottom: 0.5rem;
  }
}
.carousel-cell.film .actions,
.carousel-cell.city .actions,
.carousel-cell.province .actions {
  display: flex;
  justify-content: space-between;
  background-color: #FFFFFF;
  min-height: 95px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(24, 24, 24, 0.4);
  backdrop-filter: blur(10px);
}
.carousel-cell.film .actions a.button,
.carousel-cell.city .actions a.button,
.carousel-cell.province .actions a.button {
  width: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #CFCFCF;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 15px;
  background: linear-gradient(0deg, rgba(178, 7, 16, 0) 2.5%, rgba(178, 7, 16, 0) 95%);
  border: none;
  overflow: hidden;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.carousel-cell.film .actions a.button span,
.carousel-cell.city .actions a.button span,
.carousel-cell.province .actions a.button span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  padding-top: 2px;
}
.carousel-cell.film .actions a.button:before,
.carousel-cell.city .actions a.button:before,
.carousel-cell.province .actions a.button:before {
  position: relative;
  z-index: 1;
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
  font-size: 1.8rem;
  font-weight: 300;
  margin-right: 8px;
}
.carousel-cell.film .actions a.button:after,
.carousel-cell.city .actions a.button:after,
.carousel-cell.province .actions a.button:after {
  position: absolute;
  bottom: -100%;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #b20710 2.5%, rgba(178, 7, 16, 0.25) 95%);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.carousel-cell.film .actions a.button:first-child,
.carousel-cell.city .actions a.button:first-child,
.carousel-cell.province .actions a.button:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.carousel-cell.film .actions a.button.province:before,
.carousel-cell.city .actions a.button.province:before,
.carousel-cell.province .actions a.button.province:before {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  text-decoration: inherit;
  content: "\f785";
  color: #E50914;
}
.carousel-cell.film .actions a.button.info:before,
.carousel-cell.city .actions a.button.info:before,
.carousel-cell.province .actions a.button.info:before {
  content: "\f05a";
}
.carousel-cell.film .actions a.button.info.prov,
.carousel-cell.city .actions a.button.info.prov,
.carousel-cell.province .actions a.button.info.prov {
  padding-left: 25px !important;
}
.carousel-cell.film .actions a.button.info.prov span,
.carousel-cell.city .actions a.button.info.prov span,
.carousel-cell.province .actions a.button.info.prov span {
  text-align: left;
}
.carousel-cell.film .actions a.button.locations:before,
.carousel-cell.city .actions a.button.locations:before,
.carousel-cell.province .actions a.button.locations:before {
  content: "\f3c5";
}
.carousel-cell.film .actions a.button:hover, .carousel-cell.film .actions a.button:focus, .carousel-cell.film .actions a.button:active,
.carousel-cell.city .actions a.button:hover,
.carousel-cell.city .actions a.button:focus,
.carousel-cell.city .actions a.button:active,
.carousel-cell.province .actions a.button:hover,
.carousel-cell.province .actions a.button:focus,
.carousel-cell.province .actions a.button:active {
  color: #FFFFFF;
}
.carousel-cell.film .actions a.button:hover:after, .carousel-cell.film .actions a.button:focus:after, .carousel-cell.film .actions a.button:active:after,
.carousel-cell.city .actions a.button:hover:after,
.carousel-cell.city .actions a.button:focus:after,
.carousel-cell.city .actions a.button:active:after,
.carousel-cell.province .actions a.button:hover:after,
.carousel-cell.province .actions a.button:focus:after,
.carousel-cell.province .actions a.button:active:after {
  bottom: 0;
}
@media (max-width: 1199px) {
  .carousel-cell.film .actions,
  .carousel-cell.city .actions,
  .carousel-cell.province .actions {
    min-height: 80px;
  }
  .carousel-cell.film .actions a.button,
  .carousel-cell.city .actions a.button,
  .carousel-cell.province .actions a.button {
    padding: 10px;
  }
  .carousel-cell.film .actions a.button:before,
  .carousel-cell.city .actions a.button:before,
  .carousel-cell.province .actions a.button:before {
    font-size: 1.8rem;
  }
}
@media (max-width: 1024px) {
  .carousel-cell.film .actions a.button,
  .carousel-cell.city .actions a.button,
  .carousel-cell.province .actions a.button {
    padding: 10px;
  }
  .carousel-cell.film .actions a.button:before,
  .carousel-cell.city .actions a.button:before,
  .carousel-cell.province .actions a.button:before {
    margin-right: 0;
  }
  .carousel-cell.film .actions a.button span,
  .carousel-cell.city .actions a.button span,
  .carousel-cell.province .actions a.button span {
    display: none;
  }
}
.carousel-cell.film.active,
.carousel-cell.city.active,
.carousel-cell.province.active {
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
  .carousel-cell.film:hover, .carousel-cell.film:focus, .carousel-cell.film:active,
  .carousel-cell.city:hover,
  .carousel-cell.city:focus,
  .carousel-cell.city:active,
  .carousel-cell.province:hover,
  .carousel-cell.province:focus,
  .carousel-cell.province:active {
    background-size: auto 110%;
  }
  .carousel-cell.film:hover .title h3, .carousel-cell.film:focus .title h3, .carousel-cell.film:active .title h3,
  .carousel-cell.city:hover .title h3,
  .carousel-cell.city:focus .title h3,
  .carousel-cell.city:active .title h3,
  .carousel-cell.province:hover .title h3,
  .carousel-cell.province:focus .title h3,
  .carousel-cell.province:active .title h3 {
    color: #FFFFFF;
  }
  .carousel-cell.film:hover .title h3 span.count, .carousel-cell.film:focus .title h3 span.count, .carousel-cell.film:active .title h3 span.count,
  .carousel-cell.city:hover .title h3 span.count,
  .carousel-cell.city:focus .title h3 span.count,
  .carousel-cell.city:active .title h3 span.count,
  .carousel-cell.province:hover .title h3 span.count,
  .carousel-cell.province:focus .title h3 span.count,
  .carousel-cell.province:active .title h3 span.count {
    color: #FFFFFF;
    background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red-hover.svg");
  }
  .carousel-cell.film:hover .content, .carousel-cell.film:focus .content, .carousel-cell.film:active .content,
  .carousel-cell.city:hover .content,
  .carousel-cell.city:focus .content,
  .carousel-cell.city:active .content,
  .carousel-cell.province:hover .content,
  .carousel-cell.province:focus .content,
  .carousel-cell.province:active .content {
    bottom: 0;
  }
  .carousel-cell.film:hover:before, .carousel-cell.film:focus:before, .carousel-cell.film:active:before,
  .carousel-cell.city:hover:before,
  .carousel-cell.city:focus:before,
  .carousel-cell.city:active:before,
  .carousel-cell.province:hover:before,
  .carousel-cell.province:focus:before,
  .carousel-cell.province:active:before {
    background: linear-gradient(180deg, rgba(36, 36, 36, 0) 50%, rgba(36, 36, 36, 0.8) 75%);
  }
}
@media (max-width: 767px) {
  .carousel-cell.film .title h3,
  .carousel-cell.city .title h3,
  .carousel-cell.province .title h3 {
    color: #FFFFFF;
  }
  .carousel-cell.film .title h3 span.count,
  .carousel-cell.city .title h3 span.count,
  .carousel-cell.province .title h3 span.count {
    color: #FFFFFF;
    background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red-hover.svg");
  }
  .carousel-cell.film .content,
  .carousel-cell.city .content,
  .carousel-cell.province .content {
    bottom: 0;
  }
  .carousel-cell.film:before,
  .carousel-cell.city:before,
  .carousel-cell.province:before {
    opacity: 0;
  }
  .carousel-cell.film:after,
  .carousel-cell.city:after,
  .carousel-cell.province:after {
    opacity: 1;
  }
}
.carousel-cell.film.carousel-end,
.carousel-cell.city.carousel-end,
.carousel-cell.province.carousel-end {
  border-radius: 5px;
  border: 1px solid #2F2F2F;
}
.carousel-cell.film.carousel-end:before, .carousel-cell.film.carousel-end:after,
.carousel-cell.city.carousel-end:before,
.carousel-cell.city.carousel-end:after,
.carousel-cell.province.carousel-end:before,
.carousel-cell.province.carousel-end:after {
  display: none;
}
.carousel-cell.film.carousel-end .content,
.carousel-cell.city.carousel-end .content,
.carousel-cell.province.carousel-end .content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #1D1D1D;
  bottom: 0;
}
.carousel-cell.film.carousel-end .content:after,
.carousel-cell.city.carousel-end .content:after,
.carousel-cell.province.carousel-end .content:after {
  position: absolute;
  bottom: -100%;
  left: 0;
  content: "";
  width: 100%;
  height: 71px;
  background: linear-gradient(0deg, #B20710 0%, rgba(178, 7, 16, 0.25) 96%);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.carousel-cell.film.carousel-end .content .title,
.carousel-cell.city.carousel-end .content .title,
.carousel-cell.province.carousel-end .content .title {
  display: flex;
  flex-grow: 2;
  align-items: center;
  background: transparent;
  color: #949494;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  padding: 24px;
}
.carousel-cell.film.carousel-end .content .actions,
.carousel-cell.city.carousel-end .content .actions,
.carousel-cell.province.carousel-end .content .actions {
  position: relative;
  z-index: 1;
  background: transparent;
  flex-grow: 1;
  height: 70px;
  max-height: 70px;
  justify-content: center;
  align-items: center;
  color: #CFCFCF;
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  text-transform: uppercase;
  cursor: pointer;
}
.carousel-cell.film.carousel-end .content .actions:before,
.carousel-cell.city.carousel-end .content .actions:before,
.carousel-cell.province.carousel-end .content .actions:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f060";
  color: #949494;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1;
  margin-right: 6px;
}
.carousel-cell.film.carousel-end:hover .content:after, .carousel-cell.film.carousel-end:focus .content:after, .carousel-cell.film.carousel-end:active .content:after,
.carousel-cell.city.carousel-end:hover .content:after,
.carousel-cell.city.carousel-end:focus .content:after,
.carousel-cell.city.carousel-end:active .content:after,
.carousel-cell.province.carousel-end:hover .content:after,
.carousel-cell.province.carousel-end:focus .content:after,
.carousel-cell.province.carousel-end:active .content:after {
  bottom: 0;
}
.carousel-cell.film.carousel-end:hover .actions, .carousel-cell.film.carousel-end:focus .actions, .carousel-cell.film.carousel-end:active .actions,
.carousel-cell.city.carousel-end:hover .actions,
.carousel-cell.city.carousel-end:focus .actions,
.carousel-cell.city.carousel-end:active .actions,
.carousel-cell.province.carousel-end:hover .actions,
.carousel-cell.province.carousel-end:focus .actions,
.carousel-cell.province.carousel-end:active .actions {
  color: #FFFFFF;
}
.carousel-cell.film.carousel-end:hover .actions:before, .carousel-cell.film.carousel-end:focus .actions:before, .carousel-cell.film.carousel-end:active .actions:before,
.carousel-cell.city.carousel-end:hover .actions:before,
.carousel-cell.city.carousel-end:focus .actions:before,
.carousel-cell.city.carousel-end:active .actions:before,
.carousel-cell.province.carousel-end:hover .actions:before,
.carousel-cell.province.carousel-end:focus .actions:before,
.carousel-cell.province.carousel-end:active .actions:before {
  color: #FFFFFF;
}

.carousel:not(.flickity-enabled) {
  display: flex;
  flex-wrap: wrap;
}
.carousel:not(.flickity-enabled) .carousel-cell.film,
.carousel:not(.flickity-enabled) .carousel-cell.city,
.carousel:not(.flickity-enabled) .carousel-cell.province {
  width: calc(25% - 10px);
  height: 34vw;
  min-width: 0;
  min-height: 0;
  margin-bottom: 10px;
  transform: none !important;
}
@media (max-width: 991px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film,
  .carousel:not(.flickity-enabled) .carousel-cell.city,
  .carousel:not(.flickity-enabled) .carousel-cell.province {
    width: calc(33.333% - 30px);
    height: calc(33.333vw - 40px);
  }
}
@media (max-width: 767px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film .content,
  .carousel:not(.flickity-enabled) .carousel-cell.city .content,
  .carousel:not(.flickity-enabled) .carousel-cell.province .content {
    bottom: -42px !important;
  }
  .carousel:not(.flickity-enabled) .carousel-cell.film,
  .carousel:not(.flickity-enabled) .carousel-cell.city,
  .carousel:not(.flickity-enabled) .carousel-cell.province {
    width: calc(50% - 30px);
    height: calc(50vw - 45px);
  }
}
.carousel:not(.flickity-enabled) .carousel-cell.film .actions,
.carousel:not(.flickity-enabled) .carousel-cell.city .actions,
.carousel:not(.flickity-enabled) .carousel-cell.province .actions {
  min-height: 80px;
}
.carousel:not(.flickity-enabled) .carousel-cell.film .actions a.button,
.carousel:not(.flickity-enabled) .carousel-cell.city .actions a.button,
.carousel:not(.flickity-enabled) .carousel-cell.province .actions a.button {
  padding: 24px 10px;
}
.carousel:not(.flickity-enabled) .carousel-cell.film .actions a.button:before,
.carousel:not(.flickity-enabled) .carousel-cell.city .actions a.button:before,
.carousel:not(.flickity-enabled) .carousel-cell.province .actions a.button:before {
  margin-bottom: 0;
}
.carousel:not(.flickity-enabled) .carousel-cell.film .actions a.button span,
.carousel:not(.flickity-enabled) .carousel-cell.city .actions a.button span,
.carousel:not(.flickity-enabled) .carousel-cell.province .actions a.button span {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film .actions,
  .carousel:not(.flickity-enabled) .carousel-cell.city .actions,
  .carousel:not(.flickity-enabled) .carousel-cell.province .actions {
    min-height: 30px;
  }
}
@media (max-width: 767px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film.active .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city.active .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province.active .content:before {
    top: 40px;
  }
}
@media (min-width: 768px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film:hover, .carousel:not(.flickity-enabled) .carousel-cell.film:focus, .carousel:not(.flickity-enabled) .carousel-cell.film:active,
  .carousel:not(.flickity-enabled) .carousel-cell.city:hover,
  .carousel:not(.flickity-enabled) .carousel-cell.city:focus,
  .carousel:not(.flickity-enabled) .carousel-cell.city:active,
  .carousel:not(.flickity-enabled) .carousel-cell.province:hover,
  .carousel:not(.flickity-enabled) .carousel-cell.province:focus,
  .carousel:not(.flickity-enabled) .carousel-cell.province:active {
    transform: none;
  }
  .carousel:not(.flickity-enabled) .carousel-cell.film:hover .content, .carousel:not(.flickity-enabled) .carousel-cell.film:focus .content, .carousel:not(.flickity-enabled) .carousel-cell.film:active .content,
  .carousel:not(.flickity-enabled) .carousel-cell.city:hover .content,
  .carousel:not(.flickity-enabled) .carousel-cell.city:focus .content,
  .carousel:not(.flickity-enabled) .carousel-cell.city:active .content,
  .carousel:not(.flickity-enabled) .carousel-cell.province:hover .content,
  .carousel:not(.flickity-enabled) .carousel-cell.province:focus .content,
  .carousel:not(.flickity-enabled) .carousel-cell.province:active .content {
    bottom: 0 !important;
  }
  .carousel:not(.flickity-enabled) .carousel-cell.film:hover .content:before, .carousel:not(.flickity-enabled) .carousel-cell.film:focus .content:before, .carousel:not(.flickity-enabled) .carousel-cell.film:active .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city:hover .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city:focus .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city:active .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province:hover .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province:focus .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province:active .content:before {
    top: -50px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film:hover .content:before, .carousel:not(.flickity-enabled) .carousel-cell.film:focus .content:before, .carousel:not(.flickity-enabled) .carousel-cell.film:active .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city:hover .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city:focus .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city:active .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province:hover .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province:focus .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province:active .content:before {
    top: 0px;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film:hover .content:before, .carousel:not(.flickity-enabled) .carousel-cell.film:focus .content:before, .carousel:not(.flickity-enabled) .carousel-cell.film:active .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city:hover .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city:focus .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city:active .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province:hover .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province:focus .content:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province:active .content:before {
    top: 40px;
  }
}
@media (max-width: 767px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film,
  .carousel:not(.flickity-enabled) .carousel-cell.city,
  .carousel:not(.flickity-enabled) .carousel-cell.province {
    transform: none;
  }
  .carousel:not(.flickity-enabled) .carousel-cell.film .content,
  .carousel:not(.flickity-enabled) .carousel-cell.city .content,
  .carousel:not(.flickity-enabled) .carousel-cell.province .content {
    bottom: 0 !important;
  }
  .carousel:not(.flickity-enabled) .carousel-cell.film .content .actions a.button,
  .carousel:not(.flickity-enabled) .carousel-cell.city .content .actions a.button,
  .carousel:not(.flickity-enabled) .carousel-cell.province .content .actions a.button {
    padding: 10px 5px;
  }
  .carousel:not(.flickity-enabled) .carousel-cell.film .content .actions a.button:before,
  .carousel:not(.flickity-enabled) .carousel-cell.city .content .actions a.button:before,
  .carousel:not(.flickity-enabled) .carousel-cell.province .content .actions a.button:before {
    margin-right: 0;
  }
  .carousel:not(.flickity-enabled) .carousel-cell.film .content .actions a.button:after,
  .carousel:not(.flickity-enabled) .carousel-cell.city .content .actions a.button:after,
  .carousel:not(.flickity-enabled) .carousel-cell.province .content .actions a.button:after {
    display: none;
  }
  .carousel:not(.flickity-enabled) .carousel-cell.film .content .actions a.button span,
  .carousel:not(.flickity-enabled) .carousel-cell.city .content .actions a.button span,
  .carousel:not(.flickity-enabled) .carousel-cell.province .content .actions a.button span {
    display: none;
  }
}
.carousel:not(.flickity-enabled) .carousel-cell.film.prov .content,
.carousel:not(.flickity-enabled) .carousel-cell.city.prov .content,
.carousel:not(.flickity-enabled) .carousel-cell.province.prov .content {
  bottom: -80px !important;
}
@media (max-width: 1177px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film.prov .content,
  .carousel:not(.flickity-enabled) .carousel-cell.city.prov .content,
  .carousel:not(.flickity-enabled) .carousel-cell.province.prov .content {
    bottom: -90px !important;
  }
}
@media (max-width: 991px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film.prov .content,
  .carousel:not(.flickity-enabled) .carousel-cell.city.prov .content,
  .carousel:not(.flickity-enabled) .carousel-cell.province.prov .content {
    bottom: -50px !important;
  }
}
@media (max-width: 767px) {
  .carousel:not(.flickity-enabled) .carousel-cell.film.prov .content,
  .carousel:not(.flickity-enabled) .carousel-cell.city.prov .content,
  .carousel:not(.flickity-enabled) .carousel-cell.province.prov .content {
    bottom: -42px !important;
  }
}
.carousel:not(.flickity-enabled) .carousel-cell.film.prov:hover, .carousel:not(.flickity-enabled) .carousel-cell.film.prov:focus, .carousel:not(.flickity-enabled) .carousel-cell.film.prov:active,
.carousel:not(.flickity-enabled) .carousel-cell.city.prov:hover,
.carousel:not(.flickity-enabled) .carousel-cell.city.prov:focus,
.carousel:not(.flickity-enabled) .carousel-cell.city.prov:active,
.carousel:not(.flickity-enabled) .carousel-cell.province.prov:hover,
.carousel:not(.flickity-enabled) .carousel-cell.province.prov:focus,
.carousel:not(.flickity-enabled) .carousel-cell.province.prov:active {
  transform: none;
}
.carousel:not(.flickity-enabled) .carousel-cell.film.prov:hover .content, .carousel:not(.flickity-enabled) .carousel-cell.film.prov:focus .content, .carousel:not(.flickity-enabled) .carousel-cell.film.prov:active .content,
.carousel:not(.flickity-enabled) .carousel-cell.city.prov:hover .content,
.carousel:not(.flickity-enabled) .carousel-cell.city.prov:focus .content,
.carousel:not(.flickity-enabled) .carousel-cell.city.prov:active .content,
.carousel:not(.flickity-enabled) .carousel-cell.province.prov:hover .content,
.carousel:not(.flickity-enabled) .carousel-cell.province.prov:focus .content,
.carousel:not(.flickity-enabled) .carousel-cell.province.prov:active .content {
  bottom: 0 !important;
}

.carousel-cell.film.updated-title:after, .carousel-cell.film.new-title:after {
  content: "Updated";
  position: absolute;
  top: 10px;
  left: 0;
  width: fit-content;
  height: fit-content;
  padding: 3px 10px 3px 9px;
  font-family: "NetflixSans_W_CdBdIt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: #FFFFFF;
  background: linear-gradient(90deg, rgba(229, 9, 20, 0.5) 0%, rgba(65, 0, 100, 0.5) 100%);
  backdrop-filter: blur(5px);
}
.carousel-cell.film.new-title:after {
  content: "New";
}

.films-list.films-nav.active_expanded .carousel-cell.film.updated-title:after, .films-list.films-nav.active_expanded .carousel-cell.film.new-title:after {
  padding: 6px 14px 6px 12px;
  font-size: 1.8rem;
}

html[lang=fr] .carousel-cell.film.updated-title:after, html[lang=fr] .carousel-cell.film.new-title:after {
  content: "Mis à jour";
}
html[lang=fr] .carousel-cell.film.new-title:after {
  content: "Nouveau";
}
html[lang=fr] .carousel:not(.flickity-enabled) .carousel-cell.film .actions a.button {
  padding: 20px 10px;
}

.carousel-cell.prov-ab {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/provinces/prov-ab.jpg");
}
.carousel-cell.prov-bc {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/provinces/prov-bc.jpg");
}
.carousel-cell.prov-mb {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/provinces/prov-mb.jpg");
}
.carousel-cell.prov-nl {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/provinces/prov-nl.jpg");
}
.carousel-cell.prov-ns {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/provinces/prov-ns.jpg");
}
.carousel-cell.prov-nu {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/provinces/prov-nu.jpg");
}
.carousel-cell.prov-on {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/provinces/prov-on.jpg");
}
.carousel-cell.prov-pe {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/provinces/prov-pe.jpg");
}
.carousel-cell.prov-qc {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/provinces/prov-qc.jpg");
}
.carousel-cell.city.apex {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-apex.jpg");
}
.carousel-cell.city.bragg-creek {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-bragg-creek.jpg");
}
.carousel-cell.city.banff {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-banff.jpg");
}
.carousel-cell.city.brome-missisquoi {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brome-missisquoi.jpg");
}
.carousel-cell.city.calgary {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-calgary.jpg");
}
.carousel-cell.city.canmore {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-canmore.jpg");
}
.carousel-cell.city.cochrane {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-cochrane.jpg");
}
.carousel-cell.city.crossfield {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-crossfield.jpg");
}
.carousel-cell.city.district-of-greenview {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-greenview.jpg");
}
.carousel-cell.city.drumheller {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-drumheller.jpg");
}
.carousel-cell.city.kananaskis-country {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-kananaskis.jpg");
}
.carousel-cell.city.millarville {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-millarville.jpg");
}
.carousel-cell.city.rocky-view-county {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-rocky-view-county.jpg");
}
.carousel-cell.city.agassiz {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-agassiz.jpg");
}
.carousel-cell.city.barrie {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-barrie.jpg");
}
.carousel-cell.city.bay-bulls {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-bay-bulls.jpg");
}
.carousel-cell.city.brigus-south {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brigus-south.jpg");
}
.carousel-cell.city.harbour-main {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-harbour-main.jpg");
}
.carousel-cell.city.pouch-cove {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-pouch-cove.jpg");
}
.carousel-cell.city.twillingate {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-twillingate.jpg");
}
.carousel-cell.city.brampton {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brampton.jpg");
}
.carousel-cell.city.brackendale {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brackendale.jpg");
}
.carousel-cell.city.brentwood-bay {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brentwood-bay.jpg");
}
.carousel-cell.city.britannia-beach {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-britannia-beach.jpg");
}
.carousel-cell.city.burnaby {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-burnaby.jpg");
}
.carousel-cell.city.campbell-river {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-campbell-river.jpg");
}
.carousel-cell.city.chilliwack {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-chilliwack.jpg");
}
.carousel-cell.city.colwood {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-colwood.jpg");
}
.carousel-cell.city.coquitlam {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-coquitlam.jpg");
}
.carousel-cell.city.port-coquitlam {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-port-coquitlam.jpg");
}
.carousel-cell.city.delta {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-delta.jpg");
}
.carousel-cell.city.golden {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-golden.jpg");
}
.carousel-cell.city.fort-langley {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-fort-langley.jpg");
}
.carousel-cell.city.haida-gwaii {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-haida-gwaii.jpg");
}
.carousel-cell.city.high-river {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-high-river.jpg");
}
.carousel-cell.city.hope {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-hope.jpg");
}
.carousel-cell.city.iqaluit {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-iqaluit.jpg");
}
.carousel-cell.city.kelowna {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-kelowna.jpg");
}
.carousel-cell.city.langley {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-langley.jpg");
}
.carousel-cell.city.maple-ridge {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-maple-ridge.jpg");
}
.carousel-cell.city.mission {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mission.jpg");
}
.carousel-cell.city.new-westminster {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-new-westminster.jpg");
}
.carousel-cell.city.north-vancouver {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-north-vancouver.jpg");
}
.carousel-cell.city.okanagan {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-okanagan.jpg");
}
.carousel-cell.city.orillia {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-orillia.jpg");
}
.carousel-cell.city.richmond {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-richmond.jpg");
}
.carousel-cell.city.saanichton {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-saanichton.jpg");
}
.carousel-cell.city.shirley {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-shirley.jpg");
}
.carousel-cell.city.sidney {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-sidney.jpg");
}
.carousel-cell.city.smithers {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-smithers.jpg");
}
.carousel-cell.city.sooke {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-sooke.jpg");
}
.carousel-cell.city.squamish {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-squamish.jpg");
}
.carousel-cell.city.squamish-lillooet, .carousel-cell.city.squamish-lillooet-regional-district {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-squamish-lillooet.jpg");
}
.carousel-cell.city.swartz-bay {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-swartz-bay.jpg");
}
.carousel-cell.city.surrey {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-surrey.jpg");
}
.carousel-cell.city.the-bruce-peninsula {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-the-bruce-peninsula.jpg");
}
.carousel-cell.city.vancouver {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-vancouver.jpg");
}
.carousel-cell.city.vancouver-island {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-vancouver-island.jpg");
}
.carousel-cell.city.vernon {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-vernon.jpg");
}
.carousel-cell.city.victoria {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-victoria.jpg");
}
.carousel-cell.city.west-vancouver {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-west-vancouver.jpg");
}
.carousel-cell.city.whistler {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-whistler.jpg");
}
.carousel-cell.city.churchill {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-churchill.jpg");
}
.carousel-cell.city.matlock {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-matlock.jpg");
}
.carousel-cell.city.selkirk {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-selkirk.jpg");
}
.carousel-cell.city.winnipeg-area {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-winnipeg.jpg");
}
.carousel-cell.city.corner-brook {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-corner-brook.jpg");
}
.carousel-cell.city.logy-bay-middle-cove-outer-cove {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-logy-bay-middle-cove-outer-cove.jpg");
}
.carousel-cell.city.st-john-s {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-st-johns.jpg");
}
.carousel-cell.city.louisbourg {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-louisbourg.jpg");
}
.carousel-cell.city.lunenburg {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-lunenburg.jpg");
}
.carousel-cell.city.mahone-bay {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mahone-bay.jpg");
}
.carousel-cell.city.riverport {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-riverport.jpg");
}
.carousel-cell.city.igloolik {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-igloolik.jpg");
}
.carousel-cell.city.cambridge-bay {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-cambridge-bay.jpg");
}
.carousel-cell.city.karrak-lake {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-karrak-lake.jpg");
}
.carousel-cell.city.allenford {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-allenford.jpg");
}
.carousel-cell.city.baden {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-baden.jpg");
}
.carousel-cell.city.beeton {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-beeton.jpg");
}
.carousel-cell.city.brantford {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brantford.jpg");
}
.carousel-cell.city.burlington {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-burlington.jpg");
}
.carousel-cell.city.caledon {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-caledon.jpg");
}
.carousel-cell.city.cambridge {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-cambridge.jpg");
}
.carousel-cell.city.clearwater-county {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-clearwater.jpg");
}
.carousel-cell.city.cobourg {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-cobourg.jpg");
}
.carousel-cell.city.creemore {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-creemore.jpg");
}
.carousel-cell.city.brockville {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brockville.jpg");
}
.carousel-cell.city.dundas {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-dundas.jpg");
}
.carousel-cell.city.elora {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-elora.jpg");
}
.carousel-cell.city.etobicoke {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-etobicoke.jpg");
}
.carousel-cell.city.georgetown {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-georgetown.jpg");
}
.carousel-cell.city.georgian-bluffs {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-georgian-bluffs.jpg");
}
.carousel-cell.city.hamilton {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-hamilton.jpg");
}
.carousel-cell.city.king-city {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-king-city.jpg");
}
.carousel-cell.city.kingston {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-kingston.jpg");
}
.carousel-cell.city.leslieville {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-leslieville.jpg");
}
.carousel-cell.city.millbrook {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-millbrook.jpg");
}
.carousel-cell.city.mississauga {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mississauga.jpg");
}
.carousel-cell.city.new-hamburg {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-new-hamburg.jpg");
}
.carousel-cell.city.north-york {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-north-york.jpg");
}
.carousel-cell.city.oakville {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-oakville.jpg");
}
.carousel-cell.city.oshawa {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-oshawa.jpg");
}
.carousel-cell.city.ottawa {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-ottawa.jpg");
}
.carousel-cell.city.peterborough {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-peterborough.jpg");
}
.carousel-cell.city.prince-edward-county {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-prince-edward-county.jpg");
}
.carousel-cell.city.sauble-beach {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-sauble-beach.jpg");
}
.carousel-cell.city.scarborough {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-scarborough.jpg");
}
.carousel-cell.city.thornhill {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-thornhill.jpg");
}
.carousel-cell.city.tobermory {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-tobermory.jpg");
}
.carousel-cell.city.toronto {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-toronto.jpg");
}
.carousel-cell.city.tottenham {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-tottenham.jpg");
}
.carousel-cell.city.unionville {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-unionville.jpg");
}
.carousel-cell.city.uxbridge {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-uxbridge.jpg");
}
.carousel-cell.city.whitby {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-whitby.jpg");
}
.carousel-cell.city.whitchurch-stouffville {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-whitchurch-stouffville.jpg");
}
.carousel-cell.city.woodstock {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-woodstock.jpg");
}
.carousel-cell.city.darnley {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-darnley.jpg");
}
.carousel-cell.city.french-river {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-french-river.jpg");
}
.carousel-cell.city.boucherville {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-boucherville.jpg");
}
.carousel-cell.city.bromont {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-bromont.jpg");
}
.carousel-cell.city.harrington {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-harrington.jpg");
}
.carousel-cell.city.lanaudière {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-lanaudiere.jpg");
}
.carousel-cell.city.laurentians {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-laurentians.jpg");
}
.carousel-cell.city.mirabel {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mirabel.jpg");
}
.carousel-cell.city.mont-saint-hilaire {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mont-saint-hilaire.jpg");
}
.carousel-cell.city.montréal {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-montreal.jpg");
}
.carousel-cell.city.pointe-claire {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-pointe-claire.jpg");
}
.carousel-cell.city.sainte-agathe-des-monts {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-sainte-agathe-des-monts.jpg");
}
.carousel-cell.city.wentworth {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-wentworth.jpg");
}
.carousel-cell.city.westmount {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-westmount.jpg");
}
.carousel-cell.city.sun-peaks {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-sun-peaks.jpg");
}
.carousel-cell.city.milton {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-milton.jpg");
}
.carousel-cell.city.kamloops {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-kamloops.jpg");
}
.carousel-cell.city.hillsburgh {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-hillsburgh.jpg");
}
.carousel-cell.city.guelph {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-guelph.jpg");
}
.carousel-cell.city.glen-williams {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-glen-williams.jpg");
}
.carousel-cell.city.dundas {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-dundas.jpg");
}
.carousel-cell.city.ashburn {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-ashburn.jpg");
}
.carousel-cell.city.north-bay {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-north-bay.jpg");
}
.carousel-cell.city.seebe {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-seebe.jpg");
}
.carousel-cell.city.mînî-thnî {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mînî-thnî.jpg");
}
.carousel-cell.city.wasaga-beach {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-wasaga-beach.jpg");
}
.carousel-cell.city.lake-country {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-lake-country.jpg");
}
.carousel-cell.city.lions-bay {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-lions-bay.jpg");
}
.carousel-cell.city.qikiqtaaluk-region {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-qikiqtaaluk-region.jpg");
}

.animate-flip {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 500px;
  min-height: 45px;
}
.animate-flip .flip-text {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  opacity: 0;
}
.animate-flip .flip-text.active {
  opacity: 1;
}

html[lang=fr] .carousel-cell.film .actions a.button,
html[lang=fr] .carousel-cell.city .actions a.button,
html[lang=fr] .carousel-cell.province .actions a.button {
  padding: 15px 5px;
}
html[lang=fr] .carousel-cell.film:hover .content, html[lang=fr] .carousel-cell.film:focus .content, html[lang=fr] .carousel-cell.film:active .content,
html[lang=fr] .carousel-cell.city:hover .content,
html[lang=fr] .carousel-cell.city:focus .content,
html[lang=fr] .carousel-cell.city:active .content,
html[lang=fr] .carousel-cell.province:hover .content,
html[lang=fr] .carousel-cell.province:focus .content,
html[lang=fr] .carousel-cell.province:active .content {
  bottom: 0;
}
@media (min-width: 1025px) and (max-width: 1199px) {
  html[lang=fr] .carousel-cell.film .content,
  html[lang=fr] .carousel-cell.city .content,
  html[lang=fr] .carousel-cell.province .content {
    bottom: -86px;
  }
}

.cta {
  display: flex;
  justify-content: center;
  text-decoration: none;
  background-color: #181818;
}
.cta .cta_wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 3rem 1.5rem;
  border: 1px solid #3F3F3F;
  border-radius: 5px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 991px) {
  .cta .cta_wrap {
    padding: 2rem 1.5rem;
  }
}
.cta .cta_wrap .cta_img {
  position: relative;
  min-height: 150px;
  margin-bottom: 2.5rem;
}
.cta .cta_wrap .cta_img i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 4.5rem;
  color: #E50914;
}
.cta .cta_wrap .cta_img:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 100px;
  height: 100px;
  background-color: #181818;
  border: 1px solid #555555;
  border-radius: 2px;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
}
.cta .cta_wrap .cta_content {
  text-align: center;
}
.cta .cta_wrap .cta_content .eyebrow {
  display: block;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #949494;
}
.cta .cta_wrap .cta_content h3 {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.4rem;
  line-height: 1;
  color: #E50914;
  margin: 1.5rem 0 2.5rem;
}
.cta .cta_wrap .cta_content p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 3rem;
}
.cta .cta_wrap .cta_content .btn i:last-child {
  padding-left: 5px;
}
.cta .cta_wrap .cta_content .cta-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2rem;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  overflow: hidden;
}
.cta .cta_wrap .cta_content .cta-arrow i {
  animation: arrow_leave 0.4s forwards;
}
@keyframes arrow_leave {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(150%);
  }
}
@media (max-width: 1199px) {
  .cta .cta_wrap .cta_content h3 {
    font-size: 3rem;
  }
}
@media (max-width: 991px) {
  .cta .cta_wrap .cta_content .eyebrow {
    font-size: 1.3rem;
    letter-spacing: 1px;
  }
  .cta .cta_wrap .cta_content h3 {
    font-size: 2.6rem;
  }
  .cta .cta_wrap .cta_content .cta-arrow {
    display: none;
  }
}
.cta.cta_explore .cta_wrap .cta_img {
  position: relative;
  min-height: 150px;
  margin-bottom: 2.5rem;
}
.cta.cta_explore .cta_wrap .cta_img i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 4.5rem;
  color: #E50914;
}
.cta.cta_explore .cta_wrap .cta_content {
  text-align: center;
}
.cta.cta_explore .cta_wrap .cta_content .eyebrow {
  display: block;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #949494;
}
.cta.cta_explore .cta_wrap .cta_content h3 {
  font-family: "NetflixSans_W_Th", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.cta.cta_explore .cta_wrap .cta_content h3 span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  position: sticky;
  z-index: 1;
}
.cta.cta_explore .cta_wrap .cta_content h3:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -5%);
  width: 150px;
  height: 30px;
  background-color: #2F2F2F;
}
.cta.cta_explore.lg {
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/cta-explore-bg.jpg") center no-repeat;
  background-size: cover;
}
.cta.cta_explore.lg .cta_wrap {
  background: transparent;
}
.cta.cta_explore.lg .cta_wrap .cta_content h3:after {
  background-color: #2F2F2F;
}
.cta.cta_explore.tall {
  background-size: auto 80%;
  background-position: top;
  background-repeat: no-repeat;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.cta.cta_explore.tall .cta_wrap {
  border: none;
  box-shadow: none;
  border-radius: 0;
  background: radial-gradient(100% 85% at 50% 100%, #181818 10%, #181818 100%);
  padding-top: 0;
}
.cta.cta_explore.tall .cta_wrap .cta_img {
  margin-top: 0;
  margin-bottom: 0;
  transform: translateY(-50%) !important;
}
.cta.cta_explore.tall .cta_wrap .cta_content .eyebrow {
  font-size: 1.8rem;
  letter-spacing: 1.8px;
}
.cta.cta_explore.tall#exp_title, .cta.cta_explore.tall#exp_title_home {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/explore-modal-title.jpg");
}
.cta.cta_explore.tall#exp_city, .cta.cta_explore.tall#exp_city_home {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/explore-modal-city.jpg");
}
.cta.cta_explore.tall#exp_city .cta_img i, .cta.cta_explore.tall#exp_city_home .cta_img i {
  color: #B978E6;
}
.cta.cta_explore.tall#exp_city .cta_content h3, .cta.cta_explore.tall#exp_city_home .cta_content h3 {
  color: #B978E6;
}
.cta.cta_explore.tall#exp_province, .cta.cta_explore.tall#exp_province_home {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/explore-modal-province.jpg");
}
.cta.cta_explore.tall#exp_province .cta_img i, .cta.cta_explore.tall#exp_province_home .cta_img i {
  color: #32C896;
}
.cta.cta_explore.tall#exp_province .cta_content h3, .cta.cta_explore.tall#exp_province_home .cta_content h3 {
  color: #32C896;
}
.cta.cta_explore.tall#exp_canada, .cta.cta_explore.tall#exp_canada_home {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/explore-modal-canada.jpg");
}
.cta.cta_explore.tall#exp_canada .cta_img i, .cta.cta_explore.tall#exp_canada_home .cta_img i {
  color: #FF646E;
}
.cta.cta_explore.tall#exp_canada .cta_content h3, .cta.cta_explore.tall#exp_canada_home .cta_content h3 {
  color: #FF646E;
}
@media (min-width: 992px) {
  .cta.cta_explore.tall:hover, .cta.cta_explore.tall:focus, .cta.cta_explore.tall:active {
    background-size: auto 85%;
  }
  .cta.cta_explore.tall:hover .cta_wrap, .cta.cta_explore.tall:focus .cta_wrap, .cta.cta_explore.tall:active .cta_wrap {
    background: radial-gradient(100% 85% at 50% 100%, #e50914 10%, #181818 100%);
    min-height: 370px !important;
  }
  .cta.cta_explore.tall:hover .cta_wrap .cta_img i, .cta.cta_explore.tall:focus .cta_wrap .cta_img i, .cta.cta_explore.tall:active .cta_wrap .cta_img i {
    color: #FFFFFF !important;
  }
  .cta.cta_explore.tall:hover .cta_wrap .cta_content h3, .cta.cta_explore.tall:focus .cta_wrap .cta_content h3, .cta.cta_explore.tall:active .cta_wrap .cta_content h3 {
    color: #FFFFFF !important;
  }
  .cta.cta_explore.tall:hover .cta_wrap .cta_content h3:after, .cta.cta_explore.tall:focus .cta_wrap .cta_content h3:after, .cta.cta_explore.tall:active .cta_wrap .cta_content h3:after {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .cta.cta_explore.tall:hover#exp_city .cta_wrap, .cta.cta_explore.tall:hover#exp_city_home .cta_wrap, .cta.cta_explore.tall:focus#exp_city .cta_wrap, .cta.cta_explore.tall:focus#exp_city_home .cta_wrap, .cta.cta_explore.tall:active#exp_city .cta_wrap, .cta.cta_explore.tall:active#exp_city_home .cta_wrap {
    background: radial-gradient(100% 85% at 50% 100%, #b978e6 10%, #181818 100%);
    min-height: 370px !important;
  }
  .cta.cta_explore.tall:hover#exp_city .cta_img:after, .cta.cta_explore.tall:hover#exp_city_home .cta_img:after, .cta.cta_explore.tall:focus#exp_city .cta_img:after, .cta.cta_explore.tall:focus#exp_city_home .cta_img:after, .cta.cta_explore.tall:active#exp_city .cta_img:after, .cta.cta_explore.tall:active#exp_city_home .cta_img:after {
    background-color: #B978E6;
    border: 1px solid #B978E6;
  }
  .cta.cta_explore.tall:hover#exp_province .cta_wrap, .cta.cta_explore.tall:hover#exp_province_home .cta_wrap, .cta.cta_explore.tall:focus#exp_province .cta_wrap, .cta.cta_explore.tall:focus#exp_province_home .cta_wrap, .cta.cta_explore.tall:active#exp_province .cta_wrap, .cta.cta_explore.tall:active#exp_province_home .cta_wrap {
    background: radial-gradient(100% 85% at 50% 100%, #32c896 10%, #181818 100%);
    min-height: 370px !important;
  }
  .cta.cta_explore.tall:hover#exp_province .cta_img:after, .cta.cta_explore.tall:hover#exp_province_home .cta_img:after, .cta.cta_explore.tall:focus#exp_province .cta_img:after, .cta.cta_explore.tall:focus#exp_province_home .cta_img:after, .cta.cta_explore.tall:active#exp_province .cta_img:after, .cta.cta_explore.tall:active#exp_province_home .cta_img:after {
    background-color: #32C896;
    border: 1px solid #32C896;
  }
  .cta.cta_explore.tall:hover#exp_canada .cta_wrap, .cta.cta_explore.tall:hover#exp_canada_home .cta_wrap, .cta.cta_explore.tall:focus#exp_canada .cta_wrap, .cta.cta_explore.tall:focus#exp_canada_home .cta_wrap, .cta.cta_explore.tall:active#exp_canada .cta_wrap, .cta.cta_explore.tall:active#exp_canada_home .cta_wrap {
    background: radial-gradient(100% 85% at 50% 100%, #ff646e 10%, #181818 100%);
    min-height: 370px !important;
  }
  .cta.cta_explore.tall:hover#exp_canada .cta_img:after, .cta.cta_explore.tall:hover#exp_canada_home .cta_img:after, .cta.cta_explore.tall:focus#exp_canada .cta_img:after, .cta.cta_explore.tall:focus#exp_canada_home .cta_img:after, .cta.cta_explore.tall:active#exp_canada .cta_img:after, .cta.cta_explore.tall:active#exp_canada_home .cta_img:after {
    background-color: #FF646E;
    border: 1px solid #FF646E;
  }
}
.cta.cta_news-signup {
  max-width: 820px;
  margin: 0 auto;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/pattern-lines.png") #181818 center repeat;
}
.cta.cta_news-signup .cta_wrap {
  flex-direction: row;
  justify-content: space-between;
  padding: 6rem 8rem;
  border-color: #3F3F3F !important;
  background: transparent;
}
.cta.cta_news-signup .cta_wrap .cta_img {
  width: 25%;
  margin-bottom: 0;
}
.cta.cta_news-signup .cta_wrap .cta_content {
  width: 75%;
  padding-left: 8rem;
  text-align: left;
}
.cta.cta_news-signup .cta_wrap .cta_content h3 {
  font-family: "Rock Salt", cursive, serif;
  letter-spacing: -2.28px;
  color: #E50914 !important;
  transform: rotate(-2deg);
  margin: 1.5rem 0 2.5rem;
}
.cta.cta_news-signup .cta_wrap .cta_content p {
  margin-bottom: 3rem;
}
.cta.cta_news-signup .cta_wrap:hover, .cta.cta_news-signup .cta_wrap:focus, .cta.cta_news-signup .cta_wrap:active {
  background: radial-gradient(100% 85% at 0% 100%, rgba(229, 9, 20, 0.5) 0%, rgba(24, 24, 24, 0) 100%) !important;
}
.cta.cta_news-signup .cta_wrap:hover .cta_img, .cta.cta_news-signup .cta_wrap:focus .cta_img, .cta.cta_news-signup .cta_wrap:active .cta_img {
  transform: none !important;
}
@media (max-width: 991px) {
  .cta.cta_news-signup .cta_wrap {
    padding: 4rem;
  }
  .cta.cta_news-signup .cta_wrap .cta_content {
    padding-left: 4rem;
  }
}
.cta.cta_news-signup-stacked {
  background: transparent !important;
}
.cta.cta_news-signup-stacked .cta_wrap {
  flex-direction: column;
  background: transparent !important;
  border: none;
  box-shadow: none;
  padding: 4rem;
  max-width: 600px;
}
.cta.cta_news-signup-stacked .cta_wrap .cta_img {
  width: 100%;
  margin-bottom: 4rem;
}
.cta.cta_news-signup-stacked .cta_wrap .cta_content {
  width: 100%;
  padding: 0;
  text-align: center;
}
.cta.cta_news-signup-stacked .cta_wrap .cta_content h3 {
  margin: 2rem 0 3rem;
}
.cta.cta_news-signup-stacked .cta_wrap .cta_content p {
  margin-bottom: 4rem;
}
@media (max-width: 1024px) {
  .cta.cta_news-signup-stacked .cta_wrap {
    padding: 0;
  }
}

a.cta, a.cta.cta_explore {
  text-decoration: none;
}
a.cta .cta_wrap, a.cta.cta_explore .cta_wrap {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
a.cta .cta_wrap .cta_img, a.cta.cta_explore .cta_wrap .cta_img {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
a.cta .cta_wrap .cta_img i, a.cta.cta_explore .cta_wrap .cta_img i {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
a.cta .cta_wrap .cta_img:after, a.cta.cta_explore .cta_wrap .cta_img:after {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
a.cta .cta_wrap .cta_content .eyebrow, a.cta.cta_explore .cta_wrap .cta_content .eyebrow {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
a.cta .cta_wrap .cta_content h3, a.cta.cta_explore .cta_wrap .cta_content h3 {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
a.cta .cta_wrap .cta_content p, a.cta.cta_explore .cta_wrap .cta_content p {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
@media (min-width: 768px) {
  a.cta:hover .cta_wrap, a.cta:focus .cta_wrap, a.cta:active .cta_wrap, a.cta.cta_explore:hover .cta_wrap, a.cta.cta_explore:focus .cta_wrap, a.cta.cta_explore:active .cta_wrap {
    border-color: #949494;
    background: radial-gradient(100% 85% at 50% 100%, rgba(229, 9, 20, 0.75) 10%, rgba(24, 24, 24, 0) 100%);
  }
  a.cta:hover .cta_wrap .cta_img, a.cta:focus .cta_wrap .cta_img, a.cta:active .cta_wrap .cta_img, a.cta.cta_explore:hover .cta_wrap .cta_img, a.cta.cta_explore:focus .cta_wrap .cta_img, a.cta.cta_explore:active .cta_wrap .cta_img {
    transform: translateY(-4px);
  }
  a.cta:hover .cta_wrap .cta_img i, a.cta:focus .cta_wrap .cta_img i, a.cta:active .cta_wrap .cta_img i, a.cta.cta_explore:hover .cta_wrap .cta_img i, a.cta.cta_explore:focus .cta_wrap .cta_img i, a.cta.cta_explore:active .cta_wrap .cta_img i {
    color: #FFFFFF;
  }
  a.cta:hover .cta_wrap .cta_img:after, a.cta:focus .cta_wrap .cta_img:after, a.cta:active .cta_wrap .cta_img:after, a.cta.cta_explore:hover .cta_wrap .cta_img:after, a.cta.cta_explore:focus .cta_wrap .cta_img:after, a.cta.cta_explore:active .cta_wrap .cta_img:after {
    background-color: #E50914;
    border: 1px solid #E50914;
  }
  a.cta:hover .cta_wrap .cta_content .eyebrow, a.cta:focus .cta_wrap .cta_content .eyebrow, a.cta:active .cta_wrap .cta_content .eyebrow, a.cta.cta_explore:hover .cta_wrap .cta_content .eyebrow, a.cta.cta_explore:focus .cta_wrap .cta_content .eyebrow, a.cta.cta_explore:active .cta_wrap .cta_content .eyebrow {
    color: #FFFFFF;
  }
  a.cta:hover .cta_wrap .cta_content h3, a.cta:focus .cta_wrap .cta_content h3, a.cta:active .cta_wrap .cta_content h3, a.cta.cta_explore:hover .cta_wrap .cta_content h3, a.cta.cta_explore:focus .cta_wrap .cta_content h3, a.cta.cta_explore:active .cta_wrap .cta_content h3 {
    color: #FFFFFF;
  }
  a.cta:hover .cta_wrap .cta_content h3:after, a.cta:focus .cta_wrap .cta_content h3:after, a.cta:active .cta_wrap .cta_content h3:after, a.cta.cta_explore:hover .cta_wrap .cta_content h3:after, a.cta.cta_explore:focus .cta_wrap .cta_content h3:after, a.cta.cta_explore:active .cta_wrap .cta_content h3:after {
    background-color: rgba(178, 7, 16, 0.5);
  }
  a.cta:hover .cta_wrap .cta_content p, a.cta:focus .cta_wrap .cta_content p, a.cta:active .cta_wrap .cta_content p, a.cta.cta_explore:hover .cta_wrap .cta_content p, a.cta.cta_explore:focus .cta_wrap .cta_content p, a.cta.cta_explore:active .cta_wrap .cta_content p {
    color: #FFFFFF;
  }
  a.cta:hover .cta_wrap .cta_content .cta-arrow i, a.cta:focus .cta_wrap .cta_content .cta-arrow i, a.cta:active .cta_wrap .cta_content .cta-arrow i, a.cta.cta_explore:hover .cta_wrap .cta_content .cta-arrow i, a.cta.cta_explore:focus .cta_wrap .cta_content .cta-arrow i, a.cta.cta_explore:active .cta_wrap .cta_content .cta-arrow i {
    animation: arrow_hover 0.4s forwards;
  }
  @keyframes arrow_hover {
    from {
      transform: translateX(-150%);
    }
    to {
      transform: translateX(0%);
    }
  }
}

#explore_Modal .modal-body {
  padding: 0;
}
#explore_Modal .btn-close {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 50px;
  font-size: 2.4rem;
  color: #949494;
  background: #111;
  opacity: 1;
  border: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#explore_Modal .btn-close:hover, #explore_Modal .btn-close:focus, #explore_Modal .btn-close:active {
  color: #E50914;
  background: #2F2F2F;
}
@media (min-width: 992px) {
  #explore_Modal .btn-close {
    top: auto;
    bottom: 0;
    border-top: 1px solid #464646;
  }
}

.explore-cta-group {
  display: flex;
  height: 100%;
}
@media (min-width: 992px) {
  .explore-cta-group {
    height: calc(100vh - 50px);
  }
}
.explore-cta-group .cta_explore.tall {
  width: 25%;
  align-items: flex-end;
  position: relative;
}
.explore-cta-group .cta_explore.tall:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, #111 0%, rgba(17, 17, 17, 0.7) 50%, rgba(17, 17, 17, 0.35) 100%);
  backdrop-filter: saturate(80%);
  opacity: 1;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.explore-cta-group .cta_explore.tall .cta_wrap {
  position: relative;
  z-index: 1;
}
.explore-cta-group .cta_explore.tall .cta_wrap .cta_img:after {
  background-color: transparent;
}
.explore-cta-group .cta_explore.tall:hover:before, .explore-cta-group .cta_explore.tall:focus:before, .explore-cta-group .cta_explore.tall:active:before {
  opacity: 0;
}
@media (min-width: 992px) {
  .explore-cta-group .cta.cta_explore.tall .cta_wrap {
    min-height: 350px;
  }
}
@media (max-width: 991px) {
  .explore-cta-group {
    flex-direction: column;
    padding-top: 50px;
  }
  .explore-cta-group .cta_explore.tall {
    justify-content: flex-end;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: calc(25vh - 12.5px);
    background-image: none !important;
    background: #111;
    border-top: 1px solid #2F2F2F;
  }
  .explore-cta-group .cta_explore.tall#exp_title:before, .explore-cta-group .cta_explore.tall#exp_title_home:before {
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/explore-modal-title.jpg");
  }
  .explore-cta-group .cta_explore.tall#exp_city:before, .explore-cta-group .cta_explore.tall#exp_city_home:before {
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/explore-modal-city.jpg");
  }
  .explore-cta-group .cta_explore.tall#exp_province:before, .explore-cta-group .cta_explore.tall#exp_province_home:before {
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/explore-modal-province.jpg");
  }
  .explore-cta-group .cta_explore.tall#exp_canada:before, .explore-cta-group .cta_explore.tall#exp_canada_home:before {
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/explore-modal-canada.jpg");
  }
  .explore-cta-group .cta_explore.tall:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 100%;
    content: "";
    background-size: cover;
    background-position: center;
    opacity: 1 !important;
  }
  .explore-cta-group .cta_explore.tall:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 191px;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, rgba(17, 17, 17, 0.5) 0%, rgba(17, 17, 17, 0.95) 100%);
  }
  .explore-cta-group .cta_explore.tall .cta_wrap {
    flex-direction: row;
    align-items: center;
    width: calc(100% - 190px);
    height: 100%;
    background: transparent !important;
    padding: 1.5rem 3rem 1.5rem 0;
  }
  .explore-cta-group .cta_explore.tall .cta_wrap:after {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 7 Sharp";
    font-style: normal;
    text-decoration: inherit;
    content: "\f061";
    color: #949494;
    font-size: 2.2rem;
    font-weight: 300;
  }
  .explore-cta-group .cta_explore.tall .cta_wrap .cta_img {
    width: 120px;
    transform: scale(0.5) translate(-100%, 0) !important;
  }
  .explore-cta-group .cta_explore.tall .cta_wrap .cta_content {
    width: 55%;
    text-align: left;
    transform: translateX(-20px);
  }
  .explore-cta-group .cta_explore.tall .cta_wrap .cta_content .eyebrow {
    font-size: 1.2rem;
  }
  .explore-cta-group .cta_explore.tall .cta_wrap .cta_content h3 {
    font-size: 2rem;
    margin: 1rem 0 0;
  }
  .explore-cta-group .cta_explore.tall .cta_wrap .cta_content h3:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .explore-cta-group .cta_explore.tall:before, .explore-cta-group .cta_explore.tall:after {
    max-width: 120px;
  }
  .explore-cta-group .cta_explore.tall .cta_wrap {
    width: calc(100% - 120px);
  }
  .explore-cta-group .cta_explore.tall .cta_wrap .cta_content {
    width: 80%;
  }
}

p.form-intro {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.8rem;
  line-height: 1.4;
  margin-bottom: 4rem;
}

p.form-legal {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.75);
}

#mc_embed_shell {
  margin-bottom: 3rem;
}
#mc_embed_shell #mc_embed_signup {
  background-color: transparent;
  width: 100%;
}
#mc_embed_shell #mc_embed_signup form {
  margin: 0;
}
#mc_embed_shell #mc_embed_signup form .indicates-required {
  display: none;
}
#mc_embed_shell #mc_embed_signup form label {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 1;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 0.5rem;
}
#mc_embed_shell #mc_embed_signup form label .asterisk {
  color: #E50914;
  font-size: inherit;
  line-height: 1;
  top: -2px;
}
#mc_embed_shell #mc_embed_signup form input[type=text], #mc_embed_shell #mc_embed_signup form input[type=email] {
  min-height: 54px;
  background: #181818;
  padding: 1.2rem 1rem;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #949494;
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #949494;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#mc_embed_shell #mc_embed_signup form input[type=text]:focus, #mc_embed_shell #mc_embed_signup form input[type=email]:focus {
  border-color: #FFFFFF;
}
#mc_embed_shell #mc_embed_signup form div.mce_inline_error {
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  padding: 0;
  margin: 5px 0 0;
}
#mc_embed_shell #mc_embed_signup form input#mc-embedded-subscribe {
  display: flex;
  align-items: center;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #FFFFFF;
  line-height: 100%;
  text-transform: uppercase;
  height: 54px;
  background: #E50914;
  padding: 14px 25px;
  border-radius: 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#mc_embed_shell #mc_embed_signup form input#mc-embedded-subscribe:hover, #mc_embed_shell #mc_embed_signup form input#mc-embedded-subscribe:focus, #mc_embed_shell #mc_embed_signup form input#mc-embedded-subscribe:active {
  color: #E50914;
  background: #FFFFFF;
}
#mc_embed_shell #mc_embed_signup form .mc-field-group {
  padding-bottom: 4rem;
}
#mc_embed_shell #mc_embed_signup form #mce-responses {
  width: 100%;
  padding: 0;
  margin: 0;
}
#mc_embed_shell #mc_embed_signup form #mce-responses .response {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: #FFFFFF;
  padding: 0;
  margin: 0 0 4rem;
}

.mc-modal button.mc-closeModal {
  position: absolute;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  width: 4rem;
  height: 4rem;
  top: 0;
  right: 0;
}
.mc-modal button.mc-closeModal:before, .mc-modal button.mc-closeModal:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  width: auto;
  height: auto;
  font-size: 2.4rem;
  font-weight: 300;
  color: #FFFFFF;
}
.mc-modal button.mc-closeModal:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f00d";
}

.mc-modal-bg {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/bg-popup.png") !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  background-size: cover !important;
  background-position: center !important;
  backdrop-filter: blur(5px);
}
@media (max-width: 991px) {
  .mc-modal-bg {
    visibility: visible !important;
  }
}

@media (max-width: 767px) {
  body.map_v2 {
    height: 100dvh;
    overflow: hidden;
  }
}

.films-list.films-nav {
  padding: 0 7.5px;
  background: none;
  position: fixed;
  bottom: -344px;
  z-index: 1010;
  height: 400px;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  -webkit-transition: 1000ms;
  -moz-transition: 1000ms;
  transition: 1000ms;
}
@media (max-width: 991px) {
  .films-list.films-nav {
    backdrop-filter: none;
  }
}
@media (max-width: 767px) {
  .films-list.films-nav {
    height: 50%;
    min-height: 370px;
    bottom: -100%;
  }
}
.films-list.films-nav.active, .films-list.films-nav.active_expanded {
  bottom: 0px;
}
.films-list.films-nav.active .films-list__actions .select-dd, .films-list.films-nav.active_expanded .films-list__actions .select-dd {
  opacity: 1;
  cursor: initial;
}
.films-list.films-nav.active .films-list__actions .select-dd *, .films-list.films-nav.active_expanded .films-list__actions .select-dd * {
  cursor: initial;
}
.films-list.films-nav.active .films-list__actions .select-dd select, .films-list.films-nav.active_expanded .films-list__actions .select-dd select {
  cursor: pointer;
  pointer-events: initial;
}
.films-list.films-nav.active_expanded {
  height: 100%;
}
.films-list.films-nav.active_expanded .films-nav__grid {
  overflow-y: auto;
  scrollbar-color: #666666 #2F2F2F;
  scrollbar-width: thin;
  background-color: #000000;
}
.films-list.films-nav.active_expanded .drag-slider-wrapper {
  display: none;
}
@media (min-width: 768px) {
  .films-list.films-nav.active_expanded {
    padding-top: 20px;
  }
  .films-list.films-nav.active_expanded .films-nav__grid {
    padding-bottom: 12rem;
  }
}
.films-list.films-nav .films-nav__actions {
  position: relative;
  z-index: 2;
  background-color: rgba(17, 17, 17, 0.8);
  border-top: 1px solid #3F3F3F;
  border-bottom: 1px solid #3F3F3F;
  backdrop-filter: blur(5px);
}
.films-list.films-nav .films-nav__actions .films-nav__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #464646;
}
.films-list.films-nav .films-nav__actions .films-nav__top > div {
  width: fit-content;
}
.films-list.films-nav .films-nav__actions .films-nav__top h3 {
  position: relative;
  flex-grow: 1;
  font-family: "NetflixSans_W_ExBd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  text-transform: uppercase;
  text-align: center;
  color: #CFCFCF;
  padding-left: 285px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
}
.films-list.films-nav .films-nav__actions .films-nav__top h3 span {
  position: relative;
  z-index: 1;
  font-family: inherit;
  font-size: inherit;
  text-transform: inherit;
  text-align: inherit;
  color: inherit;
}
.films-list.films-nav .films-nav__actions .films-nav__top h3:before {
  content: "";
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 133% at 58% 100%, rgba(178, 7, 16, 0.75) 0%, rgba(178, 7, 16, 0.25) 45%, rgba(178, 7, 16, 0) 80%);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.films-list.films-nav .films-nav__actions .films-nav__top h3:hover, .films-list.films-nav .films-nav__actions .films-nav__top h3:focus, .films-list.films-nav .films-nav__actions .films-nav__top h3:active {
  color: #FFFFFF;
  text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.35);
}
.films-list.films-nav .films-nav__actions .films-nav__top h3:hover:before, .films-list.films-nav .films-nav__actions .films-nav__top h3:focus:before, .films-list.films-nav .films-nav__actions .films-nav__top h3:active:before {
  bottom: 0;
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns {
  min-width: 285px;
  text-align: right;
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button {
  display: inline-block;
  font-family: "NetflixSans_W_CdBd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  color: #949494;
  padding: 10px 15px;
  margin-left: 2px;
  border: none;
  border-radius: 5px;
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  margin-right: 5px;
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button#menu-toggle {
  background-color: rgba(255, 255, 255, 0.1);
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button#menu-toggle:before {
  content: "\f077";
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button#menu-toggle.active:before {
  content: "\f078";
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button#menu-expand-toggle:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\e0a0";
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button#menu-expand-toggle.active:before {
  content: "\e092";
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button:focus {
  background-color: transparent;
  color: #949494;
}
.films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(5px);
}
@media (max-width: 1024px) {
  .films-list.films-nav .films-nav__actions .films-nav__top h3 {
    padding-left: 15rem;
  }
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__actions {
    backdrop-filter: none;
  }
  .films-list.films-nav .films-nav__actions .films-nav__top h3 {
    text-align: left;
    padding-left: 1.5rem;
    margin-left: -0.75rem;
  }
  .films-list.films-nav .films-nav__actions .films-nav__top h3:before {
    background: radial-gradient(100% 100% at 0% 50%, rgba(178, 7, 16, 0.75) 0%, rgba(178, 7, 16, 0.25) 45%, rgba(178, 7, 16, 0) 80%);
  }
}
@media (max-width: 767px) {
  .films-list.films-nav .films-nav__actions .films-nav__top {
    background-color: #111;
  }
  .films-list.films-nav .films-nav__actions .films-nav__top > div:not(.fNav-btns) {
    display: none;
  }
  .films-list.films-nav .films-nav__actions .films-nav__top h3 {
    font-size: 1.2rem;
    padding-left: 4.5px;
    text-align: left;
  }
  .films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns {
    min-width: 84px;
  }
  .films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button {
    position: relative;
    color: transparent !important;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(5px);
  }
  .films-list.films-nav .films-nav__actions .films-nav__top .fNav-btns button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    font-weight: 400;
    color: #FFFFFF !important;
    margin: 0;
  }
}
.films-list.films-nav .films-nav__explore-btns {
  display: flex;
  padding: 0;
}
.films-list.films-nav .films-nav__explore-btns button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  color: #949494;
  background-color: rgba(47, 47, 47, 0);
  padding: 12px 33px 4px;
  border: none;
  border-bottom: 4px solid transparent;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.films-list.films-nav .films-nav__explore-btns button#btnFiltersMobile {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: auto;
  height: auto;
  color: #949494;
  padding: 4.5px 8px;
  border: 1px solid #777777;
  border-radius: 5px;
}
.films-list.films-nav .films-nav__explore-btns button i {
  margin-bottom: 0.5rem;
}
.films-list.films-nav .films-nav__explore-btns button span {
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #949494;
}
@media (max-width: 1199px) {
  .films-list.films-nav .films-nav__explore-btns button {
    padding: 1.2rem 2rem;
  }
}
@media (min-width: 768px) {
  .films-list.films-nav .films-nav__explore-btns button.active, .films-list.films-nav .films-nav__explore-btns button:hover {
    color: #FFFFFF;
    background-color: rgba(47, 47, 47, 0.5);
  }
  .films-list.films-nav .films-nav__explore-btns button.active span, .films-list.films-nav .films-nav__explore-btns button:hover span {
    color: #FFFFFF;
  }
  .films-list.films-nav .films-nav__explore-btns button.active {
    border-color: #E50914;
  }
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__explore-btns {
    position: relative;
    background-color: #181818;
    width: 100%;
  }
  .films-list.films-nav .films-nav__explore-btns button {
    min-width: 80px;
    padding: 18px 18px 4px;
    text-align: center;
  }
  .films-list.films-nav .films-nav__explore-btns button#btnFiltersMobile {
    display: block;
  }
  .films-list.films-nav .films-nav__explore-btns button#btnFiltersMobile i {
    margin-right: 0.5rem;
  }
  .films-list.films-nav .films-nav__explore-btns button.active {
    color: #FFFFFF;
    background-color: rgba(47, 47, 47, 0.5);
    border-color: #E50914;
  }
}
.films-list.films-nav .films-nav__explore-filters {
  display: flex;
  padding: 1rem;
}
.films-list.films-nav .films-nav__explore-filters > label {
  display: flex;
  align-items: center;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #777777;
  padding-right: 10px;
}
@media (min-width: 992px) {
  .films-list.films-nav .films-nav__explore-filters {
    justify-content: flex-end;
  }
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__explore-filters {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 5;
    flex-direction: column;
    justify-content: flex-start;
    width: 82%;
    height: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
    border-left: 1px solid #2F2F2F;
    background-color: #1D1D1D;
    box-shadow: -10px 10px 40px 0px rgba(0, 0, 0, 0.55);
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    transition: ease 300ms;
  }
  .films-list.films-nav .films-nav__explore-filters > label {
    font-size: 1.4rem;
    align-items: center;
    text-align: center;
    padding: 5px 5px 45px;
  }
}
.films-list.films-nav .films-nav__explore-filters .form-group.search {
  position: relative;
}
.films-list.films-nav .films-nav__explore-filters .form-group.mobile-filter-actions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3rem;
  background-color: #181818;
}
@media (max-width: 1024px) {
  .films-list.films-nav .films-nav__explore-filters .form-group.search {
    display: flex;
  }
}
@media (min-width: 992px) {
  .films-list.films-nav .films-nav__explore-filters .form-group.reset {
    padding-right: 2rem;
    margin-right: 2rem;
    border-right: 1px solid #3F3F3F;
  }
}
@media (min-width: 992px) {
  .films-list.films-nav .films-nav__explore-filters .form-group {
    padding: 10px 0;
  }
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__explore-filters .form-group {
    margin-bottom: 1.2rem;
  }
  .films-list.films-nav .films-nav__explore-filters .form-group.reset {
    display: none;
  }
  .films-list.films-nav .films-nav__explore-filters .form-group.mobile-filter-actions {
    display: block;
  }
}
.films-list.films-nav .films-nav__explore-filters .select-dd {
  display: flex;
  position: relative;
}
@media (min-width: 992px) {
  .films-list.films-nav .films-nav__explore-filters .select-dd {
    margin-right: 10px;
  }
}
.films-list.films-nav .films-nav__explore-filters .select-dd label {
  margin-right: 10px;
  text-transform: uppercase;
}
.films-list.films-nav .films-nav__explore-filters .select-dd label span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn {
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #949494;
  text-align: left;
  width: 16rem;
  background-color: transparent;
  padding: 4px 13px;
  border: 1px solid #777777;
  border-radius: 30px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn:before, .films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  display: inline-block;
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn:after {
  content: "\f078";
  float: right;
  margin-left: 5px;
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn:hover {
  color: #FFFFFF;
  border-color: #949494;
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn.open {
  color: #CFCFCF;
  border-color: #949494;
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn.open:after {
  content: "\f077";
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn#cityBtn:before {
  display: none;
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn#cityBtn #cbtnCount {
  display: none;
  text-align: center;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #FFFFFF;
  width: 18px;
  height: 18px;
  padding: 2px 1px;
  margin-left: -3px;
  margin-right: 5px;
  border-radius: 20px;
  background-color: #B20710;
  transform: translateY(0.5px);
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn#cityBtn.active #cbtnCount {
  display: inline-block;
}
.films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn.active:before {
  content: "\e122";
  font-weight: 700;
  color: #B20710;
  transform: translateY(1px);
  margin-right: 8px;
}
@media (max-width: 1199px) {
  .films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn {
    width: 14rem;
  }
}
@media (max-width: 1024px) {
  .films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn {
    width: 12rem;
  }
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .films-list.films-nav .films-nav__explore-filters .select-dd button.ddl-btn.open {
    background: rgba(255, 255, 255, 0.1);
  }
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu {
  padding-top: 1.2rem;
  position: absolute;
  left: 0;
  top: 3.8rem;
  width: 260px;
  display: none;
  z-index: 1;
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu {
    width: 100%;
  }
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul {
  list-style: none;
  width: 100%;
  max-height: 280px;
  padding: 10px 8px;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #2F2F2F;
  background: #1D1D1D;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.25);
  overflow-y: auto;
  scrollbar-color: #666666 #2F2F2F;
  scrollbar-width: thin;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul > li {
  display: flex;
  align-items: center;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul > li label {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  text-transform: none;
  padding: 10px 8px;
  margin: 0;
  cursor: pointer;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul > li label:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f111";
  font-size: 1.6rem;
  line-height: 1;
  margin-right: 8px;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul > li label:hover {
  background-color: #2F2F2F;
  color: white;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul > li input[type=checkbox], .films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul > li input[type=radio] {
  display: none;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul > li input[type=checkbox]:checked + label:before, .films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul > li input[type=radio]:checked + label:before {
  content: "\f192";
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul span.sub-head {
  display: block;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-align: left;
  color: #777777;
  width: 100%;
  margin-bottom: 6px;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul ul.sub-menu {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
  padding: 1rem;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #2F2F2F;
  background: #181818;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu > ul ul.sub-menu li {
  width: 33.3334%;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu.open {
  display: block;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu#cityMenu {
  width: 69rem;
  left: 50%;
  transform: translateX(-50%);
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu#cityMenu > ul > li {
  flex-direction: column;
}
.films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu#cityMenu > ul > li:not(:last-child) {
  margin-bottom: 1rem;
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu#cityMenu {
    width: 100%;
    left: 0;
    transform: none;
  }
  .films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu#cityMenu > ul {
    height: 54vh;
    max-height: none;
  }
  .films-list.films-nav .films-nav__explore-filters .select-dd .ddl-menu#cityMenu > ul ul.sub-menu li {
    width: 100%;
  }
}
.films-list.films-nav .films-nav__explore-filters .select-dd select {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: #777777;
  width: 100%;
  max-width: 16rem;
  background-color: transparent;
  padding: 5px 30px 5px 15px;
  border: 1px solid #777777;
  border-radius: 30px;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-chevron-down_grey.svg") no-repeat 94% 52%;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
  appearance: none;
}
.films-list.films-nav .films-nav__explore-filters .select-dd select::-ms-expand {
  display: none;
}
.films-list.films-nav .films-nav__explore-filters .select-dd select option {
  color: #000000;
}
.films-list.films-nav .films-nav__explore-filters .select-dd select:focus option {
  color: #000000;
}
.films-list.films-nav .films-nav__explore-filters .select-dd:hover select, .films-list.films-nav .films-nav__explore-filters .select-dd:focus select, .films-list.films-nav .films-nav__explore-filters .select-dd:active select {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-chevron-down.svg") no-repeat 94% 52%;
}
.films-list.films-nav .films-nav__explore-filters input[type=text] {
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #777777;
  background-color: transparent;
  width: 100%;
  max-width: 18rem;
  padding: 5px 30px 5px 15px;
  margin-right: 8px;
  border: 1px solid #777777;
  border-radius: 30px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.films-list.films-nav .films-nav__explore-filters input[type=text]:hover, .films-list.films-nav .films-nav__explore-filters input[type=text]:focus, .films-list.films-nav .films-nav__explore-filters input[type=text]:active {
  border: 1px solid #FFFFFF;
}
.films-list.films-nav .films-nav__explore-filters input[type=text]#txtSearchTitles {
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-dot_red.svg") no-repeat -50% 52%;
  background-size: 9px;
}
.films-list.films-nav .films-nav__explore-filters input[type=text].active#txtSearchTitles {
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-dot_red.svg") no-repeat 7% 52%;
  background-size: 9px;
  padding-left: 30px;
}
.films-list.films-nav .films-nav__explore-filters input[type=text].active + button#txtSearchTitles_btn i:before {
  content: "\f00d";
}
@media (max-width: 1199px) {
  .films-list.films-nav .films-nav__explore-filters input[type=text] {
    max-width: 14rem;
  }
}
@media (max-width: 1024px) {
  .films-list.films-nav .films-nav__explore-filters input[type=text] {
    max-width: 12rem;
  }
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__explore-filters input[type=text] {
    max-width: none;
  }
  .films-list.films-nav .films-nav__explore-filters input[type=text]#txtSearchTitles {
    margin: 0;
    height: 38px;
  }
}
.films-list.films-nav .films-nav__explore-filters button {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.3px;
  color: #777777;
  background-color: transparent;
  padding: 5px 15px;
  border: 1px solid #777777;
  border-radius: 30px;
}
.films-list.films-nav .films-nav__explore-filters button#txtSearchTitles_btn {
  position: absolute;
  right: 8px;
  border: none;
  padding: 7px 13px 3px 10px;
}
.films-list.films-nav .films-nav__explore-filters button#btnFilters_close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2.4rem;
  color: #949494;
  padding: 7px 16px;
  border: none;
}
@media (max-width: 1024px) {
  .films-list.films-nav .films-nav__explore-filters button {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .films-list.films-nav .films-nav__explore-filters button#txtSearchTitles_btn {
    top: 50%;
    transform: translateY(-50%);
    padding: 7px 13px 7px 10px;
  }
}
@media (min-width: 768px) {
  .films-list.films-nav .films-nav__explore-filters button {
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    transition: ease 300ms;
  }
  .films-list.films-nav .films-nav__explore-filters button:hover {
    color: #FFFFFF;
    border-color: #FFFFFF;
  }
  .films-list.films-nav .films-nav__explore-filters button#btnSort {
    width: 10rem;
  }
  .films-list.films-nav .films-nav__explore-filters button#btnSort + .ddl-menu {
    width: 30rem;
    left: auto;
    right: 0;
  }
  .films-list.films-nav .films-nav__explore-filters button#btnResetFilter, .films-list.films-nav .films-nav__explore-filters button#btnResetFilterMobile {
    color: #949494;
    background-color: #292929;
    border-color: #292929;
  }
  .films-list.films-nav .films-nav__explore-filters button#btnResetFilter i, .films-list.films-nav .films-nav__explore-filters button#btnResetFilterMobile i {
    margin-left: 3px;
  }
  .films-list.films-nav .films-nav__explore-filters button#btnResetFilter:hover, .films-list.films-nav .films-nav__explore-filters button#btnResetFilterMobile:hover {
    color: #CFCFCF;
    background-color: #3F3F3F;
  }
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__explore-filters button {
    font-size: 1.4rem;
  }
  .films-list.films-nav .films-nav__explore-filters button#btnResetFilterMobile {
    width: 100%;
    height: 38px;
  }
  .films-list.films-nav .films-nav__explore-filters button#btnSort {
    width: 100%;
  }
  .films-list.films-nav .films-nav__explore-filters button#txtSearchTitles_btn {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .films-list.films-nav .films-nav__explore-filters button#btnViewResults {
    color: #FFFFFF;
    background-color: #292929;
    border-color: #292929;
    width: 100%;
    height: 38px;
    margin-bottom: 12px;
  }
}
.films-list.films-nav .films-nav__explore-filters #menu-toggle {
  color: #FF646E !important;
  border-color: #FF646E !important;
  border-radius: 6px;
}
.films-list.films-nav .films-nav__explore-filters #menu-toggle span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.films-list.films-nav .films-nav__explore-filters #menu-toggle:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  font-weight: 700;
  content: "\f077";
  margin-left: 10px;
}
.films-list.films-nav .films-nav__explore-filters #menu-toggle:hover, .films-list.films-nav .films-nav__explore-filters #menu-toggle:focus, .films-list.films-nav .films-nav__explore-filters #menu-toggle:active {
  color: #E50914 !important;
  border-color: #FFFFFF !important;
}
.films-list.films-nav .films-nav__explore-filters #menu-toggle.active:after {
  content: "\f078";
}
@media (max-width: 991px) {
  .films-list.films-nav .films-nav__explore-filters .select-dd {
    position: relative;
    padding: 0;
    height: 38px;
  }
  .films-list.films-nav .films-nav__explore-filters .select-dd label {
    margin-right: 0;
  }
  .films-list.films-nav .films-nav__explore-filters .select-dd label:after {
    display: block;
  }
  .films-list.films-nav .films-nav__explore-filters .select-dd select {
    width: 37px;
    height: 34px;
    appearance: none;
    color: transparent !important;
    padding: 15px;
  }
  .films-list.films-nav .films-nav__explore-filters #menu-toggle {
    display: flex;
    position: relative;
    width: 41px;
    height: 38px;
    overflow: hidden;
    padding: 5px 18px;
    color: transparent !important;
  }
  .films-list.films-nav .films-nav__explore-filters #menu-toggle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FF646E !important;
    margin-left: 0;
  }
  .films-list.films-nav .films-nav__explore-filters #menu-toggle:hover, .films-list.films-nav .films-nav__explore-filters #menu-toggle:focus, .films-list.films-nav .films-nav__explore-filters #menu-toggle:active {
    color: transparent !important;
  }
  .films-list.films-nav .films-nav__explore-filters #menu-toggle:hover:after, .films-list.films-nav .films-nav__explore-filters #menu-toggle:focus:after, .films-list.films-nav .films-nav__explore-filters #menu-toggle:active:after {
    color: #E50914 !important;
  }
}
.films-list.films-nav .films-nav__grid {
  padding: 0 10px;
  height: calc(100% - 140px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, #000000 100%) #181818;
}
.films-list.films-nav .films-nav__grid .carousel {
  padding: 20px 0;
  margin: 0;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled:before {
  display: none;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province {
  width: 170px;
  height: 233px;
  min-width: 0;
  min-height: 0;
  margin: 0 5px;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .content,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .content,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .content {
  bottom: -44px;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .content:before,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .content:before,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .content:before {
  top: 0 !important;
  background-position: center;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .title h3,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .title h3,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .title h3 {
  flex-direction: column-reverse;
  align-items: flex-start;
  font-size: 1.6rem;
  padding: 1rem;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .title h3 span.count,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .title h3 span.count,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .title h3 span.count {
  justify-content: flex-start;
  width: auto;
  height: 2rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 2.5rem;
  margin: 0 0 1rem;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .actions,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .actions,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .actions {
  min-height: 38px;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .actions a.button,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .actions a.button,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .actions a.button {
  padding: 10px 5px;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .actions a.button:before,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .actions a.button:before,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .actions a.button:before {
  margin: 0;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .actions a.button span,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .actions a.button span,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .actions a.button span {
  display: none;
}
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film.carousel-end .content,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city.carousel-end .content,
.films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province.carousel-end .content {
  bottom: 0 !important;
}
@media (max-width: 1024px) {
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province {
    width: 150px;
  }
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .title h3,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .title h3,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .title h3 {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film:hover .content, .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film:focus .content, .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film:active .content,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city:hover .content,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city:focus .content,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city:active .content,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province:hover .content,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province:focus .content,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province:active .content {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province {
    background-size: cover;
    width: 50%;
    height: 100%;
    max-height: 285px;
  }
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.film .content,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city .content,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province .content {
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.city,
  .films-list.films-nav .films-nav__grid .carousel.flickity-enabled .carousel-cell.province {
    width: 350px;
  }
}
.films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) {
  padding: 20px 10px;
}
.films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.film {
  width: 24.5%;
  height: 34vw;
  margin: 0.25%;
}
.films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.city, .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.province {
  width: calc(33.3334% - 10px);
  height: 17.5vw;
}
.films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.carousel-end {
  flex-grow: 1;
}
.films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.carousel-end .content {
  bottom: 0 !important;
}
.films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.carousel-end .content .title {
  justify-content: center;
}
.films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.carousel-end .content .actions:before {
  content: "\f062";
}
@media (max-width: 767px) {
  .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) {
    padding: 10px 0;
  }
  .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.film, .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.city, .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.province {
    width: calc(50% - 10px);
    height: 60vw;
    margin: 0 5px 10px;
  }
  .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.film .title h3, .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.city .title h3, .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.province .title h3 {
    flex-direction: column-reverse;
    align-items: flex-start;
    font-size: 1.6rem;
    padding: 1rem;
  }
  .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.film .title h3 span.count, .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.city .title h3 span.count, .films-list.films-nav .films-nav__grid .carousel:not(.flickity-enabled) .carousel-cell.province .title h3 span.count {
    justify-content: flex-start;
    width: auto;
    height: 2rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2.5rem;
    margin: 0 0 1rem;
  }
}
.films-list.films-nav .films-nav__grid .carousel .flickity-page-dots {
  margin-left: -5px;
  padding: 0;
}
.films-list.films-nav .films-nav__grid .carousel .flickity-page-dots .dot {
  height: 4px;
}
@media (max-width: 767px) {
  .films-list.films-nav .films-nav__grid {
    height: calc(100% - 95px);
    padding: 5px 10px;
  }
  .films-list.films-nav .films-nav__grid .carousel {
    padding: 5px 0;
  }
}
.films-list.films-nav .flickity-prev-next-button {
  width: 5rem;
  height: 100%;
}
.films-list.films-nav .flickity-prev-next-button svg {
  display: none;
}
.films-list.films-nav .flickity-prev-next-button:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  font-size: 4rem;
  font-weight: 300;
  color: #FFFFFF;
  text-shadow: 0 0 10px #000000;
}
.films-list.films-nav .flickity-prev-next-button:disabled {
  display: none;
}
.films-list.films-nav .flickity-prev-next-button.previous {
  left: 0;
}
.films-list.films-nav .flickity-prev-next-button.previous:before {
  content: "\f053";
}
.films-list.films-nav .flickity-prev-next-button.next {
  right: 0;
}
.films-list.films-nav .flickity-prev-next-button.next:before {
  content: "\f054";
}
@media (max-width: 1024px) {
  .films-list.films-nav .flickity-prev-next-button {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .films-list.films-nav .flickity-prev-next-button {
    width: 3rem;
  }
  .films-list.films-nav .flickity-prev-next-button:before {
    font-size: 3rem;
  }
}
.films-list.films-nav .drag-slider-wrapper {
  display: none !important;
  position: absolute;
  bottom: 17px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 25px);
  height: 4px;
}
.films-list.films-nav .drag-slider-wrapper #dragSlider {
  display: block;
  height: 4px;
  background-color: #2F2F2F;
}
.films-list.films-nav .drag-slider-wrapper #dragSlider::-webkit-slider-thumb {
  height: 4px;
  background-color: #949494;
}
.films-list.films-nav .drag-slider-wrapper #dragSlider::-moz-range-thumb {
  height: 4px;
  background-color: #949494;
}
@media (max-width: 767px) {
  .films-list.films-nav .drag-slider-wrapper {
    display: none;
  }
}

body.mobile-filters-open {
  overflow: hidden;
}
body.mobile-filters-open .films-list.films-nav .films-nav__explore-filters {
  right: 0;
}

.btn-tooltip[aria-label] {
  line-height: 1.2;
}
.btn-tooltip[aria-label]:before {
  content: attr(aria-label);
  opacity: 0;
  width: max-content;
  min-width: 120px;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  border-radius: 3px;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  text-align: left;
}
.btn-tooltip[aria-label]:after {
  opacity: 0;
  content: "";
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
}
.btn-tooltip[aria-label].tt-right:before {
  left: auto;
  right: 0;
}
.btn-tooltip[aria-label]:hover:before, .btn-tooltip[aria-label]:hover:after, .btn-tooltip[aria-label]:focus:before, .btn-tooltip[aria-label]:focus:after, .btn-tooltip[aria-label]:active:before, .btn-tooltip[aria-label]:active:after {
  opacity: 1;
}

#map_legend {
  margin: 0 1.5rem;
}
#map_legend .legend-icon {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  opacity: 0.8;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#map_legend .legend-icon:not(:last-child) {
  margin-right: 2.5px;
}
#map_legend .legend-icon:not(:first-child) {
  margin-left: 2.5px;
}
#map_legend .legend-icon.disabled {
  opacity: 0.5;
}
#map_legend .legend-icon:hover {
  opacity: 1;
}
#map_legend #legendSetCluster {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/legend-icon-cluster.png);
}
#map_legend #legendSet {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/legend-icon-red.png);
}
#map_legend #legendAtt {
  display: none !important;
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/legend-icon-white.png);
}
#map_legend #legendCont {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/legend-icon-yellow.png);
}
#map_legend #legendCont[aria-label]:before {
  min-width: 0;
}
@media (max-width: 1024px) {
  #map_legend {
    margin-bottom: 5px;
  }
  #map_legend .legend-icon {
    width: 18px;
    height: 18px;
  }
  #map_legend .legend-icon:not(:last-child) {
    margin-right: 1.5px;
  }
  #map_legend .legend-icon:not(:first-child) {
    margin-left: 1.5px;
  }
}
@media (max-width: 767px) {
  #map_legend {
    display: none;
  }
}

body.map_v2 .modal-backdrop.show {
  display: none;
}

@media (min-width: 992px) {
  .modal .modal-lg {
    max-width: 890px;
  }
}
.modal .modal-content {
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: contain;
}
.modal .modal-content .close {
  position: absolute;
  top: 12px;
  right: 10px;
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  padding: 4.5px 10px;
  font-size: 2.4rem;
  line-height: 1;
}
.modal .modal-content .close i {
  font-size: inherit;
  line-height: inherit;
}
.modal#modContest .modal-content {
  flex-direction: row;
  flex-wrap: wrap;
  background-size: cover;
  background-position: center top;
}
.modal#modContest .modal-content:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 20%;
  background-image: linear-gradient(180deg, rgba(165, 95, 0, 0) 0%, rgba(165, 95, 0, 0.33) 60%, rgba(165, 95, 0, 0.55) 80%, #a55f00 100%);
}
.modal#modContest .modal-content .modal-header {
  position: relative;
  z-index: 1;
  width: 30%;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  border: none;
}
.modal#modContest .modal-content .modal-header .contest-timer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #F59600;
  box-shadow: 0px 0px 12px 1px rgba(245, 150, 0, 0.65);
  width: 126px;
  height: 126px;
  margin-bottom: 25px;
}
.modal#modContest .modal-content .modal-header .contest-timer:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: inset 0px 0px 12px 1px rgba(245, 150, 0, 0.65);
}
.modal#modContest .modal-content .modal-header .contest-timer #number {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 6.5rem;
  line-height: 1;
  color: #F59600;
}
.modal#modContest .modal-content .modal-header .contest-timer #day {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1;
}
.modal#modContest .modal-content .modal-header .contest-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 25px;
  border-bottom: 1px solid #F59600;
}
.modal#modContest .modal-content .modal-header .contest-date label {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #F59600;
}
.modal#modContest .modal-content .modal-header .contest-date #date {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
}
.modal#modContest .modal-content .modal-body {
  position: relative;
  z-index: 1;
  width: 70%;
  padding: 50px;
}
@media (max-width: 767px) {
  .modal#modContest .modal-content .modal-body {
    padding: 30px;
  }
}
.modal#modContest .modal-content .modal-body .sponsor-logos {
  display: flex;
  flex-direction: row;
  padding-top: 120px;
}
.modal#modContest .modal-content .modal-body .sponsor-logos .sponsor {
  display: flex;
  align-items: center;
  width: 50%;
  text-align: center;
  padding: 0 20px;
}
.modal#modContest .modal-content .modal-body .sponsor-logos .sponsor img {
  width: 100%;
  max-width: 180px;
}
@media (min-width: 992px) {
  .modal#modContest .modal-content .modal-body .sponsor-logos:first-child {
    padding-left: 0;
  }
  .modal#modContest .modal-content .modal-body .sponsor-logos:last-child {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .modal#modContest .modal-content .modal-body .sponsor-logos {
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }
  .modal#modContest .modal-content .modal-body .sponsor-logos .sponsor {
    width: 50%;
    padding: 15px;
  }
}
.modal#modContest .modal-content .modal-body .modal-title {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #FFFFFF;
}
@media (max-width: 767px) {
  .modal#modContest .modal-content .modal-body .modal-title {
    font-size: 2rem;
  }
}
.modal#modContest .modal-content .modal-body p:last-of-type {
  margin-bottom: 30px;
}
.modal#modContest .modal-content .modal-body a:not(:last-child), .modal#modContest .modal-content .modal-body button:not(:last-child) {
  margin-right: 15px;
}
.modal#modContest .modal-content .modal-body a[rel*=external]:after, .modal#modContest .modal-content .modal-body button[rel*=external]:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f08e";
  font-weight: 700;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .modal#modContest .modal-content .modal-body a.button, .modal#modContest .modal-content .modal-body button.button {
    text-align: center;
    width: 100%;
  }
  .modal#modContest .modal-content .modal-body a.button:not(:last-child), .modal#modContest .modal-content .modal-body button.button:not(:last-child) {
    margin-bottom: 15px;
    margin-right: 0;
  }
}
.modal#modContest .modal-content .modal-footer {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 50px 30px;
  border: none;
}
.modal#modContest .modal-content .modal-footer .contest-share {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
}
.modal#modContest .modal-content .modal-footer .contest-share label {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #F59600;
  text-transform: uppercase;
  margin-right: 10px;
}
.modal#modContest .modal-content .modal-footer .contest-share ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.modal#modContest .modal-content .modal-footer .contest-share ul li {
  display: inline-block;
  margin: 0 10px;
}
.modal#modContest .modal-content .modal-footer .contest-share ul li a {
  font-size: 2rem;
  color: #F59600;
}
.modal#modContest .modal-content .modal-footer .contest-share ul li a:hover, .modal#modContest .modal-content .modal-footer .contest-share ul li a:focus, .modal#modContest .modal-content .modal-footer .contest-share ul li a:active {
  text-shadow: 0px 0px 12px rgba(245, 150, 0, 0.8);
}
.modal#modSL.modal-sloc {
  overflow: hidden;
  width: 23%;
}
.modal#modSL.modal-sloc.show {
  z-index: 1005;
}
@media (max-width: 1399px) {
  .modal#modSL.modal-sloc {
    width: 30%;
  }
}
@media (max-width: 991px) {
  .modal#modSL.modal-sloc {
    width: 40%;
  }
}
@media (min-width: 768px) {
  .modal#modSL.modal-sloc {
    height: calc(100% - 50px);
  }
}
@media (max-width: 767px) {
  .modal#modSL.modal-sloc {
    width: 100% !important;
  }
}
.modal#modSL.modal-sloc .modal-dialog {
  transition: none !important;
}
.modal#modSL.modal-sloc .modal-content {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .modal#modSL.modal-sloc .modal-content {
    flex-direction: column-reverse;
  }
}
.modal#modSL.modal-sloc .modal-content .modal-header {
  opacity: 0;
  width: 77%;
  padding: 0;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__street-view {
  display: none;
  width: 100%;
  height: 100%;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images {
  display: none;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery {
  width: 100%;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-inner {
  width: 70%;
  max-width: 940px;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-item {
  height: 560px;
  border-radius: 8px;
  overflow: hidden;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-item[data-caption] {
  position: relative;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-item[data-caption]:after {
  content: attr(data-caption);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.3;
  text-align: left;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-item img {
  width: auto;
  max-width: none;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 2px 4px 18px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1024px) {
  .modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-item {
    height: 300px;
  }
}
@media (max-width: 991px) {
  .modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-item {
    height: 250px;
  }
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery ol.carousel-indicators {
  bottom: -6vh;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery ol.carousel-indicators li.dot {
  width: 15px;
  height: 15px;
  border: 1px solid #FFFFFF;
  background: transparent;
  margin: 0 8px;
  border-radius: 15px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery ol.carousel-indicators li.dot.active {
  background: #FFFFFF !important;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery ol.carousel-indicators li.dot:hover, .modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery ol.carousel-indicators li.dot:focus {
  background: rgba(255, 255, 255, 0.5);
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-prev,
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-next {
  opacity: 0.3;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-prev:before,
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-next:before {
  background: none;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-prev:hover, .modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-prev:focus, .modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-prev:active,
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-next:hover,
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-next:focus,
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .carousel-control-next:active {
  opacity: 1;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .flickity-button {
  opacity: 0.6;
  color: #FFFFFF;
  background: transparent;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .flickity-button:hover, .modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .flickity-button:focus, .modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .flickity-button:active {
  opacity: 1;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .flickity-page-dots {
  bottom: -85px;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .flickity-page-dots .dot {
  width: 15px;
  height: 15px;
  border: 1px solid #FFFFFF;
  background: transparent;
}
.modal#modSL.modal-sloc .modal-content .modal-header .location__images .loc__gallery .flickity-page-dots .dot.is-selected {
  background: #FFFFFF;
}
@media (max-width: 1399px) {
  .modal#modSL.modal-sloc .modal-content .modal-header {
    width: 70%;
  }
}
@media (max-width: 991px) {
  .modal#modSL.modal-sloc .modal-content .modal-header {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .modal#modSL.modal-sloc .modal-content .modal-header {
    display: none;
  }
}
.modal#modSL.modal-sloc .modal-content .modal-body {
  width: 23%;
  height: 100%;
  border-right: 1px solid #464646;
  background: #181818;
}
@media (max-width: 1399px) {
  .modal#modSL.modal-sloc .modal-content .modal-body {
    width: 30%;
  }
}
@media (max-width: 991px) {
  .modal#modSL.modal-sloc .modal-content .modal-body {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .modal#modSL.modal-sloc .modal-content .modal-body {
    width: 100%;
  }
}
.modal#modSL.modal-sloc .modal-content .modal-body button.back {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 2.4rem;
  line-height: 1;
  color: #949494;
  background-color: rgba(24, 24, 24, 0.8);
  background-image: none;
  padding: 12px;
  border: none;
  border-right: 1px solid #464646;
  border-bottom: 1px solid #464646;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  backdrop-filter: blur(5px);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL.modal-sloc .modal-content .modal-body button.back i {
  transition: none;
  margin: 0;
}
@media (min-width: 768px) {
  .modal#modSL.modal-sloc .modal-content .modal-body button.back {
    border-radius: 0px 0px 4px 0px;
    border-right: 1px solid #464646;
  }
  .modal#modSL.modal-sloc .modal-content .modal-body button.back:hover, .modal#modSL.modal-sloc .modal-content .modal-body button.back:focus, .modal#modSL.modal-sloc .modal-content .modal-body button.back:active {
    color: #FFFFFF;
    background-color: rgba(29, 29, 29, 0.8);
  }
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px;
  padding: 1rem 1.4rem;
  background-size: cover;
  background-position: center;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.3) 0%, rgba(17, 17, 17, 0) 15%, rgba(17, 17, 17, 0.8) 90%);
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head > * {
  position: relative;
  z-index: 1;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.25), 2px 4px 8px rgba(0, 0, 0, 0.4);
  font-size: 2rem;
  line-height: 1.1;
  margin-bottom: 1rem;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 5.5rem;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__title .loc__title-link {
  position: relative;
  display: inline-block;
  padding: 6px 10px 5px 25px;
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.1;
  letter-spacing: 0.13px;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(178, 7, 16, 0.55);
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red_xs.svg");
  background-position: 6px center;
  background-size: 13px;
  background-repeat: no-repeat;
  border-radius: 5px;
  backdrop-filter: blur(4px);
  cursor: pointer;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__title button#viewGallery {
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  padding: 0 0 0 1rem;
  border: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__title button#viewGallery:hover {
  color: #FFFFFF;
  transform: rotate(-5deg);
}
@media (min-width: 768px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__title .loc__title-link {
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    transition: ease 300ms;
  }
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__title .loc__title-link:hover {
    padding-right: 25px;
    background-color: rgba(178, 7, 16, 0.8) !important;
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red_xs_hover.svg");
  }
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__title .loc__title-link:hover:after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-family: "Font Awesome 7 Sharp";
    font-style: normal;
    text-decoration: inherit;
    content: "\f0da";
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (max-width: 767px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__title .loc__title-link {
    background-color: rgba(178, 7, 16, 0.55) !important;
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red_xs_hover.svg");
  }
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__btns {
  display: flex;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__btns button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.1;
  text-align: center;
  text-transform: none;
  width: 100%;
  padding: 8px 10px 4px;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__btns button i {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 6px;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__btns button:not(:first-child) {
  margin-left: 5px;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__btns button:not(:last-child) {
  margin-right: 5px;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__btns button:hover i {
  transform: rotate(-5deg);
}
@media (max-width: 1024px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__btns button {
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__head .loc__btns button {
    color: #FFFFFF;
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.12);
  }
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top {
  padding: 1.5rem 2.4rem 2.4rem;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact {
  margin-bottom: 2.4rem;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li {
  display: flex;
  align-items: flex-start;
  padding: 12px 6px;
  border-bottom: 1px solid #2F2F2F;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li i {
  font-size: 1.2rem;
  color: #3F3F3F;
  font-weight: 700;
  line-height: 1.2;
  margin-right: 6px;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li address {
  color: #949494;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #949494;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  text-decoration: none;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li.web {
  display: none !important;
  padding: 0 6px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li.web a {
  padding: 12px 0;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li.web:hover {
  background-color: #1D1D1D;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li.web:hover i {
  color: #777777;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li.web:hover a {
  color: #CFCFCF;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .contact ul li.web:hover a i {
  color: #777777;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle {
  display: flex;
  border-radius: 20px;
  border-radius: 50px;
  border: 1px solid #3F3F3F;
  overflow: hidden;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle .button {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  min-width: 32%;
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #949494;
  font-size: 1.4rem;
  line-height: 1.1;
  text-transform: none;
  padding: 9px 5px;
  background-color: #181818;
  border: none;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle .button i {
  margin-bottom: 6px;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle .button:hover {
  color: #CFCFCF;
  background-color: #242424;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle .button:hover i {
  color: #777777;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle .button.active {
  color: #CFCFCF;
  background-color: #2F2F2F;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle .button.active i {
  color: #949494;
}
@media (max-width: 767px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle .button {
    color: #CFCFCF;
    background-color: #242424;
  }
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle .button i {
    color: #949494;
  }
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__top .view-toggle .button#btnMapView {
    display: none;
  }
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot {
  padding-bottom: 6rem;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block {
  padding: 0 2.4rem 2.4rem;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block:first-child {
  padding-top: 1.6rem;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block.about p {
  color: #CFCFCF;
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.6;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block.back-to-top {
  padding: 0 1rem 1rem;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block.back-to-top .btn-btt {
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.5px;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block.back-to-top .btn-btt i {
  margin: 6px;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block.extras .carousel.photos .carousel-item[data-caption] {
  position: relative;
}
.modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block.extras .carousel.photos .carousel-item[data-caption]:after {
  content: attr(data-caption);
  display: block;
  background: rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  padding: 0.5rem 1rem;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.3;
  text-align: left;
}
@media (max-width: 1199px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block {
    padding: 0 2.4rem 3rem;
  }
}
@media (max-width: 767px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .wrap .loc__content .loc__bot .block.back-to-top .btn-btt {
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.12);
  }
}
.modal#modSL.modal-sloc .modal-content .modal-body .location-nav {
  left: 0;
  bottom: 50px;
  width: 23%;
  background-color: #181818;
  border-top: 1px solid #2F2F2F;
  border-right: 1px solid #464646;
  box-shadow: 0px -10px 24px 0px rgba(0, 0, 0, 0.4);
}
.modal#modSL.modal-sloc .modal-content .modal-body .location-nav a {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #777777;
}
.modal#modSL.modal-sloc .modal-content .modal-body .location-nav a span {
  transition: none;
}
.modal#modSL.modal-sloc .modal-content .modal-body .location-nav a i {
  font-size: 1.6rem;
  color: #949494;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
@media (max-width: 1024px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .location-nav {
    width: 30%;
  }
}
@media (max-width: 991px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .location-nav {
    width: 40%;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .location-nav a:hover {
    color: #FFFFFF;
  }
  .modal#modSL.modal-sloc .modal-content .modal-body .location-nav a:hover i {
    color: #FFFFFF;
  }
}
@media (max-width: 767px) {
  .modal#modSL.modal-sloc .modal-content .modal-body .location-nav {
    width: 100%;
    bottom: 0;
  }
}
.modal#modSL.streetView-visible, .modal#modSL.imgView-visible {
  width: 100% !important;
}
.modal#modSL.streetView-visible .modal-content .modal-header, .modal#modSL.imgView-visible .modal-content .modal-header {
  opacity: 1;
}
.modal#modSL.streetView-visible .modal-content .modal-header .location__street-view {
  display: block;
}
@media (max-width: 767px) {
  .modal#modSL.streetView-visible .modal-content .modal-body .loc__mobile-map {
    display: block;
  }
}
.modal#modSL.imgView-visible .modal-content .modal-header .location__images {
  display: flex;
}
@media (max-width: 767px) {
  .modal#modSL.imgView-visible .modal-content .modal-body .loc__mobile-gallery {
    display: block;
  }
}
.modal#modSL .modal-content {
  display: flex;
  width: 100%;
  background: transparent;
  border: none;
}
.modal#modSL .modal-content.hidden {
  display: none !important;
}
.modal#modSL .modal-content .modal-header {
  position: relative;
  width: 70%;
  min-height: 300px;
  padding: 0;
  background-color: #000000;
  border: none;
}
.modal#modSL .modal-content .modal-header .set-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modal#modSL .modal-content .modal-header .set-view img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  max-width: none;
}
@media (max-width: 767px) {
  .modal#modSL .modal-content .modal-header .set-view.xs-fullwidth img {
    width: 100%;
    height: auto;
  }
}
.modal#modSL .modal-content .modal-header .set-view-caption {
  position: absolute;
  bottom: 10px;
  right: 15px;
  z-index: 1;
  font-size: 1.4rem;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
}
.modal#modSL .modal-content .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 2.4rem;
  line-height: 1;
  color: #949494;
  background-color: rgba(24, 24, 24, 0.8);
  padding: 12px 15px;
  border: none;
  border-left: 1px solid #464646;
  border-bottom: 1px solid #464646;
  border-bottom-left-radius: 4px;
  backdrop-filter: blur(5px);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL .modal-content .modal-header .close:hover, .modal#modSL .modal-content .modal-header .close:focus, .modal#modSL .modal-content .modal-header .close:active {
  color: #FFFFFF;
  background-color: rgba(29, 29, 29, 0.8);
}
@media (max-width: 1199px) {
  .modal#modSL .modal-content .modal-header {
    width: 65%;
  }
}
@media (max-width: 991px) {
  .modal#modSL .modal-content .modal-header {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal#modSL .modal-content .modal-header .set-view img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 991px) {
  .modal#modSL .modal-content .modal-header .close {
    display: none;
  }
}
@media (max-width: 767px) {
  .modal#modSL .modal-content .modal-header {
    min-height: 200px;
  }
}
.modal#modSL .modal-content .modal-body {
  position: relative;
  display: inline-block;
  background-color: #000000;
  width: 30%;
  height: 100dvh;
  padding: 0;
  border: none;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@media (max-width: 1199px) {
  .modal#modSL .modal-content .modal-body {
    width: 35%;
  }
}
@media (max-width: 991px) {
  .modal#modSL .modal-content .modal-body {
    position: static;
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .modal#modSL .modal-content .modal-body {
    padding-bottom: 0;
  }
}
.modal#modSL .modal-content .modal-body::-webkit-scrollbar {
  display: none;
}
.modal#modSL .modal-content .modal-body .location__img {
  position: relative;
  width: 100%;
  height: 275px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.modal#modSL .modal-content .modal-body .location__img:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: "";
  width: 100%;
  height: 30%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
}
@media (max-width: 991px) {
  .modal#modSL .modal-content .modal-body .location__img {
    height: 30%;
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .modal#modSL .modal-content .modal-body .location__img {
    min-height: 250px;
  }
}
.modal#modSL .modal-content .modal-body .location__content {
  position: relative;
  z-index: 1;
  padding: 0 35px 35px;
  margin-top: -60px;
}
.modal#modSL .modal-content .modal-body .location__content h3 {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 3.4rem;
  line-height: 1.2;
  margin-bottom: 10px;
}
.modal#modSL .modal-content .modal-body .location__content h4 {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
  color: #777777;
}
.modal#modSL .modal-content .modal-body .location__content > div[class*=location__] {
  margin-bottom: 30px;
}
.modal#modSL .modal-content .modal-body .location__content > div[class*=location__]:last-child {
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .modal#modSL .modal-content .modal-body .location__content > div[class*=location__] {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .modal#modSL .modal-content .modal-body .location__content > div[class*=location__]:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .modal#modSL .modal-content .modal-body .location__content > div[class*=location__] {
    margin-bottom: 20px;
  }
}
.modal#modSL .modal-content .modal-body .location__content .location__area {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777777;
  padding-bottom: 15px;
  border-bottom: 1px solid #777777;
}
.modal#modSL .modal-content .modal-body .location__content .location__info * {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
}
.modal#modSL .modal-content .modal-body .location__content .location__info .logo {
  max-width: 200px;
  padding: 15px 0;
}
.modal#modSL .modal-content .modal-body .location__content .location__info sup.num {
  top: -0.2em;
}
.modal#modSL .modal-content .modal-body .location__content .location__poi {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px !important;
}
.modal#modSL .modal-content .modal-body .location__content .location__poi h4 {
  width: 100%;
}
.modal#modSL .modal-content .modal-body .location__content .location__poi a, .modal#modSL .modal-content .modal-body .location__content .location__poi button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.75);
  margin-bottom: 15px;
  border-radius: 5px;
  border: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL .modal-content .modal-body .location__content .location__poi a:not(:last-child), .modal#modSL .modal-content .modal-body .location__content .location__poi button:not(:last-child) {
  margin-right: 15px;
}
.modal#modSL .modal-content .modal-body .location__content .location__poi a i, .modal#modSL .modal-content .modal-body .location__content .location__poi button i {
  font-size: 3rem;
  color: #3F3F3F;
}
.modal#modSL .modal-content .modal-body .location__content .location__poi a:hover, .modal#modSL .modal-content .modal-body .location__content .location__poi a:focus, .modal#modSL .modal-content .modal-body .location__content .location__poi a:active, .modal#modSL .modal-content .modal-body .location__content .location__poi button:hover, .modal#modSL .modal-content .modal-body .location__content .location__poi button:focus, .modal#modSL .modal-content .modal-body .location__content .location__poi button:active {
  background-color: white;
}
.modal#modSL .modal-content .modal-body .location__content .location__social {
  display: flex;
  flex-wrap: wrap;
}
.modal#modSL .modal-content .modal-body .location__content .location__social h4 {
  width: 100%;
}
.modal#modSL .modal-content .modal-body .location__content .location__social a {
  font-size: 2.4rem;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 0.75;
  margin-bottom: 15px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL .modal-content .modal-body .location__content .location__social a:not(:last-child) {
  margin-right: 20px;
}
.modal#modSL .modal-content .modal-body .location__content .location__social a:hover, .modal#modSL .modal-content .modal-body .location__content .location__social a:focus, .modal#modSL .modal-content .modal-body .location__content .location__social a:active {
  opacity: 1;
}
@media (max-width: 767px) {
  .modal#modSL .modal-content .modal-body .location__content {
    margin-top: 20px;
    padding: 0 20px 10px;
  }
  .modal#modSL .modal-content .modal-body .location__content h3 {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
  .modal#modSL .modal-content .modal-body .location__content .location__slider .carousel-inner {
    margin-bottom: 10px;
  }
}
.modal#modSL .modal-content .modal-body .loc__mobile-map {
  display: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 50vw;
  min-height: 250px;
  max-height: 350px;
  margin-top: 2rem;
}
.modal#modSL .modal-content .modal-body .loc__mobile-map .set-view {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.modal#modSL .modal-content .modal-body .loc__mobile-map .set-view-caption {
  position: absolute;
  bottom: 10px;
  right: 15px;
  z-index: 1;
  font-size: 1.4rem;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4);
}
.modal#modSL .modal-content .modal-body .loc__mobile-gallery {
  display: none;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.modal#modSL .modal-content .modal-body .loc__mobile-gallery .carousel-item[data-caption] {
  position: relative;
}
.modal#modSL .modal-content .modal-body .loc__mobile-gallery .carousel-item[data-caption]:after {
  content: attr(data-caption);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.3;
  text-align: left;
}
.modal#modSL .modal-content .modal-body .location-nav {
  position: fixed;
  flex-wrap: wrap;
  bottom: 0;
  z-index: 5;
  background-color: #000000;
  border-top: 1px solid #2F2F2F;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1400px) {
  .modal#modSL .modal-content .modal-body .location-nav {
    left: 3px;
    width: calc(30% - 3px);
  }
}
@media (max-width: 1199px) {
  .modal#modSL .modal-content .modal-body .location-nav {
    width: calc(35% - 3px);
  }
}
@media (max-width: 991px) {
  .modal#modSL .modal-content .modal-body .location-nav {
    position: absolute;
    z-index: 10;
    width: 100%;
  }
}
.modal#modSL .modal-content .modal-body .location-nav a {
  display: flex;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  padding: 20px;
  opacity: 0.75;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL .modal-content .modal-body .location-nav a span {
  font-size: inherit;
  color: inherit;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL .modal-content .modal-body .location-nav a i {
  font-size: 2rem;
}
.modal#modSL .modal-content .modal-body .location-nav a.prev i {
  margin-right: 10px;
}
@media (max-width: 1024px) {
  .modal#modSL .modal-content .modal-body .location-nav a.prev {
    display: none;
  }
}
.modal#modSL .modal-content .modal-body .location-nav a.next i {
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .modal#modSL .modal-content .modal-body .location-nav a {
    padding: 15px 20px;
  }
  .modal#modSL .modal-content .modal-body .location-nav a.prev {
    padding-right: 5px;
  }
  .modal#modSL .modal-content .modal-body .location-nav a.next {
    padding-left: 5px;
  }
}
@media (min-width: 768px) {
  .modal#modSL .modal-content .modal-body .location-nav a:hover, .modal#modSL .modal-content .modal-body .location-nav a:focus, .modal#modSL .modal-content .modal-body .location-nav a:active {
    opacity: 1;
  }
  .modal#modSL .modal-content .modal-body .location-nav a:hover.prev span, .modal#modSL .modal-content .modal-body .location-nav a:focus.prev span, .modal#modSL .modal-content .modal-body .location-nav a:active.prev span {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .modal#modSL .modal-content .modal-body .location-nav a {
    opacity: 1;
  }
  .modal#modSL .modal-content .modal-body .location-nav a.prev span {
    opacity: 1;
  }
}
.modal#modSL .modal-content .modal-body .location-nav .button-close {
  display: none;
  position: static;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #777777;
  width: 100%;
  background-color: #181818;
  padding: 13px 15px;
  margin: 0;
  border: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modSL .modal-content .modal-body .location-nav .button-close i {
  text-shadow: none;
  font-weight: 700;
  margin-right: 5px;
}
.modal#modSL .modal-content .modal-body .location-nav .button-close:hover, .modal#modSL .modal-content .modal-body .location-nav .button-close:focus, .modal#modSL .modal-content .modal-body .location-nav .button-close:active {
  background-color: #2F2F2F;
}
.modal#modSL .modal-content .modal-footer {
  width: 100%;
}
.modal .location__slider {
  width: 100%;
  margin-bottom: 0 !important;
}
.modal .location__slider .carousel-item img {
  width: 100%;
  height: auto;
}
.modal .location__slider .carousel-indicators {
  bottom: -30px;
  margin-bottom: 0;
}
.modal .location__slider .carousel-indicators [data-bs-target] {
  width: 13px;
  height: 13px;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 100%;
  margin: 0 5px;
}
.modal .location__slider .carousel-indicators [data-bs-target].active {
  background-color: #FFFFFF;
}
.modal .location__slider .carousel-control-prev-icon,
.modal .location__slider .carousel-control-next-icon {
  background: transparent;
}
.modal .location__slider .carousel-control-prev-icon:before,
.modal .location__slider .carousel-control-next-icon:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  font-size: 2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.modal .location__slider .carousel-control-prev-icon:before {
  content: "\f053";
}
.modal .location__slider .carousel-control-next-icon:before {
  content: "\f054";
}
.modal .location__slider .carousel-control-next,
.modal .location__slider .carousel-control-prev {
  opacity: 1;
  overflow: hidden;
}
.modal .location__slider .carousel-control-next:before,
.modal .location__slider .carousel-control-prev:before {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0.5;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal .location__slider .carousel-control-prev:first-child {
  display: none;
}
.modal .location__slider .carousel-control-prev:before {
  transform: rotate(180deg);
  left: 0;
}
.modal .location__slider .carousel-control-prev:hover:before {
  opacity: 1;
}
.modal .location__slider .carousel-control-next:nth-child(2) {
  display: none;
}
.modal .location__slider .carousel-control-next:before {
  right: 0;
}
.modal .location__slider .carousel-control-next:hover:before {
  opacity: 1;
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content, .modal#modCityInfo .modal-content, .modal#modProvInfo .modal-content {
    background-color: #111;
    padding-bottom: 7rem !important;
  }
}
.modal#modInfo .modal-content .modal-body .modal-banner .modal-loc-count, .modal#modCityInfo .modal-content .modal-body .modal-banner .modal-loc-count, .modal#modProvInfo .modal-content .modal-body .modal-banner .modal-loc-count {
  color: #CFCFCF;
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .modal#modInfo .modal-content .modal-body .modal-banner .modal-loc-count, .modal#modCityInfo .modal-content .modal-body .modal-banner .modal-loc-count, .modal#modProvInfo .modal-content .modal-body .modal-banner .modal-loc-count {
    position: absolute;
    top: -65px;
    left: 5px;
  }
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body .modal-banner .modal-loc-count, .modal#modCityInfo .modal-content .modal-body .modal-banner .modal-loc-count, .modal#modProvInfo .modal-content .modal-body .modal-banner .modal-loc-count {
    margin-bottom: 2rem;
  }
}
.modal#modInfo .modal-content .modal-body .modal-banner .modal-loc-count span, .modal#modCityInfo .modal-content .modal-body .modal-banner .modal-loc-count span, .modal#modProvInfo .modal-content .modal-body .modal-banner .modal-loc-count span {
  font-family: "NetflixSans_W_CdBd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  letter-spacing: -0.36px;
  text-align: center;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px;
  width: 45px;
  height: 50px;
  display: inline-block;
  padding: 16px 1px 10px 0;
  margin-right: 7px;
}
.modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap {
  position: relative;
  display: inline-block;
}
.modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .modal-btnShare, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .modal-btnShare, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .modal-btnShare {
  position: relative;
  z-index: 1;
}
.modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share {
  display: flex;
  background-color: #181818;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a {
  display: inline-block;
  font-size: 2.4rem;
  padding: 7px 15px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a:hover, .modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a:focus, .modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a:active, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a:hover, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a:focus, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a:active, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a:hover, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a:focus, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share a:active {
  background-color: #2F2F2F;
}
.modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share.active, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share.active, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share.active {
  left: 100%;
  opacity: 1;
  z-index: 0;
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap {
    width: 100%;
    margin-bottom: 4.2rem;
    z-index: 2;
  }
  .modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .modal-btnShare, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .modal-btnShare, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .modal-btnShare {
    width: 100%;
    margin: 0;
  }
  .modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share {
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
  }
  .modal#modInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share.active, .modal#modCityInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share.active, .modal#modProvInfo .modal-content .modal-body .modal-banner .social-share-wrap .social-share.active {
    top: 100%;
    left: 0;
  }
}
.modal#modInfo .modal-content {
  flex-direction: column;
  padding-bottom: 8rem;
}
.modal#modInfo .modal-content .btn-watch {
  text-transform: initial;
}
.modal#modInfo .modal-content .btn-watch r i {
  margin-left: 5px;
}
.modal#modInfo .modal-content .button-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-size: 2.4rem;
  line-height: 1;
  color: #949494;
  background-color: rgba(24, 24, 24, 0.8);
  padding: 12px 15px;
  border: none;
  border-left: 1px solid #464646;
  border-bottom: 1px solid #464646;
  border-bottom-left-radius: 4px;
  backdrop-filter: blur(5px);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .button-close:hover, .modal#modInfo .modal-content .button-close:focus, .modal#modInfo .modal-content .button-close:active {
  color: #FFFFFF;
  background-color: rgba(29, 29, 29, 0.8);
}
.modal#modInfo .modal-content .modal-body {
  padding: 0;
  scrollbar-color: #181818 #464646;
  scrollbar-width: thin;
}
.modal#modInfo .modal-content .modal-body > .row {
  margin: 0;
}
.modal#modInfo .modal-content .modal-body .modal-info {
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.modal#modInfo .modal-content .modal-body .modal-info > .row {
  position: relative;
  z-index: 1;
}
.modal#modInfo .modal-content .modal-body .modal-info .modal-detail {
  position: relative;
  padding: 5rem 8rem;
  margin-top: -8rem;
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-info {
    background-size: auto 50vh;
  }
  .modal#modInfo .modal-content .modal-body .modal-info .modal-detail {
    padding: 2rem 3rem 6rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-info .modal-detail .modal-meta {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body .modal-info .modal-detail {
    flex-direction: column-reverse;
    margin-top: 0;
  }
}
.modal#modInfo .modal-content .modal-body .modal-loc-links {
  display: none;
  padding: 15px 15px 0;
}
.modal#modInfo .modal-content .modal-body .modal-loc-links a.loc-link {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  color: #E50914;
  width: 50%;
  padding-left: 10px;
  margin-bottom: 15px;
  border-left: 2px solid #3F3F3F;
  text-decoration: none;
}
.modal#modInfo .modal-content .modal-body .modal-loc-links a.loc-link.full-width {
  width: 100%;
}
.modal#modInfo .modal-content .modal-body .modal-loc-links a.loc-link:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f061";
  font-weight: 700;
  margin-left: 5px;
}
.modal#modInfo .modal-content .modal-body .modal-loc-links a.loc-link .loc-label {
  display: block;
  font-size: 1.2rem;
  color: #777777;
  text-transform: uppercase;
}
.modal#modInfo .modal-content .modal-body .modal-loc-links a.loc-link .font-head {
  display: block;
  font-size: 1.8rem;
  line-height: 1;
}
.modal#modInfo .modal-content .modal-body .modal-bg {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 90vh;
  background-size: cover;
  background-position: center;
  margin: 0;
}
.modal#modInfo .modal-content .modal-body .modal-bg:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 60%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 95%);
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body .modal-bg {
    height: 100%;
    min-height: 100vh;
  }
}
.modal#modInfo .modal-content .modal-body .modal-banner {
  position: relative;
  min-height: 100vh;
  padding: 50vh 8rem 8rem;
}
.modal#modInfo .modal-content .modal-body .modal-banner * {
  position: relative;
  z-index: 1;
}
.modal#modInfo .modal-content .modal-body .modal-banner h2 {
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 7.2rem;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 4.5rem;
}
.modal#modInfo .modal-content .modal-body .modal-banner .button, .modal#modInfo .modal-content .modal-body .modal-banner .btn {
  vertical-align: top;
}
.modal#modInfo .modal-content .modal-body .modal-banner .button i, .modal#modInfo .modal-content .modal-body .modal-banner .btn i {
  margin-left: 5px;
}
.modal#modInfo .modal-content .modal-body .modal-banner .button:not(:last-child), .modal#modInfo .modal-content .modal-body .modal-banner .btn:not(:last-child) {
  margin-right: 12px;
}
@media (max-width: 1199px) {
  .modal#modInfo .modal-content .modal-body .modal-banner {
    padding: 50vh 2.5rem 6rem;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .modal#modInfo .modal-content .modal-body .modal-banner h2 {
    font-size: 5.2rem;
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body .modal-banner {
    padding-top: 0;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-banner:after {
    top: 0;
    bottom: unset;
    height: 50vh;
    background: linear-gradient(0deg, #111 22%, rgba(17, 17, 17, 0.3) 60%, rgba(17, 17, 17, 0) 100%);
  }
  .modal#modInfo .modal-content .modal-body .modal-banner h2 {
    font-size: 4.2rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-banner .btn-watch {
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
  }
}
@media (min-width: 1025px) {
  .modal#modInfo .modal-content .modal-body .modal-head {
    padding-right: 8vw;
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body .modal-head {
    z-index: 2;
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
.modal#modInfo .modal-content .modal-body .modal-about, .modal#modInfo .modal-content .modal-body .modal-aboutCast {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.5;
}
.modal#modInfo .modal-content .modal-body .modal-about *, .modal#modInfo .modal-content .modal-body .modal-aboutCast * {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body .modal-about, .modal#modInfo .modal-content .modal-body .modal-aboutCast {
    padding-left: 0;
    padding-right: 0;
  }
}
.modal#modInfo .modal-content .modal-body .modal-divider {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  margin-top: 3rem;
  border-top: 1px solid #3F3F3F;
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body .modal-divider {
    display: none;
  }
}
.modal#modInfo .modal-content .modal-body a.modal-btnScroll {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #CFCFCF;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.modal#modInfo .modal-content .modal-body a.modal-btnScroll i {
  display: block;
  font-size: 3.2rem;
  margin-top: 3rem;
  left: calc(50% - 2rem);
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body a.modal-btnScroll i {
    margin-bottom: 3rem;
  }
}
.modal#modInfo .modal-content .modal-body .modal-meta p {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
}
.modal#modInfo .modal-content .modal-body .modal-meta p + ul {
  margin-top: -12px;
}
.modal#modInfo .modal-content .modal-body .modal-meta ul {
  list-style: none;
  padding-left: 0;
}
.modal#modInfo .modal-content .modal-body .modal-meta ul li {
  font-size: 1.6rem;
}
.modal#modInfo .modal-content .modal-body .modal-meta .subhead {
  font-size: 1.6rem;
  color: #777777;
}
.modal#modInfo .modal-content .modal-body .modal-meta .cast-ca {
  color: #E50914;
  margin-left: 3px;
}
.modal#modInfo .modal-content .modal-body .modal-meta .cast-ca:before {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  text-decoration: inherit;
  content: "\f785";
}
@media (min-width: 992px) {
  .modal#modInfo .modal-content .modal-body .modal-meta {
    padding-right: 8vw;
  }
}
.modal#modInfo .modal-content .modal-body .modal-info_bot {
  background: radial-gradient(50% 8% at 0% 0%, rgba(178, 7, 16, 0.6) 0%, rgba(178, 7, 16, 0) 100%) #111;
}
@media (min-width: 992px) {
  .modal#modInfo .modal-content .modal-body .modal-info_bot {
    padding-top: 14rem;
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-info_bot {
    padding-top: 6rem;
    padding-left: 0;
    padding-right: 0;
  }
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit {
  margin-top: 9rem;
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit h4 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.4rem;
  line-height: 1;
  padding-bottom: 1.5rem;
  margin-bottom: 7rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  margin-left: -5px;
  margin-right: -5px;
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit ul li {
  width: 16.6667%;
  padding: 5px;
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.1;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #1D1D1D;
  width: 100%;
  padding: 0 10px 15px;
  border-bottom: 1px solid #464646;
  overflow: hidden;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:after {
  position: absolute;
  right: 10px;
  bottom: 15px;
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f08e";
  font-weight: 700;
  color: #949494;
  margin-left: 5px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a img {
  width: calc(100% + 20px);
  max-width: none;
  background-color: #FFFFFF;
  padding: 30px;
  margin: 0 -10px 15px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:hover, .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:focus, .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:active {
  color: #FFFFFF;
  background-color: #E50914;
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:hover:after, .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:focus:after, .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:active:after {
  color: #FFFFFF;
}
.modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:hover img, .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:focus img, .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:active img {
  transform: scale(1.1);
  padding: 29px 30px 25px;
  margin-bottom: 21px;
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-loc-visit {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-top: 6rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-loc-visit h4 {
    font-size: 2.4rem;
    line-height: 1.3;
    padding-bottom: 1.5rem;
    margin-bottom: 3rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li {
    width: 50%;
    padding: 5px;
  }
  .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a {
    padding: 0 10px 10px;
  }
  .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a:after {
    top: 5px;
    right: 5px;
    bottom: unset;
  }
  .modal#modInfo .modal-content .modal-body .modal-loc-visit ul li a img {
    padding: 20px;
    margin: 0 -10px 10px;
  }
}
.modal#modInfo .modal-content .modal-body .modal-quotes {
  padding-top: 9rem;
  padding-bottom: 9rem;
  background: radial-gradient(50% 60% at 50% 100%, rgba(178, 7, 16, 0.6) 0%, rgba(178, 7, 16, 0) 100%);
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-quotes {
    padding: 6rem 1.5rem;
  }
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-inner {
  padding: 0 8rem;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item {
  position: relative;
  padding: 12rem 0 0;
  text-align: center;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item:before {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  content: "";
  width: 60px;
  height: 60px;
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/icon-quote.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item:after {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  content: "";
  width: 60px;
  height: 60px;
  background-color: #E50914;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item p {
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  margin-bottom: 2rem;
  line-height: 1.4;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item .author {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #FF646E;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item .author * {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-transform: inherit;
  color: inherit;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item .author > a[target=_blank] {
  text-decoration: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item .author > a[target=_blank]:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f08e";
  margin-left: 6px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item .author > a[target=_blank]:hover:after, .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item .author > a[target=_blank]:focus:after, .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-item .author > a[target=_blank]:active:after {
  color: #FFFFFF;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-next, .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-prev {
  color: #CFCFCF;
  background: transparent;
  max-width: 36px;
  opacity: 1;
  padding-top: 12rem;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  opacity: 1;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-next span[class*=-icon], .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-prev span[class*=-icon] {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f054";
}
.modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-next:hover, .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-next:focus, .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-next:active, .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-prev:hover, .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-prev:focus, .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-control-prev:active {
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .modal#modInfo .modal-content .modal-body .modal-quotes .loc-quotes .slide.quotes .carousel-inner {
    padding: 0 4rem;
  }
}
.modal#modInfo .modal-content .modal-body .modal-extras {
  background: #181818;
  border: 1px solid #2F2F2F;
  border-radius: 10px;
  padding: 13rem 21rem;
}
.modal#modInfo .modal-content .modal-body .modal-extras h3 {
  font-size: 3.4rem;
  line-height: 1;
  padding-bottom: 1.5rem;
  margin-bottom: 7rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}
.modal#modInfo .modal-content .modal-body .modal-extras h4 {
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #949494;
}
.modal#modInfo .modal-content .modal-body .modal-extras div[class*=col]:not(:last-child) {
  margin-bottom: 4.5rem;
}
.modal#modInfo .modal-content .modal-body .modal-extras .carousel.photos .carousel-item[data-caption] {
  position: relative;
}
.modal#modInfo .modal-content .modal-body .modal-extras .carousel.photos .carousel-item[data-caption]:after {
  content: attr(data-caption);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #FFFFFF;
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.4;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .modal#modInfo .modal-content .modal-body .modal-extras {
    padding: 8rem;
  }
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-extras {
    padding: 6rem 3rem;
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
  .modal#modInfo .modal-content .modal-body .modal-extras h3 {
    font-size: 2.8rem;
    margin-bottom: 4.5rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-extras div[class*=col] {
    width: 100%;
  }
}
.modal#modInfo .modal-content .modal-body .modal-close {
  background: radial-gradient(50% 50% at 50% 100%, rgba(178, 7, 16, 0.6) 0%, rgba(178, 7, 16, 0) 100%);
  text-align: center;
}
.modal#modInfo .modal-content .modal-body .modal-close button {
  padding: 14px 90px;
}
.modal#modInfo .modal-content .modal-body .modal-close button i {
  margin-left: 5px;
}
@media (min-width: 992px) {
  .modal#modInfo .modal-content .modal-body .modal-close {
    padding-top: 14rem;
    padding-bottom: 21rem;
  }
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-close {
    padding: 5rem 3rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-close button {
    width: 100%;
  }
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.5rem;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-head .regionCount {
  width: 85%;
  color: #FFFFFF;
  text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.25), 2px 4px 8px rgba(0, 0, 0, 0.4);
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 3.4rem;
  line-height: 1.2;
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-head .regionCount span {
  color: #E50914;
  text-shadow: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin-right: 10px;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-head .btn {
  width: 15%;
  min-width: 200px;
  padding: 17.5px 15px;
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-locations {
    position: relative;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 10rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-head {
    margin-bottom: 3.5rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-head .regionCount {
    width: 100%;
    font-size: 2.8rem;
    padding-bottom: 1.2rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-head .btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 6rem);
  }
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.banff .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-banff.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.bragg-creek .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-bragg-creek.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.calgary .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-calgary.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.canmore .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-canmore.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.clearwater-county .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-clearwater.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.drumheller .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-drumheller.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.kananaskis-country .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-kananaskis.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.greenview .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-greenview.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.churchill .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-churchill.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.crossfield .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-crossfield.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.cochrane .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-cochrane.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.high-river .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-high-river.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.millarville .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-millarville.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.mînî-thnî .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mînî-thnî.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.rocky-view-county .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-rocky-view-county.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.seebe .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-seebe.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.agassiz .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-agassiz.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.burnaby .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-burnaby.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.campbell-river .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-campbell-river.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.chilliwack .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-chilliwack.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.coquitlam .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-coquitlam.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.port-coquitlam .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-port-coquitlam.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.delta .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-delta.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.golden .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-golden.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.haida-gwaii .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-haida-gwaii.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.hope .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-hope.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.kamloops .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-kamloops.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.kananaskis .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-kananaskis.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.kelowna .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-kelowna.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.lake-country .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-lake-country.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.langley .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-langley.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.lions-bay .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-lions-bay.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.maple-ridge .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-maple-ridge.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.mission .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mission.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.new-westminster .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-new-westminster.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.okanagan .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-okanagan.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.richmond .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-richmond.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.shirley .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-shirley.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.smithers .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-smithers.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.sooke .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-sooke.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.squamish-lillooet .accordion-collapse:before, .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.squamish .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-squamish-lillooet.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.sun-peaks .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-sun-peaks.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.surrey .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-surrey.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.swartz-bay .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-swartz-bay.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.vancouver .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-vancouver.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.vancouver-island .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-vancouver-island.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.north-vancouver .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-north-vancouver.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.west-vancouver .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-west-vancouver.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.victoria .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-greater-victoria.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.greater-victoria .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-greater-victoria.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.whistler .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-whistler.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.winnipeg .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-winnipeg.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.newfoundland .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-newfoundland.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.corner-brook .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-corner-brook.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.logy-bay .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-logy-bay-middle-cove-outer-cove.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.st-johns .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-st-johns.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.bay-bulls .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-bay-bulls.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.brigus-south .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brigus-south.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.harbour-main .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-harbour-main.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.pouch-cove .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-pouch-cove.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.twillingate .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-twillingate.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.lunenburg .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-lunenburg.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.louisbourg .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-louisbourg.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.mahone-bay .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mahone-bay.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.ashburn .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-ashburn.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.baden .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-baden.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.barrie .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-barrie.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.beeton .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-beeton.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.brampton .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brampton.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.brantford .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brantford.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.brockville .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brockville.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.bruce-peninsula .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-bruce-peninsula.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.burlington .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-burlington.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.cambridge .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-cambridge.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.cobourg .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-cobourg.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.creemore .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-creemore.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.caledon .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-caledon.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.dundas .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-dundas.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.elora .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-elora.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.georgetown .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-georgetown.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.glen-williams .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-glen-williams.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.guelph .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-guelph.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.hamilton .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-hamilton.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.hillsburgh .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-hillsburgh.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.king-city .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-king-city.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.kingston .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-kingston.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.millbrook .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-millbrook.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.milton .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-milton.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.mississauga .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mississauga.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.new-hamburg .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-new-hamburg.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.north-bay .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-north-bay.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.ontario .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-ontario.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.oakville .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-oakville.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.orillia .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-orillia.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.oshawa .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-oshawa.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.ottawa .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-ottawa.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.prince-edward-county .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-prince-edward-county.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.peterborough .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-peterborough.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.sauble-beach .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-sauble-beach.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.toronto .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-toronto.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.tottenham .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-tottenham.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.unionville .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-unionville.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.uxbridge .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-uxbridge.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.wasaga-beach .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-wasaga-beach.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.whitchurch-stouffville .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-whitchurch-stouffville.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.whitby .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-whitby.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.woodstock .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-woodstock.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.pei .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-pei.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.darnley .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-darnley.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.french-river .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-french-river.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.brome-missisquoi .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-brome-missisquoi.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.lanaudiere .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-lanaudiere.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.laurentians .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-laurentians.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.mirabel .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mirabel.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.montreal .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-montreal.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.sainte-agathe .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-sainte-agathe.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.boucherville .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-boucherville.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.mont-saint-hilaire .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-mont-saint-hilaire.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.apex .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-apex.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.cambridge-bay .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-cambridge-bay.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.igloolik .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-igloolik.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.iqaluit .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-iqaluit.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion.qikiqtaaluk .accordion-collapse:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/locations/loc-qikiqtaaluk-region.jpg);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion {
  background-size: auto 100%;
  background-position: center right;
  background-repeat: no-repeat;
  padding: 5px 0;
}
@media (min-width: 992px) {
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion {
    border-bottom: 1px solid #2F2F2F;
  }
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item {
  background-color: transparent;
  border: none;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item * {
  color: #FFFFFF;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header {
  display: flex;
  box-shadow: none;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button {
  display: flex;
  justify-content: space-between;
  width: 85%;
  padding: 2rem 2rem 2rem 3rem;
  background-color: #1D1D1D;
  box-shadow: none;
  border-top-left-radius: 10px;
  border: 1px solid #2F2F2F;
  border-bottom: none;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button:after {
  display: none;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button h4 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.1;
  margin: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.25), 2px 4px 8px rgba(0, 0, 0, 0.4);
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button h4:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f077";
  font-size: 1.4rem;
  font-weight: 400;
  color: #777777;
  margin-left: 14px;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button .count {
  display: flex;
  align-items: center;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button .count:before {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red_xs.svg");
  background-size: cover;
  background-position: center;
  margin-right: 6px;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: transparent;
  border-bottom-left-radius: 10px;
  border-color: transparent;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button.collapsed h4:after {
  color: #949494;
  content: "\f078";
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button.collapsed:hover {
  background-color: #181818;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button.collapsed + .button.explore {
  border-bottom-right-radius: 10px;
  color: #CFCFCF;
  background-color: #2F2F2F;
  border-color: #2F2F2F;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button.collapsed + .button.explore:hover, .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button.collapsed + .button.explore:focus, .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button.collapsed + .button.explore:active {
  color: #FFFFFF !important;
  background-color: #E50914;
  border-color: #E50914;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) + .button.explore {
  color: #FFFFFF;
  background-color: #E50914;
  border-color: #E50914;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) + .button.explore:hover, .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) + .button.explore:focus, .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) + .button.explore:active {
  color: #E50914;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button {
    flex-grow: 1;
    padding: 1.8rem 1.4rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button h4 {
    font-size: 1.6rem;
    padding-right: 1.4rem;
  }
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: #1D1D1D;
  }
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .button.explore {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15%;
  min-width: 200px;
  padding: 15px;
  border-top-right-radius: 10px;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .button.explore:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f061";
  font-weight: 700;
  margin-left: 6px;
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .button.explore {
    position: relative;
    color: transparent !important;
    min-width: 0;
    max-width: 50px;
    padding: 0;
  }
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-header .button.explore:after {
    color: #CFCFCF !important;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  background-color: #1D1D1D;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 1px solid #2F2F2F;
  border-top: none;
  border-bottom: none;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-collapse:before {
  position: absolute;
  content: "";
  background-size: cover;
  background-position: center;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-collapse.show {
  height: auto;
  border-bottom: 1px solid #2F2F2F;
}
@media (min-width: 992px) {
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-collapse:before {
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-collapse:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #1D1D1D 10%, rgba(29, 29, 29, 0.5) 100%);
  }
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-collapse:before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
  }
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-body {
  padding: 4rem 3rem;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-body * {
  font-size: 1.4rem;
  color: #CFCFCF;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-body *:last-child {
  margin-bottom: 0;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-body h5 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  letter-spacing: 1.4px;
  color: #949494;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-body a.btn-link {
  display: none;
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  padding-bottom: 7px;
  margin-top: 3px;
}
.modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-body a.btn-link:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f061";
  font-weight: 700;
  color: #FFFFFF;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-body {
    padding-right: 50%;
  }
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-body .modal-locations .loc-list .accordion .accordion-item .accordion-body {
    padding: 4rem 3rem 24rem;
  }
}
.modal#modInfo .modal-content .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 1rem;
  background-color: #111;
  border: none;
  border-top: 1px solid #1D1D1D;
}
.modal#modInfo .modal-content .modal-footer .modal-actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
.modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next {
  position: relative;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #949494;
  text-transform: uppercase;
  border: none;
  background: #1D1D1D;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.55);
  padding: 0;
}
.modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev .count, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next .count {
  display: none;
}
.modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:after, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:after {
  display: inline-block;
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  font-size: 1.8rem;
  padding: 1.9rem 2.2rem;
}
.modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev {
  padding-right: 3rem;
}
.modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:before {
  content: "\f060";
  border-right: 1px solid #2F2F2F;
  margin-right: 3rem;
}
.modal#modInfo .modal-content .modal-footer .modal-actions #modal-next {
  padding-left: 3rem;
}
.modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:after {
  content: "\f061";
  border-left: 1px solid #2F2F2F;
  margin-left: 3rem;
}
@media (min-width: 992px) {
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next {
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    transition: ease 300ms;
  }
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:after, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:after {
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    transition: ease 300ms;
  }
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:hover, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:focus, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:active, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:hover, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:focus, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:active {
    color: #FFFFFF;
  }
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:hover:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:hover:after, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:focus:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:focus:after, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:active:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:active:after, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:hover:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:hover:after, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:focus:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:focus:after, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:active:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:active:after {
    color: #FFFFFF;
    border-color: #E50914;
    background-color: #E50914;
  }
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:hover, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:focus, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:active {
    background: linear-gradient(90deg, #b20710 0%, rgba(178, 7, 16, 0) 100%) #1D1D1D;
  }
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:hover, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:focus, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:active {
    background: linear-gradient(270deg, #b20710 0%, rgba(178, 7, 16, 0) 100%) #1D1D1D;
  }
}
@media (max-width: 991px) {
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next {
    color: transparent;
    padding: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
  }
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev:after, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:before, .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next:after {
    color: #949494;
    padding: 0;
    margin: 0;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-prev {
    border-right: 1px solid #2F2F2F;
  }
  .modal#modInfo .modal-content .modal-footer .modal-actions #modal-next {
    border-left: 1px solid #2F2F2F;
  }
}
.modal#modInfo .modal-content .modal-footer .button-close {
  display: none;
  position: static;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #777777;
  width: 100%;
  background-color: #181818;
  padding: 13px 15px;
  margin: 0;
  border: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modInfo .modal-content .modal-footer .button-close:hover, .modal#modInfo .modal-content .modal-footer .button-close:focus, .modal#modInfo .modal-content .modal-footer .button-close:active {
  background-color: #2F2F2F;
}
.modal#modMap .modal-content .button.back {
  display: block !important;
  z-index: 3;
}
.modal#modMap .modal-content .modal-body {
  position: relative;
  padding: 0;
  border: none;
}
.modal#modMap .modal-content .modal-body .svg-map {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100vh;
  background-color: #181818;
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/canada-map-bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: none;
}
@media (min-width: 992px) {
  .modal#modMap .modal-content .modal-body .svg-map {
    display: block;
  }
}
.modal#modMap .modal-content .modal-body .svg-map:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, black 100%);
}
.modal#modMap .modal-content .modal-body .svg-map:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0.6;
  width: 100%;
  height: 100%;
  background: radial-gradient(23.85% 58.62% at 0% 100%, #5A003C 0%, rgba(90, 0, 60, 0) 100%), radial-gradient(21.11% 61.99% at 100% 0%, #870014 0%, rgba(135, 0, 20, 0) 100%);
}
.modal#modMap .modal-content .modal-body .svg-texture {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/texture-dot.png);
  background-repeat: repeat;
  opacity: 0.2;
  display: none;
}
@media (min-width: 992px) {
  .modal#modMap .modal-content .modal-body .svg-texture {
    display: block;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  text-align: center;
  display: none;
}
@media (min-width: 992px) {
  .modal#modMap .modal-content .modal-body .svg-provinces {
    display: block;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces svg {
  width: 100%;
  height: 100vh;
}
.modal#modMap .modal-content .modal-body .svg-provinces svg g.prov-group {
  cursor: pointer;
}
.modal#modMap .modal-content .modal-body .svg-provinces svg g.prov-group g[id*=-hover] {
  opacity: 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modMap .modal-content .modal-body .svg-provinces svg g.prov-group:not(.disabled):hover g[id*=-hover], .modal#modMap .modal-content .modal-body .svg-provinces svg g.prov-group:not(.disabled):focus g[id*=-hover], .modal#modMap .modal-content .modal-body .svg-provinces svg g.prov-group:not(.disabled):active g[id*=-hover] {
  opacity: 1;
}
.modal#modMap .modal-content .modal-body .svg-provinces svg g.prov-group.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile {
  display: none;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile {
    display: block;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .row {
  margin: 0;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile h3 {
  font-family: "NetflixSans_W_Th", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.8rem;
  padding: 30px;
  text-align: center;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn {
  position: relative;
  display: block;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  padding: 40px 30px;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 100%;
  left: 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn span {
  position: relative;
  z-index: 1;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn .prov {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.2;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn .prov-icon {
  position: relative;
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto 30px;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn .prov-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn .prov-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
  width: 140px;
  height: 140px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ab .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-ab.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ab:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(245, 150, 0, 0) 0%, #a55f00 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ab .prov-icon:after {
  border-color: #A55F00;
  background-color: #A55F00;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-bc.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc .font-head {
  color: #B4145F;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(112, 8, 57, 0) 0%, #700839 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc:active .prov-icon:after {
  border-color: #700839;
  background-color: #700839;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(112, 8, 57, 0) 0%, #700839 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-bc .prov-icon:after {
    border-color: #700839;
    background-color: #700839;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-nb.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb .font-head {
  color: #FF7828;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(210, 60, 13, 0) 0%, #d23c0d 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb:active .prov-icon:after {
  border-color: #D23C0D;
  background-color: #D23C0D;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(210, 60, 13, 0) 0%, #d23c0d 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nb .prov-icon:after {
    border-color: #D23C0D;
    background-color: #D23C0D;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-nl.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl .font-head {
  color: #007864;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(0, 55, 55, 0) 0%, #003737 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl:active .prov-icon:after {
  border-color: #003737;
  background-color: #003737;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(0, 55, 55, 0) 0%, #003737 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nl .prov-icon:after {
    border-color: #003737;
    background-color: #003737;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-ns.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns .font-head {
  color: #50AAFF;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(0, 85, 230, 0) 0%, #0055e6 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns:active .prov-icon:after {
  border-color: #0055E6;
  background-color: #0055E6;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(0, 85, 230, 0) 0%, #0055e6 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-ns .prov-icon:after {
    border-color: #0055E6;
    background-color: #0055E6;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-mb.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb .font-head {
  color: #78289B;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(65, 0, 100, 0) 0%, #410064 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb:active .prov-icon:after {
  border-color: #410064;
  background-color: #410064;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(65, 0, 100, 0) 0%, #410064 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-mb .prov-icon:after {
    border-color: #410064;
    background-color: #410064;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-on.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on .font-head {
  color: #32C896;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(0, 120, 100, 0) 0%, #007864 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on:active .prov-icon:after {
  border-color: #007864;
  background-color: #007864;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(0, 120, 100, 0) 0%, #007864 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-on .prov-icon:after {
    border-color: #007864;
    background-color: #007864;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-qc.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc .font-head {
  color: #FF6EC8;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(180, 20, 95, 0) 0%, #b4145f 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc:active .prov-icon:after {
  border-color: #B4145F;
  background-color: #B4145F;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(180, 20, 95, 0) 0%, #b4145f 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-qc .prov-icon:after {
    border-color: #B4145F;
    background-color: #B4145F;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-sk.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk .font-head {
  color: #E50914;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(135, 0, 20, 0) 0%, #870014 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk:active .prov-icon:after {
  border-color: #870014;
  background-color: #870014;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(135, 0, 20, 0) 0%, #870014 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-sk .prov-icon:after {
    border-color: #870014;
    background-color: #870014;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-pe.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe .font-head {
  color: #0055E6;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(20, 30, 130, 0) 0%, #141e82 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe:active .prov-icon:after {
  border-color: #141E82;
  background-color: #141E82;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(20, 30, 130, 0) 0%, #141e82 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-pe .prov-icon:after {
    border-color: #141E82;
    background-color: #141E82;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-nt.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt .font-head {
  color: #B978E6;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(120, 40, 155, 0) 0%, #78289b 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt:active .prov-icon:after {
  border-color: #78289B;
  background-color: #78289B;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(120, 40, 155, 0) 0%, #78289b 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nt .prov-icon:after {
    border-color: #78289B;
    background-color: #78289B;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-nu.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu .font-head {
  color: #D23C0D;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(130, 40, 0, 0) 0%, #822800 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu:active .prov-icon:after {
  border-color: #822800;
  background-color: #822800;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(130, 40, 0, 0) 0%, #822800 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-nu .prov-icon:after {
    border-color: #822800;
    background-color: #822800;
  }
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-yt.png);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt .font-head {
  color: #FFC846;
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt:hover:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt:focus:before, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(245, 150, 0, 0) 0%, #f59600 100%);
}
.modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt:hover .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt:focus .prov-icon:after, .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt:active .prov-icon:after {
  border-color: #F59600;
  background-color: #F59600;
}
@media (max-width: 991px) {
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(245, 150, 0, 0) 0%, #f59600 100%);
  }
  .modal#modMap .modal-content .modal-body .svg-provinces-mobile .prov-filter-btn.prov-yt .prov-icon:after {
    border-color: #F59600;
    background-color: #F59600;
  }
}
.modal#modMap .modal-content .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 3;
  padding: 0;
  margin: 0;
  border: none;
}
.modal#modMap .modal-content .modal-footer .films-nav {
  padding-bottom: 0;
  margin: 0;
  bottom: -100%;
}
.modal#modMap .modal-content .modal-footer .films-nav.active {
  bottom: 0;
}
.modal#modMap .modal-content .modal-footer .films-nav .films-list__current-title {
  padding-left: 15px;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav {
  padding: 15px 10px 10px;
  margin-bottom: 15px;
  overflow-y: auto;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films {
  display: flex;
  justify-content: space-between;
  width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film {
  background-color: #181818;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  counter-increment: carousel-cell;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  width: 160px;
  height: 220px;
  margin: 0 7.5px 15px;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:first-child {
  margin-left: 0;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:hover, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:focus, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:active {
  transform: scale(1.05);
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:hover .content, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:focus .content, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:active .content {
  bottom: 0;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:hover .content:before, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:focus .content:before, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film:active .content:before {
  opacity: 1;
  top: -20px;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film.is-selected {
  transform: scale(1.05);
  box-shadow: 0px 10px 30px 0px rgb(0, 0, 0);
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film.is-selected .content:before {
  opacity: 1;
  top: -20px;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film.active {
  box-shadow: 0px 10px 30px 0px rgb(0, 0, 0);
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film.active .content:before {
  opacity: 1;
  top: -50px;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .content {
  position: relative;
  bottom: -44px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .content:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("/https/www.netflixinyourneighbourhood.ca/assets/images/stroke.svg") no-repeat;
  background-position: center;
  background-size: 150%;
  opacity: 0;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  transition: 600ms;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .title h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -1px;
  text-transform: uppercase;
  position: relative;
  padding: 0 15px 15px;
  margin-bottom: 15px;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .title h3:after {
  content: "";
  width: 30%;
  height: 1.5px;
  background-color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 15px;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions {
  display: flex;
  justify-content: space-between;
  background-color: #FFFFFF;
  min-height: 44px;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 10px;
  background-color: #E50914;
  border: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button span {
  display: none;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  display: block;
  font-size: 1.8rem;
  font-weight: 300;
  color: #FFFFFF;
  margin-bottom: 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:hover, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:focus, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:active {
  background-color: #B20710;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:first-child {
  background-color: #FFFFFF;
  color: #E50914;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:first-child:hover, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:first-child:focus, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:first-child:active {
  color: #000000;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:first-child:hover:before, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:first-child:focus:before, .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button:first-child:active:before {
  color: #000000;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button.province:before {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  text-decoration: inherit;
  content: "\f785";
  color: #E50914;
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button.info:before {
  content: "\f05a";
}
.modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .actions a.button.locations:before {
  content: "\f3c5";
  color: #E50914;
}
@media (max-width: 1024px) {
  .modal#modMap .modal-content .modal-footer .films-nav .modal-films-nav .films .film .title h3 {
    font-size: 1.6rem;
  }
}
.modal#modLocationOption .modal-dialog {
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .modal#modLocationOption .modal-dialog {
    align-items: flex-start;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .modal#modLocationOption.show {
    background-color: #000000;
  }
}
.modal#modLocationOption .modal-content {
  margin: 30px;
  border: none;
  border-radius: 0;
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/bg-modal-loc.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  .modal#modLocationOption .modal-content {
    width: auto;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content {
    background-position: right;
  }
}
@media (max-width: 767px) {
  .modal#modLocationOption .modal-content {
    margin: 0;
  }
}
.modal#modLocationOption .modal-content .modal-body {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .modal#modLocationOption .modal-content .modal-body {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn {
  flex-grow: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  padding: 40px 20px;
  border: none;
  overflow: hidden;
  text-decoration: none !important;
}
@media (min-width: 992px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn {
    min-width: 300px;
    max-width: 300px;
  }
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn {
    width: 50%;
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn:nth-child(odd):last-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn {
    width: 100%;
    padding: 30px 20px;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 100%;
  left: 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn span {
  position: relative;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn .prov-icon {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto 15px;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn .prov-icon:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn .prov-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
  width: 140px;
  height: 140px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn .prov-icon {
    width: 100px;
    height: 100px;
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn .prov-icon:after {
    width: 74px;
    height: 74px;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn .font-head {
  display: block;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: -1px;
}
@media (min-width: 1025px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn .font-head {
    font-size: 4rem;
  }
}
@media (max-width: 767px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn .font-head {
    font-size: 3.5rem;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-ab.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab .font-head {
  color: #F59600;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(245, 150, 0, 0) 0%, #a55f00 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab:active .prov-icon:after {
  border-color: #A55F00;
  background-color: #A55F00;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(245, 150, 0, 0) 0%, #a55f00 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ab .prov-icon:after {
    border-color: #A55F00;
    background-color: #A55F00;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-bc.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc .font-head {
  color: #B4145F;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(112, 8, 57, 0) 0%, #700839 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc:active .prov-icon:after {
  border-color: #700839;
  background-color: #700839;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(112, 8, 57, 0) 0%, #700839 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-bc .prov-icon:after {
    border-color: #700839;
    background-color: #700839;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-nb.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb .font-head {
  color: #FF7828;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(210, 60, 13, 0) 0%, #d23c0d 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb:active .prov-icon:after {
  border-color: #D23C0D;
  background-color: #D23C0D;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(210, 60, 13, 0) 0%, #d23c0d 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nb .prov-icon:after {
    border-color: #D23C0D;
    background-color: #D23C0D;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-nl.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl .font-head {
  color: #007864;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(0, 55, 55, 0) 0%, #003737 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl:active .prov-icon:after {
  border-color: #003737;
  background-color: #003737;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(0, 55, 55, 0) 0%, #003737 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nl .prov-icon:after {
    border-color: #003737;
    background-color: #003737;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-ns.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns .font-head {
  color: #50AAFF;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(0, 85, 230, 0) 0%, #0055e6 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns:active .prov-icon:after {
  border-color: #0055E6;
  background-color: #0055E6;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(0, 85, 230, 0) 0%, #0055e6 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-ns .prov-icon:after {
    border-color: #0055E6;
    background-color: #0055E6;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-mb.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb .font-head {
  color: #78289B;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(65, 0, 100, 0) 0%, #410064 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb:active .prov-icon:after {
  border-color: #410064;
  background-color: #410064;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(65, 0, 100, 0) 0%, #410064 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-mb .prov-icon:after {
    border-color: #410064;
    background-color: #410064;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-on.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on .font-head {
  color: #32C896;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(0, 120, 100, 0) 0%, #007864 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on:active .prov-icon:after {
  border-color: #007864;
  background-color: #007864;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(0, 120, 100, 0) 0%, #007864 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-on .prov-icon:after {
    border-color: #007864;
    background-color: #007864;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-qc.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc .font-head {
  color: #FF6EC8;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(180, 20, 95, 0) 0%, #b4145f 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:active .prov-icon:after {
  border-color: #B4145F;
  background-color: #B4145F;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(180, 20, 95, 0) 0%, #b4145f 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-qc .prov-icon:after {
    border-color: #B4145F;
    background-color: #B4145F;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-sk.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk .font-head {
  color: #E50914;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(135, 0, 20, 0) 0%, #870014 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk:active .prov-icon:after {
  border-color: #870014;
  background-color: #870014;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(135, 0, 20, 0) 0%, #870014 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-sk .prov-icon:after {
    border-color: #870014;
    background-color: #870014;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-pe.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe .font-head {
  color: #0055E6;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(20, 30, 130, 0) 0%, #141e82 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe:active .prov-icon:after {
  border-color: #141E82;
  background-color: #141E82;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(20, 30, 130, 0) 0%, #141e82 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-pe .prov-icon:after {
    border-color: #141E82;
    background-color: #141E82;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-nt.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt .font-head {
  color: #B978E6;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(120, 40, 155, 0) 0%, #78289b 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt:active .prov-icon:after {
  border-color: #78289B;
  background-color: #78289B;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(120, 40, 155, 0) 0%, #78289b 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nt .prov-icon:after {
    border-color: #78289B;
    background-color: #78289B;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-nu.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu .font-head {
  color: #D23C0D;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(130, 40, 0, 0) 0%, #822800 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu:active .prov-icon:after {
  border-color: #822800;
  background-color: #822800;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(130, 40, 0, 0) 0%, #822800 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-nu .prov-icon:after {
    border-color: #822800;
    background-color: #822800;
  }
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt .prov-icon:before {
  background-image: url(/https/www.netflixinyourneighbourhood.ca/assets/images/map/prov-yt.png);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt .font-head {
  color: #FFC846;
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt:hover:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt:focus:before, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt:active:before {
  top: 0;
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(245, 150, 0, 0) 0%, #f59600 100%);
}
.modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt:hover .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt:focus .prov-icon:after, .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt:active .prov-icon:after {
  border-color: #F59600;
  background-color: #F59600;
}
@media (max-width: 991px) {
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt:before {
    top: 0;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(245, 150, 0, 0) 0%, #f59600 100%);
  }
  .modal#modLocationOption .modal-content .modal-body .loc-opt-btn.prov-yt .prov-icon:after {
    border-color: #F59600;
    background-color: #F59600;
  }
}
.modal#modLocationOption .modal-content .modal-footer {
  position: relative;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  text-align: center;
}
.modal#modLocationOption .modal-content .modal-footer * {
  position: relative;
  z-index: 1;
}
.modal#modLocationOption .modal-content .modal-footer h3 {
  font-size: 3.4rem;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
}
.modal#modLocationOption .modal-content .modal-footer p {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.modal#modLocationOption .modal-content .modal-footer .button {
  padding: 9px 25px;
}
.modal#modLocationOption .modal-content .modal-footer:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, black 100%);
  opacity: 0;
}
@media (max-width: 767px) {
  .modal#modLocationOption .modal-content .modal-footer {
    position: relative;
  }
  .modal#modLocationOption .modal-content .modal-footer h3 {
    font-size: 2.8rem;
  }
  .modal#modLocationOption .modal-content .modal-footer:before {
    opacity: 1;
  }
}
.modal#modShare {
  background: rgba(47, 47, 47, 0.5);
  backdrop-filter: blur(6px);
}
.modal#modShare .modal-content {
  background-color: #181818;
  border: 1px solid #2F2F2F;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.modal#modShare .modal-content button.close {
  font-size: 2.4rem;
  color: #949494;
  padding: 1.5rem;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modShare .modal-content button.close:hover, .modal#modShare .modal-content button.close:focus, .modal#modShare .modal-content button.close:active {
  background-color: #2F2F2F;
}
.modal#modShare .modal-content .modal-body {
  padding: 66px 15px 77px;
}
.modal#modShare .modal-content .modal-body h3 {
  font-size: 1.6rem;
  line-height: 1.2;
  color: #777777;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
}
.modal#modShare .modal-content .modal-body ul.social-media {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.modal#modShare .modal-content .modal-body ul.social-media > li:not(:last-child) {
  padding-right: 10px;
}
.modal#modShare .modal-content .modal-body ul.social-media > li > a {
  display: inline-block;
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #1D1D1D;
  border-top: 3px solid #1D1D1D;
  border-bottom: 3px solid #1D1D1D;
  border-radius: 6px;
  box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.modal#modShare .modal-content .modal-body ul.social-media > li > a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  font-size: 3.5rem;
  line-height: 1;
  color: #CFCFCF;
}
.modal#modShare .modal-content .modal-body ul.social-media > li > a i {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modShare .modal-content .modal-body ul.social-media > li > a:hover, .modal#modShare .modal-content .modal-body ul.social-media > li > a:focus, .modal#modShare .modal-content .modal-body ul.social-media > li > a:active {
  background: linear-gradient(0deg, #B20710 0%, #1D1D1D 100%);
  border-bottom: 3px solid #E50914;
}
.modal#modShare .modal-content .modal-body ul.social-media > li > a:hover span, .modal#modShare .modal-content .modal-body ul.social-media > li > a:focus span, .modal#modShare .modal-content .modal-body ul.social-media > li > a:active span {
  color: #FFFFFF;
}
.modal#modShare .modal-content .modal-body ul.social-media > li > a:hover i {
  transform: rotate(-5deg);
}
.modal#modShare .modal-content .modal-body ul.social-media > li .copy-link_txt {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.4rem;
  color: #FFFFFF;
  background-color: #B20710;
  padding: 3px 15px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
}

.cluster-loc span {
  font-size: 1.4rem;
  color: #FFFFFF;
  font-weight: 700;
}
.cluster-loc img {
  width: 53px;
  height: 60px;
  opacity: 1;
}

.has-title .cluster-loc img {
  opacity: 0.5;
}

.cluster-poi span {
  font-size: 1.4rem;
  color: #FFFFFF;
  font-weight: 700;
}
.cluster-poi img {
  width: 37px;
  height: 46px;
  opacity: 1;
}
.cluster-poi:hover span {
  color: #464646;
}
.cluster-poi img[src*=connect] + div span {
  color: #464646;
}

.infoBox img[src*=button_close] {
  display: none;
}
.infoBox.infoCluster {
  background-color: rgba(24, 24, 24, 0.8);
  backdrop-filter: blur(20px);
  border-radius: 5px;
  border: 1px solid #777777;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25), 0px 12px 20px 0px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}
.infoBox.infoCluster .info__heading {
  display: block;
  color: #777777;
  text-align: center;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.1;
  padding: 10px 15px;
  margin: 0;
  border-bottom: 1px solid #3F3F3F;
}
.infoBox.infoCluster .info__desc {
  padding: 12px;
}
.infoBox.infoCluster p {
  color: #CFCFCF;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 10px 8px;
  margin-bottom: 0;
}
.infoBox.infoCluster p.info__title {
  display: flex;
}
.infoBox.infoCluster p.info__title.active {
  color: #FFFFFF;
  background-color: rgba(178, 7, 16, 0.3);
}
.infoBox.infoCluster p.info__title span.name {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.infoBox.infoCluster p.info__title span.count {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  display: inline-block;
  margin-right: 10px;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red_xs.svg");
  background-size: 15px 13px;
  background-repeat: no-repeat;
  background-color: left center;
  padding-left: 20px;
}
.infoBox.infoCluster p.info__more {
  border-top: 1px solid #3F3F3F;
  text-align: center;
}
.infoBox.infoCluster.att-events p.info__title span.count {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_grey_xs.svg");
}
.infoBox.agg-events:not(.infoCluster) {
  background-color: rgba(24, 24, 24, 0.8);
  backdrop-filter: blur(20px);
  border-radius: 5px;
  border: 1px solid #777777;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25), 0px 12px 20px 0px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  min-width: 284px;
}
.infoBox.agg-events:not(.infoCluster) .info__img {
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: center;
}
.infoBox.agg-events:not(.infoCluster) .info__desc {
  position: relative;
  padding: 2rem;
  border-top: 1px solid #3F3F3F;
  background-color: rgba(24, 24, 24, 0.8);
  backdrop-filter: blur(20px);
}
.infoBox.agg-events:not(.infoCluster) .info__desc h3.info__heading {
  color: #FFFFFF;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 1rem;
}
.infoBox.agg-events:not(.infoCluster) .info__desc h3.info__heading + span {
  display: block;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #949494;
  margin-bottom: 1rem;
}
.infoBox.agg-events:not(.infoCluster) .info__desc a.gm-directions {
  display: block;
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
  color: #949494;
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #2F2F2F;
  border-radius: 5px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.infoBox.agg-events:not(.infoCluster) .info__desc a.gm-directions:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f5eb";
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-left: 6px;
}
.infoBox.agg-events:not(.infoCluster) .info__desc a.gm-directions:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35);
}
.infoBox.agg-events:not(.infoCluster) .info__desc p {
  color: #CFCFCF;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 10px 8px;
  margin-bottom: 0;
}
.infoBox.agg-events:not(.infoCluster) .info__desc p.info__title {
  position: relative;
  display: inline-block;
  padding: 6px 10px 5px 25px;
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.1;
  letter-spacing: 0.13px;
  text-transform: uppercase;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(178, 7, 16, 0.55);
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red_xs.svg");
  background-position: 6px center;
  background-size: 13px;
  background-repeat: no-repeat;
  border-radius: 5px;
  backdrop-filter: blur(4px);
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.infoBox.agg-events:not(.infoCluster) .info__desc p.info__title span.name {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.infoBox.agg-events:not(.infoCluster) .info__desc p.info__title:hover {
  color: #FFFFFF;
  background-color: rgba(178, 7, 16, 0.8);
  padding-right: 25px;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red_xs_hover.svg");
}
.infoBox.agg-events:not(.infoCluster) .info__desc p.info__title:hover:after {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f0da";
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
}
.infoBox.att-events:not(.infoCluster) {
  background-color: rgba(24, 24, 24, 0.8);
  backdrop-filter: blur(20px);
  border-radius: 5px;
  border: 1px solid #777777;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25), 0px 12px 20px 0px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}
.infoBox.att-events:not(.infoCluster) .info__heading {
  display: block;
  color: #777777;
  text-align: center;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.1;
  padding: 10px 15px;
  margin: 0;
  border-bottom: 1px solid #3F3F3F;
}
.infoBox.att-events:not(.infoCluster) .info__desc {
  padding: 16px 12px 20px;
}
.infoBox.att-events:not(.infoCluster) .info__desc p {
  color: #CFCFCF;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 0;
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__title {
  color: #FFFFFF;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 10px;
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type {
  display: inline-block;
  color: #CFCFCF;
  background-color: #2F2F2F;
  padding: 4px 10px 4px 6px;
  border-radius: 2px;
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type span.type {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  display: inline-block;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_grey_xs.svg");
  background-size: 10px 13px;
  background-repeat: no-repeat;
  background-color: left center;
  padding-left: 16px;
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Set span.type, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Entertainment span.type, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Food span.type, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Restaurant span.type, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Landmark span.type, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Scenic span.type, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Nature span.type, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Shop span.type, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Business span.type {
  background: transparent;
  padding: 0;
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Set span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Entertainment span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Food span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Restaurant span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Landmark span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Scenic span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Nature span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Shop span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Business span.type:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 6px;
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Set span.type:before {
  content: "\f219";
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Entertainment span.type:before {
  content: "\f630";
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Food span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Restaurant span.type:before {
  content: "\f2e7";
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Landmark span.type:before {
  content: "\f66f";
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Scenic span.type:before {
  content: "\f87c";
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Nature span.type:before {
  content: "\f1bb";
}
.infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Shop span.type:before, .infoBox.att-events:not(.infoCluster) .info__desc p.info__type.Business span.type:before {
  content: "\f290";
}
.infoBox.att-events:not(.infoCluster).infoCluster {
  padding: 30px;
}
.infoBox.att-events:not(.infoCluster).infoCluster .info__heading {
  font-size: 1.4rem;
  color: #777777;
  padding: 0;
  margin-bottom: 5px;
}
.infoBox.att-events:not(.infoCluster).infoCluster .info__heading:after {
  content: ":";
}
.infoBox.att-events:not(.infoCluster).infoCluster .info__desc p {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #2F2F2F;
  text-transform: uppercase;
  padding: 10px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #CFCFCF;
}
.infoBox.att-events:not(.infoCluster).infoCluster .info__desc p span.index {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  display: inline-block;
  margin-right: 10px;
}
.infoBox.contest-events {
  background-color: #000000;
}
.infoBox.contest-events:before {
  background-image: linear-gradient(180deg, rgba(165, 95, 0, 0) 0%, #a55f00 100%);
}
.infoBox.contest-events:after {
  border-top: 15px solid #A55F00;
}
.infoBox.contest-events .info__location {
  color: #A55F00;
}
.infoBox.contest-events .info__heading {
  font-size: 2.4rem;
  line-height: 1.3;
  margin-top: 5px;
}
.infoBox.contest-events p.info {
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
}

#divTitleFloaty {
  display: flex;
  align-items: center;
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1002;
  border-radius: 10px;
  border: 1px solid #464646;
  background: rgba(24, 24, 24, 0.8);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(5px);
  color: #949494;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
}
#divTitleFloaty .tf-label {
  padding: 2rem;
  margin-right: 5rem;
  border-right: 1px solid #464646;
}
#divTitleFloaty .tf-label #spanTitleFloaty {
  color: #FFFFFF;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
}
#divTitleFloaty #closeTitleFloaty {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  width: 50px;
  height: 100%;
  color: #949494;
  font-size: 2rem;
  text-align: center;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#divTitleFloaty #closeTitleFloaty:hover, #divTitleFloaty #closeTitleFloaty:focus, #divTitleFloaty #closeTitleFloaty:active {
  color: #FFFFFF;
}
#divTitleFloaty:not(.active) {
  display: none;
}

@media (max-width: 767px) {
  .gm-bundled-control.gm-bundled-control-on-bottom {
    position: fixed !important;
    bottom: 150px !important;
  }
}
.map_sb {
  width: 23%;
  position: absolute;
  z-index: 1001;
  top: 0;
  left: 0;
  height: calc(100dvh - 5rem);
  padding-left: 0;
  padding-right: 0;
  background-color: #111;
  transform: translateX(-100%);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.map_sb.active {
  transform: translateX(0%);
}
@media (min-width: 2400px) {
  .map_sb.active {
    width: 17%;
  }
}
@media (max-width: 1399px) {
  .map_sb.active {
    width: 30%;
  }
}
@media (max-width: 991px) {
  .map_sb.active {
    width: 40%;
  }
}
@media (min-width: 768px) {
  .map_sb {
    border-right: 1px solid #464646;
  }
}
@media (max-width: 767px) {
  .map_sb {
    width: 100%;
    transform: translateY(100%);
    height: 100dvh;
  }
  .map_sb.active {
    width: 100%;
    transform: translateY(0%);
  }
}
.map_sb .map_sb-cell {
  max-height: 100%;
}
.map_sb .map_sb-cell .cell__head {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 26%;
  display: flex;
  align-items: flex-end;
  padding: 10px 15px;
  background-size: cover;
  background-position: center;
}
.map_sb .map_sb-cell .cell__head:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.25) 0%, rgba(17, 17, 17, 0.8) 100%);
}
.map_sb .map_sb-cell .cell__head .head_wrap {
  position: relative;
  z-index: 1;
  width: 100%;
}
.map_sb .map_sb-cell .cell__head .head_wrap h2 {
  font-size: 2.4rem;
  line-height: 1.1;
  color: #FFFFFF;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 2rem;
  text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.25), 2px 4px 8px rgba(0, 0, 0, 0.4);
}
.map_sb .map_sb-cell .cell__head .head_wrap .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  text-transform: none;
  width: 100%;
  padding: 8px 10px;
}
.map_sb .map_sb-cell .cell__head .head_wrap .btn i {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 6px;
}
.map_sb .map_sb-cell .cell__head .head_wrap .btn:hover i {
  transform: rotate(-5deg);
}
@media (max-width: 1024px) {
  .map_sb .map_sb-cell .cell__head .head_wrap .btn {
    line-height: 1.2;
  }
}
.map_sb .map_sb-cell .cell__head .head_wrap .head-btns {
  display: flex;
}
.map_sb .map_sb-cell .cell__head .head_wrap .head-btns .btn:not(:first-child) {
  margin-left: 5px;
}
.map_sb .map_sb-cell .cell__head .head_wrap .head-btns .btn:not(:last-child) {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .map_sb .map_sb-cell .cell__head {
    padding: 48px 15px 10px;
  }
  .map_sb .map_sb-cell .cell__head .head_wrap h2 {
    font-size: 2rem;
  }
  .map_sb .map_sb-cell .cell__head .head_wrap .btn {
    color: #FFFFFF;
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.12);
  }
  .map_sb .map_sb-cell .cell__head .head_wrap .btn i {
    color: #FFFFFF;
  }
}
.map_sb .map_sb-cell .cell__content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 74%;
  display: flex;
  flex-direction: column;
}
.map_sb .map_sb-cell .cell__content .cell__top {
  border-top: 1px solid #2F2F2F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.6rem 2.4rem;
}
.map_sb .map_sb-cell .cell__content .cell__top > h3 {
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.1;
  color: #949494;
  margin-bottom: 0;
}
.map_sb .map_sb-cell .cell__content .cell__top > h3 span {
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-transform: capitalize;
}
.map_sb .map_sb-cell .cell__content .cell__top .form-row {
  border: 1px solid #777777;
  border-radius: 30px;
  align-items: center;
}
.map_sb .map_sb-cell .cell__content .cell__top .form-row .form-group {
  width: 30%;
  min-width: 100px;
}
.map_sb .map_sb-cell .cell__content .cell__top .form-row .form-group.select-dd {
  width: 70%;
}
.map_sb .map_sb-cell .cell__content .cell__top .form-row .form-group h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.1;
  color: #949494;
  text-align: center;
  padding: 0 5px;
  margin-bottom: 0;
}
.map_sb .map_sb-cell .cell__content .cell__top .form-row .form-group h3 span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.map_sb .map_sb-cell .cell__content .cell__top .form-row + h3 {
  margin-top: 2rem;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd {
  position: relative;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd button.ddl-btn {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: #CFCFCF;
  text-align: left;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.02);
  padding: 12px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd button.ddl-btn:before, .map_sb .map_sb-cell .cell__content .cell__top .select-dd button.ddl-btn:after {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  display: inline-block;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd button.ddl-btn:after {
  content: "\f078";
  float: right;
  margin-left: 5px;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd button.ddl-btn.open {
  color: #CFCFCF;
  border-color: #949494;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd button.ddl-btn.open:after {
  content: "\f077";
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd button.ddl-btn.active:before {
  content: "\e122";
  font-weight: 700;
  color: #B20710;
  transform: translateY(1px);
  margin-right: 8px;
}
@media (min-width: 992px) {
  .map_sb .map_sb-cell .cell__content .cell__top .select-dd button.ddl-btn:hover {
    color: #FFFFFF;
    border-color: #949494;
  }
}
@media (max-width: 767px) {
  .map_sb .map_sb-cell .cell__content .cell__top .select-dd button.ddl-btn {
    color: #FFFFFF;
    padding: 8px 12px;
    border-color: #949494;
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  display: none;
  z-index: 1;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul {
  list-style: none;
  width: 100%;
  max-height: 280px;
  padding: 10px 8px;
  margin: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
  border: 1px solid #2F2F2F;
  background: #1D1D1D;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.25);
  overflow-y: auto;
  scrollbar-color: #666666 #2F2F2F;
  scrollbar-width: thin;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul > li {
  display: flex;
  align-items: center;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul > li label {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
  text-transform: none;
  padding: 12px 8px;
  margin: 0;
  cursor: pointer;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul > li label i {
  font-size: 1.2rem;
  color: #949494;
  margin-right: 8px;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul > li label:hover {
  background-color: #2F2F2F;
  color: white;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul > li input[type=checkbox], .map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul > li input[type=radio] {
  display: none;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul > li.last {
  border-top: 1px solid #464646;
  margin-top: 1rem;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul > li.last label {
  margin-top: 1rem;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul span.sub-head {
  display: block;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.2rem;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-align: left;
  color: #777777;
  width: 100%;
  margin-bottom: 6px;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul ul.sub-menu {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
  padding: 1rem;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #2F2F2F;
  background: #181818;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu > ul ul.sub-menu li {
  width: 33.3334%;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu.open {
  display: block;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu#cityMenu {
  width: 69rem;
  left: 50%;
  transform: translateX(-50%);
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu#cityMenu > ul > li {
  flex-direction: column;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd .ddl-menu#cityMenu > ul > li:not(:last-child) {
  margin-bottom: 1rem;
}
.map_sb .map_sb-cell .cell__content .cell__top .select-dd select {
  display: none;
}
@media (max-width: 1024px) {
  .map_sb .map_sb-cell .cell__content .cell__top {
    padding: 1.6rem 1.5rem;
  }
}
@media (max-width: 767px) {
  .map_sb .map_sb-cell .cell__content .cell__top h3 {
    margin-top: 0;
  }
  .map_sb .map_sb-cell .cell__content .cell__top > .form-row {
    background-color: #1D1D1D;
  }
  .map_sb .map_sb-cell .cell__content .cell__top > .form-row + h3 {
    margin-top: 2rem;
  }
}
.map_sb .map_sb-cell .cell__content .cell__bot {
  overflow-y: auto;
  scrollbar-color: #666666 #2F2F2F;
  scrollbar-width: thin;
}
@media (max-width: 767px) {
  .map_sb .map_sb-cell .cell__content .cell__bot {
    background-color: #181818;
  }
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 2.4rem 2rem;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell .loc__info span.loc__title {
  position: relative;
  display: inline-block;
  padding: 6px 10px 5px 25px;
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.1;
  letter-spacing: 0.13px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(178, 7, 16, 0.25);
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red_xs.svg");
  background-position: 6px center;
  background-size: 13px;
  background-repeat: no-repeat;
  border-radius: 5px;
  backdrop-filter: blur(4px);
  margin-bottom: 12px;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell .loc__info h3 {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #B0B0B0;
  cursor: pointer;
  margin-bottom: 0;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell .loc__info .address {
  display: block;
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #949494;
  margin-top: 6px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell:after {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f054";
  font-size: 1.4rem;
  color: #2F2F2F;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell:after {
    right: 1rem;
  }
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.att .loc__info span.loc__title {
  opacity: 0.5;
  color: #CFCFCF;
  background-color: #2F2F2F;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_grey_xs.svg");
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.att .loc__info span.loc__title:after {
  display: none;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.att .loc__info span.loc__title:hover {
  opacity: 1;
  padding-right: 10px;
  background-color: #2F2F2F !important;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top {
  padding: 6px 8px;
  border: none;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top > div {
  color: #949494;
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 6.5px 15px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top > div:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  content: "\f062";
  font-size: 1.2rem;
  color: #777777;
  font-weight: 400;
  margin-right: 6px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top > div span.loc__title {
  font-size: 1.4rem;
  line-height: 1.5;
  color: inherit;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top:after {
  display: none;
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top:hover > div {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(5px);
}
.map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top:hover > div:before {
  color: #FFFFFF;
}
@media (max-width: 1024px) {
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell {
    padding: 2rem 1.5rem;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell .loc__info span.loc__title {
    font-size: 1.2rem;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell .loc__info h3 {
    font-size: 1.5rem;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell .loc__info .address {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell {
    border-bottom: 1px solid #1D1D1D;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell:hover .loc__info h3 {
    color: #FFFFFF;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell:hover .loc__info .address {
    color: #CFCFCF;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell:hover:after {
    color: #FFFFFF;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell:hover.att .loc__info span.loc__title {
    opacity: 1;
    background-color: #2F2F2F;
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_grey_xs_hover.svg");
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top {
    background-color: #111;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top:hover > div {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(5px);
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top:hover > div:before {
    color: #FFFFFF;
  }
}
@media (max-width: 767px) {
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell .loc__info span.loc__title {
    color: white;
    background-color: rgba(178, 7, 16, 0.4);
    background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_red_xs_hover.svg");
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell .loc__info h3 {
    color: #FFFFFF;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell .loc__info .address {
    color: #CFCFCF;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell:after {
    color: #FFFFFF;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.att .loc__info span.loc__title {
    opacity: 1;
    background-color: #2F2F2F;
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top > div {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(5px);
  }
  .map_sb .map_sb-cell .cell__content .cell__bot a.loc-cell.back-to-top > div:before {
    color: #FFFFFF;
  }
}
.map_sb a.sb-close, .map_sb button#titleSB_back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 2.4rem;
  line-height: 1;
  color: #949494;
  background-color: rgba(24, 24, 24, 0.8);
  padding: 12px 15px;
  border: none;
  border-bottom: 1px solid #464646;
  backdrop-filter: blur(5px);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
@media (min-width: 768px) {
  .map_sb a.sb-close, .map_sb button#titleSB_back {
    border-right: 1px solid #464646;
    border-bottom-right-radius: 4px;
  }
  .map_sb a.sb-close:hover, .map_sb a.sb-close:focus, .map_sb a.sb-close:active, .map_sb button#titleSB_back:hover, .map_sb button#titleSB_back:focus, .map_sb button#titleSB_back:active {
    color: #FFFFFF;
    background-color: rgba(29, 29, 29, 0.8);
  }
}
@media (max-width: 767px) {
  .map_sb a.sb-close, .map_sb button#titleSB_back {
    width: 100%;
    text-align: center;
  }
}
.map_sb a#city-sb-toggle,
.map_sb a#title-sb-toggle,
.map_sb a#prov-sb-toggle,
.map_sb a#poi-sb-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  font-size: 2rem;
  color: #949494;
  text-decoration: none;
  height: 70%;
  padding: 10px;
  background-color: rgba(17, 17, 17, 0.8);
  backdrop-filter: blur(5px);
  border: 1px solid #464646;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.map_sb a#city-sb-toggle:hover,
.map_sb a#title-sb-toggle:hover,
.map_sb a#prov-sb-toggle:hover,
.map_sb a#poi-sb-toggle:hover {
  color: #FFFFFF;
  background-color: rgba(29, 29, 29, 0.8);
}
@media (max-width: 767px) {
  .map_sb a#city-sb-toggle,
  .map_sb a#title-sb-toggle,
  .map_sb a#prov-sb-toggle,
  .map_sb a#poi-sb-toggle {
    display: none;
  }
}
.map_sb.poi__sidebar .map_sb-cell .cell__content {
  height: 100%;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top {
  padding-top: 10rem;
  padding-bottom: 2.4rem;
  border-top: none;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top h3 {
  color: #FFFFFF;
  text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.25), 2px 4px 8px rgba(0, 0, 0, 0.4);
  font-family: "NetflixSans_W_Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 1.1;
  margin: 0 0 1.2rem;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top .loc__label {
  margin-bottom: 2rem;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top .loc__label .loc__label-name {
  position: relative;
  display: inline-block;
  padding: 4px 10px 4px 25px;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  letter-spacing: 0.13px;
  color: #CFCFCF;
  background-color: #2F2F2F;
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-marker_grey_xs.svg");
  background-position: 6px center;
  background-size: 13px;
  background-repeat: no-repeat;
  border-radius: 5px;
  margin-bottom: 12px;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info {
  list-style: none;
  padding: 0;
  margin: 0;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li {
  display: flex;
  align-items: flex-start;
  padding: 12px 6px;
  border-bottom: 1px solid #2F2F2F;
  color: #949494;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li i {
  font-weight: 700;
  color: #3F3F3F;
  margin-right: 6px;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li address {
  color: #949494;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  margin: 0;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li.type.set i:before {
  content: "\f219";
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li.type.entertainment i:before {
  content: "\f630";
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li.type.landmark i:before {
  content: "\f66f";
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li.type.food i:before, .map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li.type.restaurant i:before {
  content: "\f2e6";
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li.type.scenic i:before {
  content: "\f87c";
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li.type.nature i:before {
  content: "\f1bb";
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li.type.shop i:before, .map_sb.poi__sidebar .map_sb-cell .cell__content .cell__top ul.loc__info li.type.business i:before {
  content: "\f290";
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__bot {
  padding: 4rem;
  border-top: 1px solid #2F2F2F;
}
.map_sb.poi__sidebar .map_sb-cell .cell__content .cell__bot .block.about p {
  color: #CFCFCF;
  font-family: "NetflixSans_W_Lt", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media (max-width: 1199px) {
  .map_sb.poi__sidebar .map_sb-cell .cell__content .cell__bot {
    padding: 3rem 2.4rem;
  }
}
.map_sb.active a.map_sb-toggle i:before {
  content: "\f053";
}
.map_sb.mobile__sidebar {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  z-index: 100;
  height: auto;
  transform: none;
  display: flex;
  padding: 14px;
  background: #181818;
  border-top: 1px solid #464646;
  border-right: none;
}
.map_sb.mobile__sidebar .btn {
  width: 50%;
  height: 5.1rem;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-family: "NetflixSans_W_Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  padding: 11px 10px;
}
.map_sb.mobile__sidebar .btn:first-child {
  margin-right: 10px;
}
.map_sb.mobile__sidebar .btn .icon {
  display: block;
  width: 33px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 1rem;
}
.map_sb.mobile__sidebar .btn#mobile-view-loc .icon {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/icon-list.svg");
}
.map_sb.mobile__sidebar .btn#mobile-exp-loc .icon {
  background-image: url("/https/www.netflixinyourneighbourhood.ca/assets/images/icons/Icon-explore.svg");
}
@media (min-width: 768px) {
  .map_sb.mobile__sidebar {
    display: none;
  }
}

#nb_map {
  width: 100%;
  height: calc(100dvh - 5.6rem);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
#nb_map.active {
  width: 77%;
  margin-left: 23%;
}
@media (min-width: 2400px) {
  #nb_map.active {
    width: 83%;
    margin-left: 17%;
  }
}
@media (max-width: 1399px) {
  #nb_map.active {
    width: 70%;
    margin-left: 30%;
  }
}
@media (max-width: 991px) {
  #nb_map.active {
    width: 60%;
    margin-left: 40%;
  }
}
@media (max-width: 767px) {
  #nb_map {
    height: 100dvh;
  }
  #nb_map.active {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .modal#modCityInfo .modal-content, .modal#modProvInfo .modal-content {
    background-color: #000000;
  }
}
.modal#modCityInfo .modal-content .modal-body, .modal#modProvInfo .modal-content .modal-body {
  padding: 0;
}
.modal#modCityInfo .modal-content .modal-body > .row, .modal#modProvInfo .modal-content .modal-body > .row {
  margin: 0;
}
.modal#modCityInfo .modal-content .modal-body .modal-info, .modal#modProvInfo .modal-content .modal-body .modal-info {
  height: 100vh;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8rem;
}
.modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner {
  display: flex;
  width: 100%;
  height: 100%;
  border: none;
  background-size: cover;
  background-position: center;
  padding: 50vh 8rem 0;
  margin: 0;
}
.modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner:after, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 30%, black 90%);
}
.modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner > *, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner > * {
  position: relative;
  z-index: 1;
  margin-bottom: 10vh;
}
.modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner .modal-head h2, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner .modal-head h2 {
  font-family: "NetflixSans_W_CdMd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 7.2rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 4.5rem;
}
.modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner .modal-head .btn i, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner .modal-head .btn i {
  margin-left: 5px;
}
.modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner .modal-head .btn:not(:last-child), .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner .modal-head .btn:not(:last-child) {
  margin-right: 12px;
}
.modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner .modal-detail p, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner .modal-detail p {
  font-size: 1.8rem;
  font-weight: 300;
}
.modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner a.modal-btnScroll, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner a.modal-btnScroll {
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #CFCFCF;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner a.modal-btnScroll i, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner a.modal-btnScroll i {
  display: block;
  font-size: 3.2rem;
  margin-top: 3rem;
}
@media (max-width: 1199px) {
  .modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner {
    padding: 30vh 2.5rem 6rem;
  }
}
@media (max-width: 767px) {
  .modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner {
    padding-top: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    background-size: auto 50vh;
    background-position: top center;
    background-repeat: no-repeat;
    border-bottom: none;
  }
  .modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner:after, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner:after {
    top: 0;
    bottom: unset;
    height: 50vh;
    background: linear-gradient(0deg, #000000 22%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%);
  }
  .modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner .btn-watch, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner .btn-watch {
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
  }
  .modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner .modal-head, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner .modal-head {
    z-index: 2;
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15vh;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: none;
  }
  .modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner .modal-head h2, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner .modal-head h2 {
    font-size: 4.2rem;
  }
  .modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner .modal-head .btn.red, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner .modal-head .btn.red {
    width: 100%;
    margin-bottom: 1.2rem;
  }
  .modal#modCityInfo .modal-content .modal-body .modal-info .modal-banner .modal-detail, .modal#modProvInfo .modal-content .modal-body .modal-info .modal-banner .modal-detail {
    padding: 3rem 0 10rem;
    margin-top: -10vh;
    border-top: 1px solid #3F3F3F;
  }
}
.modal#modCityInfo .modal-content .button-close, .modal#modProvInfo .modal-content .button-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  font-size: 2.4rem;
  line-height: 1;
  color: #949494;
  background-color: rgba(24, 24, 24, 0.8);
  padding: 12px 15px;
  border: none;
  border-left: 1px solid #464646;
  border-bottom: 1px solid #464646;
  border-bottom-left-radius: 4px;
  backdrop-filter: blur(5px);
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modCityInfo .modal-content .button-close i, .modal#modProvInfo .modal-content .button-close i {
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modCityInfo .modal-content .modal-footer, .modal#modProvInfo .modal-content .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 1rem;
  background-color: #111;
  border: none;
  border-top: 1px solid #1D1D1D;
}
.modal#modCityInfo .modal-content .modal-footer .modal-actions, .modal#modProvInfo .modal-content .modal-footer .modal-actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}
.modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next {
  position: relative;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #949494;
  text-transform: uppercase;
  border: none;
  background: #1D1D1D;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.55);
  padding: 0;
}
.modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev .count, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next .count, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev .count, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next .count {
  display: none;
}
.modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:after, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:after {
  display: inline-block;
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  font-size: 1.8rem;
  padding: 1.9rem 2.2rem;
}
.modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev {
  padding-right: 3rem;
}
.modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:before {
  content: "\f060";
  border-right: 1px solid #2F2F2F;
  margin-right: 3rem;
}
.modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next {
  padding-left: 3rem;
}
.modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:after {
  content: "\f061";
  border-left: 1px solid #2F2F2F;
  margin-left: 3rem;
}
@media (min-width: 768px) {
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next {
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    transition: ease 300ms;
  }
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:after, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:after {
    -webkit-transition: ease 300ms;
    -moz-transition: ease 300ms;
    transition: ease 300ms;
  }
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:hover, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:focus, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:active, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:hover, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:focus, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:active, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:hover, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:focus, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:active, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:hover, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:focus, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:active {
    color: #FFFFFF;
  }
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:hover:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:hover:after, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:focus:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:focus:after, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:active:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:active:after, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:hover:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:hover:after, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:focus:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:focus:after, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:active:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:active:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:hover:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:hover:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:focus:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:focus:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:active:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:active:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:hover:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:hover:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:focus:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:focus:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:active:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:active:after {
    color: #FFFFFF;
    border-color: #E50914;
    background-color: #E50914;
  }
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:hover, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:focus, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:active, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:hover, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:focus, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:active {
    background: linear-gradient(90deg, #b20710 0%, rgba(178, 7, 16, 0) 100%) #1D1D1D;
  }
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:hover, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:focus, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:active, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:hover, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:focus, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:active {
    background: linear-gradient(270deg, #b20710 0%, rgba(178, 7, 16, 0) 100%) #1D1D1D;
  }
}
@media (max-width: 767px) {
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next {
    color: transparent;
    padding: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
  }
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev:after, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:before, .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev:after, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:before, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next:after {
    color: #949494;
    padding: 0;
    margin: 0;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-prev, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-prev {
    border-right: 1px solid #2F2F2F;
  }
  .modal#modCityInfo .modal-content .modal-footer .modal-actions #modal-next, .modal#modProvInfo .modal-content .modal-footer .modal-actions #modal-next {
    border-left: 1px solid #2F2F2F;
  }
}
.modal#modCityInfo .modal-content .modal-footer .button-close, .modal#modProvInfo .modal-content .modal-footer .button-close {
  display: none;
  position: static;
  font-family: "NetflixSans_W_Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #777777;
  width: 100%;
  background-color: #181818;
  padding: 13px 15px;
  margin: 0;
  border: none;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.modal#modCityInfo .modal-content .modal-footer .button-close:hover, .modal#modCityInfo .modal-content .modal-footer .button-close:focus, .modal#modCityInfo .modal-content .modal-footer .button-close:active, .modal#modProvInfo .modal-content .modal-footer .button-close:hover, .modal#modProvInfo .modal-content .modal-footer .button-close:focus, .modal#modProvInfo .modal-content .modal-footer .button-close:active {
  background-color: #2F2F2F;
}

.gm-style .gm-bundled-control.gm-bundled-control-on-bottom {
  right: 66px !important;
}
@media (min-width: 1025px) {
  .gm-style .gm-bundled-control.gm-bundled-control-on-bottom {
    bottom: 137px !important;
  }
}
@media (max-width: 1024px) {
  .gm-style .gm-bundled-control.gm-bundled-control-on-bottom {
    bottom: 200px !important;
  }
}
.gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] {
  border-radius: 5px !important;
  border: 1px solid #464646;
  background-color: rgba(24, 24, 24, 0.8) !important;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(5px);
  width: 56px !important;
  height: 113px !important;
  padding: 8px;
}
.gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] button {
  border-radius: 5px;
  background: transparent !important;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] button img {
  display: none !important;
}
.gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] button:before {
  font-family: "Font Awesome 7 Sharp";
  font-style: normal;
  text-decoration: inherit;
  font-size: 2.2rem;
  font-weight: 700;
  color: #777777;
  -webkit-transition: ease 300ms;
  -moz-transition: ease 300ms;
  transition: ease 300ms;
}
.gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] button[title="Zoom in"]:before, .gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] button[title="Zoom avant"]:before {
  content: "+";
}
.gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] button[title="Zoom out"]:before, .gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] button[title="Zoom arrière"]:before {
  content: "\f068";
}
@media (min-width: 768px) {
  .gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] button:hover {
    background-color: #2F2F2F !important;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  }
  .gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] button:hover:before {
    color: #CFCFCF;
  }
}
.gm-style .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div[draggable] > div {
  width: 100% !important;
  background-color: #3F3F3F !important;
  margin: 8px 0 !important;
}

/*# sourceMappingURL=style.css.map */