.grid {
 box-sizing:border-box;
 display:flex;
 flex-wrap:wrap
}
.grid--1-cols>.grid__item {
 width:100%
}
.grid--2-cols>.grid__item {
 width:50%
}
.grid--3-cols>.grid__item {
 width:33.33333%
}
.grid--4-cols>.grid__item {
 width:25%
}
.grid--5-cols>.grid__item {
 width:20%
}
.grid--6-cols>.grid__item {
 width:16.66667%
}
.grid--7-cols>.grid__item {
 width:14.28571%
}
.grid--8-cols>.grid__item {
 width:12.5%
}
.grid--9-cols>.grid__item {
 width:11.11111%
}
.grid--10-cols>.grid__item {
 width:10%
}
.grid--11-cols>.grid__item {
 width:9.09091%
}
.grid--12-cols>.grid__item {
 width:8.33333%
}
.grid__item--1-cols {
 width:8.33333%
}
.grid__item--2-cols {
 width:16.66667%
}
.grid__item--3-cols {
 width:25%
}
.grid__item--4-cols {
 width:33.33333%
}
.grid__item--5-cols {
 width:41.66667%
}
.grid__item--6-cols {
 width:50%
}
.grid__item--7-cols {
 width:58.33333%
}
.grid__item--8-cols {
 width:66.66667%
}
.grid__item--9-cols {
 width:75%
}
.grid__item--10-cols {
 width:83.33333%
}
.grid__item--11-cols {
 width:91.66667%
}
.grid__item--12-cols {
 width:100%
}
@media (min-width: 360px) {
 .grid--1-cols--gt-xs>.grid__item {
  width:100%
 }
 .grid--2-cols--gt-xs>.grid__item {
  width:50%
 }
 .grid--3-cols--gt-xs>.grid__item {
  width:33.33333%
 }
 .grid--4-cols--gt-xs>.grid__item {
  width:25%
 }
 .grid--5-cols--gt-xs>.grid__item {
  width:20%
 }
 .grid--6-cols--gt-xs>.grid__item {
  width:16.66667%
 }
 .grid--7-cols--gt-xs>.grid__item {
  width:14.28571%
 }
 .grid--8-cols--gt-xs>.grid__item {
  width:12.5%
 }
 .grid--9-cols--gt-xs>.grid__item {
  width:11.11111%
 }
 .grid--10-cols--gt-xs>.grid__item {
  width:10%
 }
 .grid--11-cols--gt-xs>.grid__item {
  width:9.09091%
 }
 .grid--12-cols--gt-xs>.grid__item {
  width:8.33333%
 }
 .grid__item--1-cols--gt-xs {
  width:8.33333%
 }
 .grid__item--2-cols--gt-xs {
  width:16.66667%
 }
 .grid__item--3-cols--gt-xs {
  width:25%
 }
 .grid__item--4-cols--gt-xs {
  width:33.33333%
 }
 .grid__item--5-cols--gt-xs {
  width:41.66667%
 }
 .grid__item--6-cols--gt-xs {
  width:50%
 }
 .grid__item--7-cols--gt-xs {
  width:58.33333%
 }
 .grid__item--8-cols--gt-xs {
  width:66.66667%
 }
 .grid__item--9-cols--gt-xs {
  width:75%
 }
 .grid__item--10-cols--gt-xs {
  width:83.33333%
 }
 .grid__item--11-cols--gt-xs {
  width:91.66667%
 }
 .grid__item--12-cols--gt-xs {
  width:100%
 }
}
@media (min-width: 640px) {
 .grid--1-cols--gt-sm>.grid__item {
  width:100%
 }
 .grid--2-cols--gt-sm>.grid__item {
  width:50%
 }
 .grid--3-cols--gt-sm>.grid__item {
  width:33.33333%
 }
 .grid--4-cols--gt-sm>.grid__item {
  width:25%
 }
 .grid--5-cols--gt-sm>.grid__item {
  width:20%
 }
 .grid--6-cols--gt-sm>.grid__item {
  width:16.66667%
 }
 .grid--7-cols--gt-sm>.grid__item {
  width:14.28571%
 }
 .grid--8-cols--gt-sm>.grid__item {
  width:12.5%
 }
 .grid--9-cols--gt-sm>.grid__item {
  width:11.11111%
 }
 .grid--10-cols--gt-sm>.grid__item {
  width:10%
 }
 .grid--11-cols--gt-sm>.grid__item {
  width:9.09091%
 }
 .grid--12-cols--gt-sm>.grid__item {
  width:8.33333%
 }
 .grid__item--1-cols--gt-sm {
  width:8.33333%
 }
 .grid__item--2-cols--gt-sm {
  width:16.66667%
 }
 .grid__item--3-cols--gt-sm {
  width:25%
 }
 .grid__item--4-cols--gt-sm {
  width:33.33333%
 }
 .grid__item--5-cols--gt-sm {
  width:41.66667%
 }
 .grid__item--6-cols--gt-sm {
  width:50%
 }
 .grid__item--7-cols--gt-sm {
  width:58.33333%
 }
 .grid__item--8-cols--gt-sm {
  width:66.66667%
 }
 .grid__item--9-cols--gt-sm {
  width:75%
 }
 .grid__item--10-cols--gt-sm {
  width:83.33333%
 }
 .grid__item--11-cols--gt-sm {
  width:91.66667%
 }
 .grid__item--12-cols--gt-sm {
  width:100%
 }
}
@media (min-width: 812px) {
 .grid--1-cols--gt-md>.grid__item {
  width:100%
 }
 .grid--2-cols--gt-md>.grid__item {
  width:50%
 }
 .grid--3-cols--gt-md>.grid__item {
  width:33.33333%
 }
 .grid--4-cols--gt-md>.grid__item {
  width:25%
 }
 .grid--5-cols--gt-md>.grid__item {
  width:20%
 }
 .grid--6-cols--gt-md>.grid__item {
  width:16.66667%
 }
 .grid--7-cols--gt-md>.grid__item {
  width:14.28571%
 }
 .grid--8-cols--gt-md>.grid__item {
  width:12.5%
 }
 .grid--9-cols--gt-md>.grid__item {
  width:11.11111%
 }
 .grid--10-cols--gt-md>.grid__item {
  width:10%
 }
 .grid--11-cols--gt-md>.grid__item {
  width:9.09091%
 }
 .grid--12-cols--gt-md>.grid__item {
  width:8.33333%
 }
 .grid__item--1-cols--gt-md {
  width:8.33333%
 }
 .grid__item--2-cols--gt-md {
  width:16.66667%
 }
 .grid__item--3-cols--gt-md {
  width:25%
 }
 .grid__item--4-cols--gt-md {
  width:33.33333%
 }
 .grid__item--5-cols--gt-md {
  width:41.66667%
 }
 .grid__item--6-cols--gt-md {
  width:50%
 }
 .grid__item--7-cols--gt-md {
  width:58.33333%
 }
 .grid__item--8-cols--gt-md {
  width:66.66667%
 }
 .grid__item--9-cols--gt-md {
  width:75%
 }
 .grid__item--10-cols--gt-md {
  width:83.33333%
 }
 .grid__item--11-cols--gt-md {
  width:91.66667%
 }
 .grid__item--12-cols--gt-md {
  width:100%
 }
}
@media (min-width: 1376px) {
 .grid--1-cols--gt-lg>.grid__item {
  width:100%
 }
 .grid--2-cols--gt-lg>.grid__item {
  width:50%
 }
 .grid--3-cols--gt-lg>.grid__item {
  width:33.33333%
 }
 .grid--4-cols--gt-lg>.grid__item {
  width:25%
 }
 .grid--5-cols--gt-lg>.grid__item {
  width:20%
 }
 .grid--6-cols--gt-lg>.grid__item {
  width:16.66667%
 }
 .grid--7-cols--gt-lg>.grid__item {
  width:14.28571%
 }
 .grid--8-cols--gt-lg>.grid__item {
  width:12.5%
 }
 .grid--9-cols--gt-lg>.grid__item {
  width:11.11111%
 }
 .grid--10-cols--gt-lg>.grid__item {
  width:10%
 }
 .grid--11-cols--gt-lg>.grid__item {
  width:9.09091%
 }
 .grid--12-cols--gt-lg>.grid__item {
  width:8.33333%
 }
 .grid__item--1-cols--gt-lg {
  width:8.33333%
 }
 .grid__item--2-cols--gt-lg {
  width:16.66667%
 }
 .grid__item--3-cols--gt-lg {
  width:25%
 }
 .grid__item--4-cols--gt-lg {
  width:33.33333%
 }
 .grid__item--5-cols--gt-lg {
  width:41.66667%
 }
 .grid__item--6-cols--gt-lg {
  width:50%
 }
 .grid__item--7-cols--gt-lg {
  width:58.33333%
 }
 .grid__item--8-cols--gt-lg {
  width:66.66667%
 }
 .grid__item--9-cols--gt-lg {
  width:75%
 }
 .grid__item--10-cols--gt-lg {
  width:83.33333%
 }
 .grid__item--11-cols--gt-lg {
  width:91.66667%
 }
 .grid__item--12-cols--gt-lg {
  width:100%
 }
}
@media (min-width: 1376px) {
 .grid--1-cols--gt-xl>.grid__item {
  width:100%
 }
 .grid--2-cols--gt-xl>.grid__item {
  width:50%
 }
 .grid--3-cols--gt-xl>.grid__item {
  width:33.33333%
 }
 .grid--4-cols--gt-xl>.grid__item {
  width:25%
 }
 .grid--5-cols--gt-xl>.grid__item {
  width:20%
 }
 .grid--6-cols--gt-xl>.grid__item {
  width:16.66667%
 }
 .grid--7-cols--gt-xl>.grid__item {
  width:14.28571%
 }
 .grid--8-cols--gt-xl>.grid__item {
  width:12.5%
 }
 .grid--9-cols--gt-xl>.grid__item {
  width:11.11111%
 }
 .grid--10-cols--gt-xl>.grid__item {
  width:10%
 }
 .grid--11-cols--gt-xl>.grid__item {
  width:9.09091%
 }
 .grid--12-cols--gt-xl>.grid__item {
  width:8.33333%
 }
 .grid__item--1-cols--gt-xl {
  width:8.33333%
 }
 .grid__item--2-cols--gt-xl {
  width:16.66667%
 }
 .grid__item--3-cols--gt-xl {
  width:25%
 }
 .grid__item--4-cols--gt-xl {
  width:33.33333%
 }
 .grid__item--5-cols--gt-xl {
  width:41.66667%
 }
 .grid__item--6-cols--gt-xl {
  width:50%
 }
 .grid__item--7-cols--gt-xl {
  width:58.33333%
 }
 .grid__item--8-cols--gt-xl {
  width:66.66667%
 }
 .grid__item--9-cols--gt-xl {
  width:75%
 }
 .grid__item--10-cols--gt-xl {
  width:83.33333%
 }
 .grid__item--11-cols--gt-xl {
  width:91.66667%
 }
 .grid__item--12-cols--gt-xl {
  width:100%
 }
}
.grid--padded {
 margin-bottom:-20px;
 margin-left:-10px;
 margin-right:-10px
}
.grid--padded .grid__item {
 margin-bottom:20px;
 padding-left:10px;
 padding-right:10px
}
.grid--reversed {
 flex-direction:row-reverse
}
.grid--align-center {
 justify-content:center
}
.grid--align-right {
 justify-content:flex-end
}
.grid--align-space-around {
 justify-content:space-around
}
.grid--align-space-between {
 justify-content:space-between
}
.grid--valign-middle>.grid__item {
 align-self:center
}
.grid--valign-bottom>.grid__item {
 align-self:flex-end
}
.grid__item--valign-middle {
 align-self:center
}
.grid__item--valign-bottom {
 align-self:flex-end
}
[data-ak-modal] {
 display:none
}
.ak-modal {
 display:none;
 height:100%;
 left:0;
 opacity:0;
 position:fixed;
 top:0;
 transform:scale(1.15);
 transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 visibility:hidden;
 width:100%;
 z-index:2000
}
.ak-modal--enabled {
 display:block
}
.ak-modal--visible {
 opacity:1;
 transform:scale(1);
 visibility:visible
}
.ak-modal-x {
 background:#000;
 color:#fff;
 cursor:pointer;
 font-size:50px;
 height:50px;
 line-height:50px;
 opacity:0.8;
 overflow:hidden;
 position:absolute;
 right:0;
 text-align:center;
 top:0;
 transition:all .3s;
 width:50px;
 z-index:2004
}
.ak-modal-x:before {
 content:"\00D7";
 display:block;
 font-family:'arial', sans-serif;
 height:50px;
 line-height:50px;
 text-align:center;
 vertical-align:middle;
 width:50px
}
.ak-modal-x:hover {
 color:#000;
 background:#fff
}
.ak-modal-mask {
 background:#fff;
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:2001
}
.ak-modal-content {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:2001
}
.ak-youtubemodal {
 display:none;
 height:100%;
 left:0;
 opacity:0;
 position:fixed;
 top:0;
 transform:scale(1.15);
 transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 visibility:hidden;
 width:100%;
 z-index:2000
}
.ak-youtubemodal--enabled {
 display:block
}
.ak-youtubemodal--visible {
 opacity:1;
 transform:scale(1);
 visibility:visible
}
.ak-youtubemodal-x {
 background:#000;
 color:#fff;
 cursor:pointer;
 font-size:50px;
 height:50px;
 line-height:50px;
 opacity:0.8;
 overflow:hidden;
 position:absolute;
 right:0;
 text-align:center;
 top:0;
 transition:all .3s;
 width:50px;
 z-index:2004
}
.ak-youtubemodal-x:before {
 content:"\00D7";
 display:block;
 font-family:'arial', sans-serif;
 height:50px;
 line-height:50px;
 text-align:center;
 vertical-align:middle;
 width:50px
}
.ak-youtubemodal-x:hover {
 color:#000;
 background:#fff
}
.ak-youtubemodal-mask {
 background:#fff;
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:2001
}
.ak-youtubemodal-player {
 height:100%;
 position:relative;
 width:100%;
 z-index:2002
}
.ak-youtubemodal-attribution {
 bottom:0;
 color:#797979;
 font-size:12px;
 left:0;
 line-height:12px;
 max-width:100%;
 padding:0 30px 75px 30px;
 pointer-events:none;
 position:absolute;
 right:0;
 text-align:center;
 z-index:2004
}
@media screen and (min-width: 768px) {
 .ak-youtubemodal-attribution {
  padding:50px;
  text-align:right
 }
}
body:after {
 content:url(/img/lightbox2/close.png) url(/img/lightbox2/loading.gif) url(/img/lightbox2/prev.png) url(/img/lightbox2/next.png);
 display:none
}
body.lb-disable-scrolling {
 overflow:hidden
}
.lightboxOverlay {
 position:absolute;
 top:0;
 left:0;
 z-index:9999;
 background-color:black;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 opacity:0.8;
 display:none
}
.lightbox {
 position:absolute;
 left:0;
 width:100%;
 z-index:10000;
 text-align:center;
 line-height:0;
 font-weight:normal
}
.lightbox .lb-image {
 display:block;
 height:auto;
 max-width:inherit;
 max-height:none;
 border-radius:3px;
 border:4px solid white
}
.lightbox a img {
 border:none
}
.lb-outerContainer {
 position:relative;
 *zoom:1;
 width:250px;
 height:250px;
 margin:0 auto;
 border-radius:4px;
 background-color:white
}
.lb-outerContainer:after {
 content:"";
 display:table;
 clear:both
}
.lb-loader {
 position:absolute;
 top:43%;
 left:0;
 height:25%;
 width:100%;
 text-align:center;
 line-height:0
}
.lb-cancel {
 display:block;
 width:32px;
 height:32px;
 margin:0 auto;
 background:url(/img/lightbox2/loading.gif) no-repeat
}
.lb-nav {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 z-index:10
}
.lb-container>.nav {
 left:0
}
.lb-nav a {
 outline:none;
 background-image:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}
