html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, iframe {
  vertical-align: bottom;
  max-width: 100%;
}

input, textarea, select {
  font: inherit;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}



/* mindray styles start here - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
	margin: 0;
	background-color: #000000;
	overflow: hidden;
}

.main_wrapper {
	position: absolute;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100vw;
	height: 56.3vw;
	padding: 0;
	margin: 0;
	background-color: #000000;
	overflow: hidden;
}

/* type - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@font-face {
    font-family: myriad;
    src: url(fonts/myriad_light.otf);
    font-weight: 100;
}

@font-face {
    font-family: myriad;
    src: url(fonts/myriad_regular.OTF);
    font-weight: 300;
}

@font-face {
    font-family: myriad;
    src: url(fonts/myriad_bold.OTF);
    font-weight: 500;
}

.touch_prompt_type {
	position: absolute;
	font-family: myriad;
	font-size: .75vw;
	font-weight: 300;
	line-height: 1vw;
	color: #C7000B;
	margin: 0;
	text-align: right;
	bottom: 0;
	right: 0;
}

.preview_headline_type {
	font-family: myriad;
	font-size: 2.5vw;
	font-weight: 100;
	line-height: 2.4vw;
	margin: 1vw 0 1vw 0;
	color: #ffffff;
}

.preview_subhead_type {
	font-family: myriad;
	font-size: 1vw;
	font-weight: 500;
	line-height: 2.4vw;
	margin: 1vw 0 .5vw 0;
	color: #ffffff;
}

.preview_bullets_type {
	position: relative;
	font-family: myriad;
	font-size: 1.1vw;
	font-weight: 100;
	line-height: 1.5vw;
	margin: 0;
	color: #ffffff;
	width: 84%;
}

.preview_bullets_dash {
	font-family: myriad;
	font-size: 1.4vw;
	font-weight: 100;
	line-height: 2.2vw;
	margin: 0;
	color: #ffffff;
	width: 12%;
}

.line_bullet {
	position: relative;
	font-family: myriad;
	font-size: 1.4vw;
	font-weight: 100;
	line-height: 2.2vw;
	bottom: 1.1vw;
	margin: 0 0 0 0;
	color: #000000;
	border-bottom: solid .1vw #ffffff;
}

.button_type {
	font-family: myriad;
	font-size: .7vw;
	font-weight: 300;
	line-height: 2.2vw;
	margin: .45vw 0 0 0;
	color: #ffffff;
}

.button_arrow_type {
	font-family: myriad;
	font-size: 1vw;
	font-weight: 300;
	line-height: 2.2vw;
	margin: .5vw 0 0 0;
	color: #ffffff;
}

.details_subheadline_type {
	font-family: myriad;
	font-size: 1.1vw;
	font-weight: 500;
	line-height: 2.2vw;
	margin: 0 0 2vw 0;
	color: #000000;
}

.details_headline_type {
	font-family: myriad;
	font-size: 2vw;
	font-weight: 500;
	line-height: 2.2vw;
	margin: 0 0 3vw 0;
	color: #000000;
}

.details_section_headline_type {
	font-family: myriad;
	font-size: 1.6vw;
	font-weight: 100;
	line-height: 2.2vw;
	margin: 0 0 .5vw 0;
	color: #000000;
}

.details_section_headline_type_02 {
	font-family: myriad;
	font-size: 1.6vw;
	font-weight: 100;
	line-height: 2.2vw;
	margin: 1.5vw 0 .5vw 0;
	color: #000000;
}

.line_bullet_02 {
	position: relative;
	font-family: myriad;
	font-size: 1vw;
	font-weight: 100;
	bottom: .6vw;
	margin: 0;
	color: #666666;
	width: 10%;
	border-bottom: solid .1vw #666666;
}

.details_bullets_type {
	font-family: myriad;
	font-size: .7vw;
	font-weight: 300;
	line-height: 1.1vw;
	margin: 0;
	color: #3c3c3c;
	width: 80%;
}

.details_bullets_bullet {
	font-family: myriad;
	font-size: 1vw;
	font-weight: 100;
	line-height: 1.3vw;
	margin: 0;
	color: #666666;
	width: 10%;
}

.details_bullets_headline_type {
	font-family: myriad;
	font-size: 1vw;
	font-weight: 500;
	line-height: 1.3vw;
	margin: 0;
	color: #666666;
}

.details_bullets_small_type {
	font-family: myriad;
	font-size: .5vw;
	font-weight: 300;
	line-height: .9vw;
	margin: 0;
	color: #666666;
}

/* main body - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.logo {
	position: absolute;
	top: 4vw;
	left: 4vw;
	width: 7vw;
	height: auto;
	z-index: 1003;
}

.ind_room_container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.map_container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	align-content: center;
	
	backface-visibility: hidden;
	will-change: transform;
	
/*
	perspective: 1000px;
	transform: translate3d(0,0, 1000px);
*/
	
	transform: scale(1) translate(0,-20vw);
	
	transition: 1s cubic-bezier(.42,0,0,.99)
}

@keyframes zoom_in_room_01 {
  0% {transform: scale(1) translate(0,-20vw);}
  100% {transform: scale(1.5) translate(16vw,-4vw);}
}
.zoom_in_room_01 {
	animation: zoom_in_room_01 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
@keyframes zoom_out_room_01 {
  0% {transform: scale(1.5) translate(16vw,-4vw);}
  100% {transform: scale(1) translate(0,-20vw);}
}
.zoom_out_room_01 {
	animation: zoom_out_room_01 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}

@keyframes zoom_in_room_02 {
  0% {transform: scale(1) translate(0,-20vw);}
  100% {transform: scale(1.5) translate(-10vw,-4vw);}
}
.zoom_in_room_02 {
	animation: zoom_in_room_02 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
@keyframes zoom_out_room_02 {
  0% {transform: scale(1.5) translate(-10vw,-4vw);}
  100% {transform: scale(1) translate(0,-20vw);}
}
.zoom_out_room_02 {
	animation: zoom_out_room_02 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}

@keyframes zoom_in_room_03 {
  0% {transform: scale(1) translate(0,-20vw);}
  100% {transform: scale(1.5) translate(15vw,-20vw);}
}
.zoom_in_room_03 {
	animation: zoom_in_room_03 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
@keyframes zoom_out_room_03 {
  0% {transform: scale(1.5) translate(15vw,-20vw);}
  100% {transform: scale(1) translate(0,-20vw);}
}
.zoom_out_room_03 {
	animation: zoom_out_room_03 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}

@keyframes zoom_in_room_04 {
  0% {transform: scale(1) translate(0,-20vw);}
  100% {transform: scale(1.5) translate(-8vw,-15vw);}
}
.zoom_in_room_04 {
	animation: zoom_in_room_04 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
@keyframes zoom_out_room_04 {
  0% {transform: scale(1.5) translate(-8vw,-15vw);}
  100% {transform: scale(1) translate(0,-20vw);}
}
.zoom_out_room_04 {
	animation: zoom_out_room_04 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}

@keyframes zoom_in_room_05 {
  0% {transform: scale(1) translate(0,-20vw);}
  100% {transform: scale(1.5) translate(15vw,-25vw);}
}
.zoom_in_room_05 {
	animation: zoom_in_room_05 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
@keyframes zoom_out_room_05 {
  0% {transform: scale(1.5) translate(15vw,-25vw);}
  100% {transform: scale(1) translate(0,-20vw);}
}
.zoom_out_room_05 {
	animation: zoom_out_room_05 1s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}

.room_button {
	position: absolute;
	width: 3vw;
	height: 4vw;
	z-index: 500;
	opacity: 0;
	background-color: blue;
}

.one {
	top: 12.5vw;
	left: 44vw;
}
.two {
	top: 16.5vw;
	left: 72.25vw;
}
.three {
	top: 22.7vw;
	left: 45.7vw;
}
.four {
	top: 23.25vw;
	left: 72.7vw;
}
.five {
	top: 28.5vw;
	left: 42.25vw;
}
.six {
	top: 12.75vw;
	left: 57vw;
}
.seven {
	top: 29vw;
	left: 50.75vw;
}
.eight {
	top: 22.75vw;
	left: 35.25vw;
}
.nine {
	top: 13vw;
	left: 70vw;
}

.map_background_container {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
}

.map_main {
	position: absolute;
	width: 100%;
	
	transition: 1s cubic-bezier(.42,0,0,.99)
}

.ind_map_room {
	position: absolute;
	width: 100%;
}

.map_room_01, .map_room_02, .map_room_03, .map_room_04, .map_room_05, {
	transition: 1s cubic-bezier(.42,0,0,.99)
}

.map_icons {
	position: absolute;
	width: 100%;
	opacity: 1;
	
	transition: .5s cubic-bezier(.42,0,0,.99)
}

@keyframes map_pulse {
  0% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}
.map_pulse {
	animation: map_pulse 2s infinite;
}

@keyframes map_fade_out {
  from {opacity: 1;}
  to {opacity: .2;}
}
.map_fade_out {
	animation: map_fade_out .75s forwards;
}

@keyframes map_fade_in {
  from {opacity: .2;}
  to {opacity: 1;}
}
.map_fade_in {
	animation: map_fade_in .75s forwards;
}

@keyframes object_hide {
  from {opacity: 1;}
  to {opacity: 0;}
}
.object_hide {
	animation: object_hide .5s forwards;
}

@keyframes object_show {
  from {opacity: 0;}
  to {opacity: 1;}
}
.object_show {
	animation: object_show .5s forwards;
}

@keyframes preview_show {
  0% {opacity: 0; transform: translate(3vw,0)}
  100% {opacity: 1; transform: translate(0,0)}
}
.preview_show {
	animation: preview_show .5s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
@keyframes preview_hide {
  0% {opacity: 1; transform: translate(0,0)}
  100% {opacity: 0; transform: translate(3vw,0)}
}
.preview_hide {
	animation: preview_hide .5s forwards;
	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}

.display_none {
	display: none;
}

.display_block {
	display: block;
}

.room_01_preview_container {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1001;
	opacity: 0;
	display: none;
	
	transition: .5s;
}

.room_01_preview_type_container {
	position: absolute;
	width: 33%;
	height: 80%;
	left: 7vw;
	top: 10%;
	opacity: 0;
	display: none;
	
	transform: translate(3vw,0);
	transition: .5s ease-in-out;
}

.preview_image_container {
	position: absolute;
	width: 100%;
	height: 18vw;
	bottom: 6vw;
}

.preview_image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.preview_bullet_container {
	display: flex;
	margin-bottom: .5vw;
}

.button_container {
	position: absolute;
	width: 11vw;
	height: 3vw;
	bottom: 0;
	background-color: #C7000B;
	text-align: center;
	border: hidden;
	border-radius: 2vw;
}

.button_container_02 {
	position: absolute;
	width: 11vw;
	height: 3vw;
	bottom: 0;
	left: 15vw;
	background-color: #C7000B;
	text-align: center;
	border: hidden;
	border-radius: 2vw;
}

.details_container_background {
	position: absolute;
	width: 50vw;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #C7000B;
	z-index: 1001;
	
	transform: scaleX(0) translateZ(0);
	transform-origin: left;
	transition: .5s cubic-bezier(.42,0,0,.99);
}

@keyframes red_background_animate_in {
  from {width: 0;}
  to {width: 50vw;}
}
.red_background_animate_in {
	animation: red_background_animate_in .8s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}
@keyframes red_background_animate_out {
  from {width: 50vw;}
  to {width: 0;}
}
.red_background_animate_out {
	animation: red_background_animate_out 1s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}

.room_01_details_container {
	position: absolute;
	width: 100vw;
	height: 100%;
	z-index: 1002;
	opacity: 0;
	display: none;
	
	transition: .5s cubic-bezier(.42,0,0,.99);
}

.room_01_details_container_background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0;
}

@keyframes background_show {
  from {opacity: 0;}
  to {opacity: .8;}
}
.background_show {
	animation: background_show .5s forwards;
}
@keyframes background_hide {
  from {opacity: .8;}
  to {opacity: 0;}
}
.background_hide {
	animation: background_hide .5s forwards;
}

.room_01_details_content_container {
	position: absolute;
	width: 50vw;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #ffffff;
	z-index: 1002;
	
	transform: scaleX(0) translateZ(0);
	transform-origin: left;
	transition: 1s cubic-bezier(.42,0,0,.99);
}

@keyframes details_content_container_animate_in {
  from {width: 0;}
  to {width: 50vw;}
}
.details_content_container_animate_in {
	animation: details_content_container_animate_in 1s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}
@keyframes details_content_container_animate_out {
  from {width: 50vw;}
  to {width: 0;}
}
.details_content_container_animate_out {
	animation: details_content_container_animate_out .8s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}

.detail_container_background_image {
	position: absolute;
	width: 100%;
	height: 100%;
}

.room_01_type_container {
	position: absolute;
	width: 70%;
	height: 80%;
	top: 10%;
	left: 8%;
	opacity: 0;
	
	transform: translate(-3vw,0);
	transition: .5s cubic-bezier(.42,0,0,.99);
}

.details_bullets_container {
	position: relative;
	width: 100%;
	display: flex;
}

@keyframes details_type_container_animate_in {
  from {opacity: 0; transform: translate(-3vw,0);}
  to {opacity: 1; transform: translate(0,0);}
}
.details_type_container_animate_in {
	animation: details_type_container_animate_in 1s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}
@keyframes details_type_container_animate_out {
  from {opacity: 1; transform: translate(0,0);}
  to {opacity: 0; transform: translate(-3vw,0);}
}
.details_type_container_animate_out {
	animation: details_type_container_animate_out 1s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}

.product_logo {
	position: relative;
	height: 2vw;
	margin: 0 0 .25vw 0;
}

.room_01_image_container {
	position: absolute;
	width: 58vw;
	height: 70%;
	top: 10%;
	right: -100%;
	opacity: 0;
	transform: translate(3vw,0);
}

.detail_section_one {
	position: relative;
	width: 95%;
	padding: 0 0 0 5%;
	border-left: solid .2vw #C7000B;
	
	transition: .5s cubic-bezier(.42,0,0,.99);
}
.detail_section_two {
	position: relative;
	width: 95%;
	padding: 0 0 0 5%;
	border-left: solid .2vw grey;
	opacity: .3;
	
	transition: .5s cubic-bezier(.42,0,0,.99);
}
.detail_section_three {
	position: relative;
	width: 95%;
	padding: 0 0 0 5%;
	border-left: solid .2vw grey;
	opacity: .3;
	
	transition: .5s cubic-bezier(.42,0,0,.99);
}

@keyframes section_fade_in {
  from {opacity: .3; border-left: solid .2vw grey;}
  to {opacity: 1; border-left: solid .2vw #C7000B;}
}
.section_fade_in {
	animation: section_fade_in .5s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}
@keyframes section_fade_out {
  from {opacity: 1; border-left: solid .2vw #C7000B;}
  to {opacity: .3; border-left: solid .2vw grey;}
}
.section_fade_out {
	animation: section_fade_out .5s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}







.slides-container {
	position: absolute;
	width: 58vw;
	height: 70%;
	top: 10%;
	right: -100%;
	opacity: 0;
	background-color: blue;
	
	transform: translate(3vw,0);
	transition: .5s cubic-bezier(.42,0,0,.99);
}










.container {
	position: relative;
	max-width: 800px;
	margin: auto;
	display: flex;
	flex-direction: column;
}

.slides {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	opacity: 0;
	pointer-events: none;
}

.slides:nth-child(1) img {
	background-color: white;
}
.slides:nth-child(2) img {
	background-color: blue;
}
.slides:nth-child(3) img {
	background-color: green;
}
.slides:nth-child(4) img {
	background-color: red;
}
.slides:nth-child(5) img {
	background-color: purple;
}

.slides.active {
	opacity: 1;
}

.slides img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	opacity: 0;
}

.slides img.active {
	opacity: 1;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


/*
.image_container_01 img {
	position: absolute; 
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
}

.slides {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	opacity: 0;
}

.slides.active {
	opacity: 1;
}

.slides img {
	position: absolute; 
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
}

.slides img.active {
	animation: gallery_fade_in 1s forwards;
}

@keyframes gallery_fade_in {
	from {opacity: 0;}
  to {opacity: 1;}
}

.slides img.notactive {
	animation: gallery_fade_out 1s forwards;
}

@keyframes gallery_fade_out {
  from {opacity: 1;}
  to {opacity: 0;}
}
*/










@keyframes details_images_container_animate_in {
  from {opacity: 0; transform: translate(3vw,0);}
  to {opacity: 1; transform: translate(0,0);}
}
.details_images_container_animate_in {
	animation: details_images_container_animate_in 1s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}
@keyframes details_images_container_animate_out {
  from {opacity: 1; transform: translate(0,0);}
  to {opacity: 0; transform: translate(3vw,0);}
}
.details_images_container_animate_out {
	animation: details_images_container_animate_out 1s forwards;
	animation-timing-function: cubic-bezier(.42,0,0,.99);
}

.room_01_photo_container_01 {
	position: absolute;
	width: 100%;
	height: 100%;
}

.room_01_container_01_photo_01 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
/*
	background-image: url(photos/placeholder_detail_photo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
*/
}

.room_photo {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@keyframes photo_animate_out {
  from {height: 100%;}
  to {height: 0;}
}
.photo_animate_out {
	animation: photo_animate_out .5s forwards;
}

@keyframes photo_animate_in {
  from {height: 0;}
  to {height: 100%;}
}
.photo_animate_in {
	animation: photo_animate_in .5s forwards;
}

.room_01_container_01_photo_02 {
	position: absolute;
	width: 100%;
	height: 0;
	bottom: 0;
}

.room_01_photo_container_02 {
	position: absolute;
	width: 12%;
	height: 100%;
	right: 0;
}

.room_01_container_02_photo_01 {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-image: url(photos/placeholder_detail_photo_02.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.room_01_container_02_photo_02 {
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	background-image: url(photos/placeholder_detail_photo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.room_01_button_container {
	position: absolute;
	width: 95%;
	height: 3vw;
	bottom: 8%;
	left: 4vw;
	opacity: 0;
	z-index: 500;
	
	transition: .5s cubic-bezier(.42,0,0,.99);
}

.room_01_photos_button_01 {
	position: absolute;
	width: 3vw;
	height: 3vw;
	bottom: 0;
	left: 39vw;
	background-color: #C7000B;
	text-align: center;
	border: hidden;
	border-radius: 2vw;
}

.room_01_photos_button_02 {
	position: absolute;
	width: 3vw;
	height: 3vw;
	bottom: 0;
	left: 44.5vw;
	background-color: #C7000B;
	text-align: center;
	border: hidden;
	border-radius: 2vw;
}



/* footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.footer_container {
	position: absolute;
	width: 100vw;
	height: 16.4vw;
	bottom: 0;
	left: 0;
	z-index: 1000;
	
	transition: .5s;
}

.swoop_image {
	position: absolute;
	width: 100%;
	height: auto;
	bottom: 0;
	left: 0;
}

.touch_prompt_container {
	position: absolute;
	width: 20vw;
	height: 4.5vw;
	bottom: 2.5vw;
	right: 2.5vw;
}

.hand_image {
	position: absolute;
	width: auto;
	height: 1.5vw;
	right: 0;
/* 	animation: hand_pulse 2s infinite; */
}

@keyframes hand_pulse {
  0% {transform: scale(1);}
  25% {transform: scale(.75);}
  50% {transform: scale(1);}
  100% {transform: scale(1);}
}