/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/** What follows is the result of much research on cross-browser styling.* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,* Kroc Camen, and the H5BP dev community and team.*/
/* ==========================================================================Base styles: opinionated defaults========================================================================== */
html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}
/** Remove text-shadow in selection highlight:* https://twitter.com/miketaylr/status/12228805301** Vendor-prefixed and regular ::selection selectors cannot be combined:* https://stackoverflow.com/a/16982510/7133471** Customize the background color to match your design.*/
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
/** A better looking default horizontal rule*/
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/** Remove the gap between audio, canvas, iframes,* images, videos and the bottom of their containers:* https://github.com/h5bp/html5-boilerplate/issues/440*/
audio,canvas,iframe,img,svg,video {
	vertical-align: middle;
}
/** Remove default fieldset styles.*/
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/** Allow only vertical resizing of textareas.*/
textarea {
	resize: vertical;
}

.slide_1 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../img/slide_1/bg_cloud.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #65BCE5;
}
#slide_1{
	scroll-snap-align: start;
}
.logo_landing{
	width: 40%;
}
img.tag_line{
	padding-top: 24px;
	text-align: center;
}
.logo_landing img {
	height: auto;
	width: 100%;
}
.cloud {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/slide_1/cloud.png);
	background-size: cover;
	opacity: .6;
	animation: animate 30s linear infinite;
}
@keyframes animate {
	0% {
		background-position: 0px;
		opacity: 0.0;
	}
	50% {
		opacity: 0.7;
	}
	100% {
		background-position: 5440px;
		opacity: 0.0;
	}
}


/* ==========================================================================Browser Upgrade Prompt========================================================================== */
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ==========================================================================fonts========================================================================== */
@font-face {
	font-family: 'fabat-Regular';
	src: url('fonts/Fabat-Regular.woff') format('woff'),url('fonts/Fabat-Regular') format('truetype');
}
/* ==========================================================================site specific styles========================================================================== */
body {
	overflow-x: hidden;
}
.logo{
	position: fixed;
	width: 225px;
	height: 43px;
	z-index: 10;
	bottom:64px;
	right: 64px;
	cursor: pointer;
}
.logo h2 {
	color: white;
	font-family: 'fabat-Regular',sans-serif;
	letter-spacing: 2px;
	padding:0px;
	margin: 0px;
	text-align: right;
}
.logo img {
	height: auto;
	width: 100%;
}
.icon_down{
	position: fixed;
	width: 40px;
	height: 40px;
	z-index: 10;
	bottom:64px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}
.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 10px;
	display: block;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
	width: 13px;
	height: 13px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	z-index: 9;
	left: 50%;
	-webkit-transform: translate(-50%, 0%) rotate(45deg);
	-moz-transform: translate(-50%, 0%) rotate(45deg);
	transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 4s ease-in-out infinite;
	-moz-animation: fade_move_down 4s ease-in-out infinite;
	animation: fade_move_down 4s ease-in-out infinite;
}
/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
	0% {
		-webkit-transform:translate(0,-10px) rotate(45deg);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform:translate(0,10px) rotate(45deg);
		opacity: 0;
	}
}
@-moz-keyframes fade_move_down {
	0% {
		-moz-transform:translate(0,-10px) rotate(45deg);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-moz-transform:translate(0,10px) rotate(45deg);
		opacity: 0;
	}
}
@keyframes fade_move_down {
	0% {
		transform:translate(0,-10px) rotate(45deg);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform:translate(0,10px) rotate(45deg);
		opacity: 0;
	}
}
.slide {
	width:100vw;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.slides{
	scroll-snap-type: y mandatory;
}
.parallax::after {
	/* Display and position the pseudo-element */
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* Move the pseudo-element back away from the camera,* then scale it back up to fill the viewport.* Because the pseudo-element is further away, it appears to move more slowly, like in real life. */
	transform: translateZ(-1px) scale(1.5);
	/* Force the background image to fill the whole element. */
	background-size: 100%;
	/* Keep the image from overlapping sibling elements. */
	z-index: -1;
}
.nav_container{
	position: fixed;
	display: flex;
	width: 100%;
	height: 100vh;
	overflow: scroll;
	background: #FFF;
	z-index: 400;
}
.nav_item{
	position: relative;
	border-radius: 50%;
	width: 25%;
	height: auto;
	padding-top: 25%;
	padding-top: 25%;
	background: white;
}
.nav_logo{
	background-color: #000;
}
.nav_logo img {
	height: auto;
	width: 100%
}
.popup {
	display: none;
	position: fixed;
	padding: 10px;
	width: 280px;
	left: 50%;
	margin-left: -150px;
	height: 180px;
	top: 50%;
	margin-top: -100px;
	background: #FFF;
	z-index: 20;
}
#popup1 {
	-webkit-box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
}
.fullscreen-bg {
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.fullscreen-bg__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* @media (min-aspect-ratio: 16/9) {
	.fullscreen-bg__video {
		height: 300%;
		top: -100%;
	}
}
@media (max-aspect-ratio: 16/9) {
	.fullscreen-bg__video {
		width: 300%;
		left: -100%;
	}
}
*/
@media (max-width: 767px) {
	.fullscreen-bg_02 {
		background: url('../img/MIPS_Mobile_Landing_Bkg@2x.png') center center / cover no-repeat;
		height: 100vh;
	}
	.fullscreen-bg_03 {
		background: url('../img/slide_7/video_mobile_still_03.png') center center / cover no-repeat;
		height: 100vh;
	}
	.fullscreen-bg__video {
		display: none;
	}
}
/* ==========================================================================Nav styles========================================================================== */
.overlay {
	position: fixed;
	background: rgba(255, 255, 255, 1);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow-y: scroll;
	 -webkit-overflow-scrolling: touch;
	z-index: 100;
}
.overlay.open {
	opacity: 1;
	visibility: visible;
	height: 100%;
}
.overlay.open li {
	animation: fadeInRight .5s ease forwards;
	animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
	animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
	animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
	animation-delay: .50s;
}
/* Navigation Title */
.overlay .nav-title {
	font-size: 22px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: 8%;
}
.overlay nav {
	position: relative;
	height: 50%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 50px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 40px;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
}
.overlay ul li {
	display: block;
	position: relative;
	opacity: 0;
	margin-bottom: 60px;
}
.overlay ul li a {
	display: block;
	position: relative;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
}
.overlay ul li a:hover,.overlay ul li a:focus,.overlay ul li a:active {
	color: #ea2e49;
}
.overlay ul li a:hover:after,.overlay ul li a:focus:after,.overlay ul li a:active:after {
	width: 100%;
	background: #ea2e49;
}
button:focus {
	outline: 0;
}
.open-menu,.close-menu,.button {
	cursor: pointer;
	transition: transform 0.30s;
}
.overlay ul li a:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 43.5%;
	width: 0%;
	transform: translateX(-50%);
	height: 3px;
	background: #FFF;
	transition: .35s;
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		left: 20%;
	}
	100% {
		opacity: 1;
		left: 0;
	}
}
/* ==========================================================================slide 1========================================================================== */

/* ==========================================================================Slide 2========================================================================== */
.slide_2 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
#slide_2{
	scroll-snap-align: start;
}
.slide_2 .text{
	width: 60%;
	position: absolute;
	z-index: 10;
}
.slide_2 .text img {
	height: auto;
	width: 100%;
}
.banner {
	position: relative;
	overflow: hidden;
}
#videoBG {
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
@media (min-aspect-ratio: 16/9) {
	#videoBG {
		width:100%;
		height: auto;
	}
}
@media (max-aspect-ratio: 16/9) {
	#videoBG {
		width:auto;
		height: 100%;
	}
}
@media (max-width: 767px) {
	#videoBG {
		display: none;
	}
}
.banner__video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
}
.out-video {
	position: relative;
	min-width:100% !important;
	height:100% !important;
	z-index: 1;
	margin:0;
	padding:0;
	overflow: hidden;
}
video#bgvid {
	position: relative;
	z-index: 0;
	background: url(mel.jpg) no-repeat;
	background-size: 100% 100%;
	top: 0px;
	left: 50%;
	margin-left: -50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