.lb-prev,
.lb-next {
 height:100%;
 cursor:pointer;
 display:block
}
.lb-nav a.lb-prev {
 width:34%;
 left:0;
 float:left;
 background:url(/img/lightbox2/prev.png) left 48% no-repeat;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity:0;
 transition:opacity 0.6s
}
.lb-nav a.lb-prev:hover {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 opacity:1
}
.lb-nav a.lb-next {
 width:64%;
 right:0;
 float:right;
 background:url(/img/lightbox2/next.png) right 48% no-repeat;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 opacity:0;
 transition:opacity 0.6s
}
.lb-nav a.lb-next:hover {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 opacity:1
}
.lb-dataContainer {
 margin:0 auto;
 padding-top:5px;
 *zoom:1;
 width:100%;
 border-bottom-left-radius:4px;
 border-bottom-right-radius:4px
}
.lb-dataContainer:after {
 content:"";
 display:table;
 clear:both
}
.lb-data {
 padding:0 4px;
 color:#ccc
}
.lb-data .lb-details {
 width:85%;
 float:left;
 text-align:left;
 line-height:1.1em
}
.lb-data .lb-caption {
 font-size:13px;
 font-weight:bold;
 line-height:1em
}
.lb-data .lb-caption a {
 color:#4ae
}
.lb-data .lb-number {
 display:block;
 clear:left;
 padding-bottom:1em;
 font-size:12px;
 color:#999999
}
.lb-data .lb-close {
 display:block;
 float:right;
 width:30px;
 height:30px;
 background:url(/img/lightbox2/close.png) top right no-repeat;
 text-align:right;
 outline:none;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 opacity:0.7;
 transition:opacity 0.2s
}
.lb-data .lb-close:hover {
 cursor:pointer;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 opacity:1
}
.push--top-xs {
 margin-top:10px
}
.push--bottom-xs {
 margin-bottom:10px
}
.pull--top-xs {
 margin-top:-10px
}
.pull--bottom-xs {
 margin-bottom:-10px
}
.push--top-sm {
 margin-top:15px
}
.push--bottom-sm {
 margin-bottom:15px
}
.pull--top-sm {
 margin-top:-10px
}
.pull--bottom-sm {
 margin-bottom:-10px
}
.push--top-md {
 margin-top:20px
}
.push--bottom-md {
 margin-bottom:20px
}
.pull--top-md {
 margin-top:-10px
}
.pull--bottom-md {
 margin-bottom:-10px
}
.push--top-lg {
 margin-top:30px
}
.push--bottom-lg {
 margin-bottom:30px
}
.pull--top-lg {
 margin-top:-10px
}
.pull--bottom-lg {
 margin-bottom:-10px
}
.push--top-xl {
 margin-top:60px
}
.push--bottom-xl {
 margin-bottom:60px
}
.pull--top-xl {
 margin-top:-10px
}
.pull--bottom-xl {
 margin-bottom:-10px
}
.flush--top {
 margin-top:0
}
.flush--bottom {
 margin-bottom:0
}
.margin-top--20 {
 margin-top:20px
}
.text--centered {
 text-align:center
}
.text--right {
 text-align:right
}
.text--left {
 text-align:left
}
.text--small {
 font-size:13px;
 line-height:18px
}
.text--xs {
 font-size:11px;
 line-height:13px
}
.text--underlined-border-white {
 border-bottom:1px solid #fff
}
.text--nowrap {
 white-space:nowrap
}
.text--bold {
 font-weight:700
}
.display--block {
 display:block
}
.display--inline {
 display:inline
}
.display--inline-block {
 display:inline-block
}
@media (min-width: 812px) {
 .flex--column-reverse-md {
  flex-direction:column-reverse
 }
}
.display--none {
 display:none
}
@-webkit-keyframes poke-bounce {
 0% {
  top:-160px
 }
 16%,
 48%,
 78% {
  top:0;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 32% {
  top:-110px;
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 62% {
  top:-60px;
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 90% {
  top:-10px;
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 100% {
  transform:rotate(360deg);
  top:0;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
}
@keyframes poke-bounce {
 0% {
  top:-160px
 }
 16%,
 48%,
 78% {
  top:0;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
 32% {
  top:-110px;
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 62% {
  top:-60px;
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 90% {
  top:-10px;
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 100% {
  transform:rotate(360deg);
  top:0;
  -webkit-animation-timing-function:ease-out;
  animation-timing-function:ease-out
 }
}
@-webkit-keyframes fade-down {
 0% {
  opacity:0;
  transform:translateY(-15px)
 }
 100% {
  opacity:1;
  transform:translateY(0)
 }
}
@keyframes fade-down {
 0% {
  opacity:0;
  transform:translateY(-15px)
 }
 100% {
  opacity:1;
  transform:translateY(0)
 }
}
@-webkit-keyframes spin {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(360deg)
 }
}
@keyframes spin {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(360deg)
 }
}
@-webkit-keyframes push {
 0% {
  opacity:0;
  transform:scale(0.5)
 }
 100% {
  opacity:1;
  transform:scale(1)
 }
}
@keyframes push {
 0% {
  opacity:0;
  transform:scale(0.5)
 }
 100% {
  opacity:1;
  transform:scale(1)
 }
}
@-webkit-keyframes push-pulse {
 50% {
  transform:scale(1.1)
 }
}
@keyframes push-pulse {
 50% {
  transform:scale(1.1)
 }
}
body {
 -webkit-font-smoothing:antialiased;
 box-sizing:border-box;
 font-family:"Roboto","Hiragino Kaku Gothic Pro","Meiryo","Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetica,Arial,sans-serif;
 font-size:16px;
 line-height:23px;
 color:#44696C;
 margin:0;
 overflow-x:hidden;
 padding:0
}
.body--cover {
 background:url("https://pokemongolive.com/img/global/bg.jpg") no-repeat center fixed;
 background-size:cover;
 display:flex;
 flex-direction:column;
 height:100vh;
 min-height:100vh
}
.body--fullwidth main {
 max-width:none;
 padding:0
}
.body--modal-open {
 overflow:hidden
}
*,
*:before,
*:after {
 box-sizing:inherit
}
img {
 width:100%
}
a {
 color:#44696C;
 text-decoration:none
}
a:hover {
 text-decoration:underline
}
.root-container {
 overflow-x:hidden;
 width:100%;
 display:flex;
 flex-grow:1;
 flex-direction:column
}
.site-container {
 max-width:1376px;
 position:relative;
 width:100%
}
@media (min-width: 812px) {
 .site-container {
  padding:0 20px
 }
}
@media (min-width: 1376px) {
 .site-container {
  margin:0 auto
 }
}
.section--hidden {
 display:none
}
.lightboxOverlay {
 background-color:#111;
 opacity:.9
}
.lightbox .lb-number {
 display:none
}
.lightbox .lb-image {
 border:none
}
.lightbox .lb-outerContainer {
 background:transparent
}
.ww {
 display:inline-block
}
@media (min-width: 812px) {
 .blog-img {
  margin-right:120px
 }
}
@media (min-width: 1376px) {
 .blog-img {
  margin-right:180px
 }
}
.nl-cpb__content a {
 border-bottom:1px solid #44696c;
 font-weight:600
}
.nl-cpb__content a:hover {
 text-decoration:none
}
.instagram-media,
twitter-widget {
 margin-left:auto !important;
 margin-right:auto !important
}
ark-cookiebar a {
 font-weight:700;
 text-decoration:underline
}
[data-current-input='mouse'] *:focus {
 outline:none
}
header {
 margin:0;
 margin-bottom:20px
}
@media (min-width: 812px) {
 header {
  margin-bottom:0
 }
}
header .header__logo {
 line-height:0;
 padding:20px 0;
 text-align:center
}
@media (min-width: 812px) {
 header .header__logo {
  text-align:left
 }
}
header .header__logo__image {
 width:150px
}
header .header__logo__image--small {
 width:120px
}
header .header__nav {
 font-weight:bold;
 padding:0 20px;
 text-align:center;
 margin-top:-15px
}
@media only screen and (min-width: 1013px) {
 header .header__nav {
  display:block;
  text-align:right
 }
}
header .header__nav .header__nav__item {
 display:inline-block;
 list-style:none
}
@media only screen and (min-width: 1013px) {
 header .header__nav .header__nav__item {
  font-size:1vw;
  margin-left:5px
 }
}
@media only screen and (min-width: 1254px) {
 header .header__nav .header__nav__item {
  font-size:14px;
  margin-left:10px
 }
}
header .header__nav .header__nav__item .header__nav__item__link {
 display:block;
 text-decoration:none;
 text-transform:uppercase;
 padding:5px
}
@media (max-width: 811px) {
 header .header__nav .header__nav__item .header__nav__item__link {
  color:#44696C;
  padding:10px
 }
}
@media only screen and (min-width: 1013px) {
 header .header__nav .header__nav__item--active .header__nav__item__link {
  border-bottom:2px solid #378B7D
 }
}
header .header__nav-select {
 background-color:#fff;
 font-family:"Lato",sans-serif;
 font-size:12px;
 font-weight:700;
 padding:0 40px 0 20px;
 height:30px;
 border-radius:15px;
 display:flex;
 justify-content:center;
 align-items:center;
 text-transform:uppercase;
 position:relative;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
header .header__nav-select::after {
 content:'';
 display:block;
 position:absolute;
 right:20px;
 border-color:#727276 transparent;
 border-style:solid;
 border-width:5px 5px 0;
 top:12px
}
@media only screen and (min-width: 1013px) {
 header .header__nav-select {
  display:none
 }
}
.header--fixed {
 top:0;
 padding:0 20px;
 position:fixed;
 left:0;
 width:100%;
 z-index:1000
}
@media (min-width: 812px) {
 .header--fixed {
  padding:0 60px
 }
}
.header--scroll {
 transition:transform .25s ease;
 transform:translateY(0)
}
.header--scroll.header--top {
 transform:translateY(-100%)
}
.body--fest .header--scroll.header--top {
 transform:translateY(calc(-100% - 25px))
}
@media (min-width: 812px) {
 .header--scroll {
  background:white;
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
  display:block
 }
}
.header--default {
 background:transparent;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:0;
 max-width:1376px;
 width:100%
}
.body--fest .header--default .header__inner {
 padding:0 0 0 20px !important
}
@media (min-width: 812px) {
 .body--fest .header--default {
  display:block;
  max-width:none
 }
 .body--fest .header--default.header--top {
  transform:translateY(calc(-100% - 40px)) !important
 }
}
.body--unibail .header--default .header__inner {
 padding:0 !important
}
.body--unibail .header--default.header--top {
 transform:translateY(calc(-100% - 20px)) !important
}
@media only screen and (max-width: 1012px) {
 .header--default .header__nav {
  display:none;
  padding:0;
  background:white;
  flex-direction:column;
  position:absolute;
  top:calc(50% + 35px);
  right:30px;
  z-index:100
 }
 .header--default .header__nav--nav-toggled {
  display:flex
 }
}
@media (max-width: 359px) {
 .header--default .header__nav {
  right:20px
 }
}
@media only screen and (max-width: 1012px) {
 .header--default .header__nav__item+.header__nav__item {
  border-top:1px solid #dedede
 }
}
.header--default .header__nav__item__link {
 color:#44696C
}
@media only screen and (max-width: 1012px) {
 .header--default .header__nav__item__link {
  padding:10px 40px !important
 }
}
.header--default .header__inner {
 display:flex;
 align-items:center;
 flex-direction:row;
 padding:0 20px;
 justify-content:space-between;
 position:relative
}
.header--default .header__logo {
 position:relative
}
.body--fest .header--default .header__logo {
 margin:-20px;
 top:20px
}
.body--unibail .header--default .header__logo {
 top:15px
}
.body--fest .header--default .header__logo {
 width:80px
}
@media (min-width: 640px) {
 .body--fest .header--default .header__logo {
  width:100px
 }
}
@media (min-width: 812px) {
 .header--default .header__nav {
  margin-left:20px
 }
}
.header--default .header__nav__item__link {
 color:#44696C;
 font-family:"Lato",sans-serif;
 font-weight:700;
 letter-spacing:0.5px;
 text-transform:uppercase
}
.header--default .header__cta {
 flex:1;
 text-align:right
}
.header--default .header__cta .button {
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:900;
 box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
 padding:15px 30px;
 text-transform:uppercase
}
.header--transparent {
 background:transparent !important;
 box-shadow:none !important
}
@media (min-width: 812px) {
 .header--transparent .header__nav__item__link {
  color:#44696C
 }
}
@media only screen and (min-width: 1013px) {
 .header--transparent .header__nav__item--active .header__nav__item__link {
  border-bottom:2px solid #44696C !important
 }
}
.header--white {
 background:#fff !important
}
@media (min-width: 812px) {
 .header--gbl .header__inner {
  justify-content:space-between
 }
}
@media (min-width: 812px) {
 .header--gbl .header__nav__item__link {
  color:#234375 !important
 }
}
@media only screen and (min-width: 1013px) {
 .header--gbl .header__nav__item--active .header__nav__item__link {
  border-bottom:2px solid #234375 !important
 }
}
.header--play-at-home {
 background:#fff !important;
 width:100%
}
.header--play-at-home .header__logo__image {
 width:120px !important
}
@media (min-width: 812px) {
 .header--play-at-home .header__nav__item__link {
  color:#35959E !important
 }
}
@media only screen and (min-width: 1013px) {
 .header--play-at-home .header__nav__item--active .header__nav__item__link {
  border-bottom:2px solid #35959E !important
 }
}
@media only screen and (min-width: 1013px) {
 .header--events .header__nav__item__link {
  color:#fff !important
 }
}
.header--events .header__nav__item--active .header__nav__item__link {
 border-bottom:2px solid #fff !important
}
.header--fest-2020 {
 position:relative;
 z-index:100
}
@media (min-width: 812px) {
 .header--fest-2020 .header__nav {
  padding-top:15px
 }
}
.header--fest-2020 .header__logo {
 margin-bottom:-30px;
 padding:0;
 width:100px
}
.header--fest-2020 .header__logo img {
 width:100%
}
.header--fest-2021 {
 position:relative;
 z-index:100
}
@media (min-width: 812px) {
 .header--fest-2021 .header__nav {
  padding-top:15px
 }
}
.header--fest-2021 .header__logo {
 display:none
}
.header--fest-2021 .header__inner {
 padding:12px 24px;
 justify-content:flex-end
}
@media only screen and (min-width: 1013px) {
 .header--fest-2021 .header__inner {
  justify-content:center
 }
}
.header--city-activation {
 position:relative;
 z-index:100
}
.header--city-activation+div {
 margin-top:-30px
}
.display-box {
 background-color:rgba(255,253,245,0.85);
 border-radius:5px;
 padding:30px;
 margin-left:20px;
 margin-right:20px
}
@media (min-width: 812px) {
 .display-box {
  margin-left:0;
  margin-right:0
 }
}
.display-box__title {
 font-size:20px;
 line-height:25px;
 color:#DE4E4B;
 font-weight:normal;
 letter-spacing:1px;
 margin-bottom:20px
}
.display-box__title--ball {
 margin-top:0
}
.display-box__title--ball:before {
 content:'';
 display:inline-block;
 background:url("/img/global/ball.png") no-repeat center;
 background-size:contain;
 margin-right:15px;
 width:50px;
 height:50px;
 vertical-align:middle
}
.display-box__title a {
 color:inherit
}
.display-box__title a:hover {
 text-decoration:inherit
}
.button {
 color:#fff;
 display:inline-block;
 background:linear-gradient(to right, #24CCAA, #A2DB95);
 border-radius:50px;
 border:0;
 outline:0;
 cursor:default;
 font-size:16px;
 line-height:23px;
 padding:15px 50px;
 font-weight:500
}
.button:hover {
 text-decoration:none
}
.button--small {
 padding:10px 30px
}
.button--disabled,
.button:disabled {
 cursor:default;
 opacity:0.5
}
.button[href] {
 cursor:pointer
}
button.button {
 cursor:pointer
}
.button--yellow {
 background:#FFCE07;
 display:block;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:900;
 padding:15px 30px;
 text-align:center;
 text-transform:uppercase;
 transition:all 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53)
}
.button--yellow:hover {
 background:#2B4D86;
 transform:scale(1.02);
 box-shadow:0 2px 20px rgba(0,0,0,0.27)
}
.button--play {
 display:inline-flex;
 justify-content:center;
 align-items:center;
 padding:7px 24px;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:900;
 text-transform:uppercase;
 background:transparent;
 border:3px solid #fff
}
.button--play svg {
 margin-left:16px
}
.button--fest-buy {
 background:#FFCE07;
 border-radius:5px;
 box-shadow:0 2px 10px rgba(0,0,0,0.22);
 display:inline-block;
 color:#2C4C85;
 font-family:"Lato",sans-serif;
 font-size:20px;
 font-weight:900;
 text-align:center;
 text-transform:uppercase;
 transition:box-shadow 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53),transform 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53);
 position:relative;
 padding:15px 24px
}
@media (min-width: 1680px) {
 .button--fest-buy {
  font-size:28px;
  padding:20px 30px
 }
}
.button--fest-buy:after {
 content:'';
 position:absolute;
 top:4px;
 bottom:4px;
 left:4px;
 right:4px;
 border:4px solid #fff
}
.button--fest-buy:hover {
 box-shadow:0 2px 15px rgba(0,0,0,0.5);
 transform:scale(1.02)
}
.button--experiences {
 background:#000;
 display:block;
 font-family:"Lato",sans-serif;
 font-size:12px;
 font-weight:700;
 line-height:18px;
 padding:4px 30px;
 text-align:center;
 transition:transform 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53)
}
@media (min-width: 812px) {
 .button--experiences {
  padding:4px 50px
 }
}
.button--experiences[href]:hover {
 transform:scale(1.02)
}
.button--experiences-paid {
 background-image:linear-gradient(90deg, #4B95E4 0%, #31B7D2 100%)
}
.button--city-spotlight {
 align-items:center;
 display:inline-flex;
 font-weight:900;
 justify-content:center;
 line-height:20px;
 min-width:200px;
 padding:10px 20px;
 position:relative;
 text-transform:uppercase;
 color:#2B4D86
}
.button--city-spotlight:before,
.button--city-spotlight:after {
 background:#000;
 border-radius:50px;
 bottom:0;
 content:'';
 left:0;
 position:absolute;
 right:0;
 top:0;
 z-index:1
}
.button--city-spotlight:before {
 background:linear-gradient(to right, #0091FF 0%, #031531 100%);
 margin:-3px
}
.button--city-spotlight:after {
 background:#fff
}
.button--city-spotlight .button__inner {
 z-index:2
}
.button--uppercase {
 text-transform:uppercase
}
.trailer-ko {
 padding-left:4em;
 padding-right:4em
}
.btn2 {
 border-radius:3px;
 box-shadow:0 2px 4px 0 rgba(0,0,0,0.15);
 display:inline-block;
 font-family:"Lato",sans-serif;
 font-size:14px;
 line-height:20px;
 outline:none;
 font-weight:700;
 text-transform:uppercase;
 padding:12px 22px
}
.btn2:hover {
 cursor:pointer;
 text-decoration:none
}
.btn2:disabled {
 opacity:.5
}
.btn2--grey {
 background:#fafafa;
 color:#37a3e4
}
.btn2--red {
 background:#e74545;
 color:#fff
}
.btn2--blue {
 background:#37a3e4;
 color:#fff
}
.btn2--small {
 padding:4px 30px
}
.btn-circle {
 position:relative;
 width:32px;
 height:32px;
 display:inline-block;
 transform:translate3d(0, 0, 0);
 transition:transform 250ms ease
}
.btn-circle::before {
 content:'';
 width:60px;
 height:60px;
 display:block;
 background-color:#fff;
 position:absolute;
 box-shadow:-1px -2px 5px rgba(0,0,0,0.15);
 border-radius:50%;
 top:-14px;
 left:-12px
}
.btn-circle .btn-circle__arrow {
 background-color:#333;
 display:block;
 height:2px;
 left:8px;
 position:absolute;
 top:calc((100% / 4) + 2px);
 width:16px;
 transform:rotate(-45deg)
}
.btn-circle .btn-circle__arrow--2 {
 margin-top:calc((100% / 2) - 6px);
 transform:rotate(45deg)
}
.btn-circle--down {
 transform:rotate(-90deg)
}
.btn-circle--down:hover {
 transform:rotate(-90deg) scale(1.1)
}
.checkbox input[type="checkbox"] {
 left:-500000px;
 position:absolute
}
.checkbox label {
 cursor:pointer;
 display:block;
 font-size:14px;
 line-height:18px;
 padding-left:30px;
 position:relative
}
.checkbox label::before {
 content:'';
 background-color:#fff;
 display:block;
 border:1px solid #dedede;
 width:18px;
 height:18px;
 position:absolute;
 left:0;
 top:0
}
.checkbox label::after {
 content:'';
 display:block;
 position:absolute;
 transform:rotate(-45deg);
 opacity:0;
 border-left:2px solid #333;
 border-bottom:2px solid #333;
 width:10px;
 height:6px;
 left:4px;
 top:4px
}
.checkbox input[type="checkbox"]:checked+label::after {
 opacity:1
}
.checkbox--small label {
 font-size:12px
}
.ctas {
 text-align:center
}
.ctas__cta {
 display:inline-block;
 max-width:150px;
 margin:15px
}
@media (min-width: 1376px) {
 .ctas__cta {
  max-width:200px
 }
}
.body--events {
 background-color:#fcb900
}
.body--events .page-bg {
 position:absolute;
 background-image:url(https://storage.googleapis.com/pokemongolive/events_bg_img.jpg);
 background-size:100%;
 background-position:top;
 background-repeat:no-repeat;
 top:0;
 left:0;
 width:100%;
 z-index:-1;
 display:none
}
.body--events .page-bg:before {
 display:block;
 content:"";
 width:100%;
 padding-top:58.68056%
}
@media (min-width: 812px) {
 .body--events .page-bg {
  display:block
 }
}
.body--events .page-bg::after {
 background-image:linear-gradient(to bottom, rgba(35,66,117,0) 0%, #234275 90%);
 content:'';
 display:block;
 position:absolute;
 left:0;
 bottom:0;
 height:50%;
 width:100%
}
.body--events main {
 min-height:100vh
}
.body--events .sections {
 width:100%
}
@media (min-width: 640px) {
 .body--events .sections {
  margin:60px auto 100px;
  width:620px
 }
}
@media (min-width: 812px) {
 .body--events .sections {
  width:85%;
  max-width:1200px
 }
}
@media (min-width: 812px) {
 .body--events.body--safarizone-dortmund .sections {
  max-width:995px;
  width:100%
 }
}
@media (min-width: 1376px) {
 .body--events.body--safarizone-dortmund .sections {
  max-width:1400px;
  width:85%
 }
}
.events-hero {
 align-items:center;
 background-image:url(/img/events/events-hero-mobile.jpg);
 background-position:top;
 background-repeat:no-repeat;
 background-size:cover;
 display:flex;
 height:530px
}
@media (min-width: 812px) {
 .events-hero {
  background-image:url(/img/events/events-hero.jpg);
  background-position:center;
  height:650px
 }
}
.events-hero__content-wrap {
 padding-bottom:100px
}
.events-hero__content {
 color:#fff;
 max-width:720px
}
.events-hero__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:30px;
 line-height:35px;
 margin-bottom:10px
}
@media (min-width: 812px) {
 .events-hero__title {
  font-size:60px;
  line-height:70px;
  letter-spacing:1.28px
 }
}
.events-hero__body {
 font-family:"Lato",sans-serif;
 font-size:17px;
 letter-spacing:.5px;
 line-height:30px;
 max-width:530px
}
.events-list {
 padding:0 20px
}
@media (min-width: 812px) {
 .events-list {
  padding:0
 }
}
.events-list__past,
.events-list__upcoming {
 position:relative
}
.events-list__upcoming {
 background-color:transparent;
 margin-bottom:60px
}
.events-list__past__title,
.events-list__upcoming__title {
 align-items:center;
 display:flex;
 font-family:"Lato",sans-serif;
 font-size:22px;
 line-height:35px;
 height:70px;
 padding:0 20px
}
@media (min-width: 812px) {
 .events-list__past__title,
 .events-list__upcoming__title {
  height:100px;
  justify-content:center;
  text-align:center
 }
}
.events-list__upcoming__title {
 color:#3F4847
}
.events-list__past__title {
 color:#fff;
 margin-bottom:40px
}
.events-list__event>* {
 background-color:#fff;
 box-shadow:0 4px 7px rgba(0,0,0,0.16);
 display:flex;
 flex-direction:column
}
@media (min-width: 812px) {
 .events-list__event>* {
  flex-direction:row;
  flex-wrap:nowrap
 }
}
.events-list__event>*:hover {
 text-decoration:none
}
.events-list__event+.events-list__event {
 margin-top:40px
}
.events-list__event__left {
 position:relative;
 width:100%;
 height:228px
}
@media (min-width: 812px) {
 .events-list__event__left {
  width:195px
 }
}
.events-list__event__date,
.events-list__event__image {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.events-list__event__image {
 z-index:1
}
.events-list__event__image img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -o-object-position:center;
 object-position:center
}
.events-list__event__date {
 color:#fff;
 font-family:"Lato",sans-serif;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 z-index:2;
 text-transform:uppercase
}
.events-list__event__date__day {
 font-size:64px;
 line-height:1;
 margin-bottom:10px
}
.events-list__event__date__month {
 font-size:32px;
 font-weight:700;
 line-height:1
}
.events-list__event__content {
 text-align:center;
 order:2;
 padding:20px 20px 40px
}
@media (min-width: 812px) {
 .events-list__event__content {
  flex:1;
  padding:0 40px;
  text-align:left;
  align-self:center;
  order:0
 }
}
.events-list__event__title {
 color:#2B4D86;
 font-family:"Lato",sans-serif;
 font-size:24px;
 font-weight:700;
 letter-spacing:.5px;
 line-height:35px;
 margin-bottom:10px
}
.events-list__event__body {
 color:#3F4847;
 font-family:"Lato",sans-serif;
 font-size:17px;
 line-height:30px;
 margin:0 auto;
 text-overflow:ellipsis;
 overflow:hidden;
 display:-webkit-box;
 max-height:90px;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical
}
@media (min-width: 812px) {
 .events-list__event__body {
  max-height:60px;
  -webkit-line-clamp:2;
  margin:0
 }
}
.events-list__event__body p {
 margin-top:0;
 margin-bottom:0
}
.events-list__event__meta {
 margin-top:20px;
 display:flex;
 align-items:center;
 justify-content:center
}
@media (min-width: 812px) {
 .events-list__event__meta {
  justify-content:flex-start
 }
}
.events-list__event__upvotes {
 margin-right:20px
}
.events-list__event__globe {
 width:24px;
 height:24px;
 margin-right:5px;
 display:none
}
.events-list__event__countries {
 display:none
}
.events-list__event__country {
 box-shadow:1px 1px 9px rgba(0,0,0,0.13);
 margin:0 5px;
 width:28px
}
.events-list__event__country img {
 display:block
}
.events-list__event__right {
 display:flex;
 flex-direction:column;
 justify-content:space-between
}
.events-list__event__logo {
 margin:0 auto;
 width:100%;
 height:144px;
 padding:10px;
 display:flex;
 justify-content:center;
 align-items:center
}
@media (min-width: 812px) {
 .events-list__event__logo {
  margin:0;
  width:144px
 }
}
.events-list__event__logo img {
 max-width:100%;
 max-height:100%;
 -o-object-fit:contain;
 object-fit:contain
}
.events-list__event__social {
 display:none;
 line-height:0;
 width:144px
}
@media (min-width: 812px) {
 .events-list__event__social {
  display:block
 }
}
.events-list__event__social ul.social-links {
 display:flex;
 flex-wrap:nowrap
}
.events-list__event__social li.social-links__link {
 display:block;
 list-style:none;
 flex:1;
 margin-left:0;
 width:auto;
 height:auto
}
.events-list__event__cta {
 margin:20px 0 0;
 text-align:center
}
@media (min-width: 812px) {
 .events-list__event__cta {
  align-self:center;
  margin:0
 }
}
.events-list__event__cta .button {
 display:inline-block
}
.events-list__past__title {
 box-shadow:0 4px 7px rgba(0,0,0,0.16);
 background-color:#2B4D86;
 cursor:pointer;
 position:relative;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.events-list__past .events-list__events {
 display:none
}
.events-list__past--expanded .events-list__events {
 display:block
}
.events-list__expand-icon {
 position:absolute;
 right:20px;
 top:50%
}
@media (min-width: 812px) {
 .events-list__expand-icon {
  right:40px
 }
}
@media (min-width: 1376px) {
 .events-list__expand-icon {
  right:100px
 }
}
.events-list__expand-icon:before,
.events-list__expand-icon:after {
 content:'';
 display:block;
 width:20px;
 height:2px;
 background-color:#fff;
 position:absolute;
 right:0;
 top:0
}
.events-list__expand-icon:before {
 transform:rotate(-90deg);
 transition:transform .5s ease
}
.events-list__past--expanded .events-list__expand-icon:before {
 transform:rotate(0)
}
.body--fest-2020 {
 background-color:#234375;
 overflow-x:visible
}
.fest img {
 display:block
}
.fest .flyer.inview .flyer__logo,
.fest .flyer.inview .flyer__city,
.fest .flyer.inview .flyer__date,
.fest .flyer.inview .flyer__cta {
 opacity:0;
 transform:translateY(20px);
 transition:opacity 500ms ease,transform 500ms ease
}
.fest .flyer.inview .flyer__city {
 transition-delay:0ms
}
.fest .flyer.inview .flyer__date {
 transition-delay:250ms
}
.fest .flyer.inview .flyer__cta {
 transition-delay:500ms
}
.fest .flyer.inview .flyer__logo {
 transform:translateY(-20px);
 transition-delay:500ms
}
.fest .flyer.inview--enabled .flyer__logo,
.fest .flyer.inview--enabled .flyer__city,
.fest .flyer.inview--enabled .flyer__date,
.fest .flyer.inview--enabled .flyer__cta {
 opacity:1;
 transform:translateY(0)
}
@media (min-width: 812px) {
 .fest .flyer__main {
  align-items:center;
  display:flex;
  justify-content:center;
  min-height:calc(100vh - 150px);
  position:relative
 }
}
@media (min-width: 1376px) {
 .fest .flyer__main {
  min-height:calc(100vh)
 }
}
.fest .flyer__image--desktop {
 display:none
}
@media (min-width: 812px) {
 .fest .flyer__image--desktop {
  display:block
 }
}
@media (min-width: 812px) {
 .fest .flyer__image--mobile {
  display:block
 }
}
@media (min-width: 812px) {
 .fest .flyer__image {
  height:100%;
  left:0;
  margin-bottom:0;
  position:absolute;
  top:0;
  width:100%
 }
}
.fest .flyer__image img {
 display:block
}
@media (min-width: 812px) {
 .fest .flyer__image img {
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  width:100%
 }
}
@media (min-width: 1376px) {
 .fest .flyer__image img {
  -o-object-position:50% 20%;
  object-position:50% 20%
 }
}
.fest .flyer__content {
 background-color:#5ED8FF;
 color:#fff;
 text-align:center;
 padding:40px 0
}
@media (min-width: 812px) {
 .fest .flyer__content {
  background-color:transparent;
  position:relative;
  text-shadow:0 2px 3px rgba(0,0,0,0.22);
  z-index:10
 }
}
.fest .flyer__logo {
 margin:0 auto 20px;
 max-width:250px
}
@media (min-width: 640px) {
 .fest .flyer__logo {
  max-width:280px
 }
}
.fest .flyer__city {
 font-size:33px;
 font-weight:700;
 line-height:1;
 margin-bottom:10px;
 letter-spacing:0.71px
}
@media (min-width: 640px) {
 .fest .flyer__city {
  font-size:60px;
  letter-spacing:1.28px;
  margin-bottom:20px
 }
}
.fest .flyer__date {
 font-size:20px;
 font-weight:900;
 letter-spacing:1.71px;
 line-height:1;
 margin-bottom:30px;
 text-transform:uppercase
}
@media (min-width: 640px) {
 .fest .flyer__date {
  font-size:40px;
  letter-spacing:3px
 }
}
.fest .flyer__cta {
 display:inline-block
}
.fest .flyer__cta .button {
 box-shadow:0 2px 5px 0 rgba(0,0,0,0.15);
 display:inline-block;
 font-size:18px;
 font-weight:900;
 text-shadow:none;
 text-transform:uppercase
}
@media (min-width: 812px) {
 .fest .flyer__cta .button {
  font-size:22px
 }
}
.fest .flyer__footer {
 background-color:#2B4D86;
 color:rgba(255,255,255,0.5);
 padding:40px 30px
}
.fest .flyer__sponsors__title {
 font-family:Lato, sans-serif;
 font-size:14px;
 font-weight:600;
 letter-spacing:2.15px;
 line-height:1;
 margin-bottom:20px;
 text-align:center;
 text-transform:uppercase;
 width:100%
}
@media (min-width: 812px) {
 .fest .flyer__sponsors__title {
  margin-bottom:0;
  width:auto
 }
}
.fest .flyer__sponsors__content {
 align-items:center;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 margin-left:-20px;
 margin-right:-20px
}
@media (min-width: 812px) {
 .fest .flyer__sponsors__content {
  justify-content:space-between;
  margin:0 auto;
  max-width:600px
 }
}
.fest .flyer__sponsors__logo {
 padding:0 20px
}
.fest .flyer__sponsors__logo--sprint {
 max-width:174px
}
.fest .flyer__sponsors__logo--boost {
 max-width:111px
}
.fest .buy {
 background-color:#0DBF92;
 background-image:url(/img/fest/map-bg.jpg);
 background-position:50% -300px;
 background-repeat:no-repeat;
 background-size:1300px;
 position:relative
}
@media (min-width: 812px) {
 .fest .buy {
  height:1050px;
  background-position:bottom;
  background-size:1280px
 }
}
@media (min-width: 1376px) {
 .fest .buy {
  position:relative;
  background-position:bottom;
  background-size:cover;
  height:auto
 }
 .fest .buy:before {
  display:block;
  content:"";
  width:100%;
  padding-top:88.54167%
 }
}
@media (min-width: 812px) {
 .fest .buy__inner {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0
 }
}
.fest .buy__content {
 color:#fff;
 font-family:"Lato",sans-serif;
 padding:80px 0 0;
 text-align:center;
 position:relative
}
@media (min-width: 812px) {
 .fest .buy__content {
  padding:10% 30px 60px
 }
}
@media (min-width: 1376px) {
 .fest .buy__content {
  padding:10% 30px 60px
 }
}
@media (min-width: 1376px) {
 .fest .buy__content {
  padding-top:15%
 }
}
.fest .buy__icon {
 margin:0 auto;
 width:100px
}
.fest .buy__icon__soldout {
 position:absolute;
 left:50%;
 width:178px;
 margin-top:-60px;
 margin-left:-120px
}
@media (min-width: 640px) {
 .fest .buy__icon__soldout {
  width:178px;
  margin-top:0;
  margin-left:-250px
 }
}
.fest .buy__title {
 font-size:30px;
 font-weight:700;
 line-height:54px;
 margin-bottom:10px
}
@media (min-width: 640px) {
 .fest .buy__title {
  font-size:38px
 }
}
.fest .buy__body {
 font-size:17px;
 font-weight:700;
 letter-spacing:.5px;
 line-height:30px;
 margin:0 auto;
 max-width:470px;
 padding:0 20px
}
@media (min-width: 640px) {
 .fest .buy__body {
  padding:0
 }
}
.fest .ticket-wrap {
 display:flex;
 justify-content:center;
 overflow:hidden
}
@media (min-width: 812px) {
 .fest .ticket-wrap {
  overflow:visible
 }
}
.fest .ticket {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 background-image:url(/img/fest/ticket-tall.png);
 background-size:contain;
 background-repeat:no-repeat;
 background-position:center;
 display:flex;
 flex-wrap:wrap;
 flex:0 0 382px;
 width:382px;
 margin:0 0 0 -26px
}
@media (min-width: 812px) {
 .fest .ticket {
  background-image:url(/img/fest/ticket-wide.svg);
  flex:0 0 auto;
  flex-wrap:nowrap;
  justify-content:center;
  max-width:850px;
  margin:0 auto;
  position:relative;
  width:100%
 }
 .fest .ticket.inview {
  transform:scale(0.75);
  opacity:0;
  transition:transform 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53),opacity 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53)
 }
 .fest .ticket.inview--enabled {
  transform:scale(1);
  opacity:1
 }
 .fest .ticket:hover {
  transform:translateZ(0) scale(1.02);
  transition:transform .25s ease
 }
}
@media (min-width: 1376px) {
 .fest .ticket {
  width:100%
 }
}
.fest .ticket--soldout,
.fest .ticket--teaser {
 background-image:none;
 background-color:#FFF;
 border-radius:10px;
 box-shadow:0 13px 44px 0 rgba(171,171,171,0.22);
 display:block;
 width:90%;
 margin:60px 20px;
 flex:none
}
@media (min-width: 812px) {
 .fest .ticket--soldout,
 .fest .ticket--teaser {
  background-color:transparent;
  background-image:url(/img/fest/sold-out-shadow.svg);
  box-shadow:none;
  width:100%;
  max-width:800px;
  margin:0
 }
}
.fest .ticket--soldout:hover,
.fest .ticket--teaser:hover {
 transform:scale(1)
}
@media (min-width: 812px) {
 .fest .ticket__soldout,
 .fest .ticket__teaser {
  position:relative;
  width:105%;
  height:105%
 }
 .fest .ticket__soldout:before,
 .fest .ticket__teaser:before {
  display:block;
  content:"";
  width:100%;
  padding-top:60.46512%
 }
}
.fest .ticket__soldout__content,
.fest .ticket__teaser__content {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 height:100%;
 padding:30px;
 text-align:center
}
@media (min-width: 812px) {
 .fest .ticket__soldout__content,
 .fest .ticket__teaser__content {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  justify-content:center;
  flex-direction:column;
  height:auto;
  margin-top:0;
  padding:20px 120px 40px 80px
 }
}
.fest .ticket__soldout__title,
.fest .ticket__teaser__title {
 color:#4AD09C;
 font-family:"Lato",sans-serif;
 font-size:25px;
 font-weight:700;
 letter-spacing:.35px;
 line-height:36px;
 margin-bottom:20px;
 text-align:center
}
@media (min-width: 812px) {
 .fest .ticket__soldout__title,
 .fest .ticket__teaser__title {
  font-size:53px;
  line-height:61px
 }
}
.fest .ticket__soldout__body,
.fest .ticket__teaser__body {
 color:#3F4847;
 font-size:17px;
 line-height:30px;
 font-family:"Lato",sans-serif;
 margin:0 auto 60px auto;
 max-width:500px
}
.fest .tickets__soldout__social,
.fest .tickets__teaser__social {
 display:flex;
 justify-content:center;
 margin-bottom:20px
}
.fest .tickets__soldout__social__icon,
.fest .tickets__teaser__social__icon {
 margin:0 10px;
 width:52px
}
.fest .tickets__soldout__hashtag,
.fest .tickets__teaser__hashtag {
 color:#97A9A9;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:700;
 letter-spacing:2.15px
}
.fest .ticket__side:first-child {
 height:236px;
 position:relative;
 padding:44px 30px 0 56px;
 width:100%
}
@media (min-width: 812px) {
 .fest .ticket__side:first-child {
  position:relative;
  width:34.58824%;
  height:100%;
  padding:0
 }
 .fest .ticket__side:first-child:before {
  display:block;
  content:"";
  width:100%;
  padding-top:146.59864%
 }
}
.fest .ticket__side:last-child {
 height:582px;
 padding:0 30px 44px 56px;
 position:relative;
 width:100%
}
@media (min-width: 812px) {
 .fest .ticket__side:last-child {
  position:relative;
  width:65.41176%;
  height:100%;
  padding:0
 }
 .fest .ticket__side:last-child:before {
  display:block;
  content:"";
  width:100%;
  padding-top:77.51799%
 }
}
.fest .ticket__logo,
.fest .ticket__content {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 height:100%
}
@media (min-width: 812px) {
 .fest .ticket__logo,
 .fest .ticket__content {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:auto
 }
}
.fest .ticket__logo {
 align-items:center;
 display:flex;
 justify-content:center
}
.fest .ticket__logo img {
 width:150px
}
@media (min-width: 812px) {
 .fest .ticket__logo img {
  width:200px
 }
}
.fest .ticket__content {
 padding:40px;
 display:flex;
 justify-content:center;
 flex-direction:column
}
@media (min-width: 812px) {
 .fest .ticket__content {
  margin-top:0;
  padding:40px 60px
 }
}
@media (min-width: 812px) {
 .fest .ticket__cost {
  display:flex;
  align-items:flex-end
 }
}
.fest .ticket__cost__price {
 font-family:"Lato",sans-serif;
 font-size:38px;
 font-weight:700;
 color:#2B4D86;
 line-height:1;
 margin-bottom:10px
}
@media (min-width: 812px) {
 .fest .ticket__cost__price {
  margin-bottom:0
 }
}
.fest .ticket__cost__children {
 color:#97A9A9;
 font-family:"Lato",sans-serif;
 font-size:13px;
 font-weight:700
}
@media (min-width: 812px) {
 .fest .ticket__cost__children {
  color:#3F4847;
  margin-left:20px
 }
}
.fest .ticket__details {
 display:flex;
 flex-wrap:wrap;
 margin:20px 0
}
@media (min-width: 812px) {
 .fest .ticket__details {
  margin:50px 0 30px
 }
}
.fest .ticket__detail {
 width:100%;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .fest .ticket__detail {
  margin-bottom:20px;
  width:50%
 }
}
.fest .ticket__detail:last-child {
 margin-bottom:0
}
.fest .ticket__detail__label {
 color:#97A9A9;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:700;
 letter-spacing:2.15px;
 text-transform:uppercase
}
@media (min-width: 812px) {
 .fest .ticket__detail__label {
  color:#2B4D86
 }
}
.fest .ticket__detail__value {
 color:#3F4847;
 font-family:"Lato",sans-serif;
 font-size:22px;
 line-height:35px;
 white-space:nowrap
}
.fest .ticket__cta .button {
 background:#FFCE07;
 display:block;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:900;
 text-align:center;
 text-transform:uppercase;
 transition:background-color 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53),transform 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53)
}
.fest .ticket__cta .button:hover {
 background:#2B4D86;
 transform:scale(1.02)
}
.fest .section {
 background-color:#333;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
 position:relative
}
.fest .section--encounters {
 background-image:url(/img/fest/bg/encounters-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .fest .section--encounters {
  background-image:url(/img/fest/bg/encounters-bg.jpg)
 }
}
.fest .section--challenges {
 background-image:url(/img/fest/bg/challenges-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .fest .section--challenges {
  background-image:url(/img/fest/bg/challenges-bg.jpg)
 }
}
.fest .section--medal {
 background-image:url(/img/fest/bg/medal-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .fest .section--medal {
  background-image:url(/img/fest/bg/medal-bg.jpg)
 }
}
.fest .section--pokestops {
 background-image:url(/img/fest/bg/pokestops-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .fest .section--pokestops {
  background-image:url(/img/fest/bg/pokestops-bg.jpg)
 }
}
.fest .section--lounges {
 background-image:url(/img/fest/bg/lounges-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .fest .section--lounges {
  background-image:url(/img/fest/bg/lounges-bg.jpg)
 }
}
.fest .section--photos {
 background-image:url(/img/fest/bg/photos-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .fest .section--photos {
  background-image:url(/img/fest/bg/photos-bg.jpg)
 }
}
.fest .section__layout {
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content:space-between;
 max-width:480px;
 min-height:572px;
 margin:0 auto;
 padding:40px 30px;
 position:relative;
 z-index:2
}
@media (min-width: 640px) {
 .fest .section__layout {
  min-height:580px;
  padding:80px 30px
 }
}
@media (min-width: 812px) {
 .fest .section__layout {
  align-items:center;
  flex-direction:row;
  height:740px;
  max-width:1200px;
  padding:0 60px
 }
}
.fest .section--even .section__layout {
 flex-direction:row-reverse
}
.fest .section__layout__item {
 width:100%
}
@media (min-width: 812px) {
 .fest .section__layout__item {
  width:50%
 }
}
.fest .section--lounges .section__layout__item:first-child {
 order:2
}
@media (min-width: 812px) {
 .fest .section--lounges .section__layout__item:first-child {
  order:1
 }
}
.fest .section--lounges .section__layout__item:last-child {
 order:1;
 display:flex;
 flex:1;
 align-items:center
}
@media (min-width: 812px) {
 .fest .section--lounges .section__layout__item:last-child {
  order:2
 }
}
.fest .section--photos .section__layout__item:first-child {
 align-self:flex-end
}
@media (min-width: 812px) {
 .fest .section--photos .section__layout__item:first-child {
  align-self:center
 }
}
.fest .section--photos .section__layout__item:last-child {
 display:none
}
.fest .section__content {
 color:#fff;
 margin:0 auto
}
@media (min-width: 812px) {
 .fest .section__content {
  max-width:480px;
  margin:0
 }
}
.fest .section__title {
 font-family:"Lato",sans-serif;
 font-size:25px;
 font-weight:700;
 margin-bottom:20px;
 letter-spacing:.17px;
 line-height:36px
}
@media (min-width: 812px) {
 .fest .section__title {
  font-size:53px;
  letter-spacing:.35px;
  line-height:61px
 }
}
.fest .section__body {
 font-family:"Lato",sans-serif;
 font-size:17px;
 letter-spacing:.5px;
 line-height:30px
}
@media (min-width: 812px) {
 .fest .section__image--mobile {
  display:none
 }
}
.fest .section__image--desktop {
 display:none
}
@media (min-width: 812px) {
 .fest .section__image--desktop {
  display:block
 }
}
.fest .section--encounters .section__image {
 position:absolute;
 background-image:url(/img/fest/phone-mobile.png);
 background-repeat:no-repeat;
 background-size:contain;
 background-position:top;
 position:absolute;
 bottom:0;
 left:calc(50% - 110px);
 width:220px
}
.fest .section--encounters .section__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:105.19481%
}
@media (min-width: 360px) {
 .fest .section--encounters .section__image {
  left:calc(50% - 130px);
  width:260px
 }
}
@media (min-width: 640px) {
 .fest .section--encounters .section__image {
  left:calc(50% - 150px);
  width:300px
 }
}
@media (min-width: 812px) {
 .fest .section--encounters .section__image {
  position:absolute;
  background-image:url(/img/fest/phone.png);
  left:auto;
  right:60px;
  top:-74px;
  width:300px
 }
 .fest .section--encounters .section__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:202.12766%
 }
}
@media (min-width: 1376px) {
 .fest .section--encounters .section__image {
  top:-92px;
  width:376px
 }
}
.fest .section--medal .section__image {
 margin:0 auto;
 max-width:300px
}
@media (min-width: 812px) {
 .fest .section--medal .section__image {
  max-width:none
 }
}
.fest .sponsors {
 background-image:linear-gradient(-180deg, #fff 0%, #DFF8EE 100%);
 padding:40px 30px
}
@media (min-width: 812px) {
 .fest .sponsors {
  padding:120px 0
 }
}
.fest .sponsors__logos {
 display:flex;
 flex-wrap:nowrap;
 align-items:center;
 justify-content:center;
 margin-bottom:30px
}
.fest .sponsors__logo {
 margin:0 15px
}
@media (min-width: 812px) {
 .fest .sponsors__logo {
  margin:0 30px
 }
}
.fest .sponsors__logo--sprint {
 width:150px
}
.fest .sponsors__logo--boost {
 width:80px
}
.fest .sponsors__title {
 color:#265C7F;
 font-family:"Lato",sans-serif;
 font-size:25px;
 font-weight:700;
 letter-spacing:.17px;
 line-height:36px;
 margin-bottom:20px;
 text-align:center
}
@media (min-width: 812px) {
 .fest .sponsors__title {
  font-size:53px;
  letter-spacing:0.35px;
  line-height:61px
 }
}
.fest .sponsors__body,
.fest .sponsors__body2 {
 font-family:"Lato",sans-serif;
 font-size:17px;
 letter-spacing:.5px;
 line-height:30px;
 text-align:center;
 margin:0 0 40px 0
}
@media (min-width: 812px) {
 .fest .sponsors__body,
 .fest .sponsors__body2 {
  margin:0 auto 40px;
  max-width:960px;
  padding:0 30px
 }
}
.fest .sponsors__body2 {
 margin:20px auto 0;
 font-size:15px;
 line-height:24px
}
.fest .sponsors__events {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 max-width:1000px;
 margin:0 auto
}
.fest .sponsors__event {
 margin-bottom:20px;
 padding:0 10px;
 width:100%
}
@media (min-width: 640px) {
 .fest .sponsors__event {
  width:50%
 }
}
@media (min-width: 812px) {
 .fest .sponsors__event {
  width:33.33333%
 }
}
.fest .sponsors__event__content {
 font-family:"Lato",sans-serif;
 font-size:15px;
 letter-spacing:.5px;
 line-height:30px;
 background-color:#fff;
 border-radius:10px;
 box-shadow:0 13px 44px 0 rgba(183,212,204,0.22);
 padding:20px;
 text-align:center;
 height:100%;
 max-width:320px;
 margin:0 auto
}
@media (min-width: 640px) {
 .fest .sponsors__event__content {
  display:flex;
  flex-direction:column;
  justify-content:center
 }
}
@media (min-width: 812px) {
 .fest .sponsors__event__content {
  justify-content:flex-start
 }
}
.fest .sponsors__event__title {
 font-family:"Lato",sans-serif;
 font-weight:700
}
.fest .sponsors__cards {
 align-items:center;
 display:flex;
 flex-wrap:wrap;
 flex-direction:column;
 margin:0 auto;
 justify-content:center
}
.fest .sponsors__card {
 background:#FFFFFF;
 border-radius:10px;
 box-shadow:0 13px 44px 0 rgba(183,212,204,0.22);
 overflow:hidden;
 text-align:center;
 margin:0 -10px 40px -10px;
 max-width:750px;
 width:100%;
 padding:40px 20px
}
@media (min-width: 812px) {
 .fest .sponsors__card {
  box-shadow:0 13px 44px 0 rgba(0,95,57,0.12);
  margin:0 40px 40px;
  padding:60px
 }
}
.fest .sponsors__card__logos {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:center;
 margin-bottom:30px
}
.fest .sponsors__card__logo--sprint {
 width:150px
}
.fest .sponsors__card__logo--boost {
 width:80px
}
.fest .sponsors__card__logo--fairmont {
 width:170px
}
.fest .sponsors__card__logo--swissotel {
 width:192px
}
.fest .sponsors__card__logo--kimpton-gray {
 width:220px
}
.fest .sponsors__card--sprint .sponsors__card__logo {
 margin:0 15px
}
.fest .sponsors__card--hotels .sponsors__card__logo {
 max-width:50%
}
@media (min-width: 640px) {
 .fest .sponsors__card--hotels .sponsors__card__logo {
  max-width:30%
 }
}
.fest .sponsors__card__title {
 color:#265C7F;
 font-family:"Lato",sans-serif;
 font-weight:900;
 font-size:20px;
 letter-spacing:.42px;
 line-height:30px;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .fest .sponsors__card__title {
  font-size:24px;
  letter-spacing:.5px;
  line-height:38px
 }
}
.fest .sponsors__card__body {
 color:#3F4847;
 font-family:"Lato",sans-serif;
 font-size:17px;
 letter-spacing:.5px;
 line-height:30px;
 max-width:500px;
 margin:0 auto
}
.fest .hotels {
 background-color:#fff;
 padding:40px 30px
}
@media (min-width: 812px) {
 .fest .hotels {
  padding:120px 0
 }
}
.fest .hotels__title {
 color:#265C7F;
 font-family:"Lato",sans-serif;
 font-size:25px;
 font-weight:700;
 letter-spacing:.17px;
 line-height:36px;
 margin-bottom:20px;
 text-align:center
}
@media (min-width: 812px) {
 .fest .hotels__title {
  font-size:53px;
  letter-spacing:0.35px;
  line-height:61px
 }
}
.fest .hotels__body {
 font-family:"Lato",sans-serif;
 font-size:17px;
 letter-spacing:.5px;
 line-height:30px;
 text-align:center;
 margin:0
}
@media (min-width: 812px) {
 .fest .hotels__body {
  margin:0 auto;
  max-width:750px;
  padding:0 30px
 }
}
.fest .hotels__logos {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:center;
 margin:0 auto;
 max-width:600px
}
.fest .hotels__logo {
 max-width:50%
}
@media (min-width: 640px) {
 .fest .hotels__logo {
  max-width:30%
 }
}
.fest .hotels__logo--fairmont {
 width:170px
}
.fest .hotels__logo--swissotel {
 width:192px
}
.fest .hotels__logo--kimpton-gray {
 width:220px
}
.fest .updates {
 background-image:linear-gradient(0, #24C499 10%, #A2F0A3 100%);
 color:#fff;
 padding:40px 30px
}
@media (min-width: 812px) {
 .fest .updates {
  padding:120px 0
 }
}
.fest .updates__content {
 margin:0 auto;
 max-width:600px;
 text-align:center
}
.fest .updates__title {
 font-family:"Lato",sans-serif;
 font-size:30px;
 font-weight:700;
 line-height:43px;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .fest .updates__title {
  font-size:53px;
  line-height:61px;
  letter-spacing:.35px
 }
}
.fest .updates__body {
 font-family:"Lato",sans-serif;
 font-size:17px;
 letter-spacing:.5px;
 line-height:30px;
 margin-bottom:40px
}
.fest .updates__social {
 display:flex;
 justify-content:center;
 margin-bottom:20px
}
.fest .updates__social__icon {
 margin:0 10px;
 width:52px
}
.fest .updates__hashtag {
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:700;
 letter-spacing:2.15px
}
.fest .support {
 background-color:#2B4D86;
 font-family:"Lato",sans-serif;
 font-size:16px;
 letter-spacing:.82px;
 line-height:27px;
 color:#fff;
 overflow:hidden;
 padding:40px 30px
}
@media (min-width: 812px) {
 .fest .support {
  display:flex;
  padding:120px 60px;
  justify-content:center;
  font-size:17px;
  letter-spacing:.5px;
  line-height:30px
 }
}
.fest .support__content {
 margin-bottom:40px;
 text-align:center
}
@media (min-width: 812px) {
 .fest .support__content {
  text-align:left;
  margin-right:80px;
  flex:0 0 250px
 }
}
.fest .support__title {
 font-family:"Lato",sans-serif;
 font-size:25px;
 font-weight:700;
 line-height:35px
}
@media (min-width: 812px) {
 .fest .support__title {
  font-size:60px;
  letter-spacing:2.27px;
  line-height:73px;
  margin-bottom:20px
 }
}
.fest .support__body a {
 color:#fff
}
.fest .support__body a:hover {
 color:#3CD791
}
.fest .support__faqs {
 max-width:720px
}
.fest .support__faq+.support__faq {
 margin-top:20px;
 padding-top:20px;
 border-top:1px solid #fff
}
.fest .support__faq a {
 color:#24C499;
 font-weight:700
}
.fest .support__faq__question {
 cursor:pointer;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:700;
 letter-spacing:2.15px;
 padding-right:20px;
 position:relative;
 text-transform:uppercase
}
@media (min-width: 812px) {
 .fest .support__faq__question {
  font-size:20px;
  line-height:1;
  letter-spacing:1.18px
 }
}
.fest .support__faq__question__icon {
 position:absolute;
 right:0;
 top:10px
}
.fest .support__faq__question__icon:before,
.fest .support__faq__question__icon:after {
 content:'';
 display:block;
 width:15px;
 height:2px;
 background-color:#fff;
 position:absolute;
 right:0;
 top:0
}
.fest .support__faq__question__icon:before {
 transform:rotate(-90deg);
 transition:transform .5s ease
}
.fest .support__faq--active .support__faq__question__icon:before {
 transform:rotate(0)
}
.fest .support__faq__answer {
 opacity:0;
 height:0;
 pointer-events:none
}
.fest .support__faq--active .support__faq__question {
 margin-bottom:20px
}
.fest .support__faq--active .support__faq__answer {
 opacity:1;
 pointer-events:auto;
 transition:opacity .5s ease;
 height:auto
}
.footer {
 background-color:#378B7D;
 background:linear-gradient(to right, #639d25, #427768);
 color:#fff;
 font-size:13px;
 line-height:18px;
 padding:10px 0 30px;
 text-align:center;
 width:100%;
 flex:1 0 auto
}
.footer__copyright {
 padding:0 20px
}
@media (min-width: 812px) {
 .footer__copyright {
  padding:0
 }
}
.footer__promotion {
 border-bottom:1px solid rgba(255,253,245,0.2);
 margin:10px 0;
 padding-bottom:15px
}
.footer__promotion__social {
 text-align:center
}
@media (min-width: 812px) {
 .footer__promotion__social {
  text-align:left
 }
}
.footer__promotion__company {
 text-align:center;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .footer__promotion__company {
  text-align:right;
  margin-bottom:0
 }
}
.footer__promotion__list {
 margin:0;
 padding:0;
 list-style:none
}
.footer__promotion__list__item {
 display:inline-block;
 vertical-align:middle;
 text-align:center
}
@media (min-width: 812px) {
 .footer__promotion__list__item {
  text-align:left
 }
}
.footer__promotion__list__item--social {
 width:25px;
 height:25px;
 margin:0 10px
}
.footer__promotion__list__item--company {
 display:block;
 margin:0 auto 20px auto
}
@media (min-width: 812px) {
 .footer__promotion__list__item--company {
  margin:0 20px 0 0;
  display:inline-block
 }
 .footer__promotion__list__item--company:last-child {
  margin-right:0
 }
}
.footer__promotion__list__item--niantic {
 width:50px
}
.footer__promotion__list__item--tpc {
 width:155px
}
.footer__promotion__list__item--nintendo {
 width:106px
}
.footer__links {
 margin:30px 0 20px 0;
 padding:0;
 list-style:none
}
.footer__links__item {
 display:block;
 margin-bottom:10px
}
@media (min-width: 812px) {
 .footer__links__item {
  display:inline-block;
  margin-bottom:0
 }
}
@media (min-width: 812px) {
 .footer__links__item:after {
  content:'|';
  padding:15px
 }
}
.footer__links__item:last-child:after {
 display:none
}
.footer__links__item a {
 color:#fff
}
.footer__langs {
 display:inline-block;
 position:relative;
 vertical-align:middle;
 margin-top:20px
}
.footer__langs select {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border:1px solid #dedede;
 background-color:#f5f5f5;
 font-size:14px;
 line-height:18px;
 padding:5px 30px 5px 10px;
 cursor:pointer
}
.footer__langs::after {
 position:absolute;
 color:#333;
 content:'▾';
 right:10px;
 top:5px
}
.footer--events {
 background:#041E4B;
 padding:40px 0;
 width:100%
}
@media (min-width: 812px) {
 .footer--events {
  padding:80px 0
 }
}
.footer--events .footer__logo {
 max-width:90px;
 margin:0 auto 40px
}
.footer--events .footer__logo img {
 display:block
}
.footer--events .footer__promotion {
 border-bottom:none
}
.footer--events .footer__promotion__social {
 text-align:center
}
.image .image__caption {
 text-align:center;
 font-size:13px;
 line-height:18px
}
.lazyimage {
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
 opacity:0;
 position:relative;
 transition:opacity 0.3s ease;
 width:100%
}
.lazyimage--loaded {
 opacity:1
}
@media (min-width: 812px) {
 .lazyimage.mobile-only {
  display:none
 }
}
@media (max-width: 811px) {
 .lazyimage.desktop-only {
  display:none
 }
}
.lazyimage.flip-x {
 transform:scaleX(-1)
}
.pill {
 font-family:"Lato",sans-serif;
 font-weight:900;
 border-radius:27px;
 box-shadow:0 2px 5px 0 rgba(0,0,0,0.15);
 color:#fff;
 font-size:13px;
 height:27px;
 line-height:27px;
 text-align:center;
 text-transform:uppercase
}
.pill--red {
 background:linear-gradient(90deg, #FFAA92 0%, #E02020 100%)
}
.pill--blue {
 background:linear-gradient(90deg, #4B95E4 0%, #31B7D2 100%)
}
.pill--shadow {
 box-shadow:2px 2px 30px 0 rgba(0,0,0,0.2)
}
button.pill {
 border:none;
 cursor:pointer;
 display:inline-block
}
.post__title {
 font-size:20px;
 line-height:25px;
 margin-top:0
}
@media (min-width: 812px) {
 .post__title {
  margin-bottom:1.5em
 }
}
.post__date {
 text-align:right;
 font-size:13px;
 line-height:18px
}
.post__date--gt-md {
 margin-right:0px;
 margin-top:0;
 text-align:left
}
@media (min-width: 812px) {
 .post__date--gt-md {
  margin-top:4px;
  text-align:right
 }
}
.post a {
 font-weight:bold;
 text-decoration:underline
}
@media (max-width: 811px) {
 .post__block--ImageGridBlock .grid {
  grid-template-columns:1fr !important
 }
}
.post-list__date-item {
 margin-bottom:0 !important
}
@media (min-width: 1376px) {
 .post-list__date-item {
  text-align:right
 }
}
.post-list__date {
 font-size:13px;
 line-height:18px;
 font-weight:bold
}
@media (min-width: 1376px) {
 .post-list__date {
  text-align:left
 }
}
@media (min-width: 1376px) {
 .post-list .post-list__title {
  padding-left:30px
 }
}
.post-list .post-list__title--nolink {
 font-style:italic
}
.post-list .post-list__more {
 font-size:13px;
 line-height:18px;
 font-weight:bold
}
.post-pages {
 display:flex;
 margin-top:60px;
 overflow:auto;
 padding:20px 0;
 position:-webkit-sticky;
 position:sticky;
 top:-1px;
 z-index:20
}
@media (min-width: 812px) {
 .post-pages {
  justify-content:center
 }
}
.post-page {
 width:24px;
 height:24px;
 color:#fff;
 display:flex;
 align-items:center;
 cursor:pointer;
 background-color:#44696C;
 font-size:12px;
 font-weight:700;
 flex-shrink:0;
 justify-content:center
}
.post-page--active {
 background-color:#fff;
 color:#44696C
}
.post-page:hover {
 background-color:#1D2837;
 text-decoration:none
}
.post-page+.post-page {
 margin-left:5px
}
.phone {
 height:250px;
 margin-top:30px
}
@media (min-width: 640px) {
 .phone {
  height:300px
 }
}
@media (min-width: 812px) {
 .phone {
  height:450px
 }
}
@media (min-width: 1376px) {
 .phone {
  height:540px;
  margin-top:100px
 }
}
.phone__device {
 background:url("https://pokemongolive.com/img/homepage/phone.png") no-repeat right bottom;
 background-size:contain;
 position:absolute;
 margin:0 auto;
 z-index:0;
 width:250px;
 height:250px;
 bottom:0;
 right:50%;
 margin-right:-163px
}
.phone__device:hover {
 cursor:pointer
}
@media (min-width: 640px) {
 .phone__device {
  width:300px;
  height:300px;
  margin-right:-195px
 }
}
@media (min-width: 812px) {
 .phone__device {
  margin-right:0;
  width:450px;
  height:450px;
  right:-65px
 }
}
@media (min-width: 1376px) {
 .phone__device {
  margin-right:0;
  width:600px;
  height:600px;
  right:-200px
 }
}
.phone__video {
 position:absolute;
 transform:scale(0.21);
 left:-160px;
 bottom:-270px;
 width:500px;
 height:800px
}
@media (min-width: 640px) {
 .phone__video {
  transform:scale(0.25);
  left:-142px;
  bottom:-240px
 }
}
@media (min-width: 812px) {
 .phone__video {
  transform:scale(0.38);
  left:-90px;
  bottom:-165px
 }
}
@media (min-width: 1376px) {
 .phone__video {
  transform:scale(0.5);
  left:-35px;
  bottom:-83px
 }
}
.social-links {
 margin:0;
 padding:0
}
.social-links .social-links__link {
 display:inline-block;
 list-style:none;
 width:25px;
 height:25px;
 margin-left:10px
}
.social-links--centered {
 text-align:center
}
.social-links--right {
 text-align:right
}
.social-links--right--gt-md {
 text-align:left
}
.social-links--right--gt-md .social-links__link {
 margin-right:10px;
 margin-left:0
}
@media (min-width: 812px) {
 .social-links--right--gt-md {
  margin-right:0;
  text-align:right
 }
 .social-links--right--gt-md .social-links__link {
  margin-left:10px
 }
}
.upvotes {
 background-color:#f5f5f5;
 border:1px solid #dedede;
 cursor:pointer;
 display:inline-block;
 font-size:16px;
 line-height:18px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 border-radius:4px;
 padding:5px 10px
}
.upvotes span,
.upvotes svg {
 display:inline-block;
 vertical-align:middle
}
.upvotes svg {
 width:18px;
 height:18px
}
.upvotes:hover {
 text-decoration:none
}
.upvotes:hover .upvotes__icon {
 opacity:.6
}
.upvotes__icon {
 margin-right:5px;
 opacity:.3;
 transition:opacity .5s ease
}
.upvotes__icon--active {
 opacity:1 !important
}
.youtube-container {
 position:relative;
 padding-bottom:56.25%;
 height:0;
 overflow:hidden
}
.youtube-container iframe {
 border:none;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.banner {
 font-family:"Lato",sans-serif;
 position:relative
}
.banner__content__social-touts--white-circle {
 text-align:center
}
.banner__content__social-touts--white-circle .banner__content__social-touts__icon {
 display:inline-block;
 height:52px;
 width:52px
}
.banner__content__social-touts--white-circle .banner__content__social-touts__icon+.banner__content__social-touts__icon {
 margin-left:10px
}
@media (min-width: 360px) {
 .banner__content__social-touts--white-circle .banner__content__social-touts__icon+.banner__content__social-touts__icon {
  margin-left:20px
 }
}
.banner__content__social-touts--white-circle .banner__content__social-touts__icon--facebook {
 background-image:url(/img/social/round-outline/facebook.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.banner__content__social-touts--white-circle .banner__content__social-touts__icon--instagram {
 background-image:url(/img/social/round-outline/instagram.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.banner__content__social-touts--white-circle .banner__content__social-touts__icon--twitter {
 background-image:url(/img/social/round-outline/twitter.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.banner--100vh {
 align-items:center;
 display:flex;
 justify-content:center;
 min-height:100vh
}
.banner--min-740 {
 align-items:center;
 display:flex;
 justify-content:center;
 min-height:740px
}
.banner--bg-image .banner__image {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:1
}
.banner--bg-image .banner__image img {
 display:block;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 width:100%
}
.banner--bg-image .banner__content,
.banner--bg-image .banner__footer,
.banner--bg-image .banner__logo {
 position:relative;
 z-index:2
}
.banner--bg-image .banner__content__image img {
 display:block
}
.banner--dortmund-hero {
 background-color:#333;
 position:relative;
 min-height:450px
}
.banner--dortmund-hero:before {
 display:block;
 content:"";
 width:100%;
 padding-top:84.61538%
}
@media (min-width: 1100px) {
 .banner--dortmund-hero {
  position:relative
 }
 .banner--dortmund-hero:before {
  display:block;
  content:"";
  width:100%;
  padding-top:55%
 }
}
@media (min-width: 1280px) {
 .banner--dortmund-hero {
  position:relative
 }
 .banner--dortmund-hero:before {
  display:block;
  content:"";
  width:100%;
  padding-top:57.14286%
 }
}
@media (min-width: 1100px) {
 .banner--dortmund-hero .banner__image__mobile {
  display:none !important
 }
}
.banner--dortmund-hero .banner__image__laptop {
 display:none !important
}
@media (min-width: 1100px) {
 .banner--dortmund-hero .banner__image__laptop {
  display:block !important
 }
}
@media (min-width: 1280px) {
 .banner--dortmund-hero .banner__image__laptop {
  display:none !important
 }
}
.banner--dortmund-hero .banner__image__desktop {
 display:none !important
}
@media (min-width: 1280px) {
 .banner--dortmund-hero .banner__image__desktop {
  display:block !important
 }
}
.banner--dortmund-encounters,
.banner--dortmund-lounges,
.banner--dortmund-map,
.banner--dortmund-photo-ops,
.banner--porto-alegre-lounges,
.banner--porto-alegre-photo-ops {
 height:720px;
 background-color:#fff
}
.banner--dortmund-encounters .banner__content,
.banner--dortmund-lounges .banner__content,
.banner--dortmund-map .banner__content,
.banner--dortmund-photo-ops .banner__content,
.banner--porto-alegre-lounges .banner__content,
.banner--porto-alegre-photo-ops .banner__content {
 color:#fff;
 margin-left:auto;
 margin-right:auto;
 max-width:480px
}
@media (min-width: 812px) {
 .banner--dortmund-encounters .banner__content,
 .banner--dortmund-lounges .banner__content,
 .banner--dortmund-map .banner__content,
 .banner--dortmund-photo-ops .banner__content,
 .banner--porto-alegre-lounges .banner__content,
 .banner--porto-alegre-photo-ops .banner__content {
  max-width:none
 }
}
.banner--dortmund-encounters .banner__content__title,
.banner--dortmund-lounges .banner__content__title,
.banner--dortmund-map .banner__content__title,
.banner--dortmund-photo-ops .banner__content__title,
.banner--porto-alegre-lounges .banner__content__title,
.banner--porto-alegre-photo-ops .banner__content__title {
 font-size:34px;
 font-weight:700;
 line-height:40px;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .banner--dortmund-encounters .banner__content__title,
 .banner--dortmund-lounges .banner__content__title,
 .banner--dortmund-map .banner__content__title,
 .banner--dortmund-photo-ops .banner__content__title,
 .banner--porto-alegre-lounges .banner__content__title,
 .banner--porto-alegre-photo-ops .banner__content__title {
  font-size:52px;
  line-height:62px
 }
}
.banner--dortmund-encounters .banner__content__body,
.banner--dortmund-lounges .banner__content__body,
.banner--dortmund-map .banner__content__body,
.banner--dortmund-photo-ops .banner__content__body,
.banner--porto-alegre-lounges .banner__content__body,
.banner--porto-alegre-photo-ops .banner__content__body {
 font-size:17px;
 line-height:30px;
 font-weight:600
}
.banner--dortmund-encounters {
 padding:96px 20px
}
@media (min-width: 812px) {
 .banner--dortmund-encounters {
  align-items:center;
  display:flex
 }
}
.banner--dortmund-encounters .banner__content {
 position:relative;
 text-align:center;
 text-shadow:0 2px 3px rgba(0,0,0,0.22);
 z-index:2
}
@media (min-width: 812px) {
 .banner--dortmund-encounters .banner__content {
  padding:80px;
  padding-right:40px;
  text-align:left;
  width:50%
 }
}
.banner--dortmund-lounges {
 padding:96px 20px
}
@media (min-width: 812px) {
 .banner--dortmund-lounges {
  align-items:center;
  display:flex;
  justify-content:center
 }
}
.banner--dortmund-lounges .banner__main {
 display:flex;
 flex-direction:column-reverse
}
@media (min-width: 812px) {
 .banner--dortmund-lounges .banner__main {
  align-items:center;
  flex-direction:row-reverse
 }
}
.banner--dortmund-lounges .banner__content,
.banner--dortmund-lounges .banner__logo {
 position:relative;
 z-index:2
}
@media (min-width: 812px) {
 .banner--dortmund-lounges .banner__content,
 .banner--dortmund-lounges .banner__logo {
  padding:40px;
  width:50%
 }
}
@media (min-width: 1376px) {
 .banner--dortmund-lounges .banner__content,
 .banner--dortmund-lounges .banner__logo {
  padding:80px
 }
}
.banner--dortmund-lounges .banner__content {
 margin-bottom:40px;
 text-align:center
}
@media (min-width: 812px) {
 .banner--dortmund-lounges .banner__content {
  margin-bottom:0;
  text-align:left
 }
}
.banner--dortmund-lounges .banner__logo {
 margin:0 auto;
 max-width:400px;
 width:80%
}
@media (min-width: 812px) {
 .banner--dortmund-lounges .banner__logo {
  max-width:none;
  width:50%
 }
}
.banner--dortmund-lounges .banner__logo img {
 display:block;
 margin:0 auto;
 max-width:450px
}
.banner--dortmund-map {
 background-color:#87775E;
 display:flex;
 flex-direction:column;
 height:auto;
 padding-left:0;
 padding-right:0
}
.banner--dortmund-map .banner__main {
 order:1;
 padding:60px 30px
}
@media (min-width: 812px) {
 .banner--dortmund-map .banner__main {
  padding:60px 40px
 }
}
.banner--dortmund-map .banner__content {
 background-color:#F7DBAF;
 border:4px solid #456E43;
 border-radius:5px;
 color:#6C4A24;
 margin:0 auto;
 max-width:800px;
 padding:40px 20px;
 text-align:center
}
@media (min-width: 812px) {
 .banner--dortmund-map .banner__content {
  padding:40px 60px
 }
}
.banner--dortmund-map .banner__image {
 order:2
}
.banner--dortmund-map .banner__image__mobile {
 display:block
}
@media (min-width: 812px) {
 .banner--dortmund-map .banner__image__mobile {
  display:none
 }
}
.banner--dortmund-map .banner__image__desktop {
 display:none
}
@media (min-width: 812px) {
 .banner--dortmund-map .banner__image__desktop {
  display:block
 }
}
.banner--dortmund-photo-ops {
 padding:96px 20px;
 display:flex
}
@media (min-width: 812px) {
 .banner--dortmund-photo-ops {
  align-items:center;
  justify-content:flex-end
 }
}
.banner--dortmund-photo-ops .banner__main {
 text-align:center;
 position:relative;
 width:100%;
 z-index:2
}
@media (min-width: 812px) {
 .banner--dortmund-photo-ops .banner__main {
  text-align:left;
  padding:40px;
  width:50%
 }
}
@media (min-width: 1376px) {
 .banner--dortmund-photo-ops .banner__main {
  padding:80px
 }
}
.banner--earthday {
 align-items:flex-start;
 display:flex;
 height:600px;
 justify-content:center;
 padding:0 20px;
 flex-direction:column
}
@media (min-width: 640px) {
 .banner--earthday {
  padding:0 60px
 }
}
@media (min-width: 812px) {
 .banner--earthday {
  padding:0 90px
 }
}
@media (min-width: 1376px) {
 .banner--earthday {
  padding:0 150px
 }
}
.banner--earthday .banner__content__title {
 color:#fff;
 font-size:46px;
 font-weight:900;
 line-height:64px;
 margin-bottom:40px
}
@media (min-width: 812px) {
 .banner--earthday .banner__content__title {
  font-size:54px;
  line-height:68px
 }
}
@media (min-width: 1376px) {
 .banner--earthday .banner__content__title {
  font-size:64px;
  line-height:78px
 }
}
.banner--earthday .banner__footer {
 margin-top:60px
}
@media (min-width: 812px) {
 .banner--earthday .banner__footer {
  position:absolute;
  bottom:80px;
  left:90px;
  margin-top:0
 }
}
@media (min-width: 1376px) {
 .banner--earthday .banner__footer {
  left:150px
 }
}
.banner--earthday .banner__footer__date {
 color:#fff;
 font-size:28px;
 font-weight:700;
 line-height:32px
}
@media (min-width: 812px) {
 .banner--earthday .banner__footer__date {
  font-size:44px;
  line-height:52px
 }
}
.banner--earthday-short {
 height:350px
}
.banner--earthday-short .banner__footer {
 margin-top:0;
 position:static
}
.banner--missionblue {
 align-items:center;
 display:flex;
 height:600px;
 justify-content:center;
 padding:0 20px;
 text-align:center
}
@media (min-width: 812px) {
 .banner--missionblue {
  padding:0 150px
 }
}
.banner--missionblue .banner__content {
 color:#fff;
 max-width:570px
}
.banner--missionblue .banner__content__title,
.banner--missionblue .banner__content__body {
 margin-bottom:40px
}
.banner--missionblue .banner__content__title {
 font-size:32px;
 font-weight:700;
 line-height:40px
}
.banner--missionblue-recap .banner__content {
 max-width:510px
}
.banner--fest-hero-teaser {
 background-color:#000;
 color:#fff
}
.banner--fest-hero-teaser .banner__image {
 position:relative;
 width:100%
}
.banner--fest-hero-teaser .banner__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
@media (min-width: 812px) {
 .banner--fest-hero-teaser .banner__image {
  position:relative
 }
 .banner--fest-hero-teaser .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:54%
 }
}
@media (min-width: 1280px) {
 .banner--fest-hero-teaser .banner__image {
  position:relative
 }
 .banner--fest-hero-teaser .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:50%
 }
}
.banner--fest-hero-teaser .banner__image img {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
@media (min-width: 812px) {
 .banner--fest-hero-teaser .banner__image__mobile {
  display:none
 }
}
.banner--fest-hero-teaser .banner__image__laptop {
 display:none
}
@media (min-width: 812px) {
 .banner--fest-hero-teaser .banner__image__laptop {
  display:block
 }
}
@media (min-width: 1280px) {
 .banner--fest-hero-teaser .banner__image__laptop {
  display:none
 }
}
.banner--fest-hero-teaser .banner__image__desktop {
 display:none
}
@media (min-width: 1280px) {
 .banner--fest-hero-teaser .banner__image__desktop {
  display:block
 }
}
.banner--fest-hero-teaser .banner__main {
 display:flex;
 justify-content:center;
 align-items:center;
 flex-direction:column;
 position:absolute;
 left:0;
 width:100%;
 bottom:-20px;
 z-index:1
}
.banner--fest-hero-teaser .banner__logo {
 width:100%
}
.banner--fest-hero-teaser .banner__logo img {
 display:block;
 margin:0 auto;
 width:150px
}
@media (min-width: 1680px) {
 .banner--fest-hero-teaser .banner__logo img {
  width:200px
 }
}
.banner--fest-hero-teaser .banner__content {
 text-align:center;
 width:100%
}
.banner--fest-hero-teaser .banner__content__title {
 font-size:20px;
 font-weight:900;
 line-height:26px;
 text-transform:uppercase
}
@media (min-width: 500px) {
 .banner--fest-hero-teaser .banner__content__title {
  font-size:24px;
  line-height:32px
 }
}
@media (min-width: 812px) {
 .banner--fest-hero-teaser .banner__content__title {
  font-size:34px;
  line-height:42px
 }
}
@media (min-width: 1680px) {
 .banner--fest-hero-teaser .banner__content__title {
  font-size:42px;
  line-height:52px
 }
}
.banner--fest-hero-teaser .banner__content__body {
 font-size:15px;
 font-weight:900;
 line-height:18px;
 text-transform:uppercase
}
@media (min-width: 500px) {
 .banner--fest-hero-teaser .banner__content__body {
  font-size:19px;
  line-height:26px
 }
}
@media (min-width: 812px) {
 .banner--fest-hero-teaser .banner__content__body {
  font-size:28px;
  line-height:36px
 }
}
@media (min-width: 1680px) {
 .banner--fest-hero-teaser .banner__content__body {
  font-size:32px;
  line-height:42px
 }
}
.banner--fest-hero-teaser .banner__content__cta {
 margin-top:40px
}
@media (min-width: 500px) {
 .banner--fest-hero-teaser .banner__content__cta {
  margin-top:50px
 }
}
@media (min-width: 812px) {
 .banner--fest-hero-teaser .banner__content__cta {
  margin-top:20px
 }
}
@media (min-width: 1024px) {
 .banner--fest-hero-teaser .banner__content__cta {
  margin-top:40px
 }
}
@media (min-width: 1280px) {
 .banner--fest-hero-teaser .banner__content__cta {
  margin-top:60px
 }
}
.banner--fest-hero-teaser .button--buy-tickets {
 display:inline-block;
 font-weight:700;
 text-transform:uppercase;
 transform:scale(1);
 transition:transform 250ms ease
}
.banner--fest-hero-teaser .button--buy-tickets:hover {
 transform:scale(1.1)
}
.banner--fest-hero-onsale {
 background-color:#000;
 color:#fff;
 overflow:hidden
}
.banner--fest-hero-onsale .banner__image {
 min-height:600px;
 width:100%
}
@media (min-width: 812px) {
 .banner--fest-hero-onsale .banner__image {
  position:relative
 }
 .banner--fest-hero-onsale .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:56.25%
 }
}
@media (min-width: 1280px) {
 .banner--fest-hero-onsale .banner__image {
  position:relative
 }
 .banner--fest-hero-onsale .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:52.5%
 }
}
.banner--fest-hero-onsale .banner__image img {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
@media (min-width: 812px) {
 .banner--fest-hero-onsale .banner__image__mobile {
  display:none
 }
}
.banner--fest-hero-onsale .banner__image__laptop {
 display:none
}
@media (min-width: 812px) {
 .banner--fest-hero-onsale .banner__image__laptop {
  display:block
 }
}
@media (min-width: 1280px) {
 .banner--fest-hero-onsale .banner__image__laptop {
  display:none
 }
}
.banner--fest-hero-onsale .banner__image__desktop {
 display:none
}
@media (min-width: 1280px) {
 .banner--fest-hero-onsale .banner__image__desktop {
  display:block
 }
}
.banner--fest-hero-onsale .banner__main {
 display:flex;
 justify-content:center;
 align-items:center;
 flex-direction:column;
 height:55%;
 position:absolute;
 left:0;
 top:0;
 width:100%
}
.banner--fest-hero-onsale .banner__logo {
 width:100%
}
.banner--fest-hero-onsale .banner__logo img {
 display:block;
 margin:0 auto;
 width:150px
}
@media (min-width: 1680px) {
 .banner--fest-hero-onsale .banner__logo img {
  width:200px
 }
}
.banner--fest-hero-onsale .banner__content {
 text-align:center;
 width:100%
}
.banner--fest-hero-onsale .banner__content__title {
 font-size:34px;
 font-weight:900;
 line-height:42px;
 text-transform:uppercase
}
@media (min-width: 1680px) {
 .banner--fest-hero-onsale .banner__content__title {
  font-size:42px;
  line-height:52px
 }
}
.banner--fest-hero-onsale .banner__content__body {
 font-size:28px;
 font-weight:900;
 line-height:36px;
 text-transform:uppercase
}
@media (min-width: 1680px) {
 .banner--fest-hero-onsale .banner__content__body {
  font-size:32px;
  line-height:42px
 }
}
.banner--fest-hero-onsale .banner__content__cta {
 margin-top:10px
}
@media (min-width: 1376px) {
 .banner--fest-hero-onsale .banner__content__cta {
  margin-top:20px
 }
}
.banner--fest-hero-onsale .button--buy-tickets {
 display:inline-block;
 font-weight:700;
 text-transform:uppercase;
 transform:scale(1);
 transition:transform 250ms ease
}
.banner--fest-hero-onsale .button--buy-tickets:hover {
 transform:scale(1.1)
}
.banner--stay-tuned {
 background-color:#ff6900;
 background-image:linear-gradient(0, #fcb900 10%, #ff6900 100%);
 color:#fff;
 padding:100px 20px
}
.banner--stay-tuned .banner__content {
 text-align:center
}
.banner--stay-tuned .banner__content__title {
 font-size:34px;
 font-weight:700;
 line-height:40px;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .banner--stay-tuned .banner__content__title {
  font-size:52px;
  line-height:62px
 }
}
.banner--stay-tuned .banner__content__body {
 font-size:16px;
 font-weight:600;
 line-height:24px;
 max-width:500px;
 margin:0 auto
}
.banner--stay-tuned .banner__content__cta {
 margin:20px 0 40px
}
.banner--stay-tuned .banner__content__cta .button {
 display:inline-block
}
.banner--stay-tuned .banner__content__social-touts {
 margin-top:40px
}
.banner--stay-tuned .banner__content__hashtag {
 margin-top:20px;
 font-weight:700;
 letter-spacing:2.15px
}
.banner--image-flipped .banner__image {
 transform:scale(-1, 1)
}
.banner--porto-alegre-photo-ops {
 padding:96px 20px;
 display:flex
}
@media (min-width: 812px) {
 .banner--porto-alegre-photo-ops {
  align-items:center;
  justify-content:flex-start
 }
}
.banner--porto-alegre-photo-ops .banner__main {
 text-align:center;
 text-shadow:0 2px 3px rgba(0,0,0,0.22);
 position:relative;
 width:100%;
 z-index:2
}
@media (min-width: 812px) {
 .banner--porto-alegre-photo-ops .banner__main {
  text-align:left;
  padding:40px;
  width:50%
 }
}
@media (min-width: 1376px) {
 .banner--porto-alegre-photo-ops .banner__main {
  padding:80px
 }
}
.banner--porto-alegre-lounges {
 padding:96px 20px
}
@media (min-width: 812px) {
 .banner--porto-alegre-lounges {
  align-items:center;
  display:flex;
  justify-content:center
 }
}
.banner--porto-alegre-lounges .banner__main {
 display:flex;
 flex-direction:column-reverse
}
@media (min-width: 812px) {
 .banner--porto-alegre-lounges .banner__main {
  align-items:center;
  flex-direction:row
 }
}
.banner--porto-alegre-lounges .banner__content,
.banner--porto-alegre-lounges .banner__logo {
 position:relative;
 z-index:2
}
@media (min-width: 812px) {
 .banner--porto-alegre-lounges .banner__content,
 .banner--porto-alegre-lounges .banner__logo {
  padding:40px;
  width:50%
 }
}
@media (min-width: 1376px) {
 .banner--porto-alegre-lounges .banner__content,
 .banner--porto-alegre-lounges .banner__logo {
  padding:80px
 }
}
.banner--porto-alegre-lounges .banner__content {
 margin-bottom:40px;
 text-align:center
}
@media (min-width: 812px) {
 .banner--porto-alegre-lounges .banner__content {
  margin-bottom:0;
  text-align:left
 }
}
.banner--porto-alegre-lounges .banner__logo {
 margin:0 auto;
 max-width:400px;
 width:80%
}
@media (min-width: 812px) {
 .banner--porto-alegre-lounges .banner__logo {
  max-width:none;
  width:50%
 }
}
.banner--porto-alegre-lounges .banner__logo img {
 display:block;
 margin:0 auto;
 max-width:450px
}
.banner--sentosa-hero {
 background-color:#333;
 position:relative;
 min-height:450px
}
.banner--sentosa-hero:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
@media (min-width: 1100px) {
 .banner--sentosa-hero {
  position:relative
 }
 .banner--sentosa-hero:before {
  display:block;
  content:"";
  width:100%;
  padding-top:56.25%
 }
}
@media (min-width: 1280px) {
 .banner--sentosa-hero {
  position:relative
 }
 .banner--sentosa-hero:before {
  display:block;
  content:"";
  width:100%;
  padding-top:56.25%
 }
}
@media (min-width: 1100px) {
 .banner--sentosa-hero .banner__image__mobile {
  display:none !important
 }
}
.banner--sentosa-hero .banner__image__laptop {
 display:none !important
}
@media (min-width: 1100px) {
 .banner--sentosa-hero .banner__image__laptop {
  display:block !important
 }
}
@media (min-width: 1280px) {
 .banner--sentosa-hero .banner__image__laptop {
  display:none !important
 }
}
.banner--sentosa-hero .banner__image__desktop {
 display:none !important
}
@media (min-width: 1280px) {
 .banner--sentosa-hero .banner__image__desktop {
  display:block !important
 }
}
.banner--fest-dortmund-hero {
 background-color:#000;
 color:#fff
}
.banner--fest-dortmund-hero .banner__image {
 position:relative;
 width:100%
}
.banner--fest-dortmund-hero .banner__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:83.07692%
}
@media (min-width: 812px) {
 .banner--fest-dortmund-hero .banner__image {
  position:relative
 }
 .banner--fest-dortmund-hero .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:75%
 }
}
@media (min-width: 1280px) {
 .banner--fest-dortmund-hero .banner__image {
  position:relative
 }
 .banner--fest-dortmund-hero .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:56.25%
 }
}
.banner--fest-dortmund-hero .banner__image img {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
@media (min-width: 812px) {
 .banner--fest-dortmund-hero .banner__image__mobile {
  display:none
 }
}
.banner--fest-dortmund-hero .banner__image__laptop {
 display:none
}
@media (min-width: 812px) {
 .banner--fest-dortmund-hero .banner__image__laptop {
  display:block
 }
}
@media (min-width: 1280px) {
 .banner--fest-dortmund-hero .banner__image__laptop {
  display:none
 }
}
.banner--fest-dortmund-hero .banner__image__desktop {
 display:none
}
@media (min-width: 1280px) {
 .banner--fest-dortmund-hero .banner__image__desktop {
  display:block
 }
}
.banner--fest-dortmund-hero .banner__main {
 display:flex;
 justify-content:center;
 align-items:center;
 flex-direction:column;
 position:absolute;
 left:0;
 width:100%;
 bottom:-20px;
 z-index:1
}
.banner--fest-dortmund-hero .banner__logo {
 width:100%
}
.banner--fest-dortmund-hero .banner__logo img {
 display:block;
 margin:0 auto;
 width:150px
}
@media (min-width: 1680px) {
 .banner--fest-dortmund-hero .banner__logo img {
  width:200px
 }
}
.banner--fest-dortmund-hero .banner__content {
 text-align:center;
 width:100%
}
.banner--fest-dortmund-hero .banner__content__title {
 font-size:20px;
 font-weight:900;
 line-height:26px;
 text-transform:uppercase
}
@media (min-width: 500px) {
 .banner--fest-dortmund-hero .banner__content__title {
  font-size:24px;
  line-height:32px
 }
}
@media (min-width: 812px) {
 .banner--fest-dortmund-hero .banner__content__title {
  font-size:34px;
  line-height:42px
 }
}
@media (min-width: 1680px) {
 .banner--fest-dortmund-hero .banner__content__title {
  font-size:42px;
  line-height:52px
 }
}
.banner--fest-dortmund-hero .banner__content__body {
 font-size:15px;
 font-weight:900;
 line-height:18px;
 text-transform:uppercase
}
@media (min-width: 500px) {
 .banner--fest-dortmund-hero .banner__content__body {
  font-size:19px;
  line-height:26px
 }
}
@media (min-width: 812px) {
 .banner--fest-dortmund-hero .banner__content__body {
  font-size:28px;
  line-height:36px
 }
}
@media (min-width: 1680px) {
 .banner--fest-dortmund-hero .banner__content__body {
  font-size:32px;
  line-height:42px
 }
}
.banner--fest-dortmund-hero .banner__content__cta {
 margin-top:40px
}
@media (min-width: 500px) {
 .banner--fest-dortmund-hero .banner__content__cta {
  margin-top:50px
 }
}
@media (min-width: 812px) {
 .banner--fest-dortmund-hero .banner__content__cta {
  margin-top:20px
 }
}
@media (min-width: 1024px) {
 .banner--fest-dortmund-hero .banner__content__cta {
  margin-top:40px
 }
}
@media (min-width: 1280px) {
 .banner--fest-dortmund-hero .banner__content__cta {
  margin-top:60px
 }
}
.banner--fest-dortmund-hero .button--buy-tickets {
 display:inline-block;
 font-weight:700;
 text-transform:uppercase;
 transform:scale(1);
 transition:transform 250ms ease
}
.banner--fest-dortmund-hero .button--buy-tickets:hover {
 transform:scale(1.1)
}
.banner--montreal-hero {
 background-color:#333;
 position:relative;
 min-height:450px
}
.banner--montreal-hero:before {
 display:block;
 content:"";
 width:100%;
 padding-top:177.77778%
}
@media (min-width: 1100px) {
 .banner--montreal-hero {
  position:relative
 }
 .banner--montreal-hero:before {
  display:block;
  content:"";
  width:100%;
  padding-top:56.54297%
 }
}
@media (min-width: 1280px) {
 .banner--montreal-hero {
  position:relative
 }
 .banner--montreal-hero:before {
  display:block;
  content:"";
  width:100%;
  padding-top:50%
 }
}
@media (min-width: 1100px) {
 .banner--montreal-hero .banner__image__mobile {
  display:none !important
 }
}
.banner--montreal-hero .banner__image__laptop {
 display:none !important
}
@media (min-width: 1100px) {
 .banner--montreal-hero .banner__image__laptop {
  display:block !important
 }
}
@media (min-width: 1280px) {
 .banner--montreal-hero .banner__image__laptop {
  display:none !important
 }
}
.banner--montreal-hero .banner__image__desktop {
 display:none !important
}
@media (min-width: 1280px) {
 .banner--montreal-hero .banner__image__desktop {
  display:block !important
 }
}
.banner--taipei-hero {
 background-color:#333;
 position:relative;
 min-height:450px
}
.banner--taipei-hero:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
@media (min-width: 1100px) {
 .banner--taipei-hero {
  position:relative
 }
 .banner--taipei-hero:before {
  display:block;
  content:"";
  width:100%;
  padding-top:56.54297%
 }
}
@media (min-width: 1280px) {
 .banner--taipei-hero {
  position:relative
 }
 .banner--taipei-hero:before {
  display:block;
  content:"";
  width:100%;
  padding-top:56.25%
 }
}
@media (min-width: 1100px) {
 .banner--taipei-hero .banner__image__mobile {
  display:none !important
 }
}
.banner--taipei-hero .banner__image__laptop {
 display:none !important
}
@media (min-width: 1100px) {
 .banner--taipei-hero .banner__image__laptop {
  display:block !important
 }
}
@media (min-width: 1280px) {
 .banner--taipei-hero .banner__image__laptop {
  display:none !important
 }
}
.banner--taipei-hero .banner__image__desktop {
 display:none !important
}
@media (min-width: 1280px) {
 .banner--taipei-hero .banner__image__desktop {
  display:block !important
 }
}
.banner--stlouis-hero {
 background-color:#333;
 position:relative
}
.banner--stlouis-hero:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
@media (min-width: 811px) {
 .banner--stlouis-hero {
  position:relative
 }
 .banner--stlouis-hero:before {
  display:block;
  content:"";
  width:100%;
  padding-top:50%
 }
}
@media (min-width: 811px) {
 .banner--stlouis-hero .banner__image__mobile {
  display:none !important
 }
}
.banner--stlouis-hero .banner__image__desktop {
 display:none !important
}
@media (min-width: 811px) {
 .banner--stlouis-hero .banner__image__desktop {
  display:block !important
 }
}
.banner--image-darken-30 .banner__image img {
 position:relative;
 z-index:1
}
.banner--image-darken-30 .banner__image::after {
 content:'';
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:#000;
 opacity:0.3;
 pointer-events:none;
 z-index:2
}
@media (min-width: 812px) {
 .banner--content-white-box {
  padding-left:60px;
  padding-right:60px
 }
}
@media (min-width: 812px) {
 .banner--content-white-box .banner__content {
  background-color:rgba(255,255,255,0.8);
  color:#000
 }
}
.banner--fest-2020-hero {
 background-color:#000;
 color:#fff;
 z-index:10
}
.banner--fest-2020-hero .banner__image {
 position:relative;
 width:100%
}
.banner--fest-2020-hero .banner__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
@media (min-width: 812px) {
 .banner--fest-2020-hero .banner__image {
  position:relative
 }
 .banner--fest-2020-hero .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:56.25%
 }
}
@media (min-width: 1280px) {
 .banner--fest-2020-hero .banner__image {
  position:relative
 }
 .banner--fest-2020-hero .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:56.25%
 }
}
.banner--fest-2020-hero .banner__image img {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
@media (min-width: 812px) {
 .banner--fest-2020-hero .banner__image__mobile {
  display:none
 }
}
.banner--fest-2020-hero .banner__image__laptop {
 display:none
}
@media (min-width: 812px) {
 .banner--fest-2020-hero .banner__image__laptop {
  display:block
 }
}
@media (min-width: 1280px) {
 .banner--fest-2020-hero .banner__image__laptop {
  display:none
 }
}
.banner--fest-2020-hero .banner__image__desktop {
 display:none
}
@media (min-width: 1280px) {
 .banner--fest-2020-hero .banner__image__desktop {
  display:block
 }
}
.banner--fest-2020-hero .banner__main {
 display:flex;
 justify-content:center;
 align-items:center;
 flex-direction:column;
 position:absolute;
 left:0;
 width:100%;
 bottom:0;
 z-index:1
}
.banner--fest-2020-hero .banner__logo {
 width:100%
}
.banner--fest-2020-hero .banner__logo img {
 display:block;
 margin:0 auto;
 width:150px
}
@media (min-width: 1680px) {
 .banner--fest-2020-hero .banner__logo img {
  width:200px
 }
}
.banner--fest-2020-hero .banner__content {
 text-align:center;
 width:100%
}
.banner--fest-2020-hero .banner__content__title {
 font-size:16px;
 font-weight:600;
 line-height:24px;
 margin:0 auto 20px;
 max-width:540px;
 padding:0 20px
}
@media (min-width: 812px) {
 .banner--fest-2020-hero .banner__content__title {
  font-size:24px;
  line-height:34px;
  margin-bottom:40px;
  max-width:760px
 }
}
.banner--fest-2020-hero .banner__content__body {
 font-size:15px;
 font-weight:900;
 line-height:18px;
 text-transform:uppercase
}
@media (min-width: 812px) {
 .banner--fest-2020-hero .banner__content__body {
  font-size:20px;
  line-height:30px
 }
}
.banner--fest-2020-hero .banner__main {
 position:absolute;
 top:0;
 left:0;
 justify-content:flex-end
}
.banner--fest-2020-hero .banner__content {
 bottom:0;
 position:-webkit-sticky;
 position:sticky
}
.banner--fest-2020-hero .banner__content__ctas {
 position:relative;
 top:15px
}
@media (min-width: 812px) {
 .banner--fest-2020-hero .banner__content__ctas {
  top:10px
 }
}
.banner--fest-2020-hero .button--buy-tickets {
 display:inline-block;
 font-weight:700;
 text-transform:uppercase;
 transform:scale(1);
 transition:transform 250ms ease
}
.banner--fest-2020-hero .button--buy-tickets:hover {
 transform:scale(1.1)
}
.banner--fest-2020-stay-tuned {
 color:#fff;
 padding:100px 20px
}
.banner--fest-2020-stay-tuned .banner__content {
 text-align:center
}
.banner--fest-2020-stay-tuned .banner__content__title {
 font-weight:700;
 margin-bottom:20px
}
@media (max-width: 811px) {
 .banner--fest-2020-stay-tuned .banner__content__title {
  font-size:34px;
  line-height:40px;
  text-align:center
 }
}
@media (min-width: 812px) {
 .banner--fest-2020-stay-tuned .banner__content__title {
  font-size:53px;
  line-height:61px
 }
}
.banner--fest-2020-stay-tuned .banner__content__body {
 font-size:17px;
 line-height:25px;
 max-width:500px;
 margin:0 auto
}
.banner--fest-2020-stay-tuned .banner__content__cta {
 margin:20px 0 40px
}
.banner--fest-2020-stay-tuned .banner__content__cta .button {
 display:inline-block
}
.banner--fest-2020-stay-tuned .banner__content__social-touts {
 margin-top:40px
}
.banner--fest-2020-stay-tuned .banner__content__hashtag {
 margin-top:20px;
 font-weight:700;
 letter-spacing:2.15px
}
.banner--city-spotlight {
 padding:0 24px;
 min-height:calc(100vh - 73px)
}
.banner--city-spotlight .banner__image img {
 -o-object-position:top center;
 object-position:top center
}
@media (min-width: 812px) {
 .banner--city-spotlight .banner__image__mobile {
  display:none !important
 }
}
.banner--city-spotlight .banner__image__desktop {
 display:none !important
}
@media (min-width: 812px) {
 .banner--city-spotlight .banner__image__desktop {
  display:block !important
 }
}
.banner--city-spotlight .banner__content {
 color:#fff;
 margin-left:auto;
 margin-right:auto
}
@media (min-width: 812px) {
 .banner--city-spotlight .banner__content {
  text-align:center
 }
}
.banner--city-spotlight .banner__content__title {
 font-size:36px;
 line-height:40px;
 font-weight:900;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .banner--city-spotlight .banner__content__title {
  font-size:54px;
  line-height:68px;
  margin-bottom:40px
 }
}
@media (min-width: 1376px) {
 .banner--city-spotlight .banner__content__title {
  font-size:64px;
  line-height:78px
 }
}
.banner--city-spotlight .banner__content__body {
 font-size:13px;
 line-height:23px;
 color:#fff
}
@media (min-width: 812px) {
 .banner--city-spotlight .banner__content__body {
  font-size:17px;
  line-height:30px;
  font-weight:600;
  max-width:480px
 }
}
.banner--tour-kanto-stay-tuned {
 color:#fff;
 padding:100px 20px
}
.banner--tour-kanto-stay-tuned .banner__content {
 text-align:center
}
.banner--tour-kanto-stay-tuned .banner__content__title {
 font-weight:700;
 margin-bottom:20px
}
@media (max-width: 811px) {
 .banner--tour-kanto-stay-tuned .banner__content__title {
  font-size:34px;
  line-height:40px;
  text-align:center
 }
}
@media (min-width: 812px) {
 .banner--tour-kanto-stay-tuned .banner__content__title {
  font-size:53px;
  line-height:61px
 }
}
.banner--tour-kanto-stay-tuned .banner__content__body {
 font-size:17px;
 line-height:25px;
 max-width:500px;
 margin:0 auto
}
.banner--tour-kanto-stay-tuned .banner__content__cta {
 margin:20px 0 40px
}
.banner--tour-kanto-stay-tuned .banner__content__cta .button {
 display:inline-block
}
.banner--tour-kanto-stay-tuned .banner__content__social-touts {
 margin-top:40px
}
.banner--tour-kanto-stay-tuned .banner__content__hashtag {
 margin-top:20px;
 font-weight:700;
 letter-spacing:2.15px
}
.banner--tour-kanto-stay-tuned .banner__image::after {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,0.15);
 z-index:0;
 pointer-events:none
}
.banner--tour-kanto-hero {
 background-color:#000;
 color:#fff;
 z-index:10
}
.banner--tour-kanto-hero .banner__image {
 position:relative;
 width:100%
}
.banner--tour-kanto-hero .banner__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
@media (min-width: 812px) {
 .banner--tour-kanto-hero .banner__image {
  position:relative
 }
 .banner--tour-kanto-hero .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:75%
 }
}
@media (min-width: 1280px) {
 .banner--tour-kanto-hero .banner__image {
  position:relative
 }
 .banner--tour-kanto-hero .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:75%
 }
}
.banner--tour-kanto-hero .banner__image img {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
@media (min-width: 812px) {
 .banner--tour-kanto-hero .banner__image__mobile {
  display:none
 }
}
.banner--tour-kanto-hero .banner__image__laptop {
 display:none
}
@media (min-width: 812px) {
 .banner--tour-kanto-hero .banner__image__laptop {
  display:block
 }
}
@media (min-width: 1280px) {
 .banner--tour-kanto-hero .banner__image__laptop {
  display:none
 }
}
.banner--tour-kanto-hero .banner__image__desktop {
 display:none
}
@media (min-width: 1280px) {
 .banner--tour-kanto-hero .banner__image__desktop {
  display:block
 }
}
.banner--tour-kanto-hero .banner__main {
 display:flex;
 justify-content:center;
 align-items:center;
 flex-direction:column;
 position:absolute;
 left:0;
 width:100%;
 bottom:0;
 z-index:1
}
.banner--tour-kanto-hero .banner__logo {
 width:100%
}
.banner--tour-kanto-hero .banner__logo img {
 display:block;
 margin:0 auto;
 width:150px
}
@media (min-width: 1680px) {
 .banner--tour-kanto-hero .banner__logo img {
  width:200px
 }
}
.banner--tour-kanto-hero .banner__content {
 text-align:center;
 width:100%
}
.banner--tour-kanto-hero .banner__content__title {
 font-size:16px;
 font-weight:600;
 line-height:24px;
 margin:0 auto 20px;
 max-width:540px;
 padding:0 20px
}
@media (min-width: 812px) {
 .banner--tour-kanto-hero .banner__content__title {
  font-size:24px;
  line-height:34px;
  margin-bottom:40px;
  max-width:760px
 }
}
.banner--tour-kanto-hero .banner__content__body {
 font-size:15px;
 font-weight:900;
 line-height:18px;
 text-transform:uppercase
}
@media (min-width: 812px) {
 .banner--tour-kanto-hero .banner__content__body {
  font-size:20px;
  line-height:30px
 }
}
.banner--tour-kanto-hero .banner__main {
 position:absolute;
 top:0;
 left:0;
 justify-content:flex-end
}
.banner--tour-kanto-hero .banner__content {
 bottom:0;
 position:-webkit-sticky;
 position:sticky;
 display:none
}
@media (min-width: 812px) {
 .banner--tour-kanto-hero .banner__content {
  display:block
 }
}
.banner--tour-kanto-hero .banner__content__ctas {
 position:relative;
 top:15px
}
@media (min-width: 812px) {
 .banner--tour-kanto-hero .banner__content__ctas {
  top:10px
 }
}
.banner--fest-2021-hero {
 background-color:#000;
 color:#fff
}
.banner--fest-2021-hero .banner__image {
 position:relative;
 width:100%
}
.banner--fest-2021-hero .banner__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
@media (min-width: 812px) {
 .banner--fest-2021-hero .banner__image {
  position:relative
 }
 .banner--fest-2021-hero .banner__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:53.64583%
 }
}
.banner--fest-2021-hero .banner__image img {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
@media (min-width: 812px) {
 .banner--fest-2021-hero .banner__image__mobile {
  display:none
 }
}
.banner--fest-2021-hero .banner__image__desktop {
 display:none
}
@media (min-width: 812px) {
 .banner--fest-2021-hero .banner__image__desktop {
  display:block
 }
}
.banner--fest-2021-hero .banner__main {
 display:flex;
 justify-content:center;
 align-items:center;
 flex-direction:column;
 position:absolute;
 left:0;
 width:100%;
 bottom:0;
 z-index:1;
 padding:20px 20px
}
@media (min-width: 812px) {
 .banner--fest-2021-hero .banner__main {
  padding:60px 40px
 }
}
.banner--fest-2021-hero .banner__logo {
 width:100%
}
.banner--fest-2021-hero .banner__logo img {
 display:block;
 margin:0 auto;
 width:150px
}
@media (min-width: 1680px) {
 .banner--fest-2021-hero .banner__logo img {
  width:200px
 }
}
.banner--fest-2021-hero .banner__content {
 text-align:center;
 width:100%
}
.banner--fest-2021-hero .banner__content__title {
 font-size:20px;
 font-weight:900;
 line-height:26px;
 text-transform:uppercase
}
@media (min-width: 500px) {
 .banner--fest-2021-hero .banner__content__title {
  font-size:24px;
  line-height:32px
 }
}
@media (min-width: 812px) {
 .banner--fest-2021-hero .banner__content__title {
  font-size:34px;
  line-height:42px
 }
}
@media (min-width: 1680px) {
 .banner--fest-2021-hero .banner__content__title {
  font-size:42px;
  line-height:52px
 }
}
.banner--fest-2021-hero .banner__content__body {
 font-size:15px;
 font-weight:900;
 line-height:18px;
 text-transform:uppercase
}
@media (min-width: 500px) {
 .banner--fest-2021-hero .banner__content__body {
  font-size:19px;
  line-height:26px
 }
}
@media (min-width: 812px) {
 .banner--fest-2021-hero .banner__content__body {
  font-size:28px;
  line-height:36px
 }
}
@media (min-width: 1680px) {
 .banner--fest-2021-hero .banner__content__body {
  font-size:32px;
  line-height:42px
 }
}
.banner--fest-2021-hero .banner__content__cta {
 margin-top:40px
}
@media (min-width: 500px) {
 .banner--fest-2021-hero .banner__content__cta {
  margin-top:50px
 }
}
@media (min-width: 812px) {
 .banner--fest-2021-hero .banner__content__cta {
  margin-top:20px
 }
}
@media (min-width: 1024px) {
 .banner--fest-2021-hero .banner__content__cta {
  margin-top:40px
 }
}
@media (min-width: 1280px) {
 .banner--fest-2021-hero .banner__content__cta {
  margin-top:60px
 }
}
.banner--fest-2021-hero .button--buy-tickets {
 display:inline-block;
 font-weight:700;
 text-transform:uppercase;
 transform:scale(1);
 transition:transform 250ms ease
}
.banner--fest-2021-hero .button--buy-tickets:hover {
 transform:scale(1.1)
}
.banner--fest-2021-stay-tuned {
 color:#fff;
 padding:60px 20px
}
@media (min-width: 812px) {
 .banner--fest-2021-stay-tuned {
  padding:140px 40px
 }
}
.banner--fest-2021-stay-tuned .banner__content {
 text-align:center
}
.banner--fest-2021-stay-tuned .banner__content__title {
 font-weight:700;
 margin-bottom:20px
}
@media (max-width: 811px) {
 .banner--fest-2021-stay-tuned .banner__content__title {
  font-size:20px;
  line-height:30px;
  text-align:center
 }
}
@media (min-width: 812px) {
 .banner--fest-2021-stay-tuned .banner__content__title {
  font-size:28px;
  line-height:34px;
  max-width:1000px;
  margin:0 auto 20px
 }
}
.banner--fest-2021-stay-tuned .banner__content__body {
 font-size:17px;
 line-height:25px;
 max-width:500px;
 margin:0 auto
}
.banner--fest-2021-stay-tuned .banner__content__cta {
 margin:20px 0 40px
}
.banner--fest-2021-stay-tuned .banner__content__cta .button {
 display:inline-block
}
.banner--fest-2021-stay-tuned .banner__content__social-touts {
 margin-top:40px
}
.banner--fest-2021-stay-tuned .banner__content__hashtag {
 margin-top:20px;
 font-weight:700;
 letter-spacing:2.15px
}
.boxgrid--earthday {
 background-color:#fafafa
}
.boxgrid--earthday .boxgrid__boxes {
 background:#fff;
 box-shadow:0 24px 32px 0 rgba(0,0,0,0.1);
 display:flex;
 flex-wrap:wrap;
 margin:-40px auto;
 position:relative;
 z-index:100
}
@media (min-width: 812px) {
 .boxgrid--earthday .boxgrid__boxes {
  width:600px
 }
}
@media (min-width: 1376px) {
 .boxgrid--earthday .boxgrid__boxes {
  width:900px
 }
}
.boxgrid--earthday .boxgrid__box {
 width:100%
}
.boxgrid--earthday .boxgrid__box--1 {
 align-items:center;
 display:flex
}
.boxgrid--earthday .boxgrid__box--2 {
 display:none
}
@media (min-width: 812px) {
 .boxgrid--earthday .boxgrid__box--2 {
  display:block
 }
}
.boxgrid--earthday .boxgrid__box--3 {
 max-height:300px
}
@media (min-width: 812px) {
 .boxgrid--earthday .boxgrid__box--3 {
  max-height:100%
 }
}
@media (min-width: 812px) {
 .boxgrid--earthday .boxgrid__box--1,
 .boxgrid--earthday .boxgrid__box--3 {
  width:300px
 }
}
@media (min-width: 812px) {
 .boxgrid--earthday .boxgrid__box--2,
 .boxgrid--earthday .boxgrid__box--4 {
  width:300px
 }
}
@media (min-width: 1376px) {
 .boxgrid--earthday .boxgrid__box--2,
 .boxgrid--earthday .boxgrid__box--4 {
  width:600px
 }
}
.boxgrid--earthday .boxgrid__box__image {
 height:100%
}
.boxgrid--earthday .boxgrid__box__image img {
 display:block;
 -o-object-fit:cover;
 object-fit:cover;
 height:100%;
 width:100%
}
.boxgrid--earthday .boxgrid__box__body {
 color:#234375;
 padding:30px
}
.boxgrid--earthday .boxgrid__box__body p:first-child {
 margin-top:0
}
.boxgrid--earthday .boxgrid__box__body p:last-child {
 margin-bottom:0
}
.boxgrid--earthday .boxgrid__box__body a {
 font-weight:700
}
.boxgrid--earthday .boxgrid__box__body ul ul {
 margin-bottom:10px
}
.boxgrid--earthday .boxgrid__box__social {
 align-items:center;
 display:flex;
 padding:0 30px 30px
}
.boxgrid--earthday .boxgrid__box__social .upvotes {
 margin-right:20px
}
@media (min-width: 812px) {
 .boxgrid--earthday .boxgrid__box__social {
  flex-direction:column;
  align-items:flex-start
 }
 .boxgrid--earthday .boxgrid__box__social .upvotes {
  margin-bottom:20px;
  margin-right:0
 }
}
@media (min-width: 1376px) {
 .boxgrid--earthday .boxgrid__box__social {
  flex-direction:row
 }
 .boxgrid--earthday .boxgrid__box__social .upvotes {
  margin-bottom:0;
  margin-right:20px
 }
}
.boxgrid--earthday .boxgrid__box__social .social-links {
 display:flex
}
.boxgrid--earthday .boxgrid__box__social .social-links__link {
 margin-left:0;
 width:30px;
 height:30px
}
.breadcrumbs {
 font-family:"Lato",sans-serif;
 font-weight:700;
 margin:20px
}
@media (min-width: 812px) {
 .breadcrumbs {
  margin:0 0 20px
 }
}
.breadcrumbs__crumb {
 color:#fff;
 display:inline-block;
 text-transform:uppercase
}
.breadcrumbs__sep {
 display:inline-block;
 margin:0 5px
}
.cityActivation__hero {
 position:relative
}
.cityActivation__hero__bg {
 background:#000;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 overflow:hidden
}
.cityActivation__hero__bg__layer {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.cityActivation__hero__bg__layer img {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 z-index:1
}
.cityActivation__hero__bg__layer--default {
 z-index:1
}
.cityActivation__hero__bg__layer--blur {
 opacity:0;
 pointer-events:none;
 z-index:2;
 transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 transform:scale(1)
}
.cityActivation__hero.inview--enabled .cityActivation__hero__bg__layer--blur {
 opacity:1;
 transform:scale(1.01)
}
.cityActivation__hero__bg__layer--blur img {
 -webkit-filter:blur(2px) brightness(0.9);
 filter:blur(2px) brightness(0.9)
}
.cityActivation__hero__contentWrap {
 position:relative;
 z-index:10;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center
}
@media (max-width: 766px) {
 .cityActivation__hero__contentWrap {
  padding:120px 16px 60px
 }
}
@media (min-width: 768px) {
 .cityActivation__hero__contentWrap {
  padding:160px 24px 60px
 }
}
.cityActivation__hero__content {
 background:#fff;
 max-width:587px;
 border-radius:48px;
 box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);
 text-align:center;
 color:#404040
}
@media (max-width: 766px) {
 .cityActivation__hero__content {
  padding:30px
 }
}
@media (min-width: 768px) {
 .cityActivation__hero__content {
  padding:60px
 }
}
.cityActivation__hero.inview .cityActivation__hero__content {
 opacity:0;
 transform:scale(0.5);
 transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}
.cityActivation__hero.inview--enabled .cityActivation__hero__content {
 opacity:1;
 transform:scale(1)
}
@media (max-width: 766px) {
 .cityActivation__hero__content__logo {
  margin:-120px auto 0;
  width:250px
 }
}
@media (min-width: 768px) {
 .cityActivation__hero__content__logo {
  margin:-180px auto 0;
  width:300px
 }
}
.cityActivation__hero__content__weekday {
 font-family:"Lato",sans-serif;
 font-weight:900;
 font-size:21px;
 line-height:1;
 letter-spacing:1.8px;
 text-transform:uppercase;
 text-shadow:0 1px 3px rgba(0,0,0,0.1)
}
.cityActivation__hero__content__date {
 font-family:"Lato",sans-serif;
 font-weight:900;
 font-size:30px;
 line-height:1;
 letter-spacing:2.57px;
 margin-top:4px;
 text-shadow:0 1px 3px rgba(0,0,0,0.1)
}
.cityActivation__hero__content__time {
 font-family:"Lato",sans-serif;
 font-weight:900;
 font-size:24px;
 line-height:1;
 margin-top:20px
}
.cityActivation__hero__content__body {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:14px;
 line-height:19px;
 letter-spacing:.41px;
 margin-top:24px
}
.cityActivation__hero__content__button {
 margin-top:24px
}
.cityActivation__hero__content__button .button {
 font-family:"Lato",sans-serif;
 font-weight:900;
 box-shadow:0 2px 5px 0 rgba(0,0,0,0.15);
 text-transform:uppercase
}
.cityActivation__hero__content__disclaimer {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:10px;
 line-height:14px;
 text-align:center;
 margin-top:24px
}
.cityActivation__locations {
 background:linear-gradient(to bottom, #234375 0%, #19528E 100%)
}
@media (max-width: 1022px) {
 .cityActivation__locations {
  padding:60px 16px
 }
}
@media (min-width: 1024px) {
 .cityActivation__locations {
  padding:100px 0
 }
}
@media (max-width: 1022px) {
 .cityActivation__locations__grid {
  max-width:587px;
  margin:0 auto
 }
}
@media (min-width: 1024px) {
 .cityActivation__locations__grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  -moz-column-gap:30px;
  column-gap:30px;
  max-width:1000px;
  margin:0 auto
 }
}
.cityActivation__locations__list {
 background-color:#fff;
 border-radius:6px;
 overflow:hidden;
 padding:50px 30px;
 position:relative
}
.cityActivation__locations__list::before {
 background-image:linear-gradient(270deg, #0091FF 0%, #A0D6FF 99%);
 content:'';
 display:block;
 width:100%;
 height:10px;
 position:absolute;
 top:0;
 left:0
}
.cityActivation__locations__region__name {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:18px;
 line-height:22px;
 letter-spacing:.12px;
 display:inline-block;
 background-image:linear-gradient(90deg, #2C87B6 0%, #2567B2 100%);
 box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);
 border-radius:6px;
 padding:8px 16px;
 color:#fff;
 margin-bottom:24px
}
.cityActivation__locations__region+.cityActivation__locations__region {
 margin-top:40px
}
.cityActivation__locations__region__city+.cityActivation__locations__region__city {
 margin-top:4px
}
.cityActivation__locations__region__city {
 font-size:18px;
 line-height:22px;
 letter-spacing:.12px;
 border:1px solid #DCDCDC;
 border-radius:5px;
 padding:4px 24px;
 color:#4C4C4C
}
.cityActivation__locations__region__city--active {
 color:#363D3C;
 padding-top:12px
}
.cityActivation__locations__region__city__info {
 position:relative
}
.cityActivation__locations__region__city__info .material-icons {
 position:absolute;
 right:-6px;
 top:calc(50% - 12px);
 pointer-events:none
}
.cityActivation__locations__region__city--active .cityActivation__locations__region__city__info .material-icons {
 transform:rotate(180deg)
}
.cityActivation__locations__region__city__info[role="button"] {
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.cityActivation__locations__region__city__name {
 font-family:"Lato",sans-serif;
 font-weight:700
}
.cityActivation__locations__region__city__country {
 font-family:"Lato",sans-serif;
 font-weight:300
}
.cityActivation__locations__region__city__country strong {
 color:red;
 margin-left:12px
}
.cityActivation__locations__region__city__body {
 font-family:"Lato",sans-serif;
 font-size:13px;
 line-height:16px;
 border-top:1px solid #DCDCDC;
 margin-top:12px;
 display:none
}
.cityActivation__locations__region__city--active .cityActivation__locations__region__city__body {
 display:block
}
.cityActivation__locations__images {
 display:flex;
 flex-direction:column;
 row-gap:30px;
 height:100%;
 justify-content:space-between
}
@media (max-width: 1022px) {
 .cityActivation__locations__images {
  margin-top:60px
 }
}
.cityActivation__locations__image {
 margin:0 auto
}
@media (max-width: 1022px) {
 .cityActivation__locations__image {
  max-width:587px;
  width:100%
 }
}
@media (min-width: 1024px) {
 .cityActivation__locations__image {
  width:500px
 }
}
.cityActivation__testimonials {
 background:linear-gradient(to bottom, #19528E 0%, #2772B1 100%);
 display:none
}
@media (max-width: 1022px) {
 .cityActivation__testimonials {
  padding-bottom:60px
 }
}
@media (min-width: 1024px) {
 .cityActivation__testimonials {
  padding-bottom:100px
 }
}
.cityActivation__testimonials--ready {
 display:block
}
.cityActivation__testimonials__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#fff;
 padding:0 24px
}
@media (max-width: 1022px) {
 .cityActivation__testimonials__title {
  font-size:32px;
  line-height:42px;
  letter-spacing:.35px;
  margin-bottom:60px;
  text-align:center
 }
}
@media (min-width: 1024px) {
 .cityActivation__testimonials__title {
  font-size:53px;
  line-height:61px;
  letter-spacing:.35px;
  max-width:1048px;
  margin:0 auto 60px
 }
}
.cityActivation__testimonials__quote {
 position:relative
}
@media (max-width: 1022px) {
 .cityActivation__testimonials__quote {
  margin:0 20px;
  width:300px
 }
}
@media (min-width: 1024px) {
 .cityActivation__testimonials__quote {
  margin:0 40px;
  width:412px
 }
}
.cityActivation__testimonials__quote__bg {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:0
}
.cityActivation__testimonials__quote__bg svg {
 width:100%
}
.cityActivation__testimonials__quote__icon {
 position:absolute;
 right:0;
 top:0;
 z-index:10
}
.cityActivation__testimonials__quote__eyebrow {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:14px;
 line-height:17px;
 letter-spacing:2.15px;
 position:absolute;
 background:linear-gradient(-3deg, #0494D3 0%, #2E79D5 50%, #5861D9 100%);
 border-radius:18px;
 height:36px;
 color:#fff;
 top:90px;
 left:-24px;
 text-transform:uppercase;
 display:flex;
 align-items:center;
 padding:0 48px;
 z-index:10
}
.cityActivation__testimonials__quote__content {
 background:#fff;
 border-radius:8px;
 padding:40px;
 position:relative;
 margin-top:120px;
 z-index:1
}
.cityActivation__testimonials__quote__quote {
 font-family:"Lato",sans-serif;
 color:#3F4847
}
@media (max-width: 766px) {
 .cityActivation__testimonials__quote__quote {
  font-size:16px;
  line-height:26px
 }
}
@media (min-width: 768px) {
 .cityActivation__testimonials__quote__quote {
  font-size:21px;
  line-height:35px
 }
}
.cityActivation__testimonials__quote__attribution {
 font-family:"Lato",sans-serif;
 font-weight:900;
 font-size:14px;
 line-height:1.4;
 letter-spacing:2.15px;
 color:#0282FF;
 margin-top:24px
}
.body--city-spotlight {
 font-family:"Lato",sans-serif;
 background-image:linear-gradient(181deg, #072B51 0%, #2A7ABA 40%, #8DCEC8 85%, #0D2041 100%);
 overflow-x:visible
}
.city-header {
 font-family:"Lato",sans-serif;
 font-weight:700;
 background-color:#fff;
 box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
 margin-bottom:0;
 position:relative;
 z-index:100
}
.city-header .button {
 font-family:"Lato",sans-serif;
 font-weight:900;
 font-size:14px;
 line-height:17px;
 padding:12px 60px
}
@media only screen and (max-width: 1012px) {
 .city-header__cta {
  display:none
 }
}
.city-header__menu {
 display:grid;
 grid-template-columns:1fr;
 grid-row-gap:4px;
 cursor:pointer
}
@media only screen and (min-width: 1013px) {
 .city-header__menu {
  display:none
 }
}
.city-header__menu>span {
 height:2px;
 width:22px;
 background:#5F6368
}
.city-header__inner {
 align-items:center;
 display:flex;
 justify-content:space-between;
 padding:4px 16px
}
.city-header__logo {
 position:relative;
 z-index:101;
 width:100px
}
.city-header__nav {
 background:#fff;
 display:flex;
 flex:1;
 padding:0 24px
}
@media only screen and (max-width: 1012px) {
 .city-header__nav {
  display:none;
  flex-direction:column;
  padding:0;
  position:absolute;
  right:0;
  text-align:center;
  top:calc(50% + 35px)
 }
 .city-header__nav--toggled {
  display:flex
 }
}
.city-header__nav__item {
 color:#3F4847;
 padding:10px 40px;
 text-decoration:none;
 text-transform:uppercase;
 transition:color 0.3s ease
}
@media (min-width: 812px) {
 .city-header__nav__item {
  font-size:12px;
  line-height:16px;
  padding:0 12px
 }
}
@media (min-width: 1376px) {
 .city-header__nav__item {
  padding:0 24px;
  font-size:14px;
  line-height:17px
 }
}
.city-header__nav__item:hover {
 color:#2CD5A1;
 text-decoration:none
}
@media only screen and (max-width: 1012px) {
 .city-header__nav__item+.city-header__nav__item {
  border-top:1px solid #dedede
 }
}
.city-spotlight-cities {
 max-width:1200px;
 margin:0 auto;
 padding:60px 24px;
 color:#2B2D2F
}
@media (min-width: 1376px) {
 .city-spotlight-cities {
  padding:100px 80px
 }
}
.city-spotlight-cities__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 border-bottom:2px solid #fff;
 color:#fff;
 font-size:24px;
 line-height:32px;
 margin-bottom:24px;
 position:relative
}
@media (min-width: 812px) {
 .city-spotlight-cities__title {
  font-size:36px;
  line-height:60px;
  margin-bottom:40px
 }
}
.city-spotlight-cities__items {
 background:#fff;
 max-height:70vh;
 overflow:auto;
 padding:32px;
 border:1px solid rgba(211,211,211,0.25);
 box-shadow:0 2px 18px 0 rgba(0,0,0,0.14)
}
@media (min-width: 812px) {
 .city-spotlight-cities__items {
  padding:0 32px
 }
}
@media (min-width: 1376px) {
 .city-spotlight-cities__items {
  padding:0 64px
 }
}
.city-spotlight-cities__item {
 align-items:center;
 display:flex;
 flex-direction:column;
 justify-content:center;
 margin:16px 0;
 padding:16px 0;
 text-align:center
}
@media (min-width: 812px) {
 .city-spotlight-cities__item {
  display:grid;
  grid-template-columns:1fr auto;
  grid-column-gap:32px;
  text-align:left
 }
}
@media (min-width: 1376px) {
 .city-spotlight-cities__item {
  grid-column-gap:64px
 }
}
.city-spotlight-cities__item+.city-spotlight-cities__item {
 border-top:1px solid #D8D8D8
}
.city-spotlight-cities__item__label {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:12px;
 line-height:20px;
 margin-top:12px
}
.city-spotlight-cities__item__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:18px;
 line-height:30px
}
@media (max-width: 811px) {
 .city-spotlight-cities__item__cta {
  margin-top:24px
 }
}
.city-spotlight-cities__item__body {
 font-size:12px;
 line-height:20px
}
.city-spotlight-cities__item__body p {
 display:block
}
.section--city-spotlight-leaderboard {
 background-image:linear-gradient(to bottom, #223766 0%, #102A4D 100%)
}
.city-spotlight-leaderboard {
 max-width:1200px;
 margin:0 auto;
 padding:60px 24px;
 color:#2B2D2F;
 color:#fff
}
@media (min-width: 1376px) {
 .city-spotlight-leaderboard {
  padding:100px 80px
 }
}
.city-spotlight-leaderboard__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 border-bottom:2px solid #fff;
 color:#fff;
 font-size:24px;
 line-height:32px;
 margin-bottom:24px;
 position:relative
}
@media (min-width: 812px) {
 .city-spotlight-leaderboard__title {
  font-size:36px;
  line-height:60px;
  margin-bottom:40px
 }
}
.city-spotlight-leaderboard__content {
 display:grid;
 grid-row-gap:24px
}
@media (min-width: 812px) {
 .city-spotlight-leaderboard__content {
  justify-content:center;
  align-items:flex-start;
  grid-column-gap:48px;
  grid-template-columns:repeat(12, 1fr)
 }
}
.city-spotlight-leaderboard__schedule {
 display:grid;
 grid-gap:24px;
 font-size:15px;
 line-height:24px;
 font-weight:700;
 text-shadow:0 2px 3px rgba(0,0,0,0.22)
}
@media (min-width: 812px) {
 .city-spotlight-leaderboard__schedule {
  grid-column-start:1;
  grid-column-end:6;
  padding-right:24px;
  font-size:24px;
  line-height:36px
 }
}
.city-spotlight-leaderboard__schedule__title {
 font-size:16px;
 line-height:28px;
 font-weight:900
}
@media (min-width: 812px) {
 .city-spotlight-leaderboard__schedule__title {
  text-transform:uppercase
 }
}
.city-spotlight-leaderboard__banner {
 text-align:center
}
@media (min-width: 812px) {
 .city-spotlight-leaderboard__banner {
  grid-column-start:7;
  grid-column-end:13
 }
}
@media (min-width: 1376px) {
 .city-spotlight-leaderboard__banner {
  padding-left:32px
 }
}
.city-spotlight-leaderboard__banner__content {
 display:flex;
 justify-content:center;
 align-items:center;
 padding:64px 32px;
 background:#0E2343;
 border-radius:12px;
 text-shadow:0 2px 3px rgba(0,0,0,0.22);
 font-size:18px;
 line-height:36px;
 font-weight:700
}
.city-spotlight-leaderboard__table {
 padding:16px;
 border-radius:8px;
 background:#fff;
 box-shadow:0 0 6px 0 rgba(0,0,0,0.5);
 opacity:0;
 transition:opacity .5s ease
}
.city-spotlight-leaderboard__table--loaded {
 opacity:1
}
@media (min-width: 812px) {
 .city-spotlight-leaderboard__table {
  padding:36px;
  grid-column-start:6;
  grid-column-end:13
 }
}
.city-spotlight-leaderboard__table__title {
 display:flex;
 align-items:center;
 justify-content:center;
 height:80px;
 margin:-16px -16px 0;
 padding:24px;
 font-size:15px;
 line-height:24px;
 font-weight:700;
 text-align:center;
 text-shadow:0 2px 3px rgba(0,0,0,0.22);
 background-image:linear-gradient(180deg, #E14800 0%, #F79000 100%);
 border-radius:8px 8px 0 0
}
@media (min-width: 812px) {
 .city-spotlight-leaderboard__table__title {
  margin:-36px -36px 0;
  font-size:24px;
  line-height:32px
 }
}
.city-spotlight-leaderboard__table__headers,
.city-spotlight-leaderboard__table__city {
 font-size:12px;
 line-height:16px
}
@media (min-width: 812px) {
 .city-spotlight-leaderboard__table__headers,
 .city-spotlight-leaderboard__table__city {
  font-size:14px;
  line-height:17px
 }
}
.city-spotlight-leaderboard__table__headers {
 display:flex;
 justify-content:space-between;
 margin:24px 0 16px;
 color:#909090;
 font-weight:700;
 letter-spacing:0.3px
}
.city-spotlight-leaderboard__table__city {
 display:grid;
 grid-template-columns:auto 20px 1fr 100px;
 grid-column-gap:16px;
 align-items:center;
 padding:16px 4px;
 font-weight:700;
 color:#2B4D86;
 border-bottom:1px solid #E9E9E9
}
@media (min-width: 812px) {
 .city-spotlight-leaderboard__table__city {
  grid-column-gap:24px;
  padding:16px
 }
}
.city-spotlight-leaderboard__table__city__rank {
 text-align:right;
 min-width:10px
}
.city-spotlight-leaderboard__table__city__image img {
 display:block
}
.city-spotlight-leaderboard__table__city__name {
 color:#5E5E5E;
 text-transform:uppercase
}
.city-spotlight-leaderboard__table__city__score {
 text-align:right
}
.section--city-spotlight-guidelines {
 background-image:linear-gradient(to bottom, #102A4D 0%, #021F38 100%)
}
.city-spotlight-guidelines {
 max-width:1200px;
 margin:0 auto;
 padding:60px 24px;
 color:#2B2D2F;
 color:#fff
}
@media (min-width: 1376px) {
 .city-spotlight-guidelines {
  padding:100px 80px
 }
}
.city-spotlight-guidelines__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 border-bottom:2px solid #fff;
 color:#fff;
 font-size:24px;
 line-height:32px;
 margin-bottom:24px;
 position:relative
}
@media (min-width: 812px) {
 .city-spotlight-guidelines__title {
  font-size:36px;
  line-height:60px;
  margin-bottom:40px
 }
}
.city-spotlight-guidelines__content {
 display:grid;
 grid-row-gap:24px;
 justify-content:center;
 align-items:center
}
@media (min-width: 812px) {
 .city-spotlight-guidelines__content {
  grid-column-gap:48px;
  grid-template-columns:repeat(12, 1fr)
 }
}
.city-spotlight-guidelines__body {
 font-size:14px;
 font-weight:700;
 line-height:24px
}
@media (min-width: 812px) {
 .city-spotlight-guidelines__body {
  grid-column-start:1;
  grid-column-end:7;
  padding-right:24px;
  font-size:16px;
  line-height:24px
 }
}
.city-spotlight-guidelines__body ul {
 padding-left:17px
}
.city-spotlight-guidelines__body li+li {
 margin-top:16px
}
.city-spotlight-guidelines__video {
 text-align:center
}
@media (min-width: 812px) {
 .city-spotlight-guidelines__video {
  grid-column-start:7;
  grid-column-end:13
 }
}
@media (min-width: 1376px) {
 .city-spotlight-guidelines__video {
  padding-left:32px
 }
}
.city-spotlight-guidelines__cta__title {
 margin:24px 0 16px;
 font-size:15px;
 line-height:24px;
 font-weight:700;
 text-align:center;
 text-shadow:0 2px 3px rgba(0,0,0,0.22)
}
@media (min-width: 812px) {
 .city-spotlight-guidelines__cta__title {
  font-size:24px;
  line-height:36px
 }
}
.countdown {
 padding:40px 0
}
.countdown__timer {
 align-items:center;
 display:flex;
 justify-content:center;
 flex-direction:row;
 flex-wrap:wrap;
 margin:0 auto;
 max-width:400px;
 opacity:0;
 transition:opacity .25s ease
}
.countdown--ready .countdown__timer {
 opacity:1
}
@media (min-width: 812px) {
 .countdown__timer {
  max-width:none
 }
}
.countdown__unit {
 margin:0 10px 20px;
 padding:20px 40px;
 text-align:center;
 text-transform:uppercase
}
.countdown__unit__value {
 font-size:72px;
 line-height:1;
 margin-bottom:10px
}
.countdown__unit__name {
 font-size:24px;
 font-weight:700;
 line-height:1
}
.countdown__sep {
 display:none
}
@media (min-width: 1376px) {
 .countdown__sep {
  display:block;
  font-size:80px;
  line-height:1;
  font-weight:700
 }
}
.countdown--dortmund {
 background-color:#fff;
 color:#2B4D86;
 padding:0 0 60px
}
@media (min-width: 1376px) {
 .countdown--dortmund {
  padding:0 0 100px
 }
}
.countdown--dortmund .countdown__unit {
 background-color:#2B4D86;
 color:#fff;
 padding:40px 0;
 width:150px
}
@media (min-width: 1376px) {
 .countdown--dortmund .countdown__unit {
  width:180px
 }
}
.countdown--dortmund .countdown__sep {
 margin:0 20px 20px
}
@-webkit-keyframes bubble-float {
 0% {
  box-shadow:0 5px 15px 0px rgba(0,0,0,0.4);
  transform:translatey(0px)
 }
 50% {
  box-shadow:0 15px 15px 0px rgba(0,0,0,0.2);
  transform:translatey(-5px)
 }
 100% {
  box-shadow:0 5px 15px 0px rgba(0,0,0,0.4);
  transform:translatey(0px)
 }
}
@keyframes bubble-float {
 0% {
  box-shadow:0 5px 15px 0px rgba(0,0,0,0.4);
  transform:translatey(0px)
 }
 50% {
  box-shadow:0 15px 15px 0px rgba(0,0,0,0.2);
  transform:translatey(-5px)
 }
 100% {
  box-shadow:0 5px 15px 0px rgba(0,0,0,0.4);
  transform:translatey(0px)
 }
}
.communityday {
 background-color:#fff;
 box-shadow:0 4px 40px 0 rgba(0,0,0,0.4);
 color:#266378;
 font-family:"Lato",sans-serif
}
.communityday__header {
 display:flex;
 flex-wrap:nowrap;
 justify-content:space-between;
 padding-bottom:40px;
 margin-bottom:40px;
 border-bottom:1px solid rgba(38,99,120,0.2)
}
@media (min-width: 640px) {
 .communityday__header__section--left {
  padding-right:60px
 }
}
.communityday__header__section--right {
 display:none;
 margin-top:10px
}
@media (min-width: 640px) {
 .communityday__header__section--right {
  display:block
 }
}
@media (min-width: 812px) {
 .communityday__header__section--right {
  flex-shrink:0;
  margin-top:0
 }
}
.communityday__header__body {
 margin-top:20px
}
.communityday__header__body a {
 font-weight:600;
 text-decoration:underline
}
.communityday__header__logo {
 margin-top:-15px;
 width:110px
}
@media (min-width: 640px) {
 .communityday__header__logo {
  margin-top:0;
  width:160px
 }
}
@media (min-width: 812px) {
 .communityday__region-select--mobile {
  display:none
 }
}
.communityday__region-select__icon {
 display:inline-block;
 width:20px;
 height:20px;
 vertical-align:middle;
 margin-right:5px
}
.communityday__region-select__dropdown {
 display:inline-block;
 position:relative;
 vertical-align:middle
}
.communityday__region-select__dropdown select {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border:1px solid #dedede;
 background-color:#f5f5f5;
 font-size:14px;
 line-height:1;
 padding:5px 30px 5px 10px;
 cursor:pointer
}
.communityday__region-select__dropdown::after {
 position:absolute;
 color:#333;
 content:'▾';
 right:10px;
 top:-1px
}
.communityday__h1,
.communityday__h2 {
 font-family:"Lato",sans-serif;
 font-weight:700
}
.communityday__h1 {
 font-size:24px;
 line-height:32px;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .communityday__h1 {
  font-size:52px;
  line-height:60px
 }
}
.communityday__h2 {
 font-size:24px;
 line-height:32px;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .communityday__h2 {
  font-size:32px;
  line-height:42px
 }
}
.communityday__about,
.communityday__results {
 margin-bottom:40px
}
.communityday__hero {
 background-color:#155FA9;
 position:relative
}
.communityday__hero__image {
 margin:0 auto;
 overflow:hidden
}
.communityday__hero__image img {
 height:600px;
 width:100%;
 margin:0 auto;
 display:block;
 -o-object-fit:cover;
 object-fit:cover;
 -o-object-position:center;
 object-position:center
}
@media (min-width: 640px) {
 .communityday__hero__image img {
  height:800px
 }
}
.communityday__hero__bubbles {
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 padding:40px 0 0
}
@media (min-width: 812px) {
 .communityday__hero__bubbles {
  display:block;
  padding:0
 }
}
.communityday__hero__bubble {
 color:#fff;
 border:2px solid rgba(255,255,255,0.75);
 width:40vw;
 height:40vw;
 max-width:200px;
 max-height:200px;
 border-radius:50%;
 box-shadow:0 5px 15px 0 rgba(0,0,0,0.4);
 padding:15px;
 position:relative;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
 flex-direction:column;
 margin:0 10px 10px;
 overflow:hidden
}
@media (min-width: 812px) {
 .communityday__hero__bubble {
  margin:0;
  position:absolute;
  max-width:180px;
  max-height:180px;
  -webkit-animation:bubble-float 6s ease-in-out infinite;
  animation:bubble-float 6s ease-in-out infinite;
  transform:translatey(0)
 }
}
@media (min-width: 1376px) {
 .communityday__hero__bubble {
  max-width:200px;
  max-height:200px
 }
}
@media (min-width: 812px) {
 .communityday__hero__bubble--1 {
  top:180px;
  left:calc(50% - 330px);
  -webkit-animation-duration:5s;
  animation-duration:5s;
  -webkit-animation-delay:1s;
  animation-delay:1s
 }
}
@media (min-width: 1376px) {
 .communityday__hero__bubble--1 {
  top:180px;
  left:calc(50% - 380px)
 }
}
@media (min-width: 812px) {
 .communityday__hero__bubble--3 {
  top:370px;
  left:calc(50% - 320px);
  -webkit-animation-duration:3s;
  animation-duration:3s
 }
}
@media (min-width: 1376px) {
 .communityday__hero__bubble--3 {
  top:400px;
  left:calc(50% - 440px)
 }
}
@media (min-width: 812px) {
 .communityday__hero__bubble--2 {
  right:calc(50% - 340px);
  top:150px;
  -webkit-animation-duration:5s;
  animation-duration:5s
 }
}
@media (min-width: 1376px) {
 .communityday__hero__bubble--2 {
  right:calc(50% - 370px);
  top:120px
 }
}
@media (min-width: 812px) {
 .communityday__hero__bubble--4 {
  right:calc(50% - 320px);
  top:340px;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-delay:1s;
  animation-delay:1s
 }
}
@media (min-width: 1376px) {
 .communityday__hero__bubble--4 {
  right:calc(50% - 420px);
  top:340px
 }
}
.communityday__hero__bubble::before,
.communityday__hero__bubble::after {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 display:block;
 border-radius:50%
}
.communityday__hero__bubble::before {
 background:rgba(0,0,0,0.3);
 z-index:1
}
.communityday__hero__bubble::after {
 background:rgba(38,99,120,0.4);
 z-index:2
}
.communityday__hero__bubble__content {
 position:relative;
 z-index:3
}
.communityday__hero__bubble__label {
 display:inline-block;
 text-transform:uppercase;
 border-bottom:1px solid #fff;
 font-size:11px;
 line-height:14px;
 font-weight:900;
 margin-bottom:10px
}
@media (min-width: 640px) {
 .communityday__hero__bubble__label {
  font-size:12px
 }
}
.communityday__hero__bubble__value {
 font-size:16px;
 font-weight:700;
 line-height:1.2;
 text-transform:uppercase;
 text-shadow:0 2px 4px rgba(0,0,0,0.2);
 color:#FFD422
}
.communityday__hero__next-event {
 background-image:linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
 color:#fff;
 padding:30px 40px;
 font-weight:600;
 text-align:center;
 text-transform:uppercase
}
@media (min-width: 812px) {
 .communityday__hero__next-event {
  padding:40px 60px 30px;
  position:absolute;
  left:0;
  bottom:0;
  width:100%
 }
}
.communityday__hero__next-event__label {
 text-transform:uppercase;
 border-bottom:1px solid #fff;
 display:inline-block;
 margin-bottom:10px
}
.communityday__hero__next-event__value {
 font-size:22px;
 line-height:1.2
}
@media (min-width: 812px) {
 .communityday__hero__next-event__value {
  font-size:26px
 }
}
.communityday__hero__next-event__date,
.communityday__hero__next-event__time {
 display:block
}
.communityday__hero__next-event__time .text--small {
 font-size:18px;
 line-height:1
}
.communityday__content {
 padding:40px 20px
}
@media (min-width: 640px) {
 .communityday__content {
  padding:40px
 }
}
@media (min-width: 812px) {
 .communityday__content {
  padding:60px
 }
}
.communityday__meetup {
 margin-top:40px
}
.communityday__meetup a {
 font-weight:700
}
.communityday__meetup__title {
 font-size:24px;
 font-weight:700;
 line-height:36px;
 margin-bottom:10px
}
.communityday__social {
 display:flex;
 align-items:center;
 margin-top:40px
}
.communityday__social__upvotes {
 margin-right:30px
}
.communityday__social__share .social-links {
 display:flex
}
.communityday__social__share .social-links__link {
 margin-left:0;
 width:30px;
 height:30px
}
.communityday__results {
 margin-top:40px
}
.communityday__results__body {
 margin-bottom:20px
}
.communityday__results__images .slick-prev,
.communityday__results__images .slick-next {
 display:none !important
}
@media (min-width: 812px) {
 .communityday__results__images .slick-prev,
 .communityday__results__images .slick-next {
  font-size:0;
  line-height:0;
  position:absolute;
  top:50%;
  display:block !important;
  width:20px;
  height:20px;
  margin-top:-10px;
  padding:0;
  cursor:pointer;
  color:transparent;
  border:none;
  outline:none;
  background:transparent
 }
}
.communityday__results__images .slick-prev::before,
.communityday__results__images .slick-next::before {
 font-family:'slick';
 font-size:20px;
 line-height:1;
 opacity:1;
 color:#266378;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.communityday__results__images .slick-prev.slick-disabled:before,
.communityday__results__images .slick-next.slick-disabled:before {
 opacity:.25
}
.communityday__results__images .slick-prev {
 left:-40px
}
.communityday__results__images .slick-prev::before {
 content:'←'
}
.communityday__results__images .slick-next {
 right:-40px
}
.communityday__results__images .slick-next::before {
 content:'→'
}
.communityday__socialfeed__body {
 margin-bottom:40px
}
.communityday__socialfeed__grid {
 display:flex;
 flex-wrap:wrap;
 margin-left:-10px;
 margin-right:-10px;
 justify-content:center
}
.communityday__socialfeed__grid__item {
 padding:0 10px;
 margin-bottom:20px;
 width:50%
}
@media (min-width: 1376px) {
 .communityday__socialfeed__grid__item {
  width:33.33333%
 }
}
.communityday__socialfeed__image {
 position:relative;
 background-color:#333;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center
}
.communityday__socialfeed__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
.communityday--dec .communityday__hero__image {
 position:relative;
 height:auto
}
.communityday--dec .communityday__hero__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:75%
}
.communityday--dec .communityday__hero__image img {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.communityday--dec .communityday__hero__image--mobile {
 position:relative
}
.communityday--dec .communityday__hero__image--mobile:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
@media (min-width: 812px) {
 .communityday--dec .communityday__hero__image--mobile {
  display:none
 }
}
.communityday--dec .communityday__hero__image--mobile+.communityday__hero__image {
 display:none
}
@media (min-width: 812px) {
 .communityday--dec .communityday__hero__image--mobile+.communityday__hero__image {
  display:block
 }
}
.communityday--dec .communityday__hero__bubbles {
 position:relative;
 display:grid;
 padding:40px 20px;
 grid-template-columns:1fr 1fr;
 grid-column-gap:20px;
 max-width:500px;
 margin:0 auto
}
@media (min-width: 812px) {
 .communityday--dec .communityday__hero__bubbles {
  padding-bottom:120px
 }
}
@media (min-width: 1376px) {
 .communityday--dec .communityday__hero__bubbles {
  grid-template-columns:1fr 1fr 1fr 1fr
 }
}
.communityday--dec .communityday__hero__bubble {
 -webkit-animation:none;
 animation:none;
 position:relative;
 top:0;
 left:0;
 margin-left:auto;
 margin-right:auto;
 margin-top:40px
}
.communityday--dec .communityday__hero__next-event {
 text-align:center
}
.communityday--generic .communityday__hero__image img {
 height:390px
}
@media (min-width: 812px) {
 .communityday--generic .communityday__hero__image img {
  height:auto
 }
}
.communityday--generic .communityday__hero__bubbles {
 padding:40px 0
}
@media (min-width: 812px) {
 .communityday--generic .communityday__hero__bubbles {
  padding:0
 }
}
@media (min-width: 812px) {
 .communityday--generic .communityday__hero__bubble {
  max-height:160px;
  max-width:160px
 }
}
@media (min-width: 1376px) {
 .communityday--generic .communityday__hero__bubble {
  max-height:180px;
  max-width:180px
 }
}
@media (min-width: 812px) {
 .communityday--generic .communityday__hero__bubble--1 {
  left:6%;
  top:calc(50% - 170px)
 }
}
@media (min-width: 1376px) {
 .communityday--generic .communityday__hero__bubble--1 {
  left:auto;
  left:calc(50% - 400px);
  top:calc(50% - 220px)
 }
}
@media (min-width: 1376px) {
 .communityday--generic .communityday__hero__bubble--1 {
  left:calc(50% - 450px)
 }
}
@media (min-width: 812px) {
 .communityday--generic .communityday__hero__bubble--2 {
  top:calc(50% - 170px);
  right:6%;
  left:auto
 }
}
@media (min-width: 1376px) {
 .communityday--generic .communityday__hero__bubble--2 {
  top:calc(50% - 210px);
  right:calc(50% - 420px)
 }
}
@media (min-width: 1376px) {
 .communityday--generic .communityday__hero__bubble--2 {
  right:calc(50% - 460px)
 }
}
@media (min-width: 812px) {
 .communityday--generic .communityday__hero__bubble--3 {
  bottom:calc(50% - 170px);
  left:20px;
  top:auto
 }
}
@media (min-width: 1376px) {
 .communityday--generic .communityday__hero__bubble--3 {
  left:calc(50% - 440px)
 }
}
@media (min-width: 1376px) {
 .communityday--generic .communityday__hero__bubble--3 {
  left:calc(50% - 500px)
 }
}
@media (min-width: 812px) {
 .communityday--generic .communityday__hero__bubble--4 {
  bottom:calc(50% - 170px);
  right:20px;
  top:auto
 }
}
@media (min-width: 1376px) {
 .communityday--generic .communityday__hero__bubble--4 {
  right:calc(50% - 440px)
 }
}
@media (min-width: 1376px) {
 .communityday--generic .communityday__hero__bubble--4 {
  right:calc(50% - 500px)
 }
}
@media (min-width: 1376px) {
 .communityday--hero-1920-1440 .communityday__hero__image {
  position:relative;
  height:auto
 }
 .communityday--hero-1920-1440 .communityday__hero__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:75%
 }
 .communityday--hero-1920-1440 .communityday__hero__image img {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%
 }
}
.covid-helper-content {
 font-family:"Lato",sans-serif;
 min-height:100vh;
 width:100%;
 color:#44696C;
 position:relative
}
.covid-helper-content.--catch {
 background-image:linear-gradient(90deg, #cdff32, #6fc300 100%);
 z-index:2
}
.covid-helper-content.--bond {
 background-image:linear-gradient(90deg, #ffd145, #ffbf15 100%)
}
.covid-helper-content.--battle {
 background-image:linear-gradient(90deg, #6dceff, #4da6ff 99%)
}
.covid-helper-content a {
 font-weight:900
}
.covid-helper-content .main-header {
 height:295px;
 position:relative;
 overflow:hidden
}
@media (min-width: 812px) {
 .covid-helper-content .main-header {
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  overflow:initial
 }
}
.covid-helper-content .helper-phone--big {
 min-width:8rem;
 max-width:30%;
 position:absolute;
 top:2%;
 right:10%
}
@media (min-width: 812px) {
 .covid-helper-content .helper-phone--big {
  top:7%
 }
}
.covid-helper-content .helper-phone {
 position:absolute;
 right:10%;
 top:4%;
 min-width:8rem;
 max-width:24%
}
@media (min-width: 812px) {
 .covid-helper-content .helper-phone {
  top:7%
 }
}
.covid-helper-content .meltan1,
.covid-helper-content .meltan2 {
 position:absolute;
 max-width:13%;
 min-width:4rem
}
@media screen and (min-width: 540px) and (max-width: 810px) {
 .covid-helper-content .meltan1,
 .covid-helper-content .meltan2 {
  max-width:16%
 }
}
@media (max-width: 359px) {
 .covid-helper-content .meltan1,
 .covid-helper-content .meltan2 {
  max-width:18%
 }
}
.covid-helper-content .meltan1 {
 left:17%;
 transform:translateX(-50%);
 top:7rem
}
@media screen and (min-width: 540px) and (max-width: 810px) {
 .covid-helper-content .meltan1 {
  max-width:16%
 }
}
@media (max-width: 359px) {
 .covid-helper-content .meltan1 {
  max-width:18%
 }
}
@media (min-width: 812px) {
 .covid-helper-content .meltan1 {
  top:6rem
 }
}
.covid-helper-content .meltan2 {
 right:9%;
 top:9rem
}
@media screen and (min-width: 540px) and (max-width: 810px) {
 .covid-helper-content .meltan2 {
  max-width:16%
 }
}
@media (max-width: 359px) {
 .covid-helper-content .meltan2 {
  right:6%
 }
}
.covid-helper-content .sticker {
 min-width:8rem;
 position:absolute;
 z-index:1;
 max-width:18%
}
.covid-helper-content .charmander {
 position:absolute;
 max-width:20%;
 left:0;
 top:6rem
}
.covid-helper-content .squirtle {
 transform:rotate(180deg) scaleX(-1);
 top:-3.5rem;
 left:-1.5rem
}
.covid-helper-content .bulbasaur {
 top:-2.5rem;
 left:40%;
 transform:rotate(180deg) translateX(40%)
}
.covid-helper-content .pikachu-thank-you {
 right:-2rem;
 top:9.5rem;
 transform:rotate(20deg)
}
.covid-helper-content .play-buddy-icons {
 min-width:6rem;
 max-width:20%;
 position:absolute;
 left:15%;
 top:6%
}
@media (min-width: 812px) {
 .covid-helper-content .play-buddy-icons {
  top:10%
 }
}
.covid-helper-content .goggles {
 min-width:6rem;
 max-width:18%;
 position:absolute;
 left:15%;
 transform:translateY(100%)
}
@media (min-width: 812px) {
 .covid-helper-content .goggles {
  transform:translateY(50%)
 }
}
.covid-helper-content .covid-helper-container {
 background-color:white;
 max-width:800px;
 padding:0 6% 6%;
 position:relative;
 bottom:0;
 min-height:550px;
 z-index:2
}
@media (min-width: 812px) {
 .covid-helper-content .covid-helper-container.last--card {
  bottom:1rem
 }
}
@media (min-width: 812px) {
 .covid-helper-content .covid-helper-container {
  transform:translateX(-50%);
  left:50%;
  width:800px;
  border-radius:0 8px 8px 8px
 }
}
.covid-helper-content .covid-helper-container:after {
 content:'';
 position:absolute;
 top:-100px;
 left:0;
 border-left:792px solid white;
 border-top:100px solid transparent;
 border-top-left-radius:8px;
 border-bottom:initial
}
@media screen and (max-width: 800px) {
 .covid-helper-content .covid-helper-container:after {
  border-left:100vw solid white;
  top:-90px;
  border-top:47px solid transparent;
  border-bottom:43px solid white;
  border-top-left-radius:initial
 }
}
.covid-helper-content .covid-helper-container .main-block {
 max-width:800px;
 margin-left:auto;
 margin-right:auto
}
.covid-helper-content .covid-helper-container .main-block .insence,
.covid-helper-content .covid-helper-container .main-block .mystery-box,
.covid-helper-content .covid-helper-container .main-block .yeah-pikachu {
 width:12rem;
 top:-12rem;
 position:absolute;
 left:50%;
 transform:translateX(-50%);
 z-index:1
}
@media (min-width: 812px) {
 .covid-helper-content .covid-helper-container .main-block .insence,
 .covid-helper-content .covid-helper-container .main-block .mystery-box,
 .covid-helper-content .covid-helper-container .main-block .yeah-pikachu {
  width:15rem;
  top:-15rem
 }
}
.covid-helper-content .covid-helper-container .main-block .yeah-pikachu {
 transform:rotate(12deg) translateX(-50%);
 top:-12rem
}
.covid-helper-content .covid-helper-container .main-block .mystery-box {
 top:-11rem;
 max-width:39%
}
@media (max-width: 359px) {
 .covid-helper-content .covid-helper-container .main-block .mystery-box {
  width:10rem
 }
}
@media (min-width: 812px) {
 .covid-helper-content .covid-helper-container .main-block .mystery-box {
  width:17rem;
  top:-16rem
 }
}
.covid-helper-content .covid-helper-container .main-block .goggles,
.covid-helper-content .covid-helper-container .main-block .gift,
.covid-helper-content .covid-helper-container .main-block .battle-league-logo,
.covid-helper-content .covid-helper-container .main-block .battling-trainers,
.covid-helper-content .covid-helper-container .main-block .raid-pass,
.covid-helper-content .covid-helper-container .main-block .play-buddy-icons {
 position:absolute;
 left:30%;
 transform:translateX(-50%);
 z-index:1
}
.covid-helper-content .covid-helper-container .main-block .gift {
 min-width:7rem;
 max-width:21%;
 top:-12rem
}
@media (min-width: 812px) {
 .covid-helper-content .covid-helper-container .main-block .gift {
  top:-14rem
 }
}
.covid-helper-content .covid-helper-container .main-block .raid-pass {
 min-width:10rem;
 max-width:27%;
 top:-10rem
}
@media (min-width: 812px) {
 .covid-helper-content .covid-helper-container .main-block .raid-pass {
  top:-11rem
 }
}
.covid-helper-content .covid-helper-container .main-block .battle-league-logo {
 min-width:7rem;
 max-width:25%;
 top:-9rem
}
@media (min-width: 812px) {
 .covid-helper-content .covid-helper-container .main-block .battle-league-logo {
  top:-12rem
 }
}
.covid-helper-content .covid-helper-container .main-block .battling-trainers {
 min-width:9rem;
 max-width:25%;
 top:-9rem
}
@media (min-width: 812px) {
 .covid-helper-content .covid-helper-container .main-block .battling-trainers {
  top:-12rem
 }
}
.covid-helper-content .covid-helper-container .main-block .covid-helper-label {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:30px;
 line-height:35px;
 display:block
}
.covid-helper-content .covid-helper-container .main-block .covid-helper-category {
 color:white;
 padding:5px 20px;
 border-radius:8px;
 text-align:center;
 font-size:18px;
 margin-bottom:11px;
 font-weight:bold;
 vertical-align:middle;
 line-height:1;
 display:inline-block
}
.covid-helper-content .covid-helper-container .main-block .covid-helper-category.--battle {
 background-image:linear-gradient(108deg, #2c89b6, #2566b2)
}
.covid-helper-content .covid-helper-container .main-block .covid-helper-category.--catch {
 background-image:linear-gradient(108deg, #a4d704, #6fc300)
}
.covid-helper-content .covid-helper-container .main-block .covid-helper-category.--bond {
 background-image:linear-gradient(108deg, #ffc620, #f3951f)
}
.covid-helper-content .covid-helper-container .main-block .tips {
 background-color:#fef6ea;
 border-radius:8px;
 margin-top:5%;
 padding:1px 16px 16px
}
.covid-helper-content .covid-helper-container .main-block .tips .tips-title {
 display:inline-flex
}
.covid-helper-content .covid-helper-container .main-block .tips .tips-title .pokeball-bullet {
 background-image:url("https://storage.googleapis.com/nianticweb-media/pokemongo/helper/pokeball.svg");
 background-size:1rem;
 background-repeat:no-repeat;
 width:1rem;
 height:1rem;
 margin-top:1.2rem;
 margin-right:.5rem;
 display:inline-flex
}
.covid-helper-content .covid-helper-container .main-block .tips .tips-title p {
 font-weight:bold;
 color:#fd8b61;
 display:inline-flex
}
.covid-helper-content .covid-helper-container .main-block .tips ul {
 -webkit-margin-before:0;
 margin-block-start:0;
 list-style-position:outside;
 padding:0 0 0 23px
}
.covid-helper-content .covid-helper-container .main-block .tips ul li::marker {
 width:10px
}
.covid-helper-content .covid-helper-container .main-block .screencaps--content {
 display:inline-flex;
 width:100%
}
.covid-helper-content .covid-helper-container .main-block .screencaps--content .feed-pikachu {
 height:100%
}
.covid-helper-content .covid-helper-container .main-block .screencaps--content .mystery-box--screen {
 margin:.25rem;
 padding:.25rem;
 width:50%;
 height:100%
}
.body--earthday .ak-modal {
 align-items:flex-start;
 display:flex;
 justify-content:center;
 overflow:auto
}
@media (min-width: 812px) {
 .body--earthday .ak-modal {
  align-items:center
 }
}
.body--earthday .ak-modal-mask {
 background:rgba(0,0,0,0.5)
}
.body--earthday .ak-modal-content {
 background:#fff;
 height:auto;
 max-width:480px;
 position:relative;
 padding:30px
}
@media (min-width: 812px) {
 .body--earthday .ak-modal-content {
  max-width:720px
 }
}
@media (min-width: 1376px) {
 .body--earthday .ak-modal-content {
  max-width:780px
 }
}
.body--earthday .ak-modal-x {
 display:none
}
.body--earthday .earthday-modal .ak-modal-x {
 display:block;
 transform:translate3d(0, 0, 0)
}
.earthday-map {
 background-color:#fafafa;
 font-family:"Lato",sans-serif
}
.earthday-map__title {
 color:#234375;
 font-size:22px;
 font-weight:700;
 line-height:32px;
 padding:40px;
 text-align:center
}
@media (min-width: 812px) {
 .earthday-map__title {
  font-size:32px;
  line-height:40px
 }
}
.earthday-map__content {
 display:flex;
 flex-direction:column;
 height:800px;
 opacity:0;
 transition:opacity .3s ease
}
.earthday-map--loaded .earthday-map__content {
 opacity:1
}
@media (min-width: 812px) {
 .earthday-map__content {
  flex-direction:row;
  flex-wrap:nowrap
 }
}
.earthday-map__sidebar {
 background-color:#fff;
 height:auto;
 overflow:hidden;
 width:100%
}
@media (min-width: 812px) {
 .earthday-map__sidebar {
  height:100%;
  width:280px
 }
}
.earthday-map__sidebar__dropdown {
 background:#f5f5f5;
 box-shadow:0 2px 0 0 rgba(0,0,0,0.1);
 position:relative;
 height:40px
}
.earthday-map__sidebar__dropdown select {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background-color:transparent;
 border-color:transparent;
 cursor:pointer;
 font-family:"Lato",sans-serif;
 font-size:14px;
 outline:none;
 padding:10px 20px;
 width:100%
}
.earthday-map__sidebar__dropdown::after {
 color:#000;
 content:"▾";
 pointer-events:none;
 position:absolute;
 right:15px;
 top:7px;
 z-index:100
}
.earthday-map__sidebar__events {
 position:relative;
 display:flex;
 overflow-x:auto
}
@media (min-width: 812px) {
 .earthday-map__sidebar__events {
  display:block;
  max-height:760px;
  overflow-y:auto
 }
}
.earthday-map__sidebar__event {
 cursor:pointer;
 padding:20px;
 display:flex;
 flex-direction:column;
 justify-content:space-between
}
.earthday-map__sidebar__event--selected {
 background-color:#e1f5fe
}
.earthday-map__sidebar__event__content {
 color:#041e4b
}
.earthday-map__sidebar__event__title {
 font-size:16px;
 line-height:20px;
 margin-bottom:7px
}
.earthday-map__sidebar__event__body,
.earthday-map__sidebar__event__times {
 font-size:14px;
 line-height:24px;
 white-space:pre-wrap
}
.earthday-map__sidebar__event__body {
 font-weight:300
}
.earthday-map__sidebar__event__cta {
 margin-top:7px
}
.earthday-map__map {
 background-color:#333;
 height:100%;
 width:100%;
 flex:1
}
.earthday-recap {
 background-color:#fff;
 padding:80px 20px;
 position:relative
}
@media (min-width: 640px) {
 .earthday-recap {
  padding:80px 60px
 }
}
@media (min-width: 812px) {
 .earthday-recap {
  padding:80px
 }
}
.earthday-recap__logo {
 display:none
}
@media (min-width: 1376px) {
 .earthday-recap__logo {
  display:block;
  position:absolute;
  top:80px;
  right:80px;
  width:240px
 }
}
.earthday-recap__title {
 font-size:42px;
 font-weight:700;
 line-height:46px;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .earthday-recap__title {
  font-size:52px;
  line-height:62px
 }
}
.earthday-recap__body {
 max-width:720px
}
.earthday-recap__body,
.earthday-recap__partner__body {
 font-size:17px;
 line-height:30px;
 margin-top:20px
}
.earthday-recap__partners {
 margin-top:80px
}
.earthday-recap__partner {
 margin-top:40px
}
.earthday-recap__partner__name {
 font-size:32px;
 font-weight:700;
 line-height:40px;
 margin-bottom:20px
}
.earthday-recap__partner__image {
 margin-top:20px
}
.earthday-modal__content {
 color:#234375;
 font-family:"Lato",sans-serif
}
.earthday-modal__title {
 font-size:32px;
 font-weight:700;
 line-height:1;
 text-align:center
}
@media (min-width: 812px) {
 .earthday-modal__title {
  margin-bottom:40px
 }
}
.earthday-modal__event {
 display:flex;
 flex-direction:column-reverse
}
@media (min-width: 812px) {
 .earthday-modal__event {
  flex-direction:row
 }
}
.earthday-modal__event>* {
 padding:30px;
 width:100%
}
@media (min-width: 812px) {
 .earthday-modal__event>* {
  width:50%
 }
}
.earthday-modal__event__signup,
.earthday-modal__event__confirmation {
 background:#eee;
 border:1px solid #ddd;
 border-radius:2px;
 display:none
}
.earthday-modal__event__signup--visible,
.earthday-modal__event__confirmation--visible {
 display:block
}
.earthday-modal__event__confirmation--visible {
 min-height:550px
}
.earthday-modal__event__signup__group {
 margin-bottom:30px
}
.earthday-modal__event__signup__label {
 font-weight:700;
 font-size:16px;
 line-height:1;
 margin-bottom:10px
}
.earthday-modal__event__signup__value input {
 border:1px solid #ddd;
 display:block;
 padding:8px 14px;
 font-size:14px;
 line-height:18px;
 outline:none;
 width:100%
}
.earthday-modal__event__signup__value input:focus {
 border-color:#37a3e4
}
.earthday-modal__event__signup__value input.error {
 border-color:red
}
.earthday-modal__event__signup__value--dob {
 display:flex
}
.earthday-modal__event__signup__value--dob input+input {
 margin-left:10px
}
.earthday-modal__event__signup__error {
 color:red;
 font-size:12px;
 font-weight:700;
 line-height:18px;
 margin-top:10px
}
.earthday-modal__event__signup__checkboxes .checkbox {
 margin-bottom:10px
}
.earthday-modal__event__signup__checkboxes .checkbox input.error+label::before {
 border-color:red
}
.earthday-modal__event__signup__checkboxes a {
 border-bottom:1px solid #234375
}
.earthday-modal__event__signup__checkboxes a:hover {
 text-decoration:none
}
.earthday-modal__event__details {
 color:#041e4b
}
.earthday-modal__event__details__h1 {
 font-size:16px;
 font-weight:700;
 margin-bottom:10px
}
.earthday-modal__event__details__address {
 margin:10px 0;
 white-space:pre-wrap
}
.event-details {
 background-color:#fff;
 display:flex;
 flex-direction:column;
 padding:80px 20px
}
@media (min-width: 812px) {
 .event-details {
  flex-direction:row;
  flex-wrap:wrap;
  padding:80px
 }
}
.event-details__content {
 order:2;
 text-align:center
}
@media (min-width: 812px) {
 .event-details__content {
  padding-right:40px;
  width:calc(100% - 160px);
  order:1;
  text-align:left
 }
}
.event-details__content__title {
 font-size:32px;
 font-weight:700;
 line-height:42px;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .event-details__content__title {
  font-size:52px;
  line-height:62px
 }
}
.event-details__content__date {
 font-weight:700;
 margin-bottom:20px;
 text-transform:uppercase
}
.event-details__content__body,
.event-details__content__date {
 font-size:17px;
 line-height:30px;
 max-width:720px
}
.event-details__content__body a {
 text-decoration:underline;
 white-space:nowrap
}
.event-details__content__cta {
 margin-top:40px;
 margin-bottom:40px
}
.event-details__content__cta .button {
 text-transform:uppercase;
 font-weight:700
}
.event-details__logo {
 margin:0 auto 20px;
 order:1;
 width:160px
}
@media (min-width: 812px) {
 .event-details__logo {
  margin:0;
  order:2
 }
}
.event-details__social {
 align-items:center;
 display:flex;
 justify-content:center;
 margin-top:40px;
 order:3;
 width:100%
}
@media (min-width: 812px) {
 .event-details__social {
  justify-content:flex-start
 }
}
.event-details__social__upvotes {
 margin-right:30px
}
.event-details__social__share .social-links {
 display:flex
}
.event-details__social__share .social-links__link {
 margin-left:0;
 width:30px;
 height:30px
}
.event-details--blue {
 background-color:#2B4D86;
 color:#fff
}
.event-details--blue .social-links__link {
 background-color:#fff
}
.section--event-faqs {
 background-color:#2B4D86;
 font-family:"Lato",sans-serif;
 font-size:16px;
 letter-spacing:.82px;
 line-height:27px;
 color:#fff;
 overflow:hidden;
 padding:40px 30px
}
@media (min-width: 812px) {
 .section--event-faqs {
  display:flex;
  padding:120px 60px;
  justify-content:center;
  font-size:17px;
  letter-spacing:.5px;
  line-height:30px
 }
}
.section--event-faqs .section__content {
 margin-bottom:40px;
 text-align:center
}
@media (min-width: 812px) {
 .section--event-faqs .section__content {
  text-align:left;
  margin-right:80px;
  flex:0 0 250px
 }
}
.section--event-faqs .section__title {
 font-family:"Lato",sans-serif;
 font-size:25px;
 font-weight:700;
 line-height:35px
}
@media (min-width: 812px) {
 .section--event-faqs .section__title {
  font-size:60px;
  letter-spacing:2.27px;
  line-height:73px;
  margin-bottom:20px
 }
}
.section--event-faqs .section__body a {
 color:#fff
}
.section--event-faqs .section__body a:hover {
 color:#3CD791
}
.section--event-faqs .section__faqs {
 max-width:720px
}
.section--event-faqs .section__faq+.section__faq {
 margin-top:20px;
 padding-top:20px;
 border-top:1px solid #fff
}
.section--event-faqs .section__faq a {
 color:#24C499;
 font-weight:700
}
.section--event-faqs .section__faq__question {
 cursor:pointer;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:700;
 letter-spacing:2.15px;
 padding-right:20px;
 position:relative;
 text-transform:uppercase
}
@media (min-width: 812px) {
 .section--event-faqs .section__faq__question {
  font-size:20px;
  line-height:1.4;
  letter-spacing:1.18px
 }
}
.section--event-faqs .section__faq__question__icon {
 position:absolute;
 right:0;
 top:10px
}
.section--event-faqs .section__faq__question__icon:before,
.section--event-faqs .section__faq__question__icon:after {
 content:'';
 display:block;
 width:15px;
 height:2px;
 background-color:#fff;
 position:absolute;
 right:0;
 top:0
}
.section--event-faqs .section__faq__question__icon:before {
 transform:rotate(-90deg);
 transition:transform .5s ease
}
.section--event-faqs .section__faq--active .section__faq__question__icon:before {
 transform:rotate(0)
}
.section--event-faqs .section__faq__answer {
 opacity:0;
 height:0;
 pointer-events:none
}
.section--event-faqs .section__faq--active .section__faq__question {
 margin-bottom:20px
}
.section--event-faqs .section__faq--active .section__faq__answer {
 opacity:1;
 pointer-events:auto;
 transition:opacity .5s ease;
 height:auto
}
.experiences {
 max-width:1200px;
 margin:0 auto;
 padding:60px 24px;
 color:#2B2D2F
}
@media (min-width: 1376px) {
 .experiences {
  padding:100px 80px
 }
}
.experiences__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 border-bottom:2px solid #fff;
 color:#fff;
 font-size:24px;
 line-height:32px;
 margin-bottom:20px;
 position:relative
}
@media (min-width: 812px) {
 .experiences__title {
  font-size:36px;
  line-height:60px;
  margin-bottom:40px
 }
}
.experiences__items {
 background:#fff;
 display:flex;
 box-shadow:0 2px 18px 0 rgba(0,0,0,0.14)
}
@media (min-width: 812px) {
 .experiences__items {
  overflow:auto
 }
}
.experiences__items__content {
 position:relative;
 display:flex;
 flex:1;
 flex-direction:column
}
@media (min-width: 812px) {
 .experiences__items__content:after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:20px;
  background:#000
 }
 .experiences--paid .experiences__items__content:after {
  background-image:linear-gradient(90deg, #4B95E4 0%, #31B7D2 100%)
 }
}
@media (min-width: 812px) {
 .experiences__items__content {
  display:flex;
  flex-direction:row
 }
}
.experiences__item {
 align-items:center;
 display:flex;
 flex-direction:column;
 flex:1;
 height:100%;
 padding:48px 16px
}
.experiences__item+.experiences__item {
 border-top:1px solid #D8D8D8
}
@media (min-width: 812px) {
 .experiences__item+.experiences__item {
  border-left:1px solid #D8D8D8
 }
}
.experiences__item__images {
 height:75px;
 width:75px;
 margin-bottom:24px
}
.experiences__item__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:18px;
 line-height:30px;
 text-align:center
}
@media (min-width: 812px) {
 .experiences__item__title {
  min-height:60px
 }
}
.experiences__item__body ul {
 margin:32px 0;
 padding-left:17px
}
.experiences__item__body li {
 font-size:13px;
 line-height:23px
}
.experiences__item__cta {
 margin-top:auto
}
.section--faqs .faqs {
 background-color:#fcb900;
 color:#fff;
 padding:60px 30px
}
@media (min-width: 640px) {
 .section--faqs .faqs {
  padding:60px
 }
}
@media (min-width: 1376px) {
 .section--faqs .faqs {
  padding:100px
 }
}
.section--faqs .faqs a {
 color:#FFCE07;
 font-weight:700
}
.section--faqs .faqs--max-1200 .faqs__category {
 margin:40px auto 0;
 max-width:1200px
}
@media (min-width: 812px) {
 .section--faqs .faqs--dortmund-de .faqs__category__name {
  flex:0 0 300px;
  font-size:24px;
  line-height:30px;
  width:300px
 }
}
@media (min-width: 1376px) {
 .section--faqs .faqs--dortmund-de .faqs__category__name {
  flex:0 0 350px;
  font-size:28px;
  line-height:40px;
  width:350px
 }
}
.section--faqs .faqs--fest-2020 .faqs__chapter__title {
 font-weight:700;
 margin-bottom:20px
}
@media (max-width: 811px) {
 .section--faqs .faqs--fest-2020 .faqs__chapter__title {
  font-size:34px;
  line-height:40px;
  text-align:center
 }
}
@media (min-width: 812px) {
 .section--faqs .faqs--fest-2020 .faqs__chapter__title {
  font-size:53px;
  line-height:61px
 }
}
.section--faqs .faqs--fest-2020 .faqs__category__name {
 display:none
}
.section--faqs .faqs--fest-2020 .faqs__category {
 max-width:650px;
 margin:0 auto
}
.section--faqs .faqs--fest-2020 .faqs__category__faq+.faqs__category__faq {
 margin-top:0
}
.section--faqs .faqs--city-spotlight {
 display:flex;
 justify-content:center
}
@media (min-width: 640px) {
 .section--faqs .faqs--city-spotlight {
  padding:80px
 }
}
.section--faqs .faqs--city-spotlight .faqs__content {
 max-width:1200px
}
@media (min-width: 812px) {
 .section--faqs .faqs--city-spotlight .faqs__content {
  display:flex
 }
}
.section--faqs .faqs--city-spotlight .faqs__chapter {
 text-align:center
}
@media (min-width: 812px) {
 .section--faqs .faqs--city-spotlight .faqs__chapter {
  margin-right:60px;
  text-align:left;
  width:220px
 }
}
@media (max-width: 811px) {
 .section--faqs .faqs--city-spotlight .faqs__chapter {
  margin-bottom:30px
 }
}
@media (min-width: 1376px) {
 .section--faqs .faqs--city-spotlight .faqs__chapter {
  margin-right:120px
 }
}
.section--faqs .faqs--city-spotlight .faqs__chapter__title {
 font-weight:700;
 margin-bottom:20px;
 text-align:left
}
@media (max-width: 811px) {
 .section--faqs .faqs--city-spotlight .faqs__chapter__title {
  font-size:34px;
  line-height:40px;
  text-align:center
 }
}
@media (min-width: 812px) {
 .section--faqs .faqs--city-spotlight .faqs__chapter__title {
  font-size:53px;
  line-height:61px
 }
}
@media (min-width: 812px) {
 .section--faqs .faqs--city-spotlight .faqs__chapter__body {
  font-size:17px;
  line-height:30px
 }
}
.section--faqs .faqs--city-spotlight .faqs__category {
 border-top:none;
 flex:1;
 margin-top:0;
 padding-top:0
}
.section--faqs .faqs--city-spotlight .faqs__category__name {
 display:none
}
@media (min-width: 812px) {
 .section--faqs .faqs--city-spotlight .faqs__category__faq {
  margin-top:30px;
  padding-top:30px
 }
}
.section--faqs .faqs--city-spotlight .faqs__category__faq+.faqs__category__faq {
 margin-top:0
}
@media (min-width: 812px) {
 .section--faqs .faqs--city-spotlight .faqs__category__faq__question {
  font-size:20px;
  line-height:24px
 }
}
.section--faqs .faqs--city-spotlight .faqs__category__faq__answer p {
 margin-bottom:30px;
 margin-top:30px
}
@media (min-width: 812px) {
 .section--faqs .faqs--city-spotlight .faqs__category__faq__answer p {
  font-size:17px;
  line-height:30px
 }
}
@media (min-width: 812px) {
 .section--faqs .faqs--city-spotlight .faqs__category__faq__answer>*:last-child {
  margin-bottom:60px
 }
}
.section--faqs .faqs--city-spotlight .faqs__category__faq+.faqs__category__faq {
 margin-top:0;
 padding-top:30px
}
.section--faqs .faqs__chapter__title {
 font-size:32px;
 font-weight:700;
 line-height:40px;
 text-align:center
}
.section--faqs .faqs__category {
 border-top:2px solid #fff;
 margin-top:40px;
 padding-top:40px
}
@media (min-width: 812px) {
 .section--faqs .faqs__category {
  display:flex
 }
}
.section--faqs .faqs__category__name {
 font-size:24px;
 font-weight:700;
 line-height:32px;
 margin-bottom:20px;
 text-transform:uppercase;
 text-align:center
}
@media (min-width: 812px) {
 .section--faqs .faqs__category__name {
  padding-right:40px;
  flex:0 0 230px;
  text-align:left;
  width:230px
 }
}
@media (min-width: 1376px) {
 .section--faqs .faqs__category__name {
  flex:0 0 300px;
  width:300px
 }
}
.section--faqs .faqs__category__faqs {
 flex:1
}
.section--faqs .faqs__category__faq+.faqs__category__faq {
 margin-top:20px;
 padding-top:20px;
 border-top:1px solid #fff
}
.section--faqs .faqs__category__faq__question {
 cursor:pointer;
 font-family:"Lato",sans-serif;
 font-weight:900;
 padding-right:40px;
 position:relative;
 text-transform:uppercase
}
.section--faqs .faqs__category__faq__question__icon {
 position:absolute;
 right:0;
 top:10px
}
.section--faqs .faqs__category__faq__question__icon:before,
.section--faqs .faqs__category__faq__question__icon:after {
 content:'';
 display:block;
 width:15px;
 height:2px;
 background-color:#fff;
 position:absolute;
 right:0;
 top:0
}
.section--faqs .faqs__category__faq__question__icon:before {
 transform:rotate(-90deg);
 transition:transform .5s ease
}
.section--faqs .faqs__category__faq--active .faqs__category__faq__question__icon:before {
 transform:rotate(0)
}
.section--faqs .faqs__category__faq__answer {
 opacity:0;
 height:0;
 pointer-events:none
}
.section--faqs .faqs__category__faq__answer h3 {
 font-size:16px
}
.section--faqs .faqs__category__faq--active .faqs__category__faq__question {
 margin-bottom:20px
}
.section--faqs .faqs__category__faq--active .faqs__category__faq__answer {
 opacity:1;
 pointer-events:auto;
 transition:opacity .5s ease;
 height:auto
}
.fest-hotels {
 align-items:center;
 background:linear-gradient(-180deg, #fff 0%, #DFF8EE 100%);
 display:flex;
 flex-direction:column;
 justify-content:center;
 min-height:740px;
 padding:64px 20px
}
@media (min-width: 812px) {
 .fest-hotels {
  padding:100px 60px
 }
}
.fest-hotels__content {
 color:#265C7F;
 margin:0 auto;
 max-width:760px;
 text-align:center
}
.fest-hotels--max-500 .fest-hotels__content {
 max-width:500px
}
.fest-hotels__title {
 font-size:34px;
 line-height:40px;
 margin-bottom:20px;
 font-weight:700
}
@media (min-width: 812px) {
 .fest-hotels__title {
  font-size:53px;
  line-height:61px
 }
}
.fest-hotels__body {
 font-size:17px;
 line-height:30px;
 margin-bottom:40px
}
.fest-hotels__hotels {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 width:100%
}
.fest-hotels__hotel {
 margin-bottom:12px;
 padding:0 6px
}
@media (min-width: 640px) {
 .fest-hotels__hotel {
  margin-bottom:20px;
  padding:0 10px
 }
}
.fest-hotels__hotel__logo {
 align-items:center;
 background-color:#fff;
 display:flex;
 overflow:hidden;
 padding:10px;
 height:150px;
 width:150px
}
@media (min-width: 640px) {
 .fest-hotels__hotel__logo {
  height:180px;
  width:180px
 }
}
@media (min-width: 1376px) {
 .fest-hotels__hotel__logo {
  height:250px;
  width:250px
 }
}
.fest-hotels__hotel__logo img {
 display:block;
 height:auto;
 -o-object-fit:contain;
 object-fit:contain;
 -o-object-position:center;
 object-position:center;
 width:100%
}
.fest-hotels__hotel--ac-hotel .fest-hotels__hotel__logo,
.fest-hotels__hotel--the-westin-michigan-avenue .fest-hotels__hotel__logo,
.fest-hotels__hotel--thompson .fest-hotels__hotel__logo {
 background-color:#000
}
.fest-hotels__hotel--hilton-chicago .fest-hotels__hotel__logo {
 background-color:#003151
}
.fest-hotels__hotel--gwen .fest-hotels__hotel__logo {
 background-color:#404040
}
.fest-hotels__hotel--soldout .fest-hotels__hotel__logo {
 position:relative
}
.fest-hotels__hotel--soldout .fest-hotels__hotel__logo::after {
 background-color:#111;
 bottom:0;
 color:#fff;
 content:'Sold Out';
 font-size:13px;
 font-weight:700;
 left:0;
 padding:2px 0;
 position:absolute;
 text-align:center;
 width:100%
}
.fest-perks {
 font-family:"Lato",sans-serif;
 font-size:15px;
 line-height:20px
}
@media (min-width: 812px) {
 .fest-perks {
  font-size:18px;
  line-height:25px
 }
}
.fest-perks__inner {
 padding:80px 0;
 max-width:1000px;
 margin:0 auto
}
@media (min-width: 812px) {
 .fest-perks__inner {
  padding:120px 40px
 }
}
.fest-perks__header {
 border-bottom:2px solid #fff;
 color:#fff;
 padding-bottom:12px;
 margin-bottom:48px
}
@media (max-width: 811px) {
 .fest-perks__header {
  padding-left:16px;
  padding-right:16px
 }
}
.fest-perks__header__title {
 font-family:"Lato",sans-serif;
 font-weight:700
}
@media (max-width: 1375px) {
 .fest-perks__header__title {
  font-size:36px;
  line-height:60px
 }
}
@media (min-width: 1376px) {
 .fest-perks__header__title {
  font-size:60px;
  line-height:70px
 }
}
.fest-perks__table {
 background-color:#fff;
 color:#3F4847;
 padding:40px 16px
}
@media (min-width: 812px) {
 .fest-perks__table {
  padding:80px
 }
}
.fest-perks__table__header,
.fest-perks__table__row {
 align-items:center;
 display:grid;
 grid-template-columns:1fr 75px 60px;
 -moz-column-gap:16px;
 column-gap:16px
}
@media (min-width: 812px) {
 .fest-perks__table__header,
 .fest-perks__table__row {
  grid-template-columns:1fr 130px 130px;
  -moz-column-gap:24px;
  column-gap:24px
 }
}
[lang="it"] .fest-perks__table__header,
[lang="it"] .fest-perks__table__row {
 grid-template-columns:1fr 110px 80px
}
@media (min-width: 812px) {
 [lang="it"] .fest-perks__table__header,
 [lang="it"] .fest-perks__table__row {
  grid-template-columns:1fr 150px 150px
 }
}
@media (min-width: 812px) {
 [lang="pt-BR"] .fest-perks__table__header,
 [lang="pt-BR"] .fest-perks__table__row {
  grid-template-columns:1fr 150px 150px
 }
}
.fest-perks__table__header {
 border-bottom:1px solid #979797;
 padding-bottom:20px;
 font-weight:700
}
.fest-perks__table__header__item--free,
.fest-perks__table__header__item--ticketed {
 text-align:center;
 text-transform:uppercase;
 font-size:12px
}
@media (min-width: 812px) {
 .fest-perks__table__header__item--free,
 .fest-perks__table__header__item--ticketed {
  font-size:14px
 }
}
.fest-perks__table__header__item--ticketed .fest-perks__table__header__item__label {
 height:20px;
 padding:0 10px;
 border-radius:10px;
 line-height:20px;
 background:linear-gradient(-3deg, #0494D3 0%, #2E79D5 50%, #5861D9 100%);
 color:#fff
}
@media (min-width: 812px) {
 .fest-perks__table__header__item--ticketed .fest-perks__table__header__item__label {
  height:36px;
  padding:0 18px;
  border-radius:18px;
  line-height:36px
 }
}
.fest-perks__table__row {
 padding:20px 0;
 border-bottom:1px solid #E7E7E7
}
.fest-perks__table__row__item--free,
.fest-perks__table__row__item--ticketed {
 text-align:center
}
.fest-perks__icon {
 width:30px;
 height:30px;
 display:flex;
 justify-content:center;
 align-items:center;
 border-radius:50%;
 margin:0 auto
}
.fest-perks__icon i {
 font-size:18px
}
.fest-perks__icon--check {
 background:linear-gradient(135deg, #B9F0AC 0%, #ACEEAC 9%, #22D6B2 100%)
}
.fest-perks__icon--check i {
 color:#fff
}
.fest-perks__icon--x {
 background-color:#F6F6F6
}
.fest-perks__icon--x i {
 color:#616161
}
@media (max-width: 811px) {
 .fest-print {
  padding:60px 20px
 }
}
@media (min-width: 812px) {
 .fest-print {
  padding:7% 60px 100px
 }
}
.fest-print__content {
 color:#fff;
 margin:0 auto 40px;
 max-width:700px;
 text-align:center
}
.fest-print__title {
 font-weight:700;
 margin-bottom:20px
}
@media (max-width: 811px) {
 .fest-print__title {
  font-size:34px;
  line-height:40px;
  text-align:center
 }
}
@media (min-width: 812px) {
 .fest-print__title {
  font-size:53px;
  line-height:61px
 }
}
.fest-print__body {
 font-size:17px;
 line-height:25px
}
.fest-print__items {
 display:flex;
 flex-wrap:wrap;
 justify-content:center
}
.fest-print__item {
 margin:0 10px 20px;
 width:400px;
 padding:40px 20px;
 background-color:#fff;
 display:flex;
 flex-direction:column
}
.fest-print__item__thumb {
 background-size:cover;
 margin:0 auto 20px;
 width:200px;
 height:200px
}
.fest-print__item__content {
 display:flex;
 color:#333;
 flex-direction:column;
 text-align:center;
 flex:1
}
.fest-print__item__title {
 font-weight:700;
 font-size:19px;
 line-height:27px;
 margin-bottom:10px
}
.fest-print__item__body {
 flex:1
}
.fest-print__item__buttons {
 display:flex;
 margin-top:40px
}
.fest-print__item__button {
 align-items:center;
 display:flex;
 flex:1;
 justify-content:center
}
.fest-print__item__button+.fest-print__item__button {
 margin-left:8px
}
.fest-teaser {
 align-items:center;
 background-color:#000;
 color:#fff;
 display:flex;
 flex-direction:column;
 justify-content:center;
 min-height:100vh;
 padding:80px 20px
}
.fest-teaser .fest-teaser__countdown__title,
.fest-teaser .fest-teaser__hotels__title {
 font-size:40px;
 line-height:48px;
 margin-bottom:20px;
 text-align:center
}
.fest-teaser .fest-teaser__countdown__title .text--small,
.fest-teaser .fest-teaser__hotels__title .text--small {
 font-size:28px;
 line-height:1
}
.fest-teaser .fest-teaser__countdown__timer {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 opacity:0;
 transition:opacity .5s ease
}
.fest-teaser .fest-teaser__countdown__timer--ready {
 opacity:1
}
@media (min-width: 812px) {
 .fest-teaser .fest-teaser__countdown__timer.inview .pokeball--2 {
  opacity:0;
  top:-160px;
  transition:opacity .5s ease
 }
 .fest-teaser .fest-teaser__countdown__timer.inview--enabled .pokeball--2 {
  -webkit-animation:poke-bounce 2s linear forwards;
  animation:poke-bounce 2s linear forwards;
  opacity:1
 }
}
.fest-teaser .fest-teaser__countdown__unit {
 padding:0 5px;
 text-align:center
}
@media (min-width: 640px) {
 .fest-teaser .fest-teaser__countdown__unit {
  padding:0 15px;
  width:auto
 }
}
.fest-teaser .fest-teaser__countdown__unit__value {
 font-size:30px;
 line-height:1;
 margin-bottom:5px
}
@media (min-width: 640px) {
 .fest-teaser .fest-teaser__countdown__unit__value {
  margin-bottom:20px;
  font-size:120px
 }
}
.fest-teaser .fest-teaser__countdown__unit__name {
 text-transform:uppercase;
 font-size:10px;
 font-weight:600;
 line-height:15px
}
@media (min-width: 812px) {
 .fest-teaser .fest-teaser__countdown__unit__name {
  font-size:16px
 }
}
.fest-teaser .fest-teaser__hotels {
 margin-top:80px
}
.fest-teaser .fest-teaser__hotels__body {
 max-width:600px;
 text-align:center
}
.fest-teaser .pokeball {
 border-radius:50%;
 height:80px;
 margin:10px 20px;
 overflow:hidden;
 position:relative;
 width:80px;
 zoom:.3
}
@media (min-width: 640px) {
 .fest-teaser .pokeball {
  margin:20px;
  zoom:1
 }
}
.fest-teaser .pokeball__top,
.fest-teaser .pokeball__bottom {
 height:calc(50% - 4px);
 left:0;
 position:absolute;
 width:100%;
 z-index:10
}
.fest-teaser .pokeball__top {
 background-color:#e9212d;
 top:0
}
.fest-teaser .pokeball__bottom {
 background-color:#fff;
 bottom:0
}
.fest-teaser .pokeball__inner {
 background-color:#fff;
 border:8px solid #000;
 border-radius:50%;
 height:32px;
 left:calc(50% - 16px);
 position:absolute;
 top:calc(50% - 16px);
 width:32px;
 z-index:11
}
.section--fest-tickets {
 font-family:"Lato",sans-serif
}
.section--fest-tickets .buy {
 background-color:#0DBF92;
 background-repeat:no-repeat;
 background-size:cover;
 overflow:hidden;
 padding:80px 0;
 position:relative
}
@media (min-width: 812px) {
 .section--fest-tickets .buy {
  height:auto;
  background-size:cover
 }
}
.section--fest-tickets .buy__content {
 color:#fff;
 font-family:"Lato",sans-serif;
 margin-bottom:40px;
 text-align:center;
 position:relative;
 text-shadow:0 2px 3px rgba(0,0,0,0.22)
}
@media (min-width: 812px) {
 .section--fest-tickets .buy__content {
  margin-bottom:60px;
  padding:0 30px
 }
}
.section--fest-tickets .buy__icon {
 margin:0 auto;
 width:60px;
 height:60px;
 border-radius:50%;
 box-shadow:0 2px 3px rgba(0,0,0,0.22)
}
.section--fest-tickets .buy__icon__soldout {
 position:absolute;
 left:50%;
 width:178px;
 margin-top:-60px;
 margin-left:-120px
}
@media (min-width: 640px) {
 .section--fest-tickets .buy__icon__soldout {
  width:178px;
  margin-top:0;
  margin-left:-250px
 }
}
.section--fest-tickets .buy__tag {
 display:inline-block;
 padding:8px 16px;
 font-size:14px;
 line-height:20px;
 color:#fff;
 border:2px solid #fff;
 border-radius:5px;
 text-transform:uppercase;
 font-weight:700;
 text-shadow:none;
 position:absolute
}
@media (min-width: 812px) {
 .section--fest-tickets .buy__tag {
  font-size:19px;
  line-height:23px;
  padding:10px 20px
 }
}
.section--fest-tickets .buy__tag--right {
 transform:rotate(25deg);
 top:20px;
 left:calc(50% + 50px)
}
.section--fest-tickets .buy__title {
 font-size:30px;
 font-weight:700;
 line-height:54px;
 margin-bottom:10px
}
@media (min-width: 640px) {
 .section--fest-tickets .buy__title {
  font-size:38px
 }
}
.section--fest-tickets .buy__body {
 font-size:16px;
 font-weight:700;
 letter-spacing:.5px;
 line-height:26px;
 margin:0 auto;
 max-width:650px;
 padding:0 20px
}
@media (min-width: 812px) {
 .section--fest-tickets .buy__body {
  font-size:17px;
  line-height:30px;
  padding:0
 }
}
.section--fest-tickets .buy--soldout .buy__body {
 max-width:600px
}
.section--fest-tickets .ticket-wrap {
 display:flex;
 align-items:center;
 overflow:hidden;
 flex-direction:column
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket-wrap {
  overflow:visible
 }
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket-days,
 .section--fest-tickets .tickets {
  align-items:center;
  display:flex;
  justify-content:center;
  position:relative;
  width:800px
 }
}
.section--fest-tickets .ticket-days {
 margin:0 auto
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket-days--mobile {
  display:none
 }
}
.section--fest-tickets .ticket-days--desktop {
 display:none
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket-days--desktop {
  display:flex
 }
}
.section--fest-tickets .ticket-days__day {
 text-align:center;
 box-sizing:content-box;
 font-size:38px;
 font-weight:900;
 line-height:1;
 text-shadow:0 2px 3px rgba(0,0,0,0.22);
 color:#fff
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket-days__day {
  width:296px
 }
 .section--fest-tickets .ticket-days__day--1 {
  padding:0 56px 0 30px
 }
 .section--fest-tickets .ticket-days__day--2 {
  padding:0 30px 0 56px
 }
}
.section--fest-tickets .ticket {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 background-image:url(https://lh3.googleusercontent.com/yU1Yf315BR-mlAtJsmd42KyOjTri7sYr8om5-Hc06_OKr-wtPFEfhjicm0wHXR_WFUPQQLKdAZR1znBQLswwCDN4RLK7x2WP=s0);
 background-size:contain;
 background-repeat:no-repeat;
 background-position:center;
 display:flex;
 flex-wrap:wrap;
 width:382px;
 margin:0 auto
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket {
  flex-direction:row;
  flex-wrap:nowrap;
  background-image:url(https://lh3.googleusercontent.com/EsfoPp7PyccQ_VNkmyue7k15AJT7W9h2mshdSwSbY83MnOD-E9Mh4m3EkQrsFucO2mSGxPmVHniMcTm9i_X8on9oukPkq6SSeg=s0);
  width:800px;
  height:405px;
  margin:0 auto
 }
}
.section--fest-tickets .ticket.inview {
 transform:scale(0.75);
 opacity:0;
 transition:transform 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53),opacity 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53)
}
.section--fest-tickets .ticket.inview--enabled {
 transform:scale(1);
 opacity:1
}
.section--fest-tickets .ticket--soldout {
 background-image:none;
 background-color:#FFF;
 border-radius:10px;
 box-shadow:0 13px 44px 0 rgba(171,171,171,0.22);
 display:block;
 width:90%;
 margin:60px 20px;
 flex:none
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket--soldout {
  background-color:transparent;
  background-image:url(/img/fest/sold-out-shadow.svg);
  box-shadow:none;
  width:100%;
  max-width:800px;
  margin:0
 }
}
.section--fest-tickets .ticket--soldout:hover {
 transform:scale(1)
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__soldout {
  position:relative;
  width:105%;
  height:105%
 }
 .section--fest-tickets .ticket__soldout:before {
  display:block;
  content:"";
  width:100%;
  padding-top:60.46512%
 }
}
.section--fest-tickets .ticket__soldout__content {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 height:100%;
 padding:30px;
 text-align:center
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__soldout__content {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  justify-content:center;
  flex-direction:column;
  height:auto;
  margin-top:0;
  padding:20px 120px 40px 80px
 }
}
.section--fest-tickets .ticket__soldout__title {
 color:#4AD09C;
 font-family:"Lato",sans-serif;
 font-size:25px;
 font-weight:700;
 letter-spacing:.35px;
 line-height:36px;
 margin-bottom:20px;
 text-align:center
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__soldout__title {
  font-size:40px;
  line-height:52px
 }
}
.section--fest-tickets .ticket__soldout__body {
 color:#3F4847;
 font-size:17px;
 line-height:30px;
 font-family:"Lato",sans-serif;
 margin:0 auto;
 max-width:500px
}
.section--fest-tickets .tickets__soldout__social {
 display:flex;
 justify-content:center;
 margin-bottom:20px
}
.section--fest-tickets .tickets__soldout__social__icon {
 margin:0 10px;
 width:52px
}
.section--fest-tickets .tickets__soldout__hashtag {
 color:#97A9A9;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:700;
 letter-spacing:2.15px
}
.section--fest-tickets .ticket__side:first-child {
 height:236px;
 position:relative;
 padding:44px 40px 0;
 width:100%
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__side:first-child {
  width:275px;
  height:100%;
  padding:0;
  flex:0 0 275px
 }
}
.section--fest-tickets .ticket__side:last-child {
 height:582px;
 padding:0 40px 44px;
 position:relative;
 width:100%
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__side:last-child {
  flex:1;
  height:100%;
  padding:0
 }
}
.section--fest-tickets .ticket__logo,
.section--fest-tickets .ticket__content {
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 height:100%
}
.section--fest-tickets .ticket__logo {
 align-items:center;
 display:flex;
 justify-content:center
}
.section--fest-tickets .ticket__logo img {
 width:140px
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__logo img {
  width:180px
 }
}
.section--fest-tickets .ticket__content {
 padding:40px;
 display:flex;
 justify-content:center;
 flex-direction:column
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__content {
  padding:40px 80px
 }
}
.section--fest-tickets .ticket__cost {
 align-items:center;
 display:flex
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__cost {
  align-items:flex-end
 }
}
.section--fest-tickets .ticket__cost__price {
 font-family:"Lato",sans-serif;
 font-size:38px;
 font-weight:700;
 color:#2B4D86;
 line-height:1;
 margin:0 10px 0 0
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__cost__price {
  margin:0 20px 0 0
 }
}
.section--fest-tickets .ticket__cost__price sup {
 font-size:16px;
 position:relative;
 top:-5px;
 margin-left:2px
}
.section--fest-tickets .ticket__cost-disclaimer {
 color:#3F4847;
 font-family:"Lato",sans-serif;
 font-size:12px;
 font-weight:700;
 line-height:18px;
 margin-right:-10px;
 margin-top:20px
}
.section--fest-tickets .ticket__details {
 display:flex;
 flex-wrap:wrap;
 margin:20px 0
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__details {
  margin:40px 0 0
 }
}
.section--fest-tickets .ticket__detail {
 width:100%;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__detail {
  margin-bottom:20px;
  width:50%
 }
}
.section--fest-tickets .ticket__detail:last-child {
 margin-bottom:0
}
.section--fest-tickets .ticket__detail__label {
 color:#97A9A9;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:700;
 letter-spacing:2.15px;
 text-transform:uppercase
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket__detail__label {
  color:#2B4D86
 }
}
.section--fest-tickets .ticket__detail__value {
 color:#3F4847;
 font-family:"Lato",sans-serif;
 font-size:16px;
 line-height:28px
}
.section--fest-tickets .ticket__cta .button {
 background:#FFCE07;
 display:block;
 font-family:"Lato",sans-serif;
 font-size:14px;
 font-weight:900;
 text-align:center;
 text-transform:uppercase;
 transition:background-color 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53),transform 0.25s cubic-bezier(0.64, 0.57, 0.67, 1.53)
}
.section--fest-tickets .ticket__cta .button:hover {
 background:#2B4D86;
 transform:scale(1.02)
}
.section--fest-tickets .ticket-disclaimer {
 color:#fff;
 font-weight:700;
 margin:0 auto;
 max-width:650px;
 padding:0 30px;
 text-align:center;
 text-shadow:0 2px 3px rgba(0,0,0,0.22)
}
@media (min-width: 812px) {
 .section--fest-tickets .ticket-disclaimer {
  margin-top:40px
 }
 .section--fest-tickets .ticket-disclaimer+.ticket-disclaimer {
  margin-top:0
 }
}
.section--fest-tickets .ticket-divider {
 width:80px;
 height:80px;
 position:relative;
 margin:0 auto 40px
}
.section--fest-tickets .ticket-divider::before {
 border:4px solid #fff;
 border-radius:50%;
 content:'';
 display:block;
 height:calc(100% - 8px);
 left:4px;
 position:absolute;
 top:4px;
 width:calc(100% - 8px);
 z-index:100
}
.section--fest-tickets .ticket-divider::after {
 align-items:center;
 background-color:#FFCD00;
 border-radius:50%;
 box-shadow:0 2px 10px rgba(0,0,0,0.22);
 color:#2C4C85;
 content:'OR';
 display:flex;
 font-size:22px;
 font-weight:900;
 height:100%;
 justify-content:center;
 left:0;
 position:absolute;
 top:0;
 width:100%
}
.section--fest-tickets .ticket-cta {
 margin:40px 0;
 text-align:center
}
.buy--city-spotlight .ticket__cost,
.buy--tour-kanto .ticket__cost {
 align-items:flex-start;
 display:flex;
 flex-direction:column
}
.buy--city-spotlight .ticket__cost__disclaimer,
.buy--tour-kanto .ticket__cost__disclaimer {
 margin-top:5px
}
.buy--city-spotlight .ticket-disclaimer a,
.buy--tour-kanto .ticket-disclaimer a {
 color:#fff;
 text-decoration:underline
}
.section--fest-tickets .buy--city-spotlight {
 background:transparent
}
.buy--city-spotlight .ticket__content {
 padding:40px
}
@media (min-width: 812px) {
 .buy--city-spotlight .ticket__detail--date {
  width:55%
 }
}
@media (min-width: 812px) {
 .buy--city-spotlight .ticket__detail--time {
  width:45%
 }
}
@media (min-width: 812px) {
 .buy--city-spotlight .ticket__detail__value {
  font-size:22px;
  line-height:35px
 }
}
.buy--city-spotlight .ticket__cta a {
 background-image:linear-gradient(135deg, #B9F0AC 0%, #ACEEAC 9%, #22D6B2 100%) !important
}
@media (min-width: 812px) {
 .buy--city-spotlight .ticket__detail {
  margin-bottom:30px
 }
}
.section--fest-tickets .buy--tour-kanto {
 background-position:center;
 background-size:cover;
 position:relative
}
.section--fest-tickets .buy--tour-kanto::after {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,0.25);
 z-index:0;
 pointer-events:none
}
.buy--tour-kanto .buy__content {
 padding:0 20px
}
.buy--tour-kanto .buy__inner {
 position:relative;
 z-index:1
}
.buy--tour-kanto .buy__title {
 font-size:18px;
 line-height:28px;
 margin-left:auto;
 margin-right:auto;
 max-width:630px
}
@media (min-width: 812px) {
 .buy--tour-kanto .buy__title {
  font-size:28px;
  line-height:38px
 }
}
.buy--fest-2021 {
 background-color:#0A2D65 !important
}
.buy--fest-2021 .ticket__cost {
 display:flex
}
.buy--fest-2021 .ticket__cost__price {
 font-size:26px
}
@media (min-width: 812px) {
 .buy--fest-2021 .ticket__cost__price {
  font-size:38px
 }
}
.buy--fest-2021 .ticket__cost__price--strikeout {
 font-size:22px;
 line-height:36px;
 color:#767676;
 position:relative
}
@media (min-width: 812px) {
 .buy--fest-2021 .ticket__cost__price--strikeout {
  font-size:30px
 }
}
.buy--fest-2021 .ticket__cost__price--strikeout::after {
 content:'';
 position:absolute;
 height:7px;
 width:126px;
 transform:scaleY(-1) rotate(-158deg);
 background-image:linear-gradient(90deg, red 0%, #FF9B6B 100%);
 border-radius:3.5px;
 top:16px;
 left:10%;
 width:80%
}
.buy--fest-2021 .ticket-disclaimer {
 color:#07529C
}
.buy--fest-2021 .ticket-disclaimer a {
 color:#17244C;
 text-decoration:underline
}
.section--fest-twocol .fest-twocol {
 background-color:#333;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
 position:relative
}
.section--fest-twocol .fest-twocol--encounters {
 background-image:url(/img/fest/bg/encounters-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--encounters {
  background-image:url(/img/fest/bg/encounters-bg.jpg)
 }
}
.section--fest-twocol .fest-twocol--challenges {
 background-image:url(/img/fest/bg/challenges-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--challenges {
  background-image:url(/img/fest/bg/challenges-bg.jpg)
 }
}
.section--fest-twocol .fest-twocol--medal {
 background-image:url(/img/fest/bg/medal-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--medal {
  background-image:url(/img/fest/bg/medal-bg.jpg)
 }
}
.section--fest-twocol .fest-twocol--pokestops {
 background-image:url(/img/fest/bg/pokestops-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--pokestops {
  background-image:url(/img/fest/bg/pokestops-bg.jpg)
 }
}
.section--fest-twocol .fest-twocol--lounges {
 background-image:url(/img/fest/bg/lounges-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--lounges {
  background-image:url(/img/fest/bg/lounges-bg.jpg)
 }
}
.section--fest-twocol .fest-twocol--photos {
 background-image:url(/img/fest/bg/photos-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--photos {
  background-image:url(/img/fest/bg/photos-bg.jpg)
 }
}
.section--fest-twocol .fest-twocol--encounters-unibail {
 background-image:url(/img/fest/bg/encounters-unibail-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--encounters-unibail {
  background-image:url(/img/fest/bg/encounters-unibail-bg.jpg)
 }
}
.section--fest-twocol .fest-twocol--raids {
 background-image:url(/img/fest/bg/raids-bg-mobile.jpg)
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--raids {
  background-image:url(/img/fest/bg/raids-bg.jpg)
 }
}
.section--fest-twocol .fest-twocol__layout {
 display:flex;
 flex-direction:column;
 flex-wrap:wrap;
 justify-content:space-between;
 max-width:480px;
 min-height:572px;
 margin:0 auto;
 padding:40px 30px;
 position:relative;
 z-index:2
}
@media (min-width: 640px) {
 .section--fest-twocol .fest-twocol__layout {
  min-height:580px;
  padding:80px 30px
 }
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol__layout {
  align-items:center;
  flex-direction:row;
  height:740px;
  max-width:1200px;
  padding:0 60px
 }
}
.section--fest-twocol .fest-twocol--even .fest-twocol__layout {
 flex-direction:row-reverse
}
.section--fest-twocol .fest-twocol__layout__item {
 width:100%
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol__layout__item {
  width:50%
 }
}
.section--fest-twocol .fest-twocol--photos .fest-twocol__layout__item:first-child {
 align-self:flex-end
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--photos .fest-twocol__layout__item:first-child {
  align-self:center
 }
}
.section--fest-twocol .fest-twocol--photos .fest-twocol__layout__item:last-child {
 display:none
}
.section--fest-twocol .fest-twocol__content {
 color:#fff;
 margin:0 auto
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol__content {
  max-width:480px;
  margin:0
 }
}
.section--fest-twocol .fest-twocol__title {
 font-family:"Lato",sans-serif;
 font-size:25px;
 font-weight:700;
 margin-bottom:20px;
 letter-spacing:.17px;
 line-height:36px
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol__title {
  font-size:53px;
  letter-spacing:.35px;
  line-height:61px
 }
}
.section--fest-twocol .fest-twocol__body {
 font-family:"Lato",sans-serif;
 font-size:17px;
 letter-spacing:.5px;
 line-height:30px
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol__image--mobile {
  display:none
 }
}
.section--fest-twocol .fest-twocol__image--desktop {
 display:none
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol__image--desktop {
  display:block
 }
}
.section--fest-twocol .fest-twocol--encounters .fest-twocol__image {
 position:absolute;
 background-image:url(/img/fest/phone-mobile.png);
 background-repeat:no-repeat;
 background-size:contain;
 background-position:top;
 position:absolute;
 bottom:0;
 left:calc(50% - 110px);
 width:220px
}
.section--fest-twocol .fest-twocol--encounters .fest-twocol__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:105.19481%
}
@media (min-width: 360px) {
 .section--fest-twocol .fest-twocol--encounters .fest-twocol__image {
  left:calc(50% - 130px);
  width:260px
 }
}
@media (min-width: 640px) {
 .section--fest-twocol .fest-twocol--encounters .fest-twocol__image {
  left:calc(50% - 150px);
  width:300px
 }
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--encounters .fest-twocol__image {
  position:absolute;
  background-image:url(/img/fest/phone.png);
  left:auto;
  right:60px;
  top:-74px;
  width:300px
 }
 .section--fest-twocol .fest-twocol--encounters .fest-twocol__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:202.12766%
 }
}
@media (min-width: 1376px) {
 .section--fest-twocol .fest-twocol--encounters .fest-twocol__image {
  top:-92px;
  width:376px
 }
}
.section--fest-twocol .fest-twocol--medal .fest-twocol__image {
 margin:0 auto;
 max-width:300px
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--medal .fest-twocol__image {
  max-width:none
 }
}
.section--fest-twocol .fest-twocol--even.fest-twocol--lounges .fest-twocol__image {
 margin:0 auto;
 max-width:300px
}
@media (min-width: 812px) {
 .section--fest-twocol .fest-twocol--even.fest-twocol--lounges .fest-twocol__image {
  margin:0;
  max-width:none;
  padding-right:80px
 }
}
.hotels {
 align-items:center;
 background:linear-gradient(-180deg, #fff 0%, #DFF8EE 100%);
 display:flex;
 flex-direction:column;
 justify-content:center;
 min-height:740px;
 padding:64px 20px
}
@media (min-width: 812px) {
 .hotels {
  padding:100px 60px
 }
}
.hotels__content {
 color:#265C7F;
 margin:0 auto;
 max-width:760px;
 text-align:center
}
.hotels--max-500 .hotels__content {
 max-width:500px
}
.hotels__title {
 font-size:34px;
 line-height:40px;
 margin-bottom:20px;
 font-weight:700
}
@media (min-width: 812px) {
 .hotels__title {
  font-size:53px;
  line-height:61px
 }
}
.hotels__body {
 font-size:17px;
 line-height:30px;
 margin-bottom:40px
}
.hotels__hotels {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 width:100%
}
.hotels__hotel {
 margin-bottom:12px;
 padding:0 6px
}
@media (min-width: 640px) {
 .hotels__hotel {
  margin-bottom:20px;
  padding:0 10px
 }
}
.hotels__hotel__logo {
 align-items:center;
 background-color:#fff;
 display:flex;
 overflow:hidden;
 padding:10px;
 height:150px;
 width:150px
}
@media (min-width: 640px) {
 .hotels__hotel__logo {
  height:180px;
  width:180px
 }
}
@media (min-width: 1376px) {
 .hotels__hotel__logo {
  height:250px;
  width:250px
 }
}
.hotels__hotel__logo img {
 display:block;
 height:auto;
 -o-object-fit:contain;
 object-fit:contain;
 -o-object-position:center;
 object-position:center;
 width:100%
}
.hotels__hotel--delta .hotels__hotel__logo {
 background-color:#1105A0
}
.hotels__hotel--le-meridien-versailles .hotels__hotel__logo {
 background-color:#55B3B2
}
.hotels__hotel--magnolia .hotels__hotel__logo {
 background-color:#3F4545
}
.hotels__hotel--kimpton-philadelphia .hotels__hotel__logo {
 background-color:#000
}
.hotels__hotel--soldout .hotels__hotel__logo {
 position:relative
}
.hotels__hotel--soldout .hotels__hotel__logo::after {
 background-color:#111;
 bottom:0;
 color:#fff;
 content:'Sold Out';
 font-size:13px;
 font-weight:700;
 left:0;
 padding:2px 0;
 position:absolute;
 text-align:center;
 width:100%
}
.body--gbl .page-bg {
 padding-top:67.5%;
 background-size:120%;
 background-position:top;
 background-repeat:no-repeat;
 top:0;
 left:0;
 width:100%;
 z-index:-1;
 display:none
}
@media (min-width: 812px) {
 .body--gbl .page-bg {
  display:block
 }
}
.body--gbl .page-bg::before {
 content:'';
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(255,255,255,0.3);
 padding-top:0
}
.body--gbl .page-bg::after {
 background-image:linear-gradient(to bottom, rgba(35,66,117,0) 0%, #234275 90%);
 content:'';
 display:block;
 position:absolute;
 left:0;
 bottom:0;
 height:50%;
 width:100%
}
.gbl-leaderboard {
 font-family:"Lato",sans-serif;
 margin:0 auto;
 max-width:650px;
 min-height:600px;
 padding:20px
}
@media (min-width: 360px) {
 .gbl-leaderboard {
  padding:30px 30px 60px
 }
}
@media (min-width: 812px) {
 .gbl-leaderboard {
  background-color:#31445A;
  border-radius:10px;
  padding:30px 80px 80px
 }
}
.gbl-leaderboard__header {
 align-items:center;
 display:flex;
 flex-direction:column;
 color:#fff;
 margin-bottom:20px
}
.gbl-leaderboard__header__icon {
 height:36px;
 margin-bottom:10px;
 width:36px
}
.gbl-leaderboard__header__title {
 font-size:24px;
 font-weight:700;
 letter-spacing:1px;
 line-height:1.4
}
.gbl-leaderboard__header__subtitle {
 font-size:15px;
 font-weight:700;
 letter-spacing:1px
}
.gbl-leaderboard__header__title,
.gbl-leaderboard__header__subtitle {
 text-transform:uppercase
}
.gbl-leaderboard__header__last-updated {
 color:rgba(255,255,255,0.5);
 font-size:12px;
 margin-top:10px;
 position:relative;
 text-align:center
}
.gbl-leaderboard__header__last-updated .info-icon {
 border-radius:50%;
 border:1px solid rgba(255,255,255,0.5);
 cursor:pointer;
 display:inline-block;
 width:16px;
 height:16px;
 text-align:center;
 line-height:16px;
 margin-left:5px;
 font-size:10px;
 font-weight:900;
 position:relative
}
.gbl-leaderboard__header__last-updated .info-icon::before {
 content:'i';
 vertical-align:top;
 line-height:14px
}
.gbl-leaderboard__header__last-updated .info-icon::after {
 content:'';
 display:block;
 position:absolute;
 top:calc(100% + 8px);
 left:calc(50% - 12px);
 opacity:0;
 pointer-events:none;
 width:0;
 height:0;
 border-left:12px solid transparent;
 border-right:12px solid transparent;
 border-bottom:12px solid #fff
}
.gbl-leaderboard__header__last-updated .info-icon-modal {
 background-color:#fff;
 border-radius:5px;
 color:#31445A;
 font-size:12px;
 left:calc(50% - 150px);
 line-height:18px;
 opacity:0;
 padding:10px;
 pointer-events:none;
 position:absolute;
 text-align:left;
 top:calc(100% + 15px);
 width:300px;
 z-index:100
}
.gbl-leaderboard__header__last-updated .info-icon-modal ul {
 padding-left:20px
}
.gbl-leaderboard__header__last-updated .info-icon-modal li+li {
 margin-top:10px
}
.gbl-leaderboard__header__last-updated--help-toggled .info-icon::after {
 opacity:1;
 pointer-events:auto
}
.gbl-leaderboard__header__last-updated--help-toggled .info-icon-modal {
 opacity:1;
 pointer-events:auto
}
.gbl-leaderboard__trainer {
 display:grid;
 grid-template-columns:40px 1fr 90px
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainer {
  grid-template-columns:40px 1fr 120px
 }
}
.gbl-leaderboard__trainer__col {
 display:flex;
 flex-direction:column;
 justify-content:center
}
.gbl-leaderboard__trainer,
.gbl-leaderboard__trainer-placeholder {
 background-color:#1D2837;
 border-radius:10px;
 color:#fff;
 padding:10px;
 margin-top:10px
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainer,
 .gbl-leaderboard__trainer-placeholder {
  padding:20px
 }
}
.gbl-leaderboard__trainer-placeholder {
 height:66px
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainer-placeholder {
  height:90px
 }
}
.gbl-leaderboard__trainer__rank {
 align-items:center;
 font-size:24px;
 font-weight:900
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainer__rank {
  font-size:30px
 }
}
.gbl-leaderboard__trainer__details {
 align-items:center;
 flex-direction:row;
 justify-content:flex-start;
 overflow:hidden;
 padding-left:10px
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainer__details {
  padding-left:20px
 }
}
.gbl-leaderboard__trainer__details__trainer__name {
 font-size:14px;
 font-weight:700
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainer__details__trainer__name {
  font-size:16px
 }
}
.gbl-leaderboard__trainer__details__trainer__rank {
 font-size:10px
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainer__details__trainer__rank {
  font-size:12px
 }
}
.gbl-leaderboard__trainer__logo {
 margin-right:10px;
 opacity:0.8;
 width:30px;
 flex:0 0 30px
}
.gbl-leaderboard__trainer__logo img {
 display:block
}
.gbl-leaderboard__trainer__battles {
 text-align:right
}
.gbl-leaderboard__trainer__battles__rating {
 font-size:22px;
 font-weight:700
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainer__battles__rating {
  font-size:26px
 }
}
.gbl-leaderboard__trainer__battles__count {
 font-size:10px;
 white-space:nowrap
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainer__battles__count {
  font-size:12px
 }
}
.gbl-leaderboard__trainer__country_code__flag {
 display:inline-block;
 vertical-align:middle;
 width:20px
}
.gbl-leaderboard__trainers__pages {
 background-color:#234375;
 display:flex;
 justify-content:center;
 padding:20px 0;
 position:-webkit-sticky;
 position:sticky;
 top:-1px;
 z-index:20
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainers__pages {
  background-color:#31445A
 }
}
.gbl-leaderboard__trainers__page {
 width:24px;
 height:24px;
 color:#fff;
 display:flex;
 justify-content:center;
 align-items:center;
 cursor:pointer;
 background-color:#1D2837;
 font-size:12px;
 font-weight:700
}
.gbl-leaderboard__trainers__page--active {
 background-color:#fff;
 color:#1D2837
}
.gbl-leaderboard__trainers__page+.gbl-leaderboard__trainers__page {
 margin-left:5px
}
.gbl-leaderboard__trainers-empty {
 color:#fff;
 font-size:15px;
 font-weight:700;
 text-align:center
}
.gbl-leaderboard__trainers__search {
 margin-bottom:12px;
 position:relative
}
.gbl-leaderboard__trainers__search:before {
 background-image:url(/img/icons/search-24px.svg);
 background-size:24px 24px;
 width:24px;
 height:24px;
 display:block;
 position:absolute;
 left:24px;
 top:calc(50% - 12px);
 content:''
}
.gbl-leaderboard__trainers__search input[type="text"] {
 font-family:"Lato",sans-serif;
 display:block;
 border:1px solid #dedede;
 border-radius:5px;
 outline:none;
 padding:10px 10px 10px 60px;
 font-size:14px;
 font-weight:700;
 width:100%
}
@media (min-width: 812px) {
 .gbl-leaderboard__trainers__search input[type="text"] {
  font-size:16px
 }
}
.gbl-leaderboard__trainers__search input[type="text"]:focus {
 border-color:#1D2837
}
.grid-1x1 {
 overflow:hidden;
 position:relative
}
.grid-1x1__background {
 z-index:0
}
@media (max-width: 811px) {
 .grid-1x1__background {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
 }
}
@media (min-width: 812px) {
 .grid-1x1__background {
  min-height:500px;
  padding-top:56.25%;
  position:relative
 }
}
.grid-1x1__background .lazyimage {
 height:100%;
 left:0;
 position:absolute;
 width:100%;
 top:0
}
.grid-1x1__background__mask {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1
}
@media (min-width: 812px) {
 .grid-1x1__background__mask--to-right-50-on-desktop {
  background:linear-gradient(to right, rgba(0,0,0,0) 25%, rgba(0,0,0,0.5))
 }
}
@media (min-width: 812px) {
 .grid-1x1__background__mask--to-right-80-on-desktop {
  background:linear-gradient(to right, rgba(0,0,0,0) 25%, rgba(0,0,0,0.8))
 }
}
@media (min-width: 812px) {
 .grid-1x1__background__mask--to-left-50-on-desktop {
  background:linear-gradient(to left, rgba(0,0,0,0) 25%, rgba(0,0,0,0.5))
 }
}
@media (min-width: 812px) {
 .grid-1x1__background__mask--to-left-80-on-desktop {
  background:linear-gradient(to left, rgba(0,0,0,0) 25%, rgba(0,0,0,0.8))
 }
}
@media (min-width: 812px) {
 .grid-1x1__background__mask--to-top-80-on-desktop {
  background:linear-gradient(to top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.8))
 }
}
@media (max-width: 811px) {
 .grid-1x1__background__mask--to-top-50-on-mobile {
  background:linear-gradient(to top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.5))
 }
}
@media (max-width: 811px) {
 .grid-1x1__background__mask--to-top-80-on-mobile {
  background:linear-gradient(to top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.8))
 }
}
@media (min-width: 812px) {
 .grid-1x1__background__mask--blue-mask-left {
  background:linear-gradient(to left, rgba(0,0,0,0) 25%, rgba(7,82,157,0.8))
 }
}
@media (min-width: 812px) {
 .grid-1x1__background__mask--blue-mask-right {
  background:linear-gradient(to right, rgba(0,0,0,0) 25%, rgba(7,82,157,0.8))
 }
}
@media (min-width: 812px) {
 .grid-1x1__background__mask--deep-left {
  background:linear-gradient(to left, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 55%, rgba(0,0,0,0.9))
 }
}
@media (min-width: 812px) {
 .grid-1x1__background__mask--deep-right {
  background:linear-gradient(to right, rgba(0,0,0,0) 15%, rgba(0,0,0,0.75) 55%, rgba(0,0,0,0.9))
 }
}
.grid-1x1__sections {
 display:flex;
 z-index:10
}
@media (max-width: 811px) {
 .grid-1x1__sections {
  flex-direction:column;
  position:relative;
  min-height:740px
 }
}
@media (min-width: 812px) {
 .grid-1x1__sections {
  left:0;
  position:absolute;
  top:0;
  height:100%;
  width:100%
 }
}
@media (min-width: 812px) {
 .grid-1x1__section {
  align-items:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:50%
 }
}
.grid-1x1__section__meta {
 display:flex;
 flex-direction:column;
 font-family:"Lato",sans-serif;
 justify-content:center
}
@media (max-width: 811px) {
 .grid-1x1__section__meta {
  padding:60px 20px;
  text-align:center
 }
}
@media (min-width: 812px) {
 .grid-1x1__section__meta {
  margin:0 auto;
  max-width:650px;
  padding:60px 100px
 }
}
.grid-1x1__section__meta__title {
 font-weight:700;
 margin-bottom:20px
}
@media (max-width: 811px) {
 .grid-1x1__section__meta__title {
  font-size:34px;
  line-height:40px;
  text-align:center
 }
}
@media (min-width: 812px) {
 .grid-1x1__section__meta__title {
  font-size:46px;
  line-height:52px
 }
}
.grid-1x1__section__meta__body {
 font-size:17px;
 line-height:25px
}
@media (max-width: 811px) {
 .grid-1x1__section__meta__body {
  text-align:center
 }
}
.grid-1x1__section__meta__buttons {
 margin-top:40px
}
.grid-1x1__section__meta__buttons .button {
 font-family:"Lato",sans-serif;
 font-weight:700
}
.grid-1x1__section__meta__title+.grid-1x1__section__meta__buttons {
 margin-top:20px
}
.grid-1x1__section__images {
 margin:0 auto;
 width:100%
}
@media (max-width: 811px) {
 .grid-1x1__section__images {
  padding:60px 20px
 }
}
@media (min-width: 812px) {
 .grid-1x1__section__images {
  padding:60px 100px
 }
}
.grid-1x1__section__social-touts--white-circle {
 text-align:center
}
.grid-1x1__section__social-touts--white-circle .grid-1x1__section__social-touts__icon {
 display:inline-block;
 height:52px;
 width:52px
}
.grid-1x1__section__social-touts--white-circle .grid-1x1__section__social-touts__icon+.grid-1x1__section__social-touts__icon {
 margin-left:10px
}
@media (min-width: 360px) {
 .grid-1x1__section__social-touts--white-circle .grid-1x1__section__social-touts__icon+.grid-1x1__section__social-touts__icon {
  margin-left:20px
 }
}
.grid-1x1__section__social-touts--white-circle .grid-1x1__section__social-touts__icon--facebook {
 background-image:url(/img/social/round-outline/facebook.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.grid-1x1__section__social-touts--white-circle .grid-1x1__section__social-touts__icon--instagram {
 background-image:url(/img/social/round-outline/instagram.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.grid-1x1__section__social-touts--white-circle .grid-1x1__section__social-touts__icon--twitter {
 background-image:url(/img/social/round-outline/twitter.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
@media (min-width: 812px) {
 .grid-1x1--reversed .grid-1x1__sections {
  flex-direction:row-reverse
 }
}
.grid-1x1--light-theme .grid-1x1__section {
 color:#fff
}
.grid-1x1--light-theme .grid-1x1__section__meta__body a {
 color:#fff;
 font-weight:700;
 text-decoration:underline
}
@media (min-width: 812px) {
 .grid-1x1--top-center .grid-1x1__sections {
  justify-content:center;
  text-align:center
 }
}
@media (min-width: 812px) {
 .grid-1x1--top-center .grid-1x1__section {
  justify-content:flex-start;
  width:100%
 }
}
@media (min-width: 812px) {
 .grid-1x1--top-center .grid-1x1__section__meta {
  max-width:900px
 }
}
@media (max-width: 811px) {
 .grid-1x1--tour-kanto-welcome .grid-1x1__background .lazyimage,
 .grid-1x1--tour-kanto-raids .grid-1x1__background .lazyimage,
 .grid-1x1--tour-kanto-bonus .grid-1x1__background .lazyimage {
  background-position:75% 50%
 }
}
@media (max-width: 811px) {
 .grid-1x1--tour-kanto-pokemon .grid-1x1__background .lazyimage {
  background-position:25% 50%
 }
}
@media (min-width: 812px) {
 .grid-1x1--tour-kanto-min700 .grid-1x1__background {
  min-height:700px
 }
}
@media (max-width: 811px) {
 .grid-1x1--fest-2021-research .grid-1x1__background .lazyimage {
  background-position:68%
 }
}
.grid-1x1--city-activation .grid-1x1__background {
 -webkit-filter:blur(2px) brightness(0.9);
 filter:blur(2px) brightness(0.9);
 transform:scale(1.01)
}
.grid-1x1--city-activation .grid-1x1__section__meta {
 background:#fff;
 border-radius:48px;
 box-shadow:0 2px 5px 0 rgba(0,0,0,0.15);
 color:#404040
}
@media (max-width: 811px) {
 .grid-1x1--city-activation .grid-1x1__section__meta {
  background:rgba(255,255,255,0.8);
  margin:40px 16px
 }
}
.grid-1x1--fest-2021-yt-premium .grid-1x1__background {
 background:#fff
}
.grid-1x1--fest-2021-yt-premium .lazyimage.mobile-only {
 background-size:contain;
 background-position:center 60%
}
.fest-leaderboard {
 align-items:center;
 background-color:#000;
 display:flex;
 justify-content:center;
 min-height:140vw;
 height:100vh
}
.fest-leaderboard--videowall {
 min-height:100vh
}
.fest-leaderboard__spinner-wrap {
 display:flex;
 align-items:center;
 justify-content:center;
 width:100%;
 height:100vh
}
.fest-leaderboard__spinner {
 -webkit-animation:spin 1.1s infinite linear;
 animation:spin 1.1s infinite linear;
 border:15px solid rgba(0,127,186,0.2);
 border-left:15px solid #007FBA;
 position:relative;
 transform:translateZ(0)
}
.fest-leaderboard__spinner,
.fest-leaderboard__spinner:after {
 border-radius:50%;
 height:150px;
 width:150px
}
.fest-leaderboard__content {
 background-color:#000;
 height:140vw;
 position:relative;
 width:100%
}
.fest-leaderboard--videowall .fest-leaderboard__content {
 height:100vh
}
.fest-leaderboard__slides {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 overflow:hidden
}
.fest-leaderboard__slide {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 pointer-events:none;
 transition:opacity 0.5s ease;
 display:flex;
 justify-content:center;
 align-items:center
}
.fest-leaderboard__slide img,
.fest-leaderboard__slide video {
 display:block;
 -o-object-fit:contain;
 object-fit:contain;
 width:100%;
 height:100%
}
.fest-leaderboard--videowall .fest-leaderboard__slide img,
.fest-leaderboard--videowall .fest-leaderboard__slide video {
 max-height:100vh
}
.fest-leaderboard__slide--visible {
 opacity:1;
 pointer-events:auto
}
.fest-leaderboard__slide__video {
 height:100%;
 width:100%
}
.leaderboard {
 background-color:#E1D9FD;
 color:#56436B;
 height:1512px;
 padding:0 54px;
 width:1080px
}
.leaderboard__inner {
 background:linear-gradient(to bottom, #fff, #FAECFE, #C6D9FB);
 height:100%;
 padding:100px 0;
 position:relative
}
.leaderboard__title {
 font-size:56px;
 line-height:1;
 text-align:center
}
.leaderboard__title::after {
 content:'';
 display:block;
 margin:20px auto 60px;
 height:4px;
 background-color:#E1D9FD;
 width:80%
}
.leaderboard__subtitle {
 font-size:36px;
 line-height:1;
 text-align:center;
 text-transform:uppercase
}
.leaderboard__subtitle+.leaderboard__subtitle {
 margin-top:40px
}
.leaderboard__leader {
 display:flex;
 font-size:36px;
 justify-content:space-between;
 line-height:1;
 max-width:600px;
 margin:40px auto 0;
 width:100%
}
.leaderboard__updated {
 font-size:20px;
 line-height:1;
 position:absolute;
 bottom:20px;
 left:0;
 width:100%;
 text-align:center
}
.body--fest-2020-lounge {
 font-family:"Lato",sans-serif;
 background-color:#234375;
 overflow-x:visible
}
.lounge-header {
 font-family:"Lato",sans-serif;
 font-weight:700;
 background-color:#fff;
 box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
 font-size:14px;
 line-height:17px;
 margin-bottom:0;
 position:relative;
 z-index:100
}
.lounge-header .button {
 font-family:"Lato",sans-serif;
 font-weight:900;
 font-size:14px;
 line-height:17px;
 padding:12px 60px
}
.lounge-header__inner {
 align-items:center;
 display:flex;
 padding:16px 24px
}
@media (max-width: 1079px) {
 .lounge-header__inner {
  justify-content:space-between
 }
}
.lounge-header__logo {
 position:relative;
 z-index:101
}
@media (max-width: 1079px) {
 .lounge-header__logo {
  margin-bottom:-16px;
  margin-top:-8px;
  width:70px
 }
}
@media (min-width: 1080px) {
 .lounge-header__logo {
  margin-bottom:-30px;
  margin-top:-10px;
  width:100px
 }
}
.lounge-header__nav {
 flex:1;
 padding:0 24px
}
@media (max-width: 1079px) {
 .lounge-header__nav {
  display:none
 }
}
.lounge-header__nav__item {
 color:#3F4847;
 padding:0 12px;
 text-decoration:none;
 text-transform:uppercase;
 transition:color 0.3s ease
}
.lounge-header__nav__item:hover {
 color:#2CD5A1;
 text-decoration:none
}
.lounge-header__nav__item+.lounge-header__nav__item {
 margin-left:12px
}
.lounge-carousel {
 background-image:linear-gradient(-21deg, #6C7E8C 0%, #031531 100%);
 height:calc(100vh - 73px);
 position:relative
}
.lounge-carousel--disabled {
 display:none
}
.lounge-carousel__slide {
 opacity:0;
 pointer-events:none;
 transition:opacity 0.3s ease
}
.lounge-carousel__slide--active {
 opacity:1;
 pointer-events:auto
}
.lounge-carousel__slide__image {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1;
 background-size:cover;
 background-position:center
}
.lounge-carousel__slide__image--desktop::before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 75%)
}
@media (max-width: 811px) {
 .lounge-carousel__slide__image--desktop {
  display:none
 }
}
.lounge-carousel__slide__image--mobile::before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%)
}
@media (min-width: 812px) {
 .lounge-carousel__slide__image--mobile {
  display:none
 }
}
.lounge-carousel__slide__content {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 z-index:2;
 display:flex;
 flex-direction:column;
 justify-content:center;
 color:#fff
}
@media (max-width: 811px) {
 .lounge-carousel__slide__content {
  align-items:center;
  padding:0 24px;
  text-align:center;
  width:100%
 }
}
@media (min-width: 812px) {
 .lounge-carousel__slide__content {
  padding:0 40px;
  width:50%
 }
}
@media (min-width: 1376px) {
 .lounge-carousel__slide__content {
  padding:0 100px
 }
}
.lounge-carousel__slide__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 border-bottom:3px solid #fff;
 display:inline-block;
 margin-bottom:20px;
 padding-bottom:20px
}
@media (max-width: 811px) {
 .lounge-carousel__slide__title {
  font-size:36px;
  line-height:40px
 }
}
@media (min-width: 812px) {
 .lounge-carousel__slide__title {
  font-size:60px;
  line-height:70px
 }
}
.lounge-carousel__slide__body {
 font-size:17px;
 letter-spacing:0.5px;
 line-height:30px;
 max-width:520px
}
@media (max-width: 811px) {
 .lounge-carousel__slide__body {
  margin:0 auto
 }
}
.lounge-carousel__slide__cta {
 margin-top:20px
}
.lounge-carousel__slide__cta .button {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:14px
}
.lounge-carousel__dots {
 position:absolute;
 bottom:30px;
 width:100%;
 left:0;
 display:flex;
 justify-content:center;
 z-index:20
}
.lounge-carousel__dot {
 background-color:#fff;
 border:none;
 border-radius:50%;
 cursor:pointer;
 height:12px;
 padding:0;
 width:12px
}
.lounge-carousel__dot--active {
 background-image:linear-gradient(90deg, #4B95E4 0%, #31B7D2 100%)
}
.lounge-carousel__dot+.lounge-carousel__dot {
 margin-left:12px
}
.lounge-livestream {
 background-color:#1C1C1C
}
@media (min-width: 1080px) {
 .lounge-livestream {
  height:calc(100vh - 73px)
 }
}
.lounge-livestream:not(.lounge-livestream--enabled) {
 position:absolute;
 top:0;
 left:0;
 width:0;
 height:0;
 z-index:-1;
 opacity:0;
 pointer-events:none
}
.lounge-livestream__video {
 background-color:#1C1C1C;
 box-shadow:0 2px 11px 0 rgba(0,0,0,0.34);
 position:relative;
 width:100%;
 z-index:10
}
@media (min-width: 1080px) {
 .lounge-livestream__video {
  display:flex;
  height:calc(100vh - 73px)
 }
 .lounge-livestream--with-banner .lounge-livestream__video {
  height:calc(100vh - 201px)
 }
}
.lounge-livestream__video iframe {
 display:block;
 max-width:100%
}
.lounge-livestream__video .lounge-livestream__video__header,
.lounge-livestream__video .lounge-livestream__video__footer {
 display:none
}
@media (min-width: 1080px) {
 .lounge--miniplayer-enabled.lounge--is-scrolled .lounge-livestream__video {
  box-shadow:none;
  position:fixed;
  width:480px;
  height:270px;
  bottom:64px;
  right:40px;
  z-index:1000
 }
 .lounge--miniplayer-enabled.lounge--is-scrolled .lounge-livestream__video .lounge-livestream__video__header {
  display:flex;
  justify-content:flex-end;
  position:absolute;
  top:-30px;
  left:0;
  width:100%;
  height:30px;
  background-color:#fff
 }
 .lounge--miniplayer-enabled.lounge--is-scrolled .lounge-livestream__video .lounge-livestream__video__header button {
  background:transparent;
  border:none;
  cursor:pointer;
  width:24px;
  height:24px;
  margin-top:3px;
  margin-right:3px
 }
 .lounge--miniplayer-enabled.lounge--is-scrolled .lounge-livestream__video .lounge-livestream__video__footer {
  display:flex;
  position:absolute;
  bottom:-24px;
  left:0;
  width:100%;
  height:24px;
  background-color:#fff
 }
 .lounge--miniplayer-enabled.lounge--is-scrolled .lounge-livestream__video .lounge-livestream__video__footer button {
  font-family:"Lato",sans-serif;
  font-weight:700;
  background:transparent;
  border:none;
  cursor:pointer;
  color:#5F6368;
  font-size:11px;
  width:100%;
  height:100%;
  text-transform:uppercase
 }
}
@media (max-width: 1079px) {
 .lounge-livestream__video__player {
  height:56.25vw
 }
}
.lounge-livestream__video__chat {
 background-color:#f9f9f9;
 display:none
}
@media (max-width: 1079px) {
 .lounge-livestream__video__chat {
  width:100%
 }
}
@media (min-width: 1080px) {
 .lounge-livestream__video__chat {
  width:420px
 }
}
.lounge-livestream__video__chat iframe {
 height:100%;
 width:100%
}
@media (max-width: 1079px) {
 .lounge-livestream--with-chat .lounge-livestream__video__chat {
  display:flex;
  flex-direction:column
 }
}
@media (min-width: 1080px) {
 .lounge-livestream--with-chat .lounge-livestream__video__chat {
  display:flex;
  flex-direction:column;
  padding:8px
 }
}
@media (min-width: 1080px) {
 .lounge--miniplayer-enabled.lounge--is-scrolled .lounge-livestream--with-chat .lounge-livestream__video__chat {
  display:none
 }
}
.lounge-livestream__video__chat__header {
 width:100%
}
.lounge-livestream__video__chat--mobile-device .lounge-livestream__video__chat__header {
 display:none
}
.lounge-livestream__video__chat__header__button {
 display:block;
 border:1px solid #dedede;
 cursor:pointer;
 height:24px;
 width:100%;
 text-align:center
}
.lounge-livestream__video__chat__embed {
 border:1px solid #dedede;
 border-top:none;
 flex:1;
 height:400px
}
.lounge-livestream__video__chat--mobile-device .lounge-livestream__video__chat__embed {
 display:none
}
.lounge-livestream__video__chat__mobile-app {
 display:none
}
.lounge-livestream__video__chat--mobile-device .lounge-livestream__video__chat__mobile-app {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#3F4847;
 display:block;
 font-size:10px;
 letter-spacing:0.35px;
 line-height:24px;
 padding:4px 12px;
 text-align:center
}
.lounge-livestream__video__stay-tuned {
 position:absolute;
 display:flex;
 justify-content:center;
 align-items:center;
 text-align:center;
 background-color:#1C1C1C;
 color:#fff;
 width:100%;
 height:100%;
 z-index:50;
 top:0;
 left:0
}
.lounge-livestream__video__stay-tuned__content {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-size:cover;
 background-position:center
}
.lounge-livestream__video__stay-tuned__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 margin-bottom:20px
}
@media (max-width: 1375px) {
 .lounge-livestream__video__stay-tuned__title {
  font-size:36px;
  line-height:60px
 }
}
@media (min-width: 1376px) {
 .lounge-livestream__video__stay-tuned__title {
  font-size:60px;
  line-height:70px
 }
}
.lounge-livestream__banner {
 color:#3F4847;
 display:none;
 height:128px;
 position:absolute;
 bottom:0;
 left:0;
 width:100%
}
@media (min-width: 1080px) {
 .lounge-livestream--with-banner .lounge-livestream__banner {
  display:flex
 }
}
.lounge-livestream__banner__event {
 align-items:center;
 display:flex;
 padding:20px 40px;
 width:100%
}
.lounge-livestream__banner__event__inner {
 align-items:center;
 display:grid;
 grid-column-gap:24px;
 grid-template-columns:80px 100px 1fr;
 margin:0 auto;
 max-width:720px
}
.lounge-livestream__banner__event__pill .pill {
 width:100%
}
.lounge-livestream__banner__event__time,
.lounge-livestream__banner__event__desc__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:16px;
 line-height:30px
}
.lounge-livestream__banner__event__date,
.lounge-livestream__banner__event__desc__body {
 font-size:12px;
 line-height:18px;
 margin-top:8px
}
.lounge-livestream__banner__event--live {
 background-color:#fff
}
.lounge-livestream__banner__event--next {
 background-color:#ECECEC
}
.lounge-teams {
 background:linear-gradient(to bottom, #1c1c1c 0%, #1e1e1e 100%);
 color:#fff;
 text-align:center;
 transition:background 0.3s ease
}
@media (max-width: 811px) {
 .lounge-teams {
  padding:60px 0
 }
}
@media (min-width: 812px) {
 .lounge-teams {
  padding:100px 0
 }
}
.lounge--team-instinct .lounge-teams {
 background:linear-gradient(180deg, #DE9D04 0%, #FFCF5B 100%)
}
.lounge--team-mystic .lounge-teams {
 background:linear-gradient(180deg, #1C1C1C 0%, #082961 100%)
}
.lounge--team-valor .lounge-teams {
 background:linear-gradient(180deg, #1C1C1C 0%, #410606 100%)
}
.lounge-teams__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:38px;
 line-height:54px;
 margin-bottom:60px
}
.lounge--team-instinct .lounge-teams__title {
 color:#1C1C1C
}
@media (max-width: 811px) {
 .lounge-teams__teams {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-column-gap:12px;
  padding:0 24px
 }
}
@media (min-width: 812px) {
 .lounge-teams__teams {
  align-items:center;
  display:flex;
  justify-content:space-between;
  max-width:1000px;
  margin:0 auto
 }
}
.lounge-teams__team {
 border:2px solid transparent;
 border-radius:18px;
 background:transparent;
 cursor:pointer;
 opacity:1;
 transition:border-color 0.3s ease, opacity 0.3s ease, -webkit-filter 0.3s ease;
 transition:border-color 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
 transition:border-color 0.3s ease, opacity 0.3s ease, filter 0.3s ease, -webkit-filter 0.3s ease;
 -webkit-filter:grayscale(0%);
 filter:grayscale(0%)
}
@media (max-width: 811px) {
 .lounge-teams__team {
  border-color:rgba(255,255,255,0.3);
  padding:12px 0
 }
}
@media (min-width: 812px) {
 .lounge-teams__team {
  padding:64px 48px 32px 48px
 }
}
.lounge-teams__team:focus {
 outline:none
}
[data-current-input='keyboard'] .lounge-teams__team:focus {
 border-color:rgba(255,255,255,0.3)
}
.lounge-teams__team--selected,
.lounge-teams__team--selected:focus {
 border-color:#fff
}
.lounge--team-instinct .lounge-teams__team--selected,
.lounge--team-instinct .lounge-teams__team--selected:focus {
 border-color:#000
}
.lounge-teams__team--unselected {
 opacity:0.3;
 -webkit-filter:grayscale(90%);
 filter:grayscale(90%)
}
.lounge-teams__team__logo {
 transition:transform 0.3s ease
}
@media (max-width: 811px) {
 .lounge-teams__team__logo {
  height:18vw;
  margin:0 auto 12px;
  position:relative;
  width:18vw
 }
}
@media (min-width: 812px) {
 .lounge-teams__team__logo {
  height:180px;
  margin-bottom:24px;
  width:180px
 }
}
@media (min-width: 812px) {
 .lounge-teams__team--selected .lounge-teams__team__logo {
  transform:scale(1.1)
 }
}
.lounge-teams__team__logo img {
 display:block;
 height:100%;
 width:100%
}
.lounge-teams__team__name {
 font-family:"Lato",sans-serif;
 font-weight:900;
 border-radius:18px;
 color:#fff;
 display:inline-block;
 text-transform:uppercase;
 transition:background-color 0.3s ease, color 0.3s ease
}
@media (max-width: 811px) {
 .lounge-teams__team__name {
  font-size:10px;
  height:24px;
  letter-spacing:1px;
  line-height:24px;
  padding:0 12px
 }
}
@media (min-width: 812px) {
 .lounge-teams__team__name {
  font-size:14px;
  height:32px;
  letter-spacing:2.15px;
  line-height:32px;
  padding:0 18px
 }
}
.lounge-teams__team--selected .lounge-teams__team__name {
 background-color:#fff;
 color:#1C1C1C
}
.lounge--team-instinct .lounge-teams__team--selected .lounge-teams__team__name {
 background-color:#1C1C1C;
 color:#fff
}
.lounge-schedule {
 background:linear-gradient(180deg, #DC2E37 0%, #3B9BD5 100%)
}
@media (max-width: 1375px) {
 .lounge-schedule {
  padding:60px 24px
 }
}
@media (min-width: 1376px) {
 .lounge-schedule {
  padding:100px 80px
 }
}
.lounge--team-instinct .lounge-schedule {
 background:linear-gradient(180deg, #FFCF5B 0%, #FFD971 100%)
}
.lounge--team-mystic .lounge-schedule {
 background:linear-gradient(180deg, #082961 0%, #1D5B98 100%)
}
.lounge--team-valor .lounge-schedule {
 background:linear-gradient(180deg, #410606 0%, #760505 100%)
}
.lounge-schedule__inner {
 margin:0 auto;
 max-width:1000px
}
.lounge-schedule__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#fff;
 border-bottom:2px solid #fff;
 margin-bottom:20px;
 position:relative
}
@media (max-width: 1375px) {
 .lounge-schedule__title {
  font-size:36px;
  line-height:60px
 }
}
@media (min-width: 1376px) {
 .lounge-schedule__title {
  font-size:60px;
  line-height:70px
 }
}
.lounge--team-instinct .lounge-schedule__title {
 color:#1C1C1C;
 border-color:#1C1C1C
}
@media (min-width: 1376px) {
 .lounge-schedule__title::before {
  content:'';
  display:block;
  background-image:url(/img/icons/clock.svg);
  background-size:contain;
  background-position:center;
  height:40px;
  width:40px;
  position:absolute;
  top:calc(50% - 16px);
  left:-64px
 }
 .lounge--team-instinct .lounge-schedule__title::before {
  background-image:url(/img/icons/clock-black.svg)
 }
}
.lounge-schedule__schedule {
 background-color:#fff;
 overflow:auto
}
@media (max-width: 811px) {
 .lounge-schedule__schedule {
  max-height:70vh;
  padding:24px
 }
}
@media (min-width: 812px) {
 .lounge-schedule__schedule {
  max-height:1000px;
  padding:20px 100px 40px
 }
}
.lounge-schedule__schedule__event {
 position:relative
}
.lounge-schedule__schedule__event__pill {
 position:absolute;
 left:-80px;
 top:calc(50% - 13px);
 width:60px
}
@media (max-width: 811px) {
 .lounge-schedule__schedule__event__pill {
  display:none
 }
}
.lounge-schedule__schedule__event__inner {
 border-bottom:1px solid #dedede;
 color:#3F4847;
 padding:20px 0
}
@media (min-width: 812px) {
 .lounge-schedule__schedule__event__inner {
  display:grid;
  grid-template-columns:100px 1fr 120px 120px;
  grid-column-gap:24px
 }
}
.lounge-schedule__schedule__event__datetime {
 align-self:flex-start
}
@media (max-width: 811px) {
 .lounge-schedule__schedule__event__datetime {
  display:flex;
  flex-direction:row-reverse;
  justify-content:flex-end
 }
}
.lounge-schedule__schedule__event__time {
 font-family:"Lato",sans-serif;
 font-weight:700
}
@media (max-width: 811px) {
 .lounge-schedule__schedule__event__time {
  font-size:12px;
  line-height:18px;
  margin-left:4px
 }
}
@media (min-width: 812px) {
 .lounge-schedule__schedule__event__time {
  font-size:16px;
  line-height:30px
 }
}
@media (max-width: 811px) {
 .lounge-schedule__schedule__event__date {
  font-family:"Lato",sans-serif;
  font-weight:700;
  font-size:12px;
  line-height:18px
 }
}
@media (min-width: 812px) {
 .lounge-schedule__schedule__event__date {
  font-size:12px;
  line-height:18px;
  margin-top:8px
 }
}
.lounge-schedule__schedule__event__desc__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:16px;
 line-height:30px
}
.lounge-schedule__schedule__event__desc__body {
 font-size:12px;
 line-height:18px;
 margin-top:8px
}
.lounge-schedule__schedule__event__name {
 padding:0 40px
}
.lounge-schedule__schedule__event__thumbnail {
 width:100%;
 position:relative
}
@media (max-width: 811px) {
 .lounge-schedule__schedule__event__thumbnail {
  margin-top:24px
 }
}
.lounge-schedule__schedule__event__thumbnail::before {
 content:'';
 padding-top:56.25%;
 display:block
}
.lounge-schedule__schedule__event__thumbnail img {
 -o-object-fit:cover;
 object-fit:cover;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
@media (max-width: 811px) {
 .lounge-schedule__schedule__event__play {
  margin-top:20px
 }
}
.lounge-schedule__button {
 font-family:"Lato",sans-serif;
 font-weight:900;
 color:#2B4D86;
 padding:10px 80px 10px 30px;
 border-radius:46px;
 height:46px;
 font-size:14px;
 line-height:17px;
 text-transform:uppercase;
 position:relative;
 cursor:pointer;
 display:inline-flex;
 justify-content:center;
 align-items:center
}
.lounge-schedule__button::before {
 background:linear-gradient(to right, #0091FF 0%, #031531 100%);
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 margin:-3px;
 z-index:0;
 border-radius:inherit
}
.lounge-schedule__button::after {
 background-image:url(/img/icons/lounge_play_arrow.svg);
 background-size:contain;
 width:14px;
 height:18px;
 position:absolute;
 z-index:1;
 right:16px;
 top:12px;
 content:'';
 display:block
}
.lounge-schedule__button__inner {
 background-color:#fff;
 border-radius:inherit;
 display:block;
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:1;
 width:100%;
 padding-left:20px;
 text-align:left;
 line-height:44px
}
.lounge-social {
 background:linear-gradient(180deg, #3B9BD5 0%, #4E8EC2 30%, #A2F0E8 100%)
}
@media (max-width: 1375px) {
 .lounge-social {
  padding:60px 24px
 }
}
@media (min-width: 1376px) {
 .lounge-social {
  padding:100px 80px
 }
}
.lounge--team-instinct .lounge-social {
 background:linear-gradient(180deg, #FFD971 0%, #FFDA62 100%)
}
.lounge--team-mystic .lounge-social {
 background:linear-gradient(180deg, #1D5B98 0%, #4B8BC1 100%)
}
.lounge--team-valor .lounge-social {
 background:linear-gradient(180deg, #760505 0%, #9E1D1D 100%)
}
.lounge-social__inner {
 margin:0 auto;
 max-width:1000px;
 position:relative
}
.lounge-social__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#fff;
 border-bottom:2px solid #fff;
 margin-bottom:24px;
 max-width:600px;
 display:flex;
 justify-content:space-between;
 align-items:flex-end
}
@media (max-width: 1375px) {
 .lounge-social__title {
  font-size:36px;
  line-height:60px
 }
}
@media (min-width: 1376px) {
 .lounge-social__title {
  font-size:60px;
  line-height:70px
 }
}
.lounge--team-instinct .lounge-social__title {
 color:#1C1C1C;
 border-color:#1C1C1C
}
.lounge-social__touts {
 display:flex;
 align-items:flex-end;
 padding-bottom:10px
}
@media (max-width: 1375px) {
 .lounge-social__touts {
  display:none
 }
}
.lounge-social__touts__icon {
 display:inline-block;
 height:48px;
 width:48px
}
.lounge-social__touts__icon+.lounge-social__touts__icon {
 margin-left:16px
}
.lounge-social__touts__icon--facebook {
 background-image:url(/img/social/round-outline/facebook.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.lounge--team-instinct .lounge-social__touts__icon--facebook {
 background-image:url(/img/social/round-outline/facebook-black.svg)
}
.lounge-social__touts__icon--instagram {
 background-image:url(/img/social/round-outline/instagram.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.lounge--team-instinct .lounge-social__touts__icon--instagram {
 background-image:url(/img/social/round-outline/instagram-black.svg)
}
.lounge-social__touts__icon--twitter {
 background-image:url(/img/social/round-outline/twitter.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.lounge--team-instinct .lounge-social__touts__icon--twitter {
 background-image:url(/img/social/round-outline/twitter-black.svg)
}
.lounge-social__feed {
 max-width:600px
}
.lounge-social__card {
 position:absolute;
 right:0;
 top:0;
 background-color:#fff;
 border-radius:8px;
 border-top-left-radius:0;
 padding:10px 40px 40px;
 width:350px
}
.lounge-social__card::before {
 content:'';
 display:block;
 border-left:342px solid #fff;
 border-top:38px solid transparent;
 border-top-left-radius:8px;
 border-bottom:initial;
 position:absolute;
 top:-38px;
 left:0
}
.lounge-social__card:active,
.lounge-social__card:focus,
.lounge-social__card:hover {
 text-decoration:none
}
@media (max-width: 1375px) {
 .lounge-social__card {
  display:none
 }
}
.lounge-social__card__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 background-image:linear-gradient(to right, #BF20E0 0%, #0096D2 100%);
 border-radius:18px;
 height:36px;
 font-size:14px;
 text-transform:uppercase;
 position:relative;
 left:-60px;
 padding:0 40px;
 color:#fff;
 display:inline-flex;
 align-items:center
}
.lounge-social__card__body {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:22px;
 color:#3F4847;
 line-height:35px;
 margin:20px 0
}
.lounge-social__card__hashtag {
 font-family:"Lato",sans-serif;
 font-weight:900;
 font-size:14px;
 color:#0282FF;
 letter-spacing:2.15px
}
.lounge-photos {
 background:linear-gradient(180deg, #4C87C2 0%, #CF3643 100%)
}
@media (max-width: 811px) {
 .lounge-photos {
  padding:60px 0
 }
}
@media (min-width: 812px) {
 .lounge-photos {
  padding:100px 80px
 }
}
.lounge--team-instinct .lounge-photos {
 background:linear-gradient(180deg, #FFDA62 0%, #FFD339 100%)
}
.lounge--team-mystic .lounge-photos {
 background:linear-gradient(180deg, #4B8BC1 0%, #7BA3CB 100%)
}
.lounge--team-valor .lounge-photos {
 background:linear-gradient(180deg, #9E1D1D 0%, #A54040 100%)
}
.lounge-photos__inner {
 margin:0 auto;
 max-width:1000px
}
@media (max-width: 811px) {
 .lounge-photos__content {
  padding:0 24px
 }
}
.lounge-photos__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#fff;
 border-bottom:2px solid #fff;
 max-width:600px
}
@media (max-width: 1375px) {
 .lounge-photos__title {
  font-size:36px;
  line-height:60px
 }
}
@media (min-width: 1376px) {
 .lounge-photos__title {
  font-size:60px;
  line-height:70px
 }
}
.lounge--team-instinct .lounge-photos__title {
 color:#1C1C1C;
 border-color:#1C1C1C
}
.lounge-photos__body {
 font-size:17px;
 color:#fff;
 line-height:30px;
 margin-top:20px;
 max-width:520px
}
.lounge--team-instinct .lounge-photos__body {
 color:#1C1C1C
}
.lounge-photos__carousel {
 margin-top:40px;
 position:relative;
 display:none
}
.lounge-photos__carousel--ready {
 display:block
}
.lounge-photos__carousel__items {
 width:100%
}
.lounge-photos__carousel__item {
 padding:0 12px
}
.lounge-photos__carousel__item__inner {
 background-color:#fff;
 background-size:cover;
 padding-top:100%
}
.lounge-photos__carousel__button {
 border:none;
 border-radius:50%;
 background-color:#fff;
 position:absolute;
 height:40px;
 width:40px;
 position:absolute;
 top:calc(50% - 20px);
 display:flex;
 justify-content:center;
 align-items:center;
 box-shadow:0 1px 6px 0 rgba(0,0,0,0.2);
 transition:box-shadow 0.3s ease;
 cursor:pointer
}
.lounge-photos__carousel__button:hover {
 box-shadow:0 1px 6px 0 rgba(0,0,0,0.6)
}
@media (max-width: 811px) {
 .lounge-photos__carousel__button {
  display:none
 }
}
.lounge-photos__carousel__button--prev {
 left:-64px
}
.lounge-photos__carousel__button--prev svg {
 transform:rotate(180deg)
}
.lounge-photos__carousel__button--next {
 right:-64px
}
.lounge-leaderboard {
 background:linear-gradient(0deg, #001E36 0, #06233F 100%)
}
@media (max-width: 1375px) {
 .lounge-leaderboard {
  padding:60px 24px
 }
}
@media (min-width: 1376px) {
 .lounge-leaderboard {
  padding:100px 80px
 }
}
.lounge--team-instinct .lounge-leaderboard {
 background:linear-gradient(180deg, #FFD339 0%, #E5B940 100%)
}
.lounge--team-mystic .lounge-leaderboard {
 background:linear-gradient(180deg, #7BA3CB 0%, #3F5778 100%)
}
.lounge--team-valor .lounge-leaderboard {
 background:linear-gradient(180deg, #A54040 0%, #6D2223 100%)
}
.lounge-leaderboard__inner {
 margin:0 auto;
 max-width:1000px
}
.lounge-leaderboard__content {
 color:#fff;
 margin-bottom:20px;
 max-width:600px;
 border-bottom:2px solid #fff
}
.lounge--team-instinct .lounge-leaderboard__content {
 color:#1C1C1C;
 border-color:#1C1C1C
}
.lounge-leaderboard__title {
 font-family:"Lato",sans-serif;
 font-weight:700
}
@media (max-width: 1375px) {
 .lounge-leaderboard__title {
  font-size:36px;
  line-height:60px
 }
}
@media (min-width: 1376px) {
 .lounge-leaderboard__title {
  font-size:60px;
  line-height:70px
 }
}
.lounge-leaderboard__header__habitat__title {
 font-family:"Lato",sans-serif;
 font-weight:900;
 font-size:14px;
 color:#fff;
 letter-spacing:2.15px;
 margin-bottom:10px;
 text-transform:uppercase
}
.lounge--team-instinct .lounge-leaderboard__header__habitat__title {
 color:#1C1C1C
}
.lounge-leaderboard__header__habitat__dropdown {
 align-items:center;
 background-color:#fff;
 border:1px solid #E7E7E7;
 box-shadow:0 1px 11px 0 rgba(0,0,0,0.18);
 padding:12px
}
@media (min-width: 812px) {
 .lounge-leaderboard__header__habitat__dropdown {
  display:grid;
  grid-template-columns:1fr 85px;
  grid-column-gap:12px;
  max-width:600px
 }
}
.lounge-leaderboard__header__habitat__dropdown select {
 font-family:"Lato",sans-serif;
 font-weight:900;
 color:#2B4D86;
 border:1px solid #dedede;
 letter-spacing:0.5px;
 padding:4px 8px;
 width:100%
}
.lounge-leaderboard__header__habitat__dropdown__desc__name {
 font-family:"Lato",sans-serif;
 font-weight:900;
 color:#2B4D86;
 letter-spacing:0.5px
}
@media (max-width: 811px) {
 .lounge-leaderboard__header__habitat__dropdown__desc__name {
  font-size:16px;
  line-height:35px
 }
}
@media (min-width: 812px) {
 .lounge-leaderboard__header__habitat__dropdown__desc__name {
  font-size:24px;
  line-height:35px
 }
}
.lounge-leaderboard__header__habitat__dropdown__desc__datetime {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#5E5E5E
}
@media (max-width: 811px) {
 .lounge-leaderboard__header__habitat__dropdown__desc__datetime {
  font-size:11px;
  letter-spacing:1.69px
 }
}
@media (min-width: 812px) {
 .lounge-leaderboard__header__habitat__dropdown__desc__datetime {
  font-size:14px;
  letter-spacing:2.15px
 }
}
@media (max-width: 811px) {
 .lounge-leaderboard__header__habitat__dropdown__pill {
  margin-top:10px;
  max-width:140px
 }
}
.lounge-leaderboard__leaders {
 background:#fff;
 border-radius:8px;
 box-shadow:0 0 6px 0 rgba(0,0,0,0.5);
 margin-top:12px;
 max-width:600px;
 overflow:hidden
}
.lounge-leaderboard__leaders__title {
 font-family:"Lato",sans-serif;
 font-weight:900;
 background-image:linear-gradient(180deg, #E14800 0%, #F79000 100%);
 text-align:center;
 color:#fff;
 letter-spacing:0.5px
}
@media (max-width: 811px) {
 .lounge-leaderboard__leaders__title {
  font-size:16px;
  line-height:35px;
  padding:10px 20px
 }
}
@media (min-width: 812px) {
 .lounge-leaderboard__leaders__title {
  font-size:24px;
  line-height:35px;
  padding:20px
 }
}
.lounge-leaderboard__leaders__table {
 max-height:540px;
 overflow-y:auto
}
@media (max-width: 811px) {
 .lounge-leaderboard__leaders__table {
  padding:20px
 }
}
@media (min-width: 812px) {
 .lounge-leaderboard__leaders__table {
  padding:20px 40px
 }
}
.lounge-leaderboard__leaders__table__header {
 border-bottom:1px solid #E9E9E9;
 color:#5E5E5E;
 padding-bottom:12px;
 text-align:right
}
.lounge-leaderboard__leaders__table__header__score {
 font-family:"Lato",sans-serif;
 font-weight:700;
 text-transform:uppercase
}
@media (max-width: 811px) {
 .lounge-leaderboard__leaders__table__header__score {
  font-size:11px
 }
}
@media (min-width: 812px) {
 .lounge-leaderboard__leaders__table__header__score {
  font-size:14px
 }
}
.lounge-leaderboard__leaders__completed-in {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#5E5E5E;
 margin-top:12px;
 text-align:center;
 text-transform:uppercase
}
@media (max-width: 811px) {
 .lounge-leaderboard__leaders__completed-in {
  font-size:11px
 }
}
@media (min-width: 812px) {
 .lounge-leaderboard__leaders__completed-in {
  font-size:14px
 }
}
.lounge-leaderboard__leaders__player {
 font-family:"Lato",sans-serif;
 font-weight:700;
 align-items:center;
 display:grid;
 grid-template-columns:20px 20px 1fr 100px;
 padding:10px 8px;
 letter-spacing:2.15px;
 line-height:1
}
@media (max-width: 811px) {
 .lounge-leaderboard__leaders__player {
  font-size:11px;
  grid-column-gap:16px
 }
}
@media (min-width: 812px) {
 .lounge-leaderboard__leaders__player {
  font-size:14px;
  grid-column-gap:24px
 }
}
.lounge-leaderboard__leaders__player+.lounge-leaderboard__leaders__player {
 border-top:1px solid #E9E9E9
}
.lounge-leaderboard__leaders__player__rank {
 color:#2B4D86;
 text-align:right
}
.lounge-leaderboard__leaders__player__name {
 font-family:"Lato",sans-serif;
 font-weight:900;
 color:#5E5E5E;
 white-space:nowrap
}
.lounge-leaderboard__leaders__player__score {
 color:#2B4D86;
 text-align:right
}
.lounge-leaderboard__leaders__table__empty {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#5E5E5E;
 text-align:center;
 text-transform:uppercase
}
.lounge-learnmore {
 background:linear-gradient(0deg, #06233F 0, #001E36 100%);
 padding:120px 24px
}
.lounge--team-instinct .lounge-learnmore {
 background:linear-gradient(180deg, #E5B940 0%, #D4AA4D 100%)
}
.lounge--team-mystic .lounge-learnmore {
 background:linear-gradient(180deg, #3F5778 0%, #0E2142 100%)
}
.lounge--team-valor .lounge-learnmore {
 background:linear-gradient(180deg, #6D2223 0%, #480A0A 100%)
}
.lounge-learnmore__inner {
 background-color:#fff;
 border-radius:8px;
 box-shadow:0 0 6px 0 rgba(0,0,0,0.5);
 margin:0 auto;
 overflow:hidden
}
@media (max-width: 811px) {
 .lounge-learnmore__inner {
  max-width:400px
 }
}
@media (min-width: 812px) {
 .lounge-learnmore__inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  max-width:1000px
 }
}
.lounge-learnmore__image {
 background-position:center;
 background-size:cover;
 height:100%;
 width:100%;
 padding-top:30%
}
@media (max-width: 811px) {
 .lounge-learnmore__image {
  height:250px
 }
}
.lounge-learnmore__content {
 width:100%
}
@media (max-width: 811px) {
 .lounge-learnmore__content {
  padding:40px 24px 60px;
  text-align:center
 }
}
@media (min-width: 812px) {
 .lounge-learnmore__content {
  padding:60px
 }
}
.lounge-learnmore__title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#000
}
@media (max-width: 811px) {
 .lounge-learnmore__title {
  font-size:36px;
  letter-spacing:0.35px;
  line-height:45px
 }
}
@media (min-width: 812px) {
 .lounge-learnmore__title {
  font-size:44px;
  letter-spacing:0.35px;
  line-height:54px
 }
}
.lounge-learnmore__body {
 font-family:"Lato",sans-serif;
 font-weight:700;
 color:#000;
 font-size:17px;
 letter-spacing:0.5px;
 margin-top:10px
}
.lounge-learnmore__cta {
 margin-top:20px
}
.lounge-learnmore__cta .button {
 font-family:"Lato",sans-serif;
 font-weight:700;
 font-size:14px;
 text-transform:uppercase
}
.partners {
 background-color:#fff;
 padding:60px
}
[lang="en"] .partners--earthday {
 padding-bottom:0
}
.partners--blue {
 background-color:#2B4D86
}
.partners__title {
 color:#234375;
 font-size:32px;
 font-weight:700;
 line-height:40px;
 margin-bottom:30px;
 text-align:center
}
.partners--blue .partners__title {
 color:#fff
}
.partners__logos {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 margin:0 auto -40px
}
.partners--earthday .partners__logos {
 max-width:500px
}
.partners__logo {
 margin:0 auto 60px;
 width:100%
}
@media (min-width: 812px) {
 .partners__logo {
  width:50%
 }
}
@media (min-width: 1376px) {
 .partners__logo {
  width:33.3333%
 }
}
.partners__logo img {
 display:block;
 -o-object-fit:contain;
 object-fit:contain;
 -o-object-position:center;
 object-position:center;
 height:100%;
 width:100%;
 max-width:150px;
 margin:0 auto
}
.partners__logo--greenbird img {
 max-width:220px
}
.partners__logo--jane-goodall-hk img {
 max-width:260px
}
.partners__logo--umisakura img {
 max-width:260px
}
.partners__expand {
 text-align:center
}
.partners__expand__cta {
 margin:40px 0
}
.partners__expand__partners {
 -moz-columns:1;
 columns:1;
 display:none
}
@media (min-width: 812px) {
 .partners__expand__partners {
  -moz-columns:2;
  columns:2
 }
}
@media (min-width: 1376px) {
 .partners__expand__partners {
  -moz-columns:3;
  columns:3
 }
}
.partners__expand--enabled .partners__expand__partners {
 display:block
}
.partners__expand__partner {
 display:block;
 margin-bottom:10px
}
.partners__expand__partner a {
 color:#234375;
 font-weight:700
}
.play-at-home {
 font-family:"Lato",sans-serif;
 min-height:calc(100vh - 115px);
 min-width:320px;
 margin-left:auto;
 margin-right:auto;
 position:relative;
 padding:20px
}
@media (min-width: 812px) {
 .play-at-home {
  max-width:600px;
  font-size:18px;
  line-height:30px
 }
}
.play-at-home .home-menu {
 height:25rem;
 position:relative
}
@media screen and (max-width: 810px) and (min-width: 660px) {
 .play-at-home .home-menu {
  height:30rem
 }
}
@media screen and (max-width: 500px) {
 .play-at-home .home-menu {
  height:calc(15rem + 10vw)
 }
}
@media screen and (max-width: 400px) {
 .play-at-home .home-menu {
  height:15rem
 }
}
.play-at-home .home-menu .bubble {
 font-family:"Lato",sans-serif;
 font-weight:700;
 width:calc(20% + 1vw);
 height:calc(100% + 1vw);
 top:29%;
 color:white;
 position:absolute;
 text-align:center;
 vertical-align:middle;
 line-height:5em;
 background-size:100%;
 background-repeat:no-repeat;
 cursor:pointer;
 -webkit-animation:push-pulse .8s ease;
 animation:push-pulse .8s ease;
 font-size:4vw
}
@media (min-width: 812px) {
 .play-at-home .home-menu .bubble {
  font-size:25px
 }
}
.play-at-home .home-menu .bubble.catch-bubble {
 background-image:url("https://storage.googleapis.com/nianticweb-media/pokemongo/helper/catch-bubble.svg");
 left:39%;
 top:12%
}
@media (min-width: 812px) {
 .play-at-home .home-menu .bubble.catch-bubble {
  top:7%
 }
}
.play-at-home .home-menu .bubble.bond-bubble {
 left:10%;
 background-image:url("https://storage.googleapis.com/nianticweb-media/pokemongo/helper/bond-bubble.svg")
}
.play-at-home .home-menu .bubble.battle-bubble {
 background-image:url("https://storage.googleapis.com/nianticweb-media/pokemongo/helper/battle-bubble.svg");
 right:10%
}
.play-at-home .home-menu .home {
 width:25%;
 margin:0;
 position:absolute;
 bottom:1rem;
 left:50%;
 transform:translate(-50%, -10%)
}
@media (min-width: 812px) {
 .play-at-home .home-menu .home {
  max-width:9rem
 }
}
.play-at-home .title {
 font-family:"Lato",sans-serif;
 font-weight:700;
 text-align:center;
 color:#35959E;
 font-size:30px;
 top:5%;
 position:relative;
 display:block
}
.play-at-home .description {
 font-family:"Lato",sans-serif;
 margin-top:2rem;
 position:relative;
 -webkit-animation:fade-down 2s ease both;
 animation:fade-down 2s ease both
}
.play-at-home .arrow-to-section {
 background-image:url("https://storage.googleapis.com/nianticweb-media/pokemongo/helper/arrow-down.svg");
 background-size:100%;
 background-color:white;
 width:8%;
 -webkit-animation:fade-down 2s ease both;
 animation:fade-down 2s ease both;
 height:5%;
 background-repeat:no-repeat;
 position:absolute;
 bottom:0;
 left:46%;
 transform:translate(-50%, -50%);
 cursor:pointer;
 border:none
}
.region-selector__icon {
 display:inline-block;
 width:20px;
 height:20px;
 vertical-align:middle;
 margin-right:5px
}
.region-selector__dropdown {
 display:inline-block;
 position:relative;
 vertical-align:middle
}
.region-selector__dropdown select {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 border:1px solid #dedede;
 background-color:#f5f5f5;
 font-size:14px;
 line-height:1;
 padding:5px 30px 5px 10px;
 cursor:pointer
}
.region-selector__dropdown::after {
 position:absolute;
 color:#333;
 content:'▾';
 right:10px;
 top:-1px
}
.region-selector--communityday {
 margin:20px 0;
 text-align:center
}
@media (min-width: 812px) {
 .region-selector--communityday {
  margin:0 0 20px;
  text-align:right
 }
}
.report-location h1,
.report-location h2 {
 line-height:1.2
}
.report-location__info a {
 display:inline-block;
 font-weight:500
}
.report-location__info__cta {
 margin-top:40px;
 text-align:center
}
.report-location__info__cta button {
 max-width:300px;
 margin:0 auto 20px;
 width:100%
}
.report-location__info__cta p {
 font-size:14px;
 line-height:18px;
 margin:0 0 5px 0
}
.section--scroll-divider .divider {
 align-items:center;
 background-color:#2B4D86;
 cursor:pointer;
 display:flex;
 height:68px;
 justify-content:center;
 transition:background-color .35s ease
}
@media (min-width: 812px) {
 .section--scroll-divider .divider:hover {
  background-color:#1f375f
 }
}
.section--scroll-divider .divider__arrow {
 -webkit-animation:fade-down .5s ease both;
 animation:fade-down .5s ease both;
 background-image:url(/img/icons/down_arrow_white.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain;
 height:30px;
 width:30px
}
.section--social .section__content {
 margin:0 auto;
 width:290px;
 padding:100px 0;
 text-align:center
}
@media (min-width: 360px) {
 .section--social .section__content {
  width:330px
 }
}
@media (min-width: 640px) {
 .section--social .section__content {
  width:500px
 }
}
@media (min-width: 812px) {
 .section--social .section__content {
  width:720px
 }
}
@media (min-width: 1376px) {
 .section--social .section__content {
  width:1070px
 }
}
.section--social .section__title {
 font-size:30px;
 line-height:43px;
 font-family:"Lato",sans-serif;
 font-weight:700;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .section--social .section__title {
  font-size:53px;
  line-height:61px;
  letter-spacing:.35px
 }
}
.section--social .section__body {
 font-size:17px;
 line-height:30px;
 font-family:"Lato",sans-serif;
 letter-spacing:0.5px;
 max-width:530px;
 margin:0 auto
}
.section--social .section__social {
 margin:40px 0 20px;
 text-align:center
}
.section--social .section__social__icon {
 display:inline-block;
 height:52px;
 width:52px
}
.section--social .section__social__icon+.section__social__icon {
 margin-left:10px
}
@media (min-width: 360px) {
 .section--social .section__social__icon+.section__social__icon {
  margin-left:20px
 }
}
.section--social .section__hashtag {
 font-size:14px;
 line-height:1;
 font-family:"Lato",sans-serif;
 font-weight:700;
 letter-spacing:2.15px
}
.section--social.social--green {
 background-image:linear-gradient(0deg, #00A87B 15%, #24C499 38%, #A2F0A3 100%)
}
.section--social.social--green .section__content {
 color:#fff
}
.section--social.social--green .section__social__icon--facebook {
 background-image:url(/img/social/round-outline/facebook.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.section--social.social--green .section__social__icon--instagram {
 background-image:url(/img/social/round-outline/instagram.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.section--social.social--green .section__social__icon--twitter {
 background-image:url(/img/social/round-outline/twitter.svg);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain
}
.section--social.social--events-gallery .section__image {
 position:relative
}
.section--social.social--events-gallery .section__image:before {
 display:block;
 content:"";
 width:100%;
 padding-top:100%
}
@media (min-width: 812px) {
 .section--social.social--events-gallery .section__image {
  position:relative;
  max-height:900px
 }
 .section--social.social--events-gallery .section__image:before {
  display:block;
  content:"";
  width:100%;
  padding-top:66.66667%
 }
}
.section--social.social--events-gallery .section__image img {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 height:100%;
 width:100%;
 -o-object-fit:cover;
 object-fit:cover;
 -o-object-position:top;
 object-position:top
}
.stats--earthday {
 align-items:center;
 display:flex;
 height:800px;
 justify-content:center;
 position:relative
}
@media (min-width: 812px) {
 .stats--earthday {
  height:600px
 }
}
.stats--earthday .stats__image {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:1
}
.stats--earthday .stats__image img {
 display:block;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 width:100%
}
.stats--earthday .stats__content {
 color:#fff;
 position:relative;
 width:100%;
 z-index:2
}
.stats--earthday .stats__stats {
 display:flex;
 flex-direction:column
}
@media (min-width: 812px) {
 .stats--earthday .stats__stats {
  flex-direction:row;
  margin:0 auto 60px;
  justify-content:space-between;
  max-width:600px
 }
}
.stats--earthday .stats__stat {
 margin-bottom:40px;
 text-align:center
}
@media (min-width: 812px) {
 .stats--earthday .stats__stat {
  margin-bottom:0
 }
}
.stats--earthday .stats__stat__value {
 font-size:72px;
 font-weight:900;
 line-height:86px
}
.stats--earthday .stats__stat__label {
 font-size:24px;
 font-weight:700;
 line-height:30px;
 text-transform:uppercase
}
.stats--earthday .stats__cta {
 text-align:center
}
.stats--earthday-recap {
 height:880px
}
@media (min-width: 812px) {
 .stats--earthday-recap {
  height:600px
 }
}
@media (min-width: 812px) {
 .stats--earthday-recap .stats__stats {
  flex-wrap:wrap;
  margin:0 auto -40px;
  max-width:650px;
  justify-content:center
 }
 [lang="ja"] .stats--earthday-recap .stats__stats {
  max-width:860px
 }
}
@media (min-width: 812px) {
 .stats--earthday-recap .stats__stat {
  margin:0 30px;
  margin-bottom:40px
 }
}
.section--terms {
 padding-top:70px
}
@media (min-width: 812px) {
 .section--terms {
  padding-top:80px
 }
}
.section--terms .terms {
 background-color:#fff;
 margin:0 auto;
 max-width:1000px;
 padding:64px 20px
}
@media (min-width: 812px) {
 .section--terms .terms {
  padding:80px
 }
}
.twocol {
 align-items:flex-start;
 display:flex;
 min-height:740px;
 position:relative;
 padding:96px 20px
}
@media (min-width: 812px) {
 .twocol {
  align-items:center;
  padding:100px 60px
 }
}
.twocol__bg-image {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
 z-index:0
}
.twocol__bg-image img {
 display:block;
 -o-object-fit:cover;
 object-fit:cover;
 height:100%;
 width:100%
}
.twocol__bg-image--bottom img {
 -o-object-fit:bottom;
 object-fit:bottom
}
@media (min-width: 812px) {
 .twocol__bg-image--mobile {
  display:none
 }
}
.twocol__bg-image--desktop {
 display:none
}
@media (min-width: 812px) {
 .twocol__bg-image--desktop {
  display:block
 }
}
.twocol__inner {
 position:relative;
 z-index:10;
 width:100%
}
@media (min-width: 812px) {
 .twocol__inner {
  align-items:center;
  display:flex;
  flex-direction:row;
  margin:0 auto;
  max-width:1200px
 }
}
.twocol--alt .twocol__inner {
 flex-direction:row-reverse
}
.twocol__content {
 text-align:center;
 width:100%
}
@media (min-width: 812px) {
 .twocol__content {
  text-align:left;
  width:50%
 }
}
.twocol__content--white {
 color:#fff
}
.twocol__content--navy {
 color:#2B4D86
}
.twocol__content__body,
.twocol__content__title {
 margin:0 auto;
 max-width:480px;
 text-shadow:0 2px 3px rgba(0,0,0,0.22)
}
@media (min-width: 812px) {
 .twocol__content__body,
 .twocol__content__title {
  margin:0
 }
}
.twocol__content__title {
 font-size:34px;
 font-weight:700;
 line-height:40px;
 margin-bottom:20px
}
@media (min-width: 812px) {
 .twocol__content__title {
  font-size:53px;
  line-height:61px
 }
}
.twocol__content__body {
 font-size:17px;
 line-height:30px
}
.twocol--fest-explore-habitats {
 min-height:800px;
 overflow:hidden
}
@media (min-width: 812px) {
 .twocol--fest-explore-habitats {
  min-height:740px;
  overflow:visible;
  padding-top:0;
  padding-bottom:0
 }
}
.twocol--fest-explore-habitats .twocol__bg-image {
 -webkit-filter:blur(2px);
 filter:blur(2px)
}
.twocol--fest-explore-habitats .twocol__bg-image img {
 -o-object-position:top;
 object-position:top
}
.twocol--fest-explore-habitats .twocol__content__images {
 position:absolute;
 width:270px;
 bottom:-60px;
 left:calc(50% - 135px)
}
@media (min-width: 640px) {
 .twocol--fest-explore-habitats .twocol__content__images {
  width:300px;
  left:calc(50% - 150px)
 }
}
@media (min-width: 812px) {
 .twocol--fest-explore-habitats .twocol__content__images {
  position:absolute;
  top:-308px;
  left:60%;
  height:706px;
  width:350px;
  bottom:auto
 }
}
.twocol--fest-explore-habitats .twocol__content__images img {
 display:block
}
.twocol--fest-explore-habitats .twocol__content__image {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.twocol--fest-explore-habitats .twocol__content__image--full-bg {
 display:none
}
@media (min-width: 812px) {
 .twocol--fest-explore-habitats .twocol__content__image--full-bg {
  display:block;
  width:auto;
  height:auto;
  top:85px;
  bottom:88px;
  left:24px;
  right:24px;
  overflow:hidden
 }
}
.twocol--fest-explore-habitats .twocol__content__image--full-bg img {
 position:relative;
 left:-60vw;
 height:740px;
 top:-2px;
 width:100vw
}
@media (min-width: 1455px) {
 .twocol--fest-explore-habitats .twocol__content__image--full-bg img {
  height:52vw
 }
}
.twocol--fest-team-lounges .twocol__content__image {
 margin:40px auto;
 width:80%
}
@media (min-width: 812px) {
 .twocol--fest-team-lounges .twocol__content__image {
  margin:0
 }
}
.twocol--fest-photo-ops .twocol__bg-image img {
 -o-object-position:calc(50% + 240px);
 object-position:calc(50% + 240px)
}
@media (min-width: 812px) {
 .twocol--fest-photo-ops .twocol__bg-image img {
  -o-object-position:center;
  object-position:center
 }
}
.twocol--dortmund-encounters {
 min-height:720px;
 overflow:hidden
}
@media (min-width: 812px) {
 .twocol--dortmund-encounters {
  min-height:740px;
  overflow:visible;
  padding-top:0;
  padding-bottom:0
 }
}
.twocol--dortmund-encounters .twocol__bg-image {
 overflow:hidden
}
.twocol--dortmund-encounters .twocol__bg-image img {
 -webkit-filter:blur(2px);
 filter:blur(2px);
 -o-object-position:top;
 object-position:top
}
.twocol--dortmund-encounters .twocol__content__images {
 position:absolute;
 width:270px;
 bottom:-40px;
 left:calc(50% - 135px)
}
@media (min-width: 640px) {
 .twocol--dortmund-encounters .twocol__content__images {
  width:300px;
  left:calc(50% - 150px)
 }
}
@media (min-width: 812px) {
 .twocol--dortmund-encounters .twocol__content__images {
  position:absolute;
  top:-308px;
  left:60%;
  height:706px;
  width:350px;
  bottom:auto
 }
}
@media (min-width: 1376px) {
 .twocol--dortmund-encounters .twocol__content__images {
  top:-338px
 }
}
.twocol--dortmund-encounters .twocol__content__images img {
 display:block
}
.twocol--dortmund-encounters .twocol__content__image {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.twocol--dortmund-encounters .twocol__content__image--full-bg {
 display:none
}
@media (min-width: 812px) {
 .twocol--dortmund-encounters .twocol__content__image--full-bg {
  display:block;
  width:auto;
  height:auto;
  top:85px;
  bottom:88px;
  left:24px;
  right:24px;
  overflow:hidden
 }
}
.twocol--dortmund-encounters .twocol__content__image--full-bg img {
 position:relative;
 left:-51vw;
 height:740px;
 top:-2px;
 width:85vw
}