@font-face {
    font-family: 'geometric_no._3book';
    src: url('../fonts/geometric-no-3-book-webfont.eot');
    src: url('../fonts/geometric-no-3-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geometric-no-3-book-webfont.woff2') format('woff2'),
         url('../fonts/geometric-no-3-book-webfont.woff') format('woff'),
         url('../fonts/geometric-no-3-book-webfont.ttf') format('truetype'),
         url('../fonts/geometric-no-3-book-webfont.svg#geometric-book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geometric_no._3oblique';
    src: url('../fonts/geometric-no-3-oblique-webfont.eot');
    src: url('../fonts/geometric-no-3-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geometric-no-3-oblique-webfont.woff2') format('woff2'),
         url('../fonts/geometric-no-3-oblique-webfont.woff') format('woff'),
         url('../fonts/geometric-no-3-oblique-webfont.ttf') format('truetype'),
         url('../fonts/geometric-no-3-oblique-webfont.svg#geometric-oblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geometric_no._3light-oblique';
    src: url('../fonts/geometric-no-3-light-oblique-webfont.eot');
    src: url('../fonts/geometric-no-3-light-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geometric-no-3-light-oblique-webfont.woff2') format('woff2'),
         url('../fonts/geometric-no-3-light-oblique-webfont.woff') format('woff'),
         url('../fonts/geometric-no-3-light-oblique-webfont.ttf') format('truetype'),
         url('../fonts/geometric-no-3-light-oblique-webfont.svg#geometric-light-oblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geometric_no._3light';
    src: url('../fonts/geometric-no-3-light-webfont.eot');
    src: url('../fonts/geometric-no-3-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geometric-no-3-light-webfont.woff2') format('woff2'),
         url('../fonts/geometric-no-3-light-webfont.woff') format('woff'),
         url('../fonts/geometric-no-3-light-webfont.ttf') format('truetype'),
         url('../fonts/geometric-no-3-light-webfont.svg#geometric-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geometric_no._3medium-oblique';
    src: url('../fonts/geometric-no-3-medium-oblique-webfont.eot');
    src: url('../fonts/geometric-no-3-medium-oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geometric-no-3-medium-oblique-webfont.woff2') format('woff2'),
         url('../fonts/geometric-no-3-medium-oblique-webfont.woff') format('woff'),
         url('../fonts/geometric-no-3-medium-oblique-webfont.ttf') format('truetype'),
         url('../fonts/geometric-no-3-medium-oblique-webfont.svg#geometric-medium-oblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geometric_no._3medium';
    src: url('../fonts/geometric-no-3-medium-webfont.eot');
    src: url('../fonts/geometric-no-3-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geometric-no-3-medium-webfont.woff2') format('woff2'),
         url('../fonts/geometric-no-3-medium-webfont.woff') format('woff'),
         url('../fonts/geometric-no-3-medium-webfont.ttf') format('truetype'),
         url('../fonts/geometric-no-3-medium-webfont.svg#geometric-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'anime_ace_2.0_bbbold';
    src: url('../fonts/animeace2_bld-webfont.eot');
    src: url('../fonts/animeace2_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/animeace2_bld-webfont.woff2') format('woff2'),
         url('../fonts/animeace2_bld-webfont.woff') format('woff'),
         url('../fonts/animeace2_bld-webfont.svg#anime_ace_2.0_bbbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'anime_ace_2.0_bbitalic';
    src: url('../fonts/animeace2_ital-webfont.eot');
    src: url('../fonts/animeace2_ital-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/animeace2_ital-webfont.woff2') format('woff2'),
         url('../fonts/animeace2_ital-webfont.woff') format('woff'),
         url('../fonts/animeace2_ital-webfont.svg#anime_ace_2.0_bbitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'anime_ace_2.0_bbregular';
    src: url('../fonts/animeace2_reg-webfont.eot');
    src: url('../fonts/animeace2_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/animeace2_reg-webfont.woff2') format('woff2'),
         url('../fonts/animeace2_reg-webfont.woff') format('woff'),
         url('../fonts/animeace2_reg-webfont.svg#anime_ace_2.0_bbregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*, *:after, *:before {
    box-sizing: border-box;
}

html {
  	background: white;
}

body {
    background: white;
    color: black;
    font-family: 'geometric_no._3book', Arial, sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0;
}
h1, h2, h3 {
	font-size: 1.1rem;
	font-weight: normal;
}
.home h1 {
    padding-top: 10px;
    padding-left: 10px;
	-webkit-animation: 1s ease 0s normal forwards 1 fadein;
    animation: 1s ease 0s normal forwards 1 fadein;
}
.banner h1 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    z-index: 10;
    width: calc(100% - 2rem);
    height: auto;
    margin: 0;
    padding: 0;
    margin: 0 1rem;
    text-transform: uppercase;
    font-family: 'geometric_no._3medium';
    font-size: 9vw;
    font-size: 1.1rem;
    align-items: flex-start;
    box-sizing: border-box;
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference;
}
.banner h1.active {
    display: flex;
}
.banner h1.list-active {
    display: flex !important;
    top: 96%;
    transform: none;
}
.support h1 {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 2.25rem;
    margin-bottom: 1rem;
    /* text-transform: uppercase; */
    -webkit-animation: none;
    animation: none;
}
.support h2 {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 2.25rem;
    /* margin-top: 2.5rem; */
    margin-bottom: 1rem;
}

p {
    font-size: 1.1rem;
}

a {
    color: blue;
}

em {
    font-family: 'geometric_no._3oblique', Arial, sans-serif;
}

.black {
    color: black;
}

.banner #intro {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    display: none;
}

.banner #intro.black {
    background: black;
}

.virtually-open {
    position: relative;
    width: 100%;
    height: 100%;
    height: 94vh;
    z-index: 1;
}

.virtual-opening-B {
    position: relative;
    width: 100%;
    height: 100%;
    height: 100vh;
    z-index: 0;
    background: transparent;
    color: white;
    margin-bottom: .125%;
}

.virtual-opening-B.active {
    background: mediumblue;
}

.virtual-opening-B .intro {
    -webkit-filter: invert(0);
    filter: invert(0);
    mix-blend-mode: unset;
    padding: 1rem 1rem;
}

.push-right {
    margin-right: 2rem;
}

.virtual-opening-B h2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: 'geometric_no._3light', Arial, sans-serif;
    font-size: 40vw;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    z-index: 0;
    color: white;
    display: block;
    text-transform: none;
    display: block;
}

.virtual-opening-B .intro a {
    color: transparent;
    text-decoration: none;
    width: 100%;
    display: block;
    position: relative;
    padding-left: 1rem;
}

.virtual-opening-B.active .intro a {
    color: white;
}

.virtual-opening-B.active .intro a .arrow-right {
    position: absolute;
    top: .25rem;
    left: 0;
    transform: rotate(-270deg);
    display: none;
}

.virtual-opening-B .intro a:hover {
    text-decoration: underline;
}

.virtual-opening-B .ongoing {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 1rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    z-index: 2;
}

.virtual-opening-B .ongoing a {
    color: white;
}

body.hey.forestgreen .virtually-open a:hover ~ h1.animate.active {
    color: forestgreen;
}

body.hey.mediumblue .virtually-open a:hover ~ h1.animate.active {
    color: mediumblue;
}

body.hey.orangered .virtually-open a:hover ~ h1.animate.active {
    color: orangered;
}

.tours-hero-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    /* height: calc(100vh - 48px); */
    height: calc(100vh - 94px);
    padding-top: .3rem;
}

.tours-hero {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.tigerstrikesasteroid, .spaceandtimechicago {
    width: 50%;
}

/* .mediumblue .tigerstrikesasteroid, .mediumblue .spaceandtimechicago {
    background: mediumblue;
}

.forestgreen .tigerstrikesasteroid, .forestgreen .spaceandtimechicago {
    background: forestgreen;
} */

.hero-image {
    position: absolute;
    width: 100%;
    height: 100%;
}

.hero-image .hero-bkg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.virtual .tours-hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
}

.page-virtual-tours .virtual .tours-hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: 100%;
}

.hero-image .hero-bkg iframe {
    -o-object-fit: contain;
    object-fit: contain;
    min-height: 100%;
    min-width: 100vw;
}

.spaceandtimechicago .hero-image .hero-bkg iframe {
    min-height: 120%;
}

.hero-image .hero-bkg a {
    background: transparent;
    border-radius: 50%;
    border: 1px solid;
    padding: .25rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    min-width: 4.5rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.75;
    padding: 0 1rem;
    min-height: 2rem;
    height: auto;
    border-radius: 2rem;
    margin: 0 .5rem .5rem 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.hero-image .hero-bkg a:hover {
    background: mediumblue;
    border-color: mediumblue;
}

.tigerstrikesasteroid .hero-image .hero-bkg a:hover {
    background: mediumblue;
    border-color: mediumblue;
}

.spaceandtimechicago .hero-image .hero-bkg a:hover {
    background: orangered;
    border-color: orangered;
}

.announcement-wrap {
    display: none;
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 13;
}

.announcement-wrap.active {
    display: block;
}

#announcement-1, #announcement-2, #announcement-3, #announcement-4 {
    position: absolute;
    top: 50%;
    left: .5%;
    transform: translate(0%, -50%);
    width: 94%;
    width: 49.25%;
    height: 100vh;
    z-index: 10;
    margin: .35% 0 0;
}
#announcement-2, #announcement-4 {
    left: inherit;
    right: .5%;
}
#announcement-1.gone, #announcement-2.gone {
    display:none;
}
.announcement-bkg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.announce-1, .announce-2, .announce-3, .announce-4 {
    /* position: absolute;
    top: 50%;
    left: 0;
    top: calc(5% - .675rem); */
    font-family: 'geometric_no._3light', Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: normal;
    margin: 0;
    padding: 0;
    /* width: 100%; */
    display: inline;
    text-align: left;
    z-index: 1000;
    color: white;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference;
}

.announce-1 a, .announce-2 a, .announce-3 a, .announce-4 a {
    color: white;
}

#announcement-1 h2.get-virtual, #announcement-2 h2.get-virtual, #announcement-3 h2.get-virtual, #announcement-4 h2.get-virtual {
    position: absolute;
    top: 50%;
    left: 0;
    top: calc(2% - .675rem);
    margin: 0;
    padding: 2rem 3rem;
    width: 50%;
    font-family: 'geometric_no._3light', Arial, sans-serif;
    z-index: 10;
    color: white;
}

.close-announcement, .close-press-release-wrap {
    position: absolute;
    top: 50%;
    right: 0;
    top: calc(2% - .675rem);
    margin: 0;
    padding: 2rem 3rem;
    width: auto;
    text-align: right;
    font-family: 'geometric_no._3light', Arial, sans-serif;
    font-size: 1.1rem;
    z-index: 10;
    color: white;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

#announcement-1 h2.animate, #announcement-2 h2.animate {
    position: absolute;
    top: 50%;
    left: 0;
    top: calc(50% - .675rem);
    /* transform: translate(-50%,-50%); */
    font-family: 'geometric_no._3light', Arial, sans-serif;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    /* color: black;
    -webkit-filter: invert(1);
    filter: invert(1); */
    color: white;
    /* mix-blend-mode: difference; */
    -webkit-animation-name: spin_a;
    animation-name: spin_a;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
}

/* .now-open #announcement-1 h2.animate {
    top: calc(6% - .675rem);
} */

.now-open #announcement-1-wrap {
    height: 100%;
}

.now-open ul.virtual-list {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.now-open ul.virtual-list li {
    width: 100%;
    height: 33.333333333%;
    padding: 0;
    position: relative;
    margin-bottom: 1%;
}

.now-open ul.virtual-list li:last-child {
    background: mediumblue;
}

.now-open #announcement-1 ul.virtual-list li:last-child {
    background: forestgreen;
}

.now-open ul.virtual-list li:hover, .now-open ul.virtual-list li:hover a {
    background: black;
}

.now-open ul.virtual-list li.no-link:hover, .now-open ul.virtual-list li.no-link:hover a {
    cursor: default;
    background: transparent;
}

.now-open ul.virtual-list li.no-link:hover, .now-open ul.virtual-list li.no-link:hover a, .now-open ul.virtual-list li:hover, .now-open ul.virtual-list li:hover a {
    /* background: orangered; */
    background: black;
}

.now-open #announcement-1 ul.virtual-list li.no-link:hover a, .now-open #announcement-3 ul.virtual-list li.no-link:hover a, .now-open #announcement-4 ul.virtual-list li.no-link:hover a {
    background: forestgreen;
}

.now-open ul.virtual-list li img {
    width: auto;
    height: 10vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-25%);
}

.now-open ul.virtual-list li a {
    width: 100%;
    height: 100%;
    color: white;
    background: mediumblue;
    color: white;
    padding: 2rem 3rem;
    display: block;
}

.now-open #announcement-1 ul.virtual-list li a, .now-open #announcement-3 ul.virtual-list li a, .now-open #announcement-4 ul.virtual-list li a {
    /* background: forestgreen; */
    background: white;
    color: black;
}

.virtual-opening-A.now-open #announcement-1 ul.virtual-list li a, .virtual-opening-A.now-open #announcement-3 ul.virtual-list li a, .virtual-opening-A.now-open #announcement-4 ul.virtual-list li a {
    background: forestgreen;
    color: black;
}

.now-open #announcement-1 ul.virtual-list li:hover a, .now-open #announcement-3 ul.virtual-list li:hover a, .now-open #announcement-4 ul.virtual-list li:hover a {
    background: mediumblue;
    color: white;
}

.now-open ul.virtual-list li a:before {
    content: '>';
    margin-right: 0;
    display: none;
}

.order-important {
    margin-right: 1.5rem;
}

span.blinkdiv {
    color: white;
    -webkit-animation-name: forestGreen;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
}

.child span.blinkdiv {
    color: white;
    -webkit-animation-name: blackBlue;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
}

@-webkit-keyframes forestGreen {
    0% { color: forestgreen; }
    50% { color: forestgreen; }
    51% { color: white; }
    100% { color: white; }
}

@keyframes forestGreen {
    0% { color: forestgreen; }
    50% { color: forestgreen; }
    51% { color: white; }
    100% { color: white; }
}

@-webkit-keyframes blackBlue {
    0% { color: black; }
    50% { color: black; }
    51% { color: white; }
    100% { color: white; }
}

@keyframes blackBlue {
    0% { color: black; }
    50% { color: black; }
    51% { color: white; }
    100% { color: white; }
}

@-webkit-keyframes dot {
    0% { background: transparent; }
    50% { background: transparent; }
    51% { background: mediumblue; }
    100% { background: mediumblue; }
}

@keyframes dot {
    0% { background: transparent; }
    50% { background: transparent; }
    51% { background: mediumblue; }
    100% { background: mediumblue; }
}

.banner h1.animate.active {
    position: absolute;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);*/
    top: 3%;
    left: 0;
    transform: none;
    font-family: 'geometric_no._3light', Arial, sans-serif;
    font-size: 40vw;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    color: black;
    display: block;
    text-transform: none;
    /* color: black;
    -webkit-filter: invert(1);
    filter: invert(1); */
    /* color: white; */
    -webkit-filter: invert(0);
    filter: invert(0);
    mix-blend-mode: none;
    -webkit-animation-name: spin_a;
    animation-name: spin_a;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    display: block;

    transform-origin: center center;
    transform-style: preserve-3d;

}

.viral-video {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    height: 50%;
    width: 100%;
    padding: 2% 0;
}

/* .viral-video, .viral-video-text {
    display: none !important;
} */

/* .logo {
    display: none !important;
} */

/* .banner h1.animate.active {
    display: none !important;
} */

.viral-video-figure {
    position: absolute;
    top: 96%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translate(0,-50%);
    margin: 0;
    padding: 0;
}

.viral-video-text {
    font-size: .875rem;
    font-family: 'geometric_no._3book', arial, sans-serif;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 2rem;
    transform: translate(0, 0);
    z-index: 1000;
    width: 20%;
}

.viral-video-text span {
    position: relative;
}

span span.video-left {
    position: absolute;
    top: 0;
    left: -4rem;
}

.viral-video iframe {
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
}

.figure {
    margin-right: 1rem;
}

.fig {
    position: relative;
    top: -.5rem;
    font-size: 70%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    padding: 0 0 0 2px;
    margin: 0 2px;
    border: none;
    opacity: 1;
    /* background-color: #fff; */
    -webkit-backface-visibility: hidden;
    line-height: 0;
    vertical-align: middle;
    text-decoration: none;
}

.banner h1.animate.artist-list-active {
    /* top: 30%; */
    display: none;
}

.virtually-open a.big-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11;
    cursor: s-resize;
}

.virtual-opening-B a.big-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: s-resize;
}

.virtually-open a.tsa_pdf {
    position: absolute;
    bottom: 1rem;
    right: 2.5rem;
    width: 5.5vw;
    height: auto;
    z-index: 12;
    color: #333;
    text-decoration: none;
    text-align: center;

    display: none;
}

.virtually-open a.tsa_pdf .tiny-desc {
    font-size: .875vw;
}

.virtually-open .ongoing {
    position: absolute;
    bottom: 0;
    left: 1rem;
}

.revolve {
    font-size: 1.1rem;
    color: black;
    position: absolute;
    z-index: 1000;
    width: 100%;
    top: 45%;
    left: 0;
    transform: translateY(-50%);
    text-align: center;

    -webkit-animation-name: spin_all;

    animation-name: spin_all;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;

    display: none !important;
}

.logo {
    width: 20vw;
    height: 90vh;
    position: absolute;
    cursor: pointer;
    z-index: 10000;
    display: none;
    pointer-events: none;

    -webkit-transform-style: preserve-3d;
    transform-origin: center center;
    transform-style: preserve-3d;

    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.logo.active {
    display: block;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-name: changewidth;
    animation-name: changewidth;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


.face {
    width: 30vw;
    height: 100%;
    position: absolute;
    font-size: 40vw;
    text-align: center;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 10000;
    pointer-events: none;
}

.logo .one {
    transform: translateZ(25vw);
    pointer-events: none;
    color: white;
}

.logo .one.be {
    transform: translateZ(25.015vw);
    pointer-events: none;
    color: black;
}

.logo .two {
    transform: rotateY(180deg) translateZ(25vw);
    pointer-events: none;
    color: white;
}

.logo .two.be {
    transform: rotateY(180deg) translateZ(25.015vw);
    pointer-events: none;
    color: black;
}

@keyframes changewidth {
  from {
    transform: rotateY(0deg);
    z-index: 0;
  }

  to {
    transform: rotateY(360deg);
    z-index: 2;
  }
}

@-webkit-keyframes changewidth {
    from {
      -webkit-transform: rotateY(0deg);
      z-index: 0;
    }

    to {
      -webkit-transform: rotateY(360deg);
      z-index: 2;
    }
}



.bookwrap {
/*
    position: fixed;
	top: 55%;
	left: 50%;
	margin-left: -125px;
	margin-top: -200px;
	height: 400px;
	width: 250px;
*/
    /* position: fixed; */
	position: absolute;
	top: 0;
	left: 0;
/*
	margin-left: -125px;
	margin-top: -200px;
*/
	height: 100%;
	/* width: 44%; */
	width: 100%;

	-webkit-perspective: 1800px;
	-webkit-perspective-origin: 50% 241px;

	-moz-perspective: 1800px;
	-moz-perspective-origin: 50% 241px;

	-ms-perspective: 1800px;
	-ms-perspective-origin: 50% 241px;

	perspective: 1800px;
	perspective-origin: 50% 241px;
}
.book {

	-webkit-transform-style: preserve-3d;
	-webkit-animation: spin 8s infinite linear;

	-moz-transform-style: preserve-3d;
	-moz-animation: spin 8s infinite linear;

	-ms-transform-style: preserve-3d;
	-ms-animation: spin 8s infinite linear;

	transform-style: preserve-3d;
	animation: spin 8s infinite linear;

	width: 342px;
    position: absolute;
    top: 8%;
    left: 40%;
}
.book div {
	position: absolute;
	height: 600px;
}
.book div img {
    height: 600px;
    width: auto;
    border: 1px solid #ccc;
    height: 100% !important;
}
.back {
	transform: translateZ(2px) rotateY(180deg);
	width: 342px;
}
.right {
	transform: rotateY(-90deg) translateX(206px);
	transform-origin: top right;
	width: 206px;
    right: inherit !important;
    left: inherit !important;
}
.left {
	transform: rotateY(-90deg) translateX(2px);
	transform-origin: center left;
	/* width: 26px; */
    width: 30px;
}
.front {
	transform: translateZ(28px);
	width: 342px;
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotateY(0); }
	to { -webkit-transform: rotateY(-360deg); }
}

@keyframes spin {
	from { transform: rotateY(0); }
	to { transform: rotateY(-360deg); }
}

.virtually-open .ongoing {
    display: none;
}

.virtually-open a.big-link {
    display: none;
}

.book-buy {
    position: absolute;
    bottom: 0.75rem;
    left: 0;
    z-index: 1000;
    width: 100%;
    text-align: center;
}

.buy-btn {
    display: inline-block;
    color: #ffffff !important;
    background-color: #000000;
    min-width: 4.5rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.75;
    padding: 0 1rem;
    min-height: 2rem;
    height: auto;
    border-radius: 2rem;
    text-align: center;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    text-decoration: none;
    width: auto;
}


.install-hero .menu a {
    background: transparent;
    border-radius: 50%;
    border: 1px solid;
    padding: .25rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    min-width: 4.5rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.75;
    padding: 0 1rem;
    min-height: 2rem;
    height: auto;
    border-radius: 2rem;
    margin: 0 .5rem .5rem 0;
    color: black;
    border-color: black;
}

.virtually-open h2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 10;
    width: calc(100% - 2rem);
    height: auto;
    margin: 0;
    padding: 0;
    margin: 0 1rem;
    text-transform: uppercase;
    font-family: 'geometric_no._3medium';
    font-size: 9vw;
    font-size: 1.1rem;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference;
}

#announcement-2 h2 {
    font-family: 'anime_ace_2.0_bbitalic';
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

/* .announcement-1:hover h2 {
    letter-spacing: 1rem;
    animation-name: spin_a;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 4s;
} */

#announcement-1 h3, #announcement-2 h3 {
    font-family: 'geometric_no._3light', Arial, sans-serif;
    width: 100%;
    text-align: left;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference;
    margin: 0 0 0 0;
    padding: 0;
    display: inline;
}

.announcement-footer {
    position: absolute;
    left: 0;
    bottom: calc(3% - .675rem);
    margin: 0;
    padding: 2rem 3rem;
    width: 100%;
    font-family: 'geometric_no._3light', Arial, sans-serif;
    z-index: 10;
}

.announcement-footer .form-wrapper {
    display: inline;
    color: white;
    font-weight: normal;
}

.announcement-footer  #mc_embed_signup {
    display: inline-block;
    font-weight: normal;
}

.announcement-footer #mc-embedded-subscribe-form input[type=email] {
    color: white;
    text-indent: .125rem;
    font-weight: normal;
}

.announcement-footer #mc-embedded-subscribe-form input[type=email]::-webkit-input-placeholder, .announcement-footer #mc-embedded-subscribe-form input[type=email]:focus::-webkit-input-placeholder { /* WebKit browsers */
	color: white;
	text-decoration: none;
    font-weight: normal;
}

.announcement-footer #mc-embedded-subscribe-form input[type=email]:-moz-placeholder, .announcement-footer #mc-embedded-subscribe-form input[type=email]:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: white;
	opacity: 1;
	text-decoration: none;
    font-weight: normal;
}

.announcement-footer #mc-embedded-subscribe-form input[type=email]::-moz-placeholder, .announcement-footer #mc-embedded-subscribe-form input[type=email]:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: white;
	opacity: 1;
	text-decoration: none;
    font-weight: normal;
}

.announcement-footer #mc-embedded-subscribe-form input[type=email]:-ms-input-placeholder, .announcement-footer #mc-embedded-subscribe-form input[type=email]:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: white;
	text-decoration: none;
    font-weight: normal;
}

.announce-time {
    text-align: left;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference;
    display: inline;
    /* margin-right: 2rem; */
}

.announce-description {
    text-align: left;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference;
    display: inline;
}

.add-to-calendar {
    display: inline;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference;
    display: inline;
}

.add-to-calendar-checkbox {
    text-decoration: underline;
    display: inline;
}

.add-to-calendar-checkbox:checked~a {
    margin-left: .5rem;
}

.add-to-calendar-checkbox~a:before {
    margin-right: .5rem;
}

.add-to-calendar-checkbox:hover {
    cursor: pointer;
}

.add-to-calendar-checkbox:focus:after {
    content: ':';
}

@-webkit-keyframes spin_a {
  from {
    -webkit-transform: rotateY(0deg);
  }

  to {
    -webkit-transform: rotateY(360deg);
  }
}

@keyframes spin_a {
  from {
    transform: rotateY(0deg);
  }

  to {
    transform: rotateY(360deg);
  }
}

@-webkit-keyframes spin_all {
  from {
    -webkit-transform: rotateY(0deg);
  }

  to {
    -webkit-transform: rotateY(360deg);
  }
}

@keyframes spin_all {
  from {
    transform: rotateY(0deg);
  }

  to {
    transform: rotateY(360deg);
  }
}

.banner svg {
    fill: transparent;
}

.banner .black svg {
    fill: #000;
}

.black .announcement-bkg {
    background: black;
}

.banner #intro.orangered, .orangered .announcement-bkg {
    background: orangered;
}

.banner .orangered svg {
    fill: orangered;
}

.banner #intro.forestgreen, .forestgreen .announcement-bkg {
    background: forestgreen;
}

.banner .forestgreen svg {
    fill: forestgreen;
}

.banner #intro.mediumblue, .mediumblue .announcement-bkg {
    background: mediumblue;
}

.banner .mediumblue svg {
    fill: mediumblue;
}

.banner #intro.active {
    display: block;
}

.banner .frame-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%,-50%) rotate(-3deg); */
    transform: translate(-50%,-50%);
    width: 50%;
    height: auto;
    height: 52vh;
    z-index: 0;
    /* border-radius: 2vw; */
    overflow: hidden;
    display: none;

    /* border-radius: 3.5vw; */
    /* -webkit-filter: blur(5.05em);
    filter: blur(5.05em); */
}

.banner .frame-wrapper svg {
    /* fill:#000; */
    /* -webkit-animation: 3s ease 0s normal forwards 1 colorflip;
    animation: 3s ease 0s normal forwards 1 colorflip; */
}

.banner .video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%,-50%) rotate(-3deg); */
    transform: translate(-50%,-50%);
    width: 50%;
    height: auto;
    z-index: 0;
    /* border-radius: 2vw; */
    /* overflow: hidden; */

    display: none;
}

.banner .video-wrapper video {
    width: auto;
    height: auto;
    width: 100%;
}

#preview-x.preview {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
    min-height: 100vh;
    z-index: 0;
    /* border-radius: 2vw; */
    overflow: hidden;
    -o-object-fit: contain;
    object-fit: contain;
    display: none;
}

.preview {
    display: none;
}

.preview.active, #preview-x.preview.active {
    display: block;
}

#preview-x img{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
    z-index:1;
}

#preview-x img.active{
    z-index:3;
}

.banner .preview.active.video-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.intro {
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    /* height: 90vh; */
    height: auto;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference;
}

.intro p {
    display: inline;
    margin: 0;
    padding: 0;
}

.intro a {
    color: black;
}

.form-wrapper {
    position: relative;
    display: inline;
}

.arrow-right {
    display: inline;
}

.arrow-right:before {
    content: "→";
    font-family: system-ui;
    font-size: 1rem;
    margin: 0 5px 0 0;
}

.artist-list {
    margin: 0;
    padding: 0;
    display: none;
}

.artist-list.active {
    display: inline;
}

.artist-list li {
    display: inline;
    margin-right: .25rem;
}

.list-toggle {
    padding: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    background: transparent;
    font-size: 1.1rem;
    min-width: 1.5rem;
    cursor: pointer;
}

.primary-nav .menu button.list-toggle {
    margin-right: .75rem;
}

.primary-nav.active {
    z-index: 2;
}

.list-toggle:focus {
    border: none;
    outline: none;
}

.list-toggle:before {
    content: '[';
    font-family: 'geometric_no._3book', Arial, sans-serif;
    font-size: 1.1rem;
    margin-right: .25rem;
}
.list-toggle:after {
    content: ']';
    font-family: 'geometric_no._3book', Arial, sans-serif;
    font-size: 1.1rem;
    margin-left: .25rem;
}

.list-toggle.active .elipsis {
    display: none;
}

.list-toggle .ex {
    display: none;
}

.list-toggle.active .ex {
    display: inline-block;
    padding: 0 .125rem;
}

/* .artist-list li:first-child {
    margin-left: .25rem;
} */

.artist-list li:after {
    content: ',';
}

.artist-list li:last-child:after {
    content: '';
}

.artist-list li:nth-child(3n - 2), .red {
    color: orangered;
}

.artist-list li:nth-child(3n - 1), .blue {
    color: mediumblue;
}

.artist-list li:nth-child(3n), .green {
    color: forestgreen;
}

.preview-controls {
    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 50%;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    display: none;
}

.preview-controls.active {
    display: flex;
}

.preview-controls h3 {
    margin: 0 .5rem 0 1rem;
    padding: 0;
}

.preview-info h3 {
    margin: 0;
    padding: 0;
    font-size: .875rem;
}

.preview-controls ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.preview-controls ul li {
    margin: 0 .5rem 0 0;
}

.preview-controls ul li button {
    background: transparent;
    border-radius: 50%;
    border: 1px solid;
    padding: .125rem .375rem;
    cursor: pointer;
}

.preview-controls ul li button.btn-x {
    padding: .125rem .5rem;
}

.preview-controls ul li button.active, .preview-controls ul li button:hover, .preview-controls ul li button:focus {
    outline: none;
    background: black;
}

.preview-controls ul li button.active {
    -webkit-animation: blinkingBackground 1s infinite;
    animation: blinkingBackground 1s infinite;
}

@-webkit-keyframes blinkingBackground{
	0%		{ background-color: black;}
	25%		{ background-color: white;}
    75%		{ background-color: white;}
	100%	{ background-color: black;}
}

@keyframes blinkingBackground{
	0%		{ background-color: black;}
	25%		{ background-color: white;}
    75%		{ background-color: white;}
	100%	{ background-color: black;}
}

.preview-info {
    position: absolute;
    right: 0;
    bottom: 1rem;
    width: 50%;
    padding: 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    /* -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference; */
}

.info-wrap {
    display: none;
}

.info-wrap.active {
    display: flex;
}

.preview-info p {
    font-size: .875rem;
    margin: 0;
    text-align: left;
    padding: 0 2rem 0 1rem;
}

.facetime {
    background-color: transparent;
    position: fixed;
    border-radius: 1.5vw;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 0;
    overflow: hidden;
}

.phone-pic {
    background-color: transparent;
    position: fixed;
    /* border-radius: 1.5vw;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    z-index: 0;
    overflow: hidden;
}

.facetime.bw-1 {
    top: 50%;
    left: 50%;
    transform: translate(-114%, -50%);
    width: 27vw;
    height: 42.5vw;
}

.facetime.bw-1 .facetime-vid{
    width: 27vw;
    height: 47.5vw;
}

.facetime.bw-2 {
    top: 50%;
    left: 50%;
    transform: translate(15%, -56%);
    width: 20vw;
    height: 35.5vw;
}

.facetime.bw-2 .facetime-vid{
    width: 20vw;
    height: 35.5vw;
}

.phone-pic.sm-1 {
    /* top: 14.5%;
    left: 14%; */
    top: 50%;
    left: 50%;
    transform: translate(-125%, -48%);
    width: 30vw;
    height: auto;
}

.phone-pic.sm-2 {
    /* top: 18.5%;
    right: 10%; */
    top: 50%;
    left: 50%;
    transform: translate(0%, -54%);
    width: 42vw;
    height: auto;
}

.phone-pic.gh-1 {
    top: 50%;
    left: 50%;
    transform: translate(-105%, -50%);
    width: 42vw;
    height: auto;
}

.phone-pic.gh-2 {
    top: 50%;
    left: 50%;
    transform: translate(10%, -50%);
    width: 30vw;
    height: auto;
}

.phone-pic.uu-1 {
    top: 50%;
    left: 50%;
    transform: translate(-105%, -50%);
    width: 40vw;
    height: auto;
}

.phone-pic.uu-2 {
    top: 50%;
    left: 50%;
    transform: translate(40%, -50%);
    width: 25vw;
    height: auto;
}

.phone-pic.dc-1 {
    top: 50%;
    left: 50%;
    transform: translate(-120%, -48%);
    width: 34vw;
    height: auto;
}

.phone-pic.dc-2 {
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
    width: 46vw;
    height: auto;
}

.phone-pic.ka-1 {
    top: 50%;
    left: 50%;
    transform: translate(-105%, -48%);
    width: 34vw;
    height: auto;
}

.phone-pic.ka-2 {
    top: 50%;
    left: 50%;
    transform: translate(10%, -50%);
    width: 30vw;
    height: auto;
}

.facetime.ms-1 {
    top: 50%;
    left: 50%;
    transform: translate(-135%, -50%);
    width: 24vw;
    height: 42.5vw;
}

.facetime.ms-1 .facetime-vid{
    width: 24vw;
    height: 42.5vw;
}

.phone-pic.ms-2 {
    top: 50%;
    left: 50%;
    transform: translate(50%, -50%);
    width: 22vw;
    height: auto;
}

.phone-pic.acl-1 {
    /* top: 14.5%;
    left: 14%; */
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%);
    width: 70vw;
    height: auto;
}

.phone-pic.acl-2 {
    top: 50%;
    left: 50%;
    transform: translate(210%, 74%);
    width: 15vw;
    height: auto;
}

.vid-wrap {
    position: relative;
    width: 100%;
}

.facetime-vid {
    background-color: #666;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1001;
    border-radius: 1.5vw;
}

.phone-pic-img {
    background-color: #666;
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    height: auto;
    z-index: 1001;
    /* border-radius: 1.5vw; */
}

/* .bw-1 .facetime-vid {
    top: 18.5%;
    left: 25%;
}

.bw-2 .facetime-vid {
    top: 18.5%;
    right: 25%;
} */

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
    font-size: 1.1rem;
}

.info-wrap ul li {
    min-width: 22vw;
}

ul li a {
    color: black;
    text-decoration: none;
}

ul li a:before {
    content: '>';
    margin-right: .125rem;
}

ul.helpful-links li a {
    text-decoration: underline;
}

ul.helpful-links li a:before {
    content: '';
    margin-right: 0;
}

nav.side {
    width: 30%;
    min-height: 100vh;
    float: left;
    padding: 1rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

nav.side h2 {
    margin-top: 2.5rem;
}

.indicator {
    position: relative;
    /* bottom: 0;
    left: 1rem; */
    /* color: rgb(255, 42, 0); */
}

.live-icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: rgb(255, 42, 0);
    border-radius: 100%;
    margin-left: 0;
    margin-bottom: 2px;
}

.live-icon:before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(255, 42, 0, 0.6);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    /* -webkit-animation: live 2s ease-in-out -1s infinite;
    animation: live 2s ease-in-out -1s infinite; */
}

@-webkit-keyframes live {
  0% {
    transform: scale(1, 1); }
  100% {
    transform: scale(2.5, 2.5);
    background-color: rgba(255, 42, 0, 0); }
}

@keyframes live {
  0% {
    transform: scale(1, 1); }
  100% {
    transform: scale(2.5, 2.5);
    background-color: rgba(255, 42, 0, 0); }
}

main.info {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 4rem 1rem 1rem;
    padding-left: 30%;
    -webkit-animation: 1s ease 0s normal forwards 1 fadein;
    animation: 1s ease 0s normal forwards 1 fadein;
}

main section {
    padding: 4.5rem 0;
}

.jaunt {
	position: absolute;
	top: 35%;
	left: 65%;
	-webkit-animation: 2s ease 0s normal forwards 1 fadein;
    animation: 2s ease 0s normal forwards 1 fadein;
}

.jaunt-again {
	position: absolute;
    top: 75%;
    left: 18%;
	-webkit-animation: 3s ease 0s normal forwards 1 fadein;
    animation: 3s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@keyframes colorflip {
    0% { fill:forestgreen; }
    66% { fill:orangered; }
    100% { fill:mediumblue; }
}

@-webkit-keyframes colorflip {
    0% { fill:forestgreen; }
    66% { fill:orangered; }
    100% { fill:mediumblue; }
}

#mc_embed_signup {
	display: inline-block;
}

#mc-embedded-subscribe-form {
    border: 0;
    margin: 0;
    outline-color: #0f0f0f;
    display: flex;
    flex-direction: row;
    outline-style: solid;
    outline-width: .075em;

    outline: none;
    padding: 0;
    width: 100%;
}

.footer_module__col #mc-embedded-subscribe-form .email_wrapper {
    flex: 1 1;
}

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

#mc-embedded-subscribe-form input[type=email] {
	-webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
    border: 1px solid transparent;
    margin: 0;
    padding: 0;
    padding: 0;
    color: #000;
    width: 100%;
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: normal;
    letter-spacing: 0;
    max-height: 20px;
}

#mc-embedded-subscribe-form input[type=submit] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0 .5rem 0;
    font-size: .875rem;
    font-weight: normal;
    color: #000;
    flex: 0 0;
    display: none;
    max-height: 20px;
}

#mc-embedded-subscribe-form input[type=email]:focus {
    outline: 0;
    border: 1px solid black;
}

#mc-embedded-subscribe-form input[type=submit].button.active {
    outline: 0;
    border: 1px solid black;
    display: block;
    text-transform: uppercase;
}

.announcement-footer #mc-embedded-subscribe-form input[type=submit].button.active {
    color: white;
}

#mc-embedded-subscribe-form ::-webkit-input-placeholder { /* WebKit browsers */
	color: #000;
	text-decoration: underline;
}

#mc-embedded-subscribe-form input[type=email]:focus::-webkit-input-placeholder { /* WebKit browsers */
	color: blue;
	text-decoration: none
}

#mc-embedded-subscribe-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #000;
	opacity: 1;
	text-decoration: underline;
}

#mc-embedded-subscribe-form input[type=email]:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: blue;
	opacity: 1;
	text-decoration: none
}

#mc-embedded-subscribe-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #000;
	opacity: 1;
	text-decoration: underline;
}

#mc-embedded-subscribe-form input[type=email]:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: blue;
	opacity: 1;
	text-decoration: none
}

#mc-embedded-subscribe-form :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #000;
	text-decoration: underline;
}

#mc-embedded-subscribe-form input[type=email]:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: blue;
	text-decoration: none;
}

.emoji {
    position: relative;
}

.emoji img {
    max-height: .75rem;
    width: auto;
}

.off_screen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: .5em;
    margin: .5em;
    font-size: 1px;
}

.grid-row {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.col {
    width: 50%;
}

.col p:first-child {
    margin-top: 0;
}

.ext-intro {
    display: inline;
}

.list-active {
    display: none !important;
}

.primary-nav .select-btn.list-active {
    display: block !important;
}

footer {
    width: 100%;
    min-height: 90vh;
    float: left;
    margin: 0;
    padding: 1rem 4rem 1rem 1rem;
    padding-left: 30%;
    position: relative;
}

footer p {
    position: absolute;
    bottom: 0;
    left: 30%;
}

#add-to-calendar-checkbox-label {
  cursor: pointer;
}

.add-to-calendar-checkbox ~ a {
  display: none;
}

.add-to-calendar-checkbox:checked ~ a {
  display: block;
  width: 150px;
  margin-left: 20px;
}

input[type=checkbox].add-to-calendar-checkbox {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.add-to-calendar-checkbox ~ a:before {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAQCAYAAACIoli7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzJCRDU2NUE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzJCRDU2NkE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMkJENTYzQTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzMkJENTY0QTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1Gcb3QAACh1JREFUeNrEWAtwVNUZ/u7d9yvZJBtMIC8eBhIKMkQIhqIBKirWwpSW0dahCir1gQhWg2XKjNRqR7AjQ6QjglBFRIW20KmC0KRYjRYMCZGHGEjIY0Oy2U32lX3d3Xv6nxuSbEJCQNvpn/n33POfxz33u9//uBGaBQFcMhgrpGYC6ddk+zfiZKgxsvOG4buJMGATNtzcq4l+WStbsGgpvOiELpgBWetGQGNCstSGkKwH1Ek04oVNFUZQsEAjedCg0iBRVivrP737CL+H8Na7f7lpRFa2cOfMqdUn9n3ARGc7NLEYJj62Qle6Z3/ZlATt82mINV4QVPV33HVXmK/1bRgPvst60vzXgJzZZ84UlOfnV1L/YvwhBxk7Q7quZ3zZLrvSivRy+PtR0Y8oUit2P7+aWm5TifxahErVPWfd/JRBQaNVjA2CIhsecEwIubHzB3+CQWNDNBCCyuiEC6NgpV3agkCszYWknBTInjAMFh20HAo1/QQFVM7Kw9aly7D1ze2iJEemhbu8Mzf++rkVNGMkaS7puKadb0yubGscp/Wa3rc0nNXVJ6RsJvsaUhmXt5oyZv36e4o//hi1tbUonjWrYNTs2QXxhywuL+8bmzevoG7dOu3gj8Po2MIVZGIcAw6TcPma0YV4JfXYEBiy/rbeqZcv+i1tEbIgagzgOAWMerT5MvDuXgfOH6vAsRoRgVAqHOp2TMrX4dYfFmLhVAHTRqtgkn0QQ3W0anZK+UsvzJe/qflxi2d04a3u9iJWdngUHd/I33KEyJEoqBE2mqCxGBCqq//p8idWvPh66Wa35ZlzUIcAnez3w+n14uwDD8CalYWo293vYePH+Fy+Jn58289HKu2rpbux9KF7EY4yfHroAHKL5iv2w/v2Ye7CBfBHBLRWHYJ54rzrCQcsDtx+YA4MAbyTqjsHLfLIrWWcChjwu/XHUVnuxrGDC2G2AdwnnKQNXwOLHnwFH4da8VnZBpg0ZqgcOgJMfKa+oqJkTDQMX3or3GF/khgJQ9TroDInQENq9rjItaNwqUWkeDoy0wtmTKYt/8XPpg4wZpADARTt2YOJx45Bo9PBlZEBy86dvQedPGkSxmZnw5SQAD6Xrxns6XWmYO+1x3e+n52D2WM3Y96w6F0F1F4wBwsBprBEv+0wIQO7Xj2HC0ercLbiEdi0zYgyAk1OgFUQccONwP5dyxELNMCQ5Cfq0YZpekgCpMZgENPvmIc5KckEm4gL7+9BrL0d1rFjYSGGGkePgyWX4qU1CQW3zVG5ztV+n25aQRpVGBojkFpWroTBaAQ/TpD6eput3xOZzWaKEjL43IEM3frHLZD8XtyQasXhdzbDbNTCJjN89tftvfaW8jd67fPyzP3jRBzThGGYKgwxrcceM2eyYDQNG9+8iAMfHsaRXY/AouV4qRAS9NCrmmkjKxBKwOQsM8X0iQhQkpK1IUiiBxq1+oLfaPJJXo8lEOyCJtGKScsfhTYpGYItFTUXG9DY2oqQw4UnFi5SGF/2zfkialQcUJ66V7PrFL5mQhwgXGRZZjv+8ALzBGPM4YuyA9s3sFMtIUW5/Xx7hNU0+RU7X7OM5bFlJxSQ2ODR+ArlIUy5HDjW04y+t5UrC9J5Vm5tYxkz/s5YF3WiESYzP2MRmbmp6+EH9vuZxM9N9iBz0ViUHbclsPuX/GJ2SUnJeX+LnUW6/MqzHTp6lL29dy9rtLewx598kpWsWcPuu+8+Fo1GlfG9+/bZn1q1Kk1JzHQSlUxHjBL7rkX5XL5mMBQks7WvY0vvZ3d4pW63j7Nfo/QDfYCbs3iGa6UORYMUP/92qhoYE4VsdNCoDEEyUYqnhBIDEmJ8hZYenKdmETH6468pWa3GJbvdHpKiTWpio4YSz7Hjx7Hu2Wdx9KOPkDkyHaWbNiE/Lw+LFy+makWlHCInOyc9MyOTJ3JRzcEhnCHHYtf0dCJtwrrp3Suvv/UGvO4uWBLN2L9/N7xeFzyedrS43+q1F401DQdaP+8Vrg1ppcRS3t+DDVQe9dhFqF3JiHTaIYaTyL2jYIld8IsGWCQRTB+GoCcgiU5q2QCD6KNFdQjrM1FVXeUYd+PYxg6nE+np6ZiYn48dO3Zg7dq1iEQi0Gq1KKeqh1h82T2BURkZQlpa2kzqHuJ1qEph3zCAPnVyDao8X6EgeQowANDlSx7mfo9t772NBQt+pmT5T468jgmFS5TxiqPvdderLO+Kfcnte2X71G9VzCvjulhfZaJFFjJSrCj7/DjCqgh0VN6EvSIsCUAXndxPvDxf1w5t4gjoY1qEnAYUfI8SpuokOlyIBIPhC06nSwHUZDIhNzcXoVAIRF7k5OQoLc83/E1eutSKpuYmRKToLZs3l6Zzhqo5QyPR6FVPfcJZg2lFN6Py80q+kbp2WzLwUEe/OZ2Ovr4YU11przqL/5XoRH3fvakwmjFdQtlH4/FC6VdY/dRNVKEYeMqAUR3EiSo9Vj56As2+MKwGMx68fySm5o+HSeDh6FLM7/fVu1zO3v24axcUFJDneZX+SkrgXq8PlZUnEKKKwGpNgM/rmaLT66Z1uzwxVBoC0JKqtTjpPtVd8sQ8YJKM+g3W5Ze/HpZ3f9r0kahk5aq41b/st1c8A3uYOQQrr0uyFwep+ujrG6HHip/YsPvlTmz+7dcovnMGZk4gt6cYKXQFMWuyAV98+iOcpfB6e9HzFBvvoS87J9XfynKZWFnfbLfzbwOlmpEkCauffhpejxenvjqF7KxsdPF6PByCz+PH6dOnKVRUW8eMGX1LN0MJ0MgQLl/dVgNb8YjuAj/qRFJhMmYVzkkv/3NZAV6jJPS4W/gWGLDr/Ua/mkQMzQM2T4dN58Q/DxbizuIKLLjtHax7bhqWPJaLVJMWPsXpzah3SWj3n6GQMKf7/wAmP6/65fq6uubGpsaOFntLuqPdARe5v4fY2emi1uej/OBmjjan3+V2tfi8voZYLFoXlaJnjQZDhZoJgi7GXX4IQPNN+Th9sJuhmKuCWM5w5pvqNiSLlfg/yhcLx2PEqA+QqhR/wX5jHirrdbIJI24A/lG9Gqt/U45NWz7Ey9s/BzQ3QpUQQajdjMS0NixdtQhFxTfTGzVQDc6rFJ/85Zdfem6ePr29dMuWdGKi5PV6Ov2BQFMoFL5INXqtx+upd3d21rXY7Y5AIMBvTp8FCJeXl/nVBKNFRa7Ag+xgsnH2K0p79+474Ix1IJWy5qgXuw40MPb8dwFkOFfngA0nY9zqQe1WnrQtzQRSBgwGEXs2zqUHmXvFvCCFLwP/Lw6PdhQLjVqFVIwSkCRFIgdPVp+sI66d7ury1Xrc7saGhkZ7OBziAEpxGotXYYQg/J4CReZwh3fdriqM2IQkrZN1mg/H9joY+4DMvSyt+eQlTL71uf8a+65VfvVw5nDh5Jpl58NHMK5FCT88diaSGi4DFYnTHvDkgTUyl/8IMABtKh8piZwIuwAAAABJRU5ErkJggg==);
  margin-right: .5em;
  content: ' ';
}

.icon-ical:before {
  background-position: -68px 0;
}

.icon-outlook:before {
  /*this is the default icon*/
}

.icon-yahoo:before {
  background-position: -36px +4px;
}

.icon-google:before {
  background-position: -52px 0;
}

.mailchimp {
    position: static;
    display: block;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-end;
    color: #000;
    text-align: left;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-width: 0px;
    -moz-column-rule-width: 0px;
    column-rule-width: 0px;
    white-space: normal;
    padding: 1rem;
    width: 100%;
    max-width: 100vw;
}

.mailchimp .col {
    width: 100%;
}

.mailchimp-gif {
    width: 100%;
    padding-right: 2rem;
}

.mailchimp h1, .mailchimp h2, .mailchimp h3, .mailchimp p, .mailchimp ul li, .mailchimp em {
    font-size: .875rem;
    font-size: .9875vw;
    font-family: courier, monospace;
}

.mailchimp h1 {
    margin-top: 0;
}

.mailchimp h2 {
    margin-top: 0;
}

h2.header {
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'geometric_no._3book', Arial, sans-serif;
    font-size: 1.1rem;
}

.mailchimp h3 {
    margin-bottom: 0;
}

.mailchimp h3.subject {
    margin-top: 0;
    margin-bottom: 1rem;
}


.mailchimp .grid-row p:first-child {
    margin-top: 1rem;
}

.mailchimp .img-credits {
    font-size: .675rem;
}

.mailchimp .img-credits em {
    font-family: courier, monospace;
    font-size: .675rem;
    font-style: italic;
}

.intro p.form-wrapper, #mc_embed_signup {
    display: none;
}

.press-release-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
    background: white;
    display: none;
    overflow-y: auto;
}

.press-release-wrap.active {
    display: block;
}

.mailchimp a {
    font-size: .9875vw;
}

.press-release-wrap .close-press-release-wrap {
    z-index: 101;
    color: black;
    padding: .75rem 1rem;
}

.pr-toggle {
    background: transparent;
    border: none;
    text-decoration: underline;
    font-size: 1.1rem;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.mailchimp-header {
    text-align: center;
    padding-top: 1rem;
    padding-right: 2rem;
}

.announce-description a {
    color: black;
    display: inline-block;
}

body.hey {
    min-height: 100vh;
	animation-duration:.6s;
		-o-animation-duration:.6s;
		-ms-animation-duration:.6s;
		-webkit-animation-duration:.6s;
		-moz-animation-duration:.6s;
	animation-iteration-count: 1;
		-o-animation-iteration-count:1;
		-ms-animation-iteration-count:1;
		-webkit-animation-iteration-count:1;
		-moz-animation-iteration-count:1;
	animation-direction:linear;
		-o-animation-direction:linear;
		-ms-animation-direction:linear;
		-webkit-animation-direction:linear;
		-moz-animation-direction:linear;
}

body.hey.orangered {
	animation-name:soft-orangered;
		-o-animation-name:soft-orangered;
		-ms-animation-name:soft-orangered;
		-webkit-animation-name:soft-orangered;
		-moz-animation-name:soft-orangered;
}

body.hey.black {
	animation-name:soft-black;
		-o-animation-name:soft-black;
		-ms-animation-name:soft-black;
		-webkit-animation-name:soft-black;
		-moz-animation-name:soft-black;
}

body.hey.mediumblue{
	animation-name:soft-mediumblue;
		-o-animation-name:soft-mediumblue;
		-ms-animation-name:soft-mediumblue;
		-webkit-animation-name:soft-mediumblue;
		-moz-animation-name:soft-mediumblue;
}

body.hey.forestgreen{
	animation-name:soft-forestgreen;
		-o-animation-name:soft-forestgreen;
		-ms-animation-name:soft-forestgreen;
		-webkit-animation-name:soft-forestgreen;
		-moz-animation-name:soft-forestgreen;
}

.hey-gallery {
    opacity: 0;
}

.hey-gallery.active {
    transition: opacity 4s;
    -webkit-transition: opacity 4s;
    opacity: 1;
}

.hey-gallery.active #preview-x.preview {
    display: block;
}

.hey.one {
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}

@keyframes soft-orangered {
	0%{
		background: orangered;
	}
    80%{
		background: orangered;
	}
	100%{
		background: white;
	}
}

@-webkit-keyframes soft-orangered {
    0%{
		background: orangered;
	}
    80%{
		background: orangered;
	}
	100%{
		background: white;
	}
}


@keyframes soft-black {
	0%{
		background: black;
	}
    80%{
		background: black;
	}
	100%{
		background: white;
	}
}

@-webkit-keyframes soft-black {
    0%{
		background: black;
	}
    80%{
		background: black;
	}
	100%{
		background: white;
	}
}


@keyframes soft-mediumblue {
	0%{
		background: mediumblue;
	}
    80%{
		background: mediumblue;
	}
	100%{
		background: white;
	}
}

@-webkit-keyframes soft-mediumblue {
    0%{
		background: mediumblue;
	}
    80%{
		background: mediumblue;
	}
	100%{
		background: white;
	}
}


@keyframes soft-forestgreen {
	0%{
		background: mediumblue;
	}
    80%{
		background: mediumblue;
	}
	100%{
		background: white;
	}
}

@-webkit-keyframes soft-forestgreen {
    0%{
		background: mediumblue;
	}
    80%{
		background: mediumblue;
	}
	100%{
		background: white;
	}
}

.preview-wrap {
    display: none;
}

.primary-nav {
    position: relative;
    width: 100%;
    top: inherit;
    bottom: inherit;
    left: inherit;
    padding: 0 1.5rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    box-sizing: border-box;
    z-index: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.child .primary-nav {
    position: fixed;
}

.primary-nav .nav-wrap.active {
    padding: 3.5rem 0;
    display: inline-block;
}

.primary-nav .intro {
    position: relative;
    top: inherit;
    left: inherit;
    z-index: 12;
    width: 100%;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-filter: invert(1);
    filter: invert(1);
    mix-blend-mode: difference;
}

.primary-nav .intro .list-toggle:before {
    content: '[';
    font-family: 'geometric_no._3book', Arial, sans-serif;
    font-size: 1.1rem;
    margin-right: .25rem;
    display: none;
}

.primary-nav .select-btn {
    z-index: 20;
}

.install-hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
}
.install-hero .big-b {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-55%);
    font-family: 'geometric_no._3light', Arial, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 1;
    color: black;
    display: block;
    text-transform: none;

}
.install-hero .ongoing {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    width: calc(100% - 3rem);
}
figure {
    padding: 0;
    margin: 0;
}

.installations .virtual-room:last-child figure {
    margin-bottom: 0;
}

.child section.installations {
    padding: 0;
    margin: 0;
}

.primary-nav .intro .list-toggle:after {
    content: ']';
    font-family: 'geometric_no._3book', Arial, sans-serif;
    font-size: 1.1rem;
    margin-left: .25rem;
    display: none;
}

.primary-nav .menu ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    display: none;
    margin: 0;
    padding: 2rem 0;
}

.primary-nav .menu-list-toggle.active, .primary-nav .installation-toggle.active, .primary-nav .appointment-toggle.active, .primary-nav .contact-toggle.active {
    background-color: #e6e9eb;
    border-color: #e6e9eb;
}

.primary-nav .menu-list-toggle .ex, .primary-nav .contact-toggle .ex {
    display: none;
}

.primary-nav .menu-list-toggle.active .ex, .primary-nav .contact-toggle.active .ex {
    display: inline-block;
    padding: 0 .125rem;
}


.primary-nav .menu ul.menu-artist-list.active {
    display: inline;
    padding: 0;
}

.primary-nav .menu-list-toggle.active .ex {
    display: inline-block;
    padding: 0 .125rem;
}

.primary-nav span.menu-artist-list-wrap {
    display: none;
}

.primary-nav span.menu-artist-list-wrap.active {
    display: inline;
}

ul.menu-artist-list li a:before {
    display: none;
}

/* .now-open #announcement-2 .announcement-bkg {
    background: mediumblue;
    height: 99.25%;
} */

.now-open #announcement-2 .announcement-bkg {
    background: black;
    height: 99.25%;
}

.primary-nav .menu a.about {
    display: inline-block;
}

/* .primary-nav .menu a.about {
    display: inline-block;
} */

.child.about {
    color: #000;
    text-align: left;
    padding: 1rem;
    width: 100%;
    max-width: 100vw;
}

.child.about .col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-width: 0px;
    -moz-column-rule-width: 0px;
    column-rule-width: 0px;
    white-space: normal;
    padding: 0;
    width: 100%;
    text-indent: 2rem;
}

.child.about .col-2.desc h2, .child.about .col-2 h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.child.about .acknowledgments a {
    color: white;
}

.child.about .col-2.instagram-videos {
    padding: 8rem 1rem 1rem;
}

.child.about .col-2.instagram-videos .embed-container iframe {
    padding-left: 4rem;
    padding-right: 4rem;
}

.child.about .col-2 p {
    padding-right: 1.5rem;
}

.child.about .col-2 p:first-child {
    margin-top: 0;
}

.child.about .col-1 .col-vid p, .child.about .col-2 .col-vid p {
    text-align: center;
}

#acknowledgments {
    background: black;
    color: white;
    padding: 4.5rem 0;
    margin-bottom: 1rem;
}

.acknowledgments {
    width: 100%;
    padding-top: 0;
}

.acknowledgments .thanks {
    text-indent: 2rem;
}

.acknowledgments-wrap {
    width: 25%;
    margin: 0 auto;
}

.virtual {
    /* position: absolute;
    top: 0;
    left: 0; */
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding: 0;
}

.virtual .col-1, .about .col-1 {
    position: relative;
    width: 100%;
    padding: 5% 0 0;
}

.col-vid {
    padding: 0 14% 0;
}

.child.about .col-2.instagram-videos .col-vid {
    padding: 0;
}

.single .virtual .col-1 {
    /* padding-top: 2%; */
    padding: 0 14% 0;
    margin-top: 6.875%;
}

.child.virtual-page, .child.virtual-page .virtual, .virtual div {
    background: black;
}

.child.virtual-page.sheila .virtual.v-b, .child.virtual-page.sheila .virtual.v-b .col-2  {
    background: mediumblue;
}

.child.virtual-page.sheila .virtual.v-a, .child.virtual-page.sheila .virtual.v-a .col-2  {
    background: forestgreen;
}

.child.virtual-page.bradley , .child.virtual-page.bradley  .virtual, .bradley .virtual div {
    background: white;
}

.child.virtual-page.sheila .virtual .col-2 {
    position: relative;
    white-space: normal;
    padding: 1rem;
    width: 50%;
    min-height: 100vh;
    float: left;
}

.child.virtual-page.bradley .virtual .col-3 {
    position: relative;
    white-space: normal;
    padding: 1rem;
    width: 33%;
    min-height: 100vh;
    float: left;
}

.child.virtual-page.sheila .virtual .col-2 .v-video {
    position: absolute;
    height: 47.75vw;
}

.child.virtual-page.bradley .virtual .col-3 .v-video .vid-wrap .v-video-vid {
    width: 27.5vw;
    margin-left: -.25vw;
}

.child.virtual-page.bradley .virtual .col-3 .v-video {
    position: absolute;
    height: 47.75vw;
    top: 52%;
    width: 26vw;
}

.child.virtual-page.sheila .virtual .col-2 .v-video .vid-wrap .v-video-vid {
    width: 27vw;
}

.child.virtual-page.sheila .virtual .col-2 .ongoing {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 1rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    color: white;
    z-index: 2;
}

.child.virtual-page.sheila .virtual a {
    color: white;
}

.child.virtual-page.sheila .virtual h1, .child.virtual-page.sheila .virtual h2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: 'geometric_no._3light', Arial, sans-serif;
    font-size: 40vw;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    color: white;
    display: block;
    text-transform: none;
    display: block;
}

.child.virtual-page.in-studio p {
    text-align: center;
}

.child.virtual-page.in-studio .virtual p a {
    text-align: center;
    color: white;

    background: transparent;
    border-radius: 50%;
    border: 1px solid;
    padding: .25rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    min-width: 4.5rem;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.75;
    padding: 0 1rem;
    min-height: 2rem;
    height: auto;
    border-radius: 2rem;
    margin: 0 .5rem .5rem 0;
}

.child.virtual-page .select-btn {
    background: transparent;
    border-color: white;
}

.child.virtual-page.bradley .select-btn {
    border-color: black;
}

.child.virtual-page .select-btn .svg-icon svg {
    fill: white;
}

.child.virtual-page.bradley .select-btn .svg-icon svg {
    fill: black;
}

.child.virtual-page .select-btn.active {
    background-color: #e6e9eb;
    border-color: #e6e9eb;
}

.child.virtual-page .select-btn.active .svg-icon svg {
    fill: black;
}

.child.virtual-page .desc {
    width: 100%;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-filter: none;
}

.child.virtual-page .desc p {
    color: white;
    margin: 0;
    padding: 0;
}

.embed-container {
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.desktop-checklist {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    width: 8vw;
    padding: .125rem .125rem .5rem;
    height: auto;
    z-index: 1;
    background: white;
    text-align: left;
    font-size: .875rem;
    font-family: 'geometric_no._3book', arial, sans-serif;
}

.desktop-checklist.closed {
    position: absolute;
}

.desktop-checklist button {
    background: transparent;
    border: none;
    float: right;
    padding-right: .5rem;
    cursor: pointer;
}

.desktop-checklist a {
    text-decoration: none;
    color: black;
    font-size: .875rem;
    padding-left: .5rem;
}

.desktop-checklist a:hover {
    text-decoration: underline;
}

#cloud-hero {
    display: none;
}

#myCanvas {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 80vw;
    background-color:transparent;
}

canvas img {
    width: inherit;
    height: inherit;
}

.markers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    counter-reset: pin;
}

.virtual-room {
    position: relative;
    width: 100%;
    height: auto;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transform-style: flat;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-drag: none;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    touch-action: manipulation;
    outline: 0;
    position: relative;
}

#tsa-10 {
    display: none;
}

/* #tsa-1 .scroll-note, #st-1 .scroll-note {
    display: none;
} */

#tsa-B-1 .scroll-note, #st-B-1 .scroll-note {
    display: none;
}

.virtual-room .scroll-note {
    margin: 0;
    padding: .125rem .875rem;
}

.virtual-room .scroll-note span {
    opacity: 0;
}

.virtual-room figure img {
    display: block;
    position: relative;
    z-index: 0;
}

.virtual-room-wrap {
    position: relative;
}

.virtual-room .markers .marker {
    position: absolute;
    text-align: center;
    border-radius: 50%;
    padding: 1.25vw 1.125vw;
    max-height: 2rem;
    background: rgba(0,0,0,0.02);
    white-space: nowrap;
    color: rgba(0,0,0,0.5);
    overflow: hidden;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -moz-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 4%;
    width: 6vw;
    max-height: 100%;
    background: transparent;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: auto;
}

.virtual-room .markers li a:before {
    display: none;
}

.virtual-room .markers .marker .marker-btn {
    background: transparent;
    border-radius: 50%;
    width: 100%;
    color: transparent;
    font-size: 2rem;
    line-height: 3.5rem;
    opacity: .125;

    -webkit-animation-name: dot;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    transition: all ease 500ms;
}

.virtual-room .markers .marker .marker-btn:hover {
    background: mediumblue !important;
    opacity: 1;
}

/* tsa 1 */
.antis-tsa-01-02b {
    top: 42%;
    left: 13.675%;
}

.antis-tsa-01-02 {
    top: 42%;
    left: 21.75%;
}

.heishman-tsa-01-08b {
    top: 41.75%;
    left: 44.75%;
}

.hunt-tsa-01-09 {
    top: 47.65%;
    left: 51.35%;
}

.edgar-tsa-01-07 {
    top: 61.125%;
    left: 36.125%;
}

.edgar-tsa-01-07b {
    top: 61.125%;
    left: 42.75%;
}

/* tsa 2 */
.miller-tsa-02-18-4 {
    top: 34%;
    left: 80.675%;
}

.markwick-tsa-02-15 {
    top: 59.125%;
    left: 63.25%;
}

.albright-tsa-02-01 {
    top: 57.125%;
    left: 46.75%;
}

.albright-tsa-02-01b {
    top: 78.5%;
    left: 48.95%;
}

.mauser-tsa-02-16 {
    top: 57.65%;
    left: 41.95%;
}

/* tsa 3 */
.nickodemus-tsa-03-20 {
    top: 58.75%;
    left: 7.75%;
}

.miller-tsa-03-19b {
    top: 52.275%;
    left: 31.75%;
}

.worful-tsa-03-32 {
    top: 62%;
    left: 38%;
}

.melcher-tsa-03-17 {
    top: 71.75%;
    left: 45.975%;
}

.majumdar-tsa-03-14b {
    top: 43.65%;
    left: 41.65%;
}

.ross-tsa-03-24 {
    top: 49.45%;
    left: 61.75%;
}

.miller-tsa-18-2 {
    top: 45.975%;
    left: 68.55%;
}

.miller-tsa-18-3 {
    top: 41.45%;
    left: 78.475%;
}

.ross-tsa-03-24b {
    top: 28.65%;
    left: 73.125%;
}

/* tsa 4 */
.savona-tsa-04-25 {
    top: 24.65%;
    left: 33.125%;
}

.wester-tsa-04-31 {
    top: 47.125%;
    left: 2%;
}

.wester-tsa-04-31b {
    top: 45.125%;
    left: 21.75%;
}

.lavatelli-tsa-04-13 {
    top: 53.5%;
    left: 36.65%;
}

.ward-tsa-04-30 {
    top: 40.35%;
    left: 44.5%;
}

.markwick-tsa-04-15b {
    top: 85.75%;
    left: 28.5%;
}

.hunt-tsa-04-09b {
    top: 83.75%;
    left: 85.5%;
}

.klein-tsa-04-12 {
    top: 44.5%;
    left: 53.5%;
}

/* tsa 5 */
.lavatelli-tsa-05-13 {
    top: 30.875%;
    left: 27.65%;
}

.ward-tsa-05-30 {
    top: 9.75%;
    left: 36.125%;
}

.markwick-tsa-05-15b {
    top: 83.75%;
    left: 12.25%;
}

.hunt-tsa-05-09b {
    top: 80.75%;
    left: 81.25%;
}

.klein-tsa-05-12 {
    top: 17.875%;
    left: 49.5%;
}

.ward-tsa-05-30b {
    top: 61.125%;
    left: 65.875%;
}

.majumdar-tsa-05-14 {
    top: 54.45%;
    left: 60.25%;
}

.parsons-charlesworth-tsa-05-23 {
    top: 55.25%;
    left: 21.75%;
}

.parsons-charlesworth-tsa-05-23b {
    top: 50.75%;
    left: 23.125%;
}

.keihm-tsa-05-10b {
    top: 46.65%;
    left: 26.875%;
}

.nickodemus-tsa-05-20b {
    top: 47.275%;
    left: 62.675%;
}

.savona-tsa-05-25b {
    top: 45.75%;
    left: 35.675%;
}

.udoh-tsa-05-29b {
    top: 43.25%;
    left: 25.5%;
}

.savona-tsa-05-25 {
    top: 45.6%;
    left: 18.45%;
}

.kirbach-tsa-05-11b {
    top: 40.125%;
    left: 30.125%;
}

.melcher-tsa-05-17b {
    top: 37.125%;
    left: 28.375%;
}

.scott-tsa-05-27 {
    top: 36.125%;
    left: 37.375%;
}

.scott-tsa-05-27b {
    top: 36.125%;
    left: 47.5%;
}

.taft-tsa-05-28-28b {
    top: 37.25%;
    left: 57.25%;
}

/* tsa 6 */
.lavatelli-tsa-06-13 {
    top: 30.875%;
    left: 27.65%;
}

.ward-tsa-06-30 {
    top: 9.75%;
    left: 36.125%;
}

.markwick-tsa-06-15b {
    top: 68.75%;
    left: 89.5%;
}

.hunt-tsa-06-09b {
    top: 40.25%;
    left: 72.5%;
}

.klein-tsa-06-12 {
    top: 17.875%;
    left: 49.5%;
}

.ward-tsa-06-30b {
    top: 42.5%;
    left: 60.25%;
}

.majumdar-tsa-06-14 {
    top: 43.45%;
    left: 53.5%;
}

.parsons-charlesworth-tsa-06-23 {
    top: 69.5%;
    left: 57.75%;
}

.parsons-charlesworth-tsa-06-23b {
    top: 69.75%;
    left: 49.125%;
}

.keihm-tsa-06-10b {
    top: 67.25%;
    left: 39.5%;
}

.nickodemus-tsa-06-20b {
    top: 40.275%;
    left: 43.675%;
}

.savona-tsa-06-25b {
    top:58.25%;
    left: 38.25%;
}

.udoh-tsa-06-29b {
    top: 70.25%;
    left: 29.875%;
}

.savona-tsa-06-25 {
    top: 84.6%;
    left: 30.45%;
}

.kirbach-tsa-06-11b {
    top: 65.5%;
    left: 20.65%;
}

.melcher-tsa-06-17b {
    top: 69.125%;
    left: 8.375%;
}

.scott-tsa-06-27 {
    top: 57.125%;
    left: 10.25%;
}

.scott-tsa-06-27b {
    top: 47.125%;
    left: 16.5%;
}

.taft-tsa-06-28-28b {
    top: 40.25%;
    left: 23.25%;
}

/* tsa 7 */
.wester-tsa-07-31b {
    top: 56.25%;
    left: 74.25%;
}

/* tsa 8 */
.heishman-tsa-08-08 {
    top: 47.25%;
    left: 6.75%;
}

.schlie-tsa-08-06 {
    top: 57.75%;
    left: 35.125%;
}

.schlie-tsa-08-06b {
    top: 42%;
    left: 38.65%;
}

.miller-tsa-08-19 {
    top: 51.25%;
    left: 53.65%;
}

.kirbach-tsa-08-11 {
    top: 37.5%;
    left: 57.25%;
}

.miller-tsa-08-18b {
    top: 55.25%;
    left: 65.275%;
}

.miller-tsa-08-18-1 {
    top: 54.25%;
    left: 70.75%;
}

.keihm-tsa-08-10 {
    top: 56.35%;
    left: 80.125%;
}

/* tsa 9 */
.klein-tsa-09-12b {
    top: 36.75%;
    left: 11.5%;
}

/* st 1 */
.azarnia-st-01-03b {
    top: 33.5%;
    left: 8.45%;
}

.azarnia-st-01-03 {
    top: 52.5%;
    left: 24%;
}

.noland-st-01-21 {
    top: 76.5%;
    left: 74%;
}

/* st 2 */
.rpm-st-02-18 {
    top: 44.125%;
    left: 11.75%;
}

/* st 3 */
.baker-st-03-04 {
    top: 47.125%;
    left: 62.25%;
}

.noland-st-03-21b {
    top: 53.25%;
    left: 75.75%;
}

.okeefe-st-03-22b {
    top: 57.25%;
    left: 42.75%;
}

/* st 4 */
.baker-st-04-04 {
    top: 48.975%;
    left: 24.5%;
}

.noland-st-04-21b {
    top: 55.5%;
    left: 45.25%;
}

.baker-st-04-04b {
    top: 55.975%;
    left: 71.5%;
}

.baker-st-04-04b {
    top: 55.975%;
    left: 71.5%;
}

.mauser-st-04-16b {
    top: 55.975%;
    left: 81.5%;
}

/* st 5 */
.baker-st-05-04 {
    top: 45.35%;
    left: 7.5%;
}

.noland-st-05-21b {
    top: 51%;
    left: 29%;
}

.baker-st-05-04b {
    top: 50.975%;
    left: 48.5%;
}

.mauser-st-05-16b {
    top: 55.975%;
    left: 55.5%;
}

.azarnia-st-05-03b {
    top: 39.5%;
    left: 64.75%;
}

.azarnia-st-05-03 {
    top: 54.25%;
    left: 76%;
}

/* st 7 */
.noland-st-07-21 {
    top: 74.5%;
    left: 13.75%;
}

.cordero-st-07-05b {
    top: 47.25%;
    left: 37.25%;
}

.cordero-st-07-05 {
    top: 53.875%;
    left: 52%;
}

.okeefe-st-07-22 {
    top: 50%;
    left: 73.875%;
}


/* st 9 */
#st-6, #st-9 {
    display: none;
}

.virtual-space {
    float: left;
    position: relative;
    width: 100%;
    padding: 6% 10%;
}

.matterport-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0 0 56.25%;
}

.matterport-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.modal-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	height: 100%;
	/* background-color: RGBA(232, 232, 232, .975); */
    background-color: RGBA(206, 213, 213, .8);
	transition: opacity 0.3s ease-in;
    display: none;
}

.modal-container.show-modal {
    display: block;
    visibility: visible;
	opacity: 1;
	transition: opacity 0.3s ease-in;
}

.v-video {
    background-color: transparent;
    position: fixed;
    border-radius: 1.5vw;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    z-index: 0;
    overflow: hidden;
}

.v-video {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27vw;
    height: 47vw;
}

.v-video .v-video-vid {
    width: 27vw;
    height: 47.75vw;
}

.close-modal {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
}

.close-modal-text {
    color: transparent;
}

.close-modal-x {
    position: absolute;
    top: 1rem;
    padding: 1rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.modal-container a {
    color: black;
    position: absolute;
    width: 100%;
    bottom: 1.5rem;
    left: 0;
    text-align: center;
}

.no-margin {
    margin-top: 0;
}

.desktop {
    display: inline-block;
}

.mobile {
    display: none;
}

.disabled {
    cursor: not-allowed !important;
    opacity: 0.5;
}

@media(max-width:1200px) {
    #myCanvas {
        width: 100%;
        height: auto;
        background-color:transparent;
    }
}

@media only screen and (max-width: 768px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: inline-block;
    }
    p, a {
        font-size: 1.1rem;
    }
    .desktop-checklist {
        display: none;
    }
    .hey .menu button.nudge {
        margin-right: 0.25rem !important;
    }
    nav.side {
        width: 100%;
        min-height: 80vh;
        position: relative;
        top: inherit;
        left: inherit;
    }
    main.info {
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .support h1, .support h2 {
        padding-left: 0;
        text-align: center;
        width: 100%;
    }
    .col {
        width: 100%;
        flex: none;
        margin-bottom: 2rem;
    }
    .preview-info {
        bottom: 3rem;
        width: 100%;
        padding: 0 1rem;
        z-index: 2;
        -webkit-filter: invert(1);
        filter: invert(1);
        mix-blend-mode: difference;
    }
    .preview-info p {
        font-size: 0.875rem;
        margin: 0;
        text-align: left;
        padding: 0 .5rem 0 .5rem;
    }
    .preview-controls h3 {
        font-size: 0.875rem;
        padding-top: .25rem;
    }
    .banner .video-wrapper {
        width: 80%;
    }
    .facetime.bw-1 {
        width: 70vw;
        height: 120vw;
        transform: translate(-60%, -65%);
    }
    .facetime.bw-1 .facetime-vid {
        width: 70vw;
        height: 120vw;
    }
    .facetime.bw-2 {
        transform: translate(4%, -15%);
        width: 40vw;
        height: 68vw;
    }
    .facetime.bw-2 .facetime-vid {
        width: 40vw;
        height: 68vw;
    }
    .phone-pic.acl-1 {
        transform: translate(-50%, -50%);
        width: 96vw;
    }
    .phone-pic.acl-2 {
        transform: translate(40%, 130%);
        width: 30vw;
    }
    .phone-pic.sm-1 {
        transform: translate(-74%, -95%);
        width: 60vw;
        z-index: 1;
    }
    .phone-pic.sm-2 {
        transform: translate(-36%, 18%);
        width: 70vw;
    }
    .phone-pic.gh-1 {
        transform: translate(-50%, -70%);
        width: 90vw;
        z-index: 1;
    }
    .phone-pic.gh-2 {
        transform: translate(18%, 54%);
        width: 36vw;
        z-index: 1;
    }
    .phone-pic.uu-1 {
        transform: translate(-50%, -50%);
        width: 90vw;
        z-index: 1;
    }
    .phone-pic.uu-2 {
        transform: translate(18%, 30%);
        width: 32vw;
        z-index: 1;
    }
    .phone-pic.dc-1 {
        transform: translate(-50%, -80%);
        width: 90vw;
        z-index: 1;
    }
    .phone-pic.dc-2 {
        transform: translate(-20%, 30%);
        width: 58vw;
        z-index: 1;
    }
    .phone-pic.ka-1 {
        transform: translate(-50%, -80%);
        width: 90vw;
        z-index: 1;
    }
    .phone-pic.ka-2 {
        transform: translate(10%, 50%);
        width: 40vw;
        z-index: 1;
    }
    .facetime.ms-1 {
        width: 70vw;
        height: 120vw;
        transform: translate(-60%, -65%);
    }
    .facetime.ms-1 .facetime-vid {
        width: 70vw;
        height: 120vw;
    }
    .phone-pic.ms-2 {
        transform: translate(165%, 80%);
        width: 18vw;
        z-index: 1;
    }
    #mc-embedded-subscribe-form {
        max-width: 12vw;
    }
    #mc-embedded-subscribe-form.active {
        max-width: inherit;
    }
    .intro p.ext-intro {
        display: none;
    }
    .preview-controls {
        width: 100%;
    }
    .preview.active, #preview-x.preview.active {
        display: flex;
        justify-content: center;
        align-items: center;
        /* overflow: hidden; */
    }
    #preview-x.preview img {
        /* min-width: 100%; */
        min-height: 100%;
        width: auto;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        /* margin-left: 50%; */
    }
    .banner .frame-wrapper {
        /* border-radius: 4.5vw; */
        width: 65%;
        height: 65vh;
    }
    .banner .frame-wrapper #preview-frame {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 65vh;
    }
    .banner .frame-wrapper #preview-frame.black {
        background: black;
    }
    .banner .frame-wrapper #preview-frame.mediumblue {
        background: mediumblue;
    }
    .banner .frame-wrapper #preview-frame.forestgreen {
        background: forestgreen;
    }
    .banner .frame-wrapper #preview-frame.orangered {
        background: orangered;
    }
    .banner .frame-wrapper.active {
        display: flex;
    }
    .banner h1.list-active {
        display: none !important;
    }
    .info-wrap ul li {
        min-width: 32vw;
    }
    #announcement-1, #announcement-2 {
        position: absolute;
        top: .75%;
        left: .75%;
        right: .75%;
        transform: translate(0%, 0%);
        width: 98.5%;
        height: 48.75%;
    }
    #announcement-2 {
        top: 50%;
    }
    #announcement-1 h2.get-virtual, #announcement-2 h2.get-virtual, .close-announcement, .announcement-footer {
        padding: 1rem;
    }
    #announcement-1 h2.animate, #announcement-2 h2.animate {
        top: calc(2% - .675rem);
        padding: 1.125rem 0 0;
        z-index: 10;
    }
    #announcement-2 h2.animate {
        top: calc(30% - .675rem);
    }
    .mailchimp {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding-bottom: 12rem;
    }
    .mailchimp-gif {
        width: 100%;
        padding-right: 0rem;
    }
    .mailchimp h1, .mailchimp h2, .mailchimp h3, .mailchimp p, .mailchimp ul li, .mailchimp em {
        font-size: .875rem;
    }
    .mailchimp-header {
        padding-right: 0;
    }
    .close-press-release-wrap {
        position: fixed;
    }
    .now-open .primary-nav, .child.virtual-page .primary-nav, .now-open .primary-nav .menu {
        transform: none;
        background: transparent;
        -webkit-filter: invert(0);
        filter: invert(0);
        mix-blend-mode: inherit;
    }
    .virtual .col-1 {
        padding: 5% 4% 0;
    }
    .now-open h1.animate.active {
        top: 50%;
        transform: translate(0, -50%);
    }
    .tours-hero-wrapper {
        min-height: calc(100vh + 1px);
        height: auto;
        max-width: 100vw;
        overflow-x: hidden;
        /* padding-top: 2rem; */
        padding: 0;
    }
    .banner-wrap {
        position: absolute;
        height: 80vh;
        width: 100%;
        top: 0;
        left: 0;
    }
    .banner h1 {
        top: 68%;
        transform: none;
    }
    .tigerstrikesasteroid, .spaceandtimechicago {
        width: 100%;
        height: 50vh;
        margin-bottom: 10px;
    }
    .tigerstrikesasteroid .hero-image .hero-bkg a {
        min-width: 13.5rem;
    }
    .hero-image .hero-bkg iframe {
        min-width: 200vw;
    }
    /* .spaceandtimechicago .hero-image .hero-bkg iframe {
        min-height: 100vh;
    } */
    .announce-description a {
        font-size: 1.1rem;
    }
    .virtually-open {
        height: 80vh;
    }
    .now-open #announcement-1 {
        height: inherit;
    }
    .virtual-opening-A.now-open #announcement-1 {
        height: 70%;
    }
    .now-open #announcement-2 {
        height: 30%;
        top: inherit;
    }
    .virtual-opening-A.now-open #announcement-2 {
        height: 30%;
        top: inherit;
    }
    #announcement-1, #announcement-2 {
        top: 0;
    }
    .virtual-opening-A.now-open .announcement-wrap {
        height: 130vh;
    }
    .now-open .announcement-wrap {
        height: inherit;
    }
    .now-open ul.virtual-list li {
        min-height: 33.333333%;
    }
    .now-open ul.virtual-list li a {
        font-size: 1.1rem;
        padding: 1rem 1rem;
    }
    .virtual-opening-B {
        height: 90vh;
    }
    .virtual-opening-B h2 {
        transform: translateY(-100%);
    }
    #announcement-1, #announcement-2, #announcement-3, #announcement-4 {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        transform: none;
        width: 94%;
        width: 100%;
    }
    .virtual-opening-A #announcement-1, .virtual-opening-A #announcement-2, .virtual-opening-A #announcement-3, .virtual-opening-A #announcement-4 {
        width: 98.5%;
        left: .75%;
        right: .75%;
    }
    .now-open ul.virtual-list li img {
        transform: translate(-50%, 0%);
        height: 10vh;
    }
    .child.virtual-page.in-studio .virtual p a {
        font-size: 1.1rem;
    }
    .embed-container.v-wrap {
        padding-bottom: 116.25%;
    }
    .child .primary-nav {
        transform: none !important;
    }
    .child .primary-nav .select-btn {
        left: 50%;
        transform: translateX(-50%);
    }
    .now-open .primary-nav .intro .select-btn.list-active,.child .primary-nav .select-btn.list-active {
        display: block !important;
    }
    .primary-nav .select-btn {
        transform: none;
    }
    .now-open .primary-nav .intro, .child .primary-nav .intro {
        -webkit-filter: invert(0);
        filter: invert(0);
        mix-blend-mode: initial;
    }
    .intro.artist-list-active {
        background: white;
        -webkit-filter: invert(0);
        filter: invert(0);
        mix-blend-mode: inherit;
        z-index: 100;
    }
    .virtually-open .ongoing {
        width: 70%;
    }
    .virtually-open a.tsa_pdf {
        position: absolute;
        bottom: 1rem;
        right: 1.5rem;
        width: 16.5vw;
    }
    .virtually-open a.tsa_pdf .tiny-desc {
        font-size: 3vw;
    }
    .virtual-room {
        position: relative;
        height: calc(100vh - .5rem);
        width: 100%;
        padding-top: 1.75rem;
        /* display: box; */
        display: flex;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .virtual-room-wrap {
        width: auto;
        height: 100%;
    }
    .virtual-room .markers .marker {
        width: 16.5vw;
    }
    .virtual-room .markers .marker .marker-btn {
        line-height: 3.35rem;
    }
    .virtual-room .scroll-note {
        position: absolute;
        top: 2.5rem;
        left: 0;
        padding: 0 1.5rem;
        z-index: 1;
    }
    #tsa-1 .scroll-note, #st-1 .scroll-note {
        display: block;
    }
    .virtual-room .scroll-note span {
        opacity: 1;
    }
    .virtual-room figure {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        transform-style: flat;
        -webkit-tap-highlight-color: transparent;
        -webkit-user-drag: none;
        outline: 0;
        position: relative;
        overflow: hidden;
        height: 100%;
        width: auto;
    }
    .v-video {
        width: 87vw;
        height: 156vw;
    }
    .v-video .v-video-vid {
        width: 87vw;
        height: 157vw;
    }
    .virtual-room figure img {
        height: 100%;
        width: auto;
        margin: 0;
        padding: 0;
    }
    .install-hero .install-hero-wrap {
        position: relative;
        width: 100%;
        height: 85vh;
    }
    .install-hero .big-b {
        top: 30%;
        transform: translateY(-155%);
    }
    .install-hero .ongoing {
        width: 100%;
        left: 0;
        padding: 0 1.5rem;
    }
    .artwork-details {
        z-index: 1001;
        background: white;
    }
    .child.virtual-page.bradley .virtual .col-3 {
        display: none;
        width: 100%;
    }
    .child.virtual-page.bradley .virtual .col-3.primary-bradley {
        display: block;
    }
    .child.virtual-page.sheila .virtual .col-2 .v-video, .child.virtual-page.bradley .virtual .col-3 .v-video {
        width: 87vw;
        height: 156vw;
    }
    .child.virtual-page.sheila .virtual .col-2 .v-video .vid-wrap .v-video-vid, .child.virtual-page.bradley .virtual .col-3 .v-video .vid-wrap .v-video-vid {
        width: 87vw;
        height: 157vw;
    }
    .virtual {
        float: left;
        height: auto;
        min-height: inherit;
        padding: 4rem 0;
    }
    .child.virtual-page.sheila .virtual.v-b, .child.virtual-page.sheila .virtual.v-b .col-2, .child.virtual-page.sheila .virtual.v-a, .child.virtual-page.sheila .virtual.v-a .col-2 {
        width: 100%;
        min-height: 90vh;
    }
    .child.virtual-page.sheila .virtual h1, .child.virtual-page.sheila .virtual h2 {
        top: 46%;
    }
    .install-hero {
        min-height: 90vh;
    }
    .virtual-opening-B .ongoing {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .child.about .col-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .child.about .col-2.desc h2 {
        margin: 0;
        padding: 0;
    }
    .acknowledgments-wrap {
        width: 90%;
    }
    .mailchimp a {
        font-size: .875rem;
    }
    .col-vid {
        padding: 0;
    }
    .child.about .col-2.instagram-videos .embed-container iframe {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .col-2.desc h2 {
        margin-bottom: 0;
    }
    .primary-nav .menu button.list-toggle {
        margin-right: .25rem;
    }
    .intro {
        /* height: 80vh; */
        height: auto;
    }
    .now-open .intro {
        -webkit-filter: invert(0);
        filter: invert(0);
        mix-blend-mode: initial;
    }
    .logo {
        height: 35%;
        top: 50% !important;
    }
    .face {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .book {

    	-webkit-transform-style: preserve-3d;
    	-webkit-animation: spin 8s infinite linear;

    	-moz-transform-style: preserve-3d;
    	-moz-animation: spin 8s infinite linear;

    	-ms-transform-style: preserve-3d;
    	-ms-animation: spin 8s infinite linear;

    	transform-style: preserve-3d;
    	animation: spin 8s infinite linear;

    	width: 240px;
        position: absolute;
        top: 27%;
        left: 18%;
    }
    .book div {
    	position: absolute;
    	height: 420px;
    }
    .book div img {
        height: 420px;
        width: auto;
        border: 1px solid #ccc;
        -o-object-fit: none;
        object-fit: none;
    }
    .back {
    	transform: translateZ(2px) rotateY(180deg);
    	width: 240px;
    }
    .right {
    	transform: rotateY(-90deg) translateX(200px);
    	transform-origin: top right;
    	width: 198px;
        right: inherit !important;
        left: inherit !important;
    }
    .left {
    	transform: rotateY(-90deg) translateX(2px);
    	transform-origin: center left;
    	/* width: 16px; */
        width: 20px;
    }
    .front {
    	transform: translateZ(20px);
    	width: 240px;
    }
    .book-buy {
        position: absolute;
        bottom: .5rem;
        left: auto;
        right: 1rem;
        z-index: 1000;
        width: auto;
    }
    .buy-btn {
        display: inline-block;
        color: #ffffff !important;
        background-color: #000000;
        min-width: 4.5rem;
        text-align: center;
        font-size: 1.1rem;
        line-height: 1.75;
        padding: 0 1rem;
        min-height: 2rem;
        height: auto;
        border-radius: 2rem;
        text-align: center;
        box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
        text-decoration: none;
    }
    .viral-video {
        height: 30%;
        padding: 6% 0;
        top: 60%;
    }
    .viral-video.fig-2 {
        height: 15%;
    }
    .viral-video-figure {
        position: absolute;
        top: 94%;
        display: none;
    }
    p.viral-video-text {
        width: 45%;
        right: 1rem;
    }
    .flickity-prev-next-button, .flickity-prev-next-button.previous, .flickity-prev-next-button.next {
        width: 5%;
    }
}

@media only screen and (max-width: 568px) and (device-aspect-ratio: 40/71) {
    .virtually-open {
        height: 90vh;
    }
    .virtual-opening-B h2 {
        top: 40%;
    }
    .now-open ul.virtual-list li img {
        transform: translate(-50%, 50%);
        height: 8vh;
    }
    .now-open h1.animate.active {
        top: 55%;
    }
    .now-open #announcement-2 {
        height: 50%;
    }
}