#video-viewport {
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: -1;
	/* for accessing the video by click */
}
/* ==========================================================================slide 3========================================================================== */
.slide_3 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background: linear-gradient(#EFFFFF, #BDDEEC);
}
.center_img{
	width: 26%;
	margin-left: 30%;
	margin-top: 5%;
}
.center_img img {
	height: auto;
	width: 100%;
}
/* ==========================================================================slide 4========================================================================== */
.slide_4 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #000;
}
.center_img_4{
	width:65%;
}
.center_img_4 img {
	height: auto;
	width: 100%;
}
/* ==========================================================================slide 5========================================================================== */
.slide_5 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../img/slide_5/ShanghaiTower.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #65BCE5;
}
.logo_landing{
	width: 40%;
}
.logo_landing img {
	height: auto;
	width: 100%;
}
.cloud_2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/slide_1/cloud.png);
	background-size: cover;
	opacity: .6;
	animation: animate 30s linear infinite;
}
@keyframes animate {
	0% {
		background-position: 0px;
		opacity: 0.0;
	}
	50% {
		opacity: 0.7;
	}
	100% {
		background-position: 5440px;
		opacity: 0.0;
	}
}
/* ==========================================================================Slide 6========================================================================== */
.slide_6 {
	display: flex;
	justify-content: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
#slide_6{
	scroll-snap-align: start;
}
.banner {
	position: relative;
	overflow: hidden;
}
#videoBG {
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
@media (min-aspect-ratio: 16/9) {
	#videoBG {
		width:100%;
		height: auto;
	}
}
@media (max-aspect-ratio: 16/9) {
	#videoBG {
		width:auto;
		height: 100%;
	}
}
@media (max-width: 767px) {
	#videoBG {
		display: none;
	}
	body {
		background: url('poster.jpg');
		background-size: cover;
	}
}
.banner__video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	transform: translateX(-50%) translateY(-50%);
	z-index: -1;
}
.out-video {
	position: relative;
	min-width:100% !important;
	height:100% !important;
	z-index: 1;
	margin:0;
	padding:0;
	overflow: hidden;
}
video#bgvid {
	position: relative;
	z-index: 0;
	background: url(mel.jpg) no-repeat;
	background-size: 100% 100%;
	top: 0px;
	left: 50%;
	margin-left: -50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
#video-viewport {
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: -1;
	/* for accessing the video by click */
}
/* Specifying the name for animation keyframes and keyframes themselves */
@keyframes customticker {
	0% {
		-webkit-transform: translate3d(90%, 0, 0);
		-webkit-transition: prop time;
		-o-transition: prop time;
		transition: prop time;form: translate3d(90%, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-98%, 0, 0);
		transform: translate3d(-98%, 0, 0);
	}
}
.ticker_container{
	width: 70%;
	display: flex;
	position: absolute;
	height: 28px;
	z-index: 100;
	padding-top: 150px;
}
.still{
	padding-right: 25px;
}

/* Formatting the full-width ticker wrapper background and font color */
#tickerwrap {
	width: 100%;
	overflow: hidden;
	color: #fff;
	z-index: 10;
}
/* Formatting the ticker content background, font color, padding and exit state */
#ticker {
	display: inline-block;
	white-space: nowrap;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: customticker;
	animation-name: customticker;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
}
/* ==========================================================================Slide 7========================================================================== */
.slide_7 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
#slide_7{
	scroll-snap-align: start;
}
.banner {
	position: relative;
	overflow: hidden;
}
#videoBG {
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
@media (min-aspect-ratio: 16/9) {
	#videoBG {
		width:100%;
		height: auto;
	}
}
@media (max-aspect-ratio: 16/9) {
	#videoBG {
		width:auto;
		height: 100%;
	}
}
@media (max-width: 767px) {
	#videoBG {
		display: none;
	}
	body {
		background: url('poster.jpg');
		background-size: cover;
	}
}
.slide_7 .text{
	width: 25%;
	position: absolute;
	z-index: 10;
}
.slide_7 .text img {
	height: auto;
	width: 100%;
}
.banner {
	position: relative;
	overflow: hidden;
}
/* ==========================================================================slide 8========================================================================== */
.slide_8 {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../img/slide_8/Dot_City.jpeg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #65BCE5;
}
#slide_8{
	scroll-snap-align: start;
}
.text_08{
	width: 38%;
}
.text_08 img {
	height: auto;
	width: 100%;
}
/* ==========================================================================slide 9========================================================================== */
#slide_9 {
}
.grid {
	display: flex;
	padding: 0px 44px 44px 44px;
	justify-content: space-between;
	flex-wrap: wrap;
}
.item {
	position: relative;
	margin-top: 45px;
}
.item1{
	width: 23%;
}
.item2{
	width: 18%;
}
.item_logo img {
	height: auto;
	width: 100%;
}
.item .logo_nav {
	position:absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}
.item .logo_nav img {
	width: 80%;
}
.item .text {
	visibility: hidden;
	position:absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}
.logo_nav h2{
	text-align: center;
	color: white;
	font-family: 'fabat-Regular',sans-serif;
}
.item .text h2 {
	text-align: center;
	font-family: 'fabat-Regular',sans-serif;
	font-size: 18px;
	letter-spacing: 1px;
	padding-left: 24px;
	padding-right: 24px;
}
.item .text p {
	text-align: center;
	font-family: 'fabat-Regular',sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	padding-left: 24px;
	padding-right: 24px;
}
.item:hover .text {
	visibility:visible;
	background-color: rgba(255, 255, 255, 0.8);
}
/* ==========================================================================Helper classes========================================================================== */
/** Hide visually and from screen readers*/
.hidden {
	display: none !important;
}
/** Hide only visually, but have it available for screen readers:* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility** 1. For long content, line feeds are not interpreted as spaces and small width* causes content to wrap 1 word per line:* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe*/
.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	/* 1 */
}
/** Extends the .sr-only class to allow the element* to be focusable when navigated to via the keyboard:* https://www.drupal.org/node/897638*/
.sr-only.focusable:active,.sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto;
}
/** Hide visually and from screen readers, but maintain layout*/
.invisible {
	visibility: hidden;
}
/** Clearfix: contain floats** For modern browsers* 1. The space content is one way to avoid an Opera bug when the* `contenteditable` attribute is included anywhere else in the document.* Otherwise it causes space to appear at the top and bottom of elements* that receive the `clearfix` class.* 2. The use of `table` rather than `block` is only necessary if using* `:before` to contain the top-margins of child elements.*/
.clearfix:before,.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}
.clearfix:after {
	clear: both;
}
/* ==========================================================================EXAMPLE Media Queries for Responsive Design.These examples override the primary ('mobile first') styles.Modify as content requires.========================================================================== */
@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}
@media (max-width: 1024px) {
	.item1 {
		width: 48%;
	}
	.item2 {
		width: 48%;
	}
}
@media (max-width: 767px) {
	.icon_down{
		display: none;
	}

	.still img{
	height: 12px;
	}
	#ticker img{
		height: 12px;
	}
	.ticker_container{
		width:100%;
		display: flex;
		position: absolute;
		height: 25px;
		z-index: 100;
		padding-top: 130px;
	}
	.logo{
		position: fixed;
		width: 100%;
		height: 43px;
		z-index: 10;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.logo h2 {
		color: white;
		font-family: 'fabat-Regular',sans-serif;
		text-align: center;
	}
	.logo_landing{
		width: 75%;
	}
	.slide_2 .text {
    width: 70%;
}
	.center_img_4 {
		width: 75%;
	}
	.slide_5 {
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url(../img/slide_5/ShanghaiTower.jpg);
		background-position: -238px center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #65BCE5;
	}
	.center_img {
		width: 60%;
		margin-left: 20%;
		margin-top: 5%;
	}
	.slide_7 .text {
		width: 65%;
		position: absolute;
		z-index: 10;
	}
	.text_08 {
		width: 75%;
	}
	.item1 {
		width: 48%;
	}
	.item2 {
		width: 48%;
	}
	.grid {
		display: flex;
		padding: 0px 25px 25px 25px;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item {
		position: relative;
		margin-top: 25px;
	}
	.item .text {
		visibility: visible;
		position: relative;
		display: block;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.item .text h2 {
		text-align: center;
		font-family: 'fabat-Regular',sans-serif;
		font-size: 12px;
		letter-spacing: 1px;
		padding-left: 24px;
		padding-right: 24px;
	}
	.item .text p {
		text-align: center;
		font-family: 'fabat-Regular',sans-serif;
		font-size: 9px;
		letter-spacing: 1px;
		padding-left: 24px;
		padding-right: 24px;
	}
	.slide_7 {
		display: flex;
		background: url('../img/slide_7/video_mobile_still_03.jpg');
		align-items: center;
		justify-content: center;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.slide_2 {
		display: flex;
		background: url('../img/slide_2/video_mobile_still_01.jpg');
		align-items: center;
		justify-content: center;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.slide_6 {
		display: flex;
		background: url('../img/slide_6/video_mobile_still_02.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media print,(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 1.25dppx),(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}
/* ==========================================================================Print styles.Inlined to avoid the additional HTTP request:https://www.phpied.com/delay-loading-your-print-css/========================================================================== */
@media print {
	*,*:before,*:after {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster */
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	/** Don't show links that are fragment identifiers,* or use the `javascript:` pseudo protocol*/
	a[href^="#"]:after,a[href^="javascript:"]:after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	/** Printing Tables:* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables*/
	thead {
		display: table-header-group;
	}
	tr,img {
		page-break-inside: avoid;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}