body {
	font-size:1.5vh;
	height:100vh;
	width:100vw;
	/*padding-top:3vh;*/
	overflow:hidden;
	color: #1665C4;
	font-family:Arial;
	background:transparent;
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-image:url('../img/plane_web_hotspots.png');
	background-repeat: no-repeat;


	background-size:100vw 100vh;

	/*ipad testing*/
/*	background-color: black;
	background-size: 100vw 88vh;*/

}

#body-logo{
	position: fixed;
	height:100vh;
	width:100vw;
	background-repeat: no-repeat;
	background-size:100vw 100vh;
}


img.flightDeck{
	width: 100vw;
	height: 100vh;
	z-index: -1;
	position: absolute;

}


#landing-page {
	position:absolute;
	width:96vw;
	height:94vh;
	top:0;left:0;
	background-color:rgba(255, 255, 255, .8);
	padding:3vh 2vw;
	z-index:54;
	display:none;
}

#landing-logo {
	width:15vw;
}

#landing-page p {
	width:75vw;
	margin:auto;
	font-size:2.25vh;
	line-height:2.75vh;
}

#landing-vid {
	display:block;
	margin:3vh auto;
	height:67vh;
}

#landing-continue {
	color:white;
	background-color:#1665C4;
	padding:1vh 1vw;
	position:absolute;
	right:3vw; bottom:4vh;
	cursor:pointer;
}

div {
	display:inline-block;
	vertical-align:top;
}


.frame{
	display: flex;
	position: relative;
	padding-top: 3vh;
}

.frame.cockpit{
	top: 3vh;
}

.frame.cockpit .content-container {
	border-image-source: url('../img/border_bg3_collapsed.png');
	left: 21vw;
}

.frame.cockpit > div:not(.content-container):not(.side-toggle-wrapper){
	display: none !important;
}

.frame.cockpit .side-toggle-wrapper > div:not(#close-button){
	display: none !important;
}

.frame.cockpit .side-toggle-wrapper{
	width: 5vw;
	height: 5vh;
	right: 13vw;
}


.extended-sidebar, .sidebar-container, .content-container {
	/*min-width: 200px;*/
	min-width: 214px;
	border-style: solid;
	/*border-image-slice: 20 132 170 80 fill;*/
	border-image-slice: 20 126 170 88 fill;
	border-image-width: auto;
	border-image-repeat: round;
	box-sizing: border-box;
	padding: 10px 0 50px 20px;
}


.extended-sidebar {
	border-image-source: url('../img/border_bg1.png');
}


.sidebar-container {
	border-image-source: url('../img/border_bg2_collapsed.png');
	transition: border-image 0.7s;
}

.sidebar-container.nav-open {
	border-image-source: url('../img/border_bg2.png');
	left: 0;
	transition: initial;
}

.sidebar-container > .sidebar {
	margin-left: 19px;
	border-left: none;
	transition: margin-left 0.7s;
}

.sidebar-container.nav-open > .sidebar {
	margin-left: 0;
	border-left: .1vw solid;
}

.content-container {
	border-image-source: url('../img/border_bg3.png');
}

.extended-sidebar-container {
	position:relative;
	margin-top:-1vh;
	width:16vw;
	height:92vh;
	overflow:hidden;
	z-index:1;
	top: 4.5vh;
}

.extended-sidebar {
	position:absolute;
	/*top:5vh;*/
	left:18vw;
	margin-left:0.25vw;
	height:92vh;
	width:15vw;
	z-index:1;
	opacity:0;
	color:white;
	transition: left .7s, opacity .75s;
}
.extended-sidebar::after {
	content: url(../img/menu_active.svg);
	position: absolute;
	left: 5.2vw;
	bottom: 25px;
	width: 25%;
	height: auto;
}

.sidebar-container {
	position: relative;
	margin-top: -1vh;
	width: 17vw;
	height: 92vh;
	z-index: 2;
	top: 4.5vh;
	/*display:none;*/
}
.sidebar-container::after {
	content: url(../img/menu_active.svg);
	position: absolute;
	left: 5.2vw;
	bottom: 25px;
	width: 25%;
	height: auto;
}
.sidebar-container.nav-open::after {
	content: url(../img/menu_inactive.svg);
}

.sidebar {
	position:absolute;
	top:0vh;
	left:0vw;
	height:80vh;
	width:15vw;
	z-index:2;
	opacity:1;
	color:white;
	border-left: .1vw solid;
	border-right: .1vw solid;
	border-image: linear-gradient( to bottom, #00BCD4, rgba(0, 0, 0, 0) ) 1 100%;
	border-radius: 0vw 0vw 0vw 0vw;
}


.side-toggle-wrapper {
	position:absolute;
	padding-top: 3vh;
	display:flex;
	justify-content: space-between;
	top: -1.8vh;
	width: 98vw;
	height: 5vh;
	z-index: 6;
}
.side-toggle-spacer1 {
	width: 16vw;
	transition: width .7s;
}
.side-toggle-spacer1.nav-open {
	left: initial;
	width: 1.2vw;
}
.side-toggle-title {
	box-sizing: border-box;
	padding: 1.6vh 0 0 12vh;
	color: white;
	font-size: 1.3em;
	width: 30%;
	min-width: 350px;
	background-image: url('../img/button_hambuger.svg'), url('../img/icon_home.svg'), url('../img/header_backplate.svg'), url('../img/header line.svg');
										
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-size: 8vh, 2.5vh, contain, cover;
  background-position: left top, 8vh center, left top, 29.5vh bottom;
}
.side-toggle-spacer2 {
	flex-grow: 1;
	border-bottom: #3dbcb4 solid 0.2vh;
}


/*click this to send RTP message to start attract loop*/
#extended-logo {
	height:3.7vh;
	max-width:12.5vw;
	padding:2vh 1vw;
}

.button-arrow {
	width:17vw;
	margin-bottom: -.2vh;
}

.extended-side-nav-container {
	height:68.5vh;
	width:15vw;
	overflow:hidden;
	position:relative;
}

.side-nav-container {
	height:71.5vh;
	margin-top:.2vh;
	width:15vw;
	overflow:hidden;
	position:relative;
}

.side-nav {
	width:15vw;
	position:absolute;
	top: 0.3vh;
	left:0vw;
}

.extended-side-nav {
	width:15vw;
	position:absolute;
	top:0.3vh;
	left:0;
	height:68.5vh;
	/*overflow:auto;*/

	overflow-y: scroll;
	overflow-x: hidden;

	/*to hide scroll bar*/
	padding-right: 15px;
}

.nav-button {
	display: flex;
	align-items: center;
	width:12vw;
	height:6.27vh;
	overflow:hidden;
	padding-left:1vw;
	font-weight:normal;
	border: 1px solid;
	border-image-source: url(../img/button.png);
	border-image-slice: 1 1 839 680;
	/*border-image-width: 1 1 839 530px;*/
	border-image-width: 1 1 146vh 50vw;
	border-image-repeat: round;
}

.nav-button .num{
	position: relative;
	font-size: 1vh;
	bottom: -1vh;
}
.nav-button .txt{
	position: relative;
	left: 1vw;
}

.extended-side-nav .nav-button {
/*	width:11vw;
	padding-left:2.4vw;
	padding-right:1vw;*/
	width: 10vw;
	padding-left: 2.4vw;
	padding-right: 1vw;
	font-size: 1.6vh;
}

.nav-open {
	opacity:1;
	left:1vw;
}

.product-container-header {
	background-color: transparent;
	color: white;
	font-weight: bold;	
	display: flex;
	align-items: center;
	width: 13vw;
	height: 6.27vh;
	overflow: hidden;
	padding-left: 1.5vw;
}

.main{
	background-color: transparent;
	position: relative;
	transform: translateX(1.5vw);
	height: 5vh;
}

#scroll-up-arrow{
	width: 15vw;
    margin-bottom: -.3vh;
    border-top: .05vw solid #717379;
    border-bottom: .05vw solid #717379;
    padding-top: 2vh;
    padding-bottom: 3vh;
    background: url(../img/arrow_up.svg) 5vw center no-repeat;
    background-size: 3vh;
    cursor:pointer;
}
#scroll-down-arrow {
	width: 15vw;
	margin-bottom:-.3vh;
	border-top: .05vw solid #717379;
	padding-top: 2vh;
	padding-bottom: 3vh;
	background: url('../img/arrow_down.svg') 5vw center no-repeat;
	background-size: 3vh;
	cursor:pointer;
}

.product-line {
    /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 33%, white 66%);*/
}

.product-line.cockpitOn { 
	display: none;
}

.side-nav .product {
/*    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 33%, white 66%);	
	background-color:#3173d1;
	padding:0 2vw 0 2vw;
	width:13vw;*/
	padding: 0 2vw 0 2.5vw;
	width: 11vw;
}

.extended-side-nav .active, .side-nav .active, .product-line:hover, .side-nav .product:hover{
/*	background-position:100% 0;
	color: #1665C4;
	font-weight:bold;
	opacity:1;*/
	color: #21bab4;
	opacity:1;
	border-image-source: url(../img/button_dn.png);
	cursor:pointer;
}

.content-container {
	position:relative;
	z-index:3;
	width:63vw;
	opacity:1;
	height:92vh;
	top: 3.5vh;
}

#close-button {
	/*opacity:0;*/
	width: 7.5vh;
	height: 4.8vh;
	z-index: 2;
	background-image: url(../img/button_close.svg);
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: #3dbcb4 solid 0.2vh;
	cursor: pointer;
}

.header-container {
	position:absolute;
	z-index:1;
	top:0vh;
	height:9vh;
	width:100%;
	overflow:hidden;
	color: white;
}

.header {
	margin:3vh 0 0 1.5vw;
	font-size:2.5vh;
}

.content {
	position: absolute;
	/*border-bottom: .8vh solid #1665C4;*/
	margin-top: 4.5vh;
	z-index: 10;
	width: 60vw;
	height: 55vh;
	/* background: linear-gradient(to bottom, rgba(179,183,189, .82) 0%, rgba(86,111,148, .9) 82%); */
	background: transparent;
	overflow: hidden;
	transition: background .5s;
	left: 1vw;
}

.content-bg {
	background:url('../img/3d_underlay_rotation_arrow_only_v03.png');
	background-size: 100% 100%;
}

.content-sheet {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:0px;
	background-color:white;
	opacity:1;
	z-index:10;
}

.gallery-thumbs, .video-thumbs{
	position: absolute;
	margin-top: 72vh;
	z-index: 10;
	width: 12vw;
	height: 5vh;
}


.gallery-thumbs img, .video-thumbs img{
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 1;/*TEMP*/
	cursor:pointer;
}

.gallery-thumbs .swiper-slide, .video-thumbs .swiper-slide{
	border-style: solid;
	border-width: 0.1vw;
	background-color: black;
	border-color: white !important;
	/* margin-left: 2%; */
	/* margin-right: 2%; */
	margin-left: 0.2vw;
	margin-right: 0.2vw;
/*	width: 4vw !important;
	height: 5vh;*/

/*	width: 25% !important;
	height: 100%;*/

	height: 5vh;
	width: 3vw !important;
	min-width: 38px;
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active, .video-thumbs .swiper-slide.swiper-slide-thumb-active{
	border-color: #21bab4 !important;
}

.info-box {
	position:absolute;
	top:0;
	left:1vw;
	margin-top: 60vh;
	padding:1.5vh 1.5vw;
	opacity:1;
	width: 57vw;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 0.5vh;
	color:white;
	z-index:10;
	font-size:1.3vh;
	line-height:2.4vh;
	pointer-events: none;
}

.pdf-container {
	overflow-y: auto;
	background: gray;
}

#pdf-src {
	width:100%;
	height:99.6%;
}

.content-stuff {
	position:absolute;
	top:0;left:0;
	width:100%;
	height:95%;
	z-index:5;
	display:none;
}

.picture-pan img {
/*	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	-webkit-transform: translate3d(0,0,0);	*/

	/*Below: for making 3models more responsive?*/

	position: absolute;
	margin: auto;
/*	top: 0;
	bottom: 0;*/
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	/*-webkit-transform: translate3d(0,0,0);	*/
}


.picture-pan img.off {
	display:none;
	/*-webkit-transform: translate3d(-100vw,0,0);*/
}
.gallery-container {
	text-align:center;
}

.gallery-container img {
/*	width:100%;
	height:95%;*/
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.video-container video {
	width:100%;
	height:100%;
}

/*.vid-pagination {
	position: absolute;
	bottom: 1.1vh;
	z-index: 16;
	text-align: center;
}*/

.info-bar {
	position:absolute;
	z-index:10;
	margin-top: 77.5vh;
	/*bottom:-4vh;*/
	left:0;
	width:100%;
	height:6vh;
	/*background-color:rgba(55, 55, 55, .75);*/
}

.rotate-icon {
	position:absolute;
	height:5.5vh;
	width: 3vw;
	bottom: 73px;
	left:1vw;
	opacity:0;
}

#rotate-flat {
	height:3.1vh;
	width: 3vw;
	top: -56px;
}

#rotate-explode {
	left:6vw;
}

#info-icon {
/*	position:absolute;
    height: 2.2vh;
    padding: 3vh;
    top: -2vh;
    right: 0vw;
	opacity:1;*/
	position: absolute;
	opacity: 1;
	height: 4.2vh;
	width: 2vw;
	padding: 3vh;
	right: 0vw;
	bottom: 125px;
	z-index: 2;
	background-image: url(../img/icon_info_inactive.svg) !important;
	background-repeat: no-repeat;
	background-size: 45% 45%;
	background-position: center;
	cursor:pointer;
}

#info-icon.show{
	background-image: url(../img/icon_info.svg) !important;
}


.bottom-bar {
/*	position:relative;
	overflow:hidden;
	font-size:0;
	width:65.5vw;
	height:8.3vh;
	text-align:center;
	padding-top:3vh;
	background-color: rgba(86,111,148, .9);*/
		position: absolute;
	overflow: hidden;
	width: 85vh;
	height: 4.3vh;
	padding-bottom: 1vw;
	top: 39.4vh;
	transform: rotate(90deg);
	right: -45vh;
}

.moving-arrow {
	position:absolute;
	top:-1vw;
	left:0;
	opacity:0;
	width:2.5vw;
}

.label-container {
	display: flex;
	width: 100%;
	height: 100%;
}

.label-container div.active {
	opacity: 1;
	margin-top: 0.19vw;
	background-image: url('../img/btn-folder1.png');
}

.label-container div {
	opacity: 0.6;
	color: white;
	width: 21vh;
	height: 8vw;
	margin-left: -15px;
	background-repeat: no-repeat;
	background-image: url(../img/btn-folder-inactive-middle.png);
	background-size: contain;
	text-align: center;
	box-sizing: border-box;
	padding-top: 2.2vh;
	padding-right: 2.5vh;
 	font-size: 1.4vh;
}


/*.label-container .show {
	margin-top:1vh;
	opacity:1;
}*/

.label-container div:first-child {
	margin-left: 0;
}
.label-container div:first-child:not(.active) {
	background-image: url('../img/btn-folder1.png');
}
.label-container div.prev:first-child {
	background-image: url('../img/btn-folder-inactive-first.png');
}
.label-container div:last-child:not(.active) {
	background-image: url('../img/btn-folder2.png');
}
.label-container div.next {
	background-image: url('../img/btn-folder2.png');
}

.line-container .active {
	background-position:0 0;
}


/*#drag { 
	position: absolute;
	bottom: 1vw;
	right: 1vw;
	width: 2vw;
	display:none;
}*/

.vid-prev, .vid-next, .vid-replay {
	height:5vh;
	position: absolute;
	z-index: 5;
	top: 30vh;
	cursor:pointer;
	display:none;
}

.vid-prev {
	left:1vw;
}

.vid-next {
	right:1vw;
}

.vid-replay {
	height:6vw;
	left:29.8vw;
}

.vid-pagination .swiper-pagination-bullet {
	margin:0 .5vw;
}

#hotspot-window, #cockpit-hotspot-window {
	position:absolute;
	top:0; left:0;
	width:100vw;
	height:100vh;

	/*ipad testing*/
	/*height: 87vh;*/
}

#multimedia-hotspot {
/*	top:69vh;
	left:82vw;*/
	top: 83vh;
	left: 88vw;
}

.hotspot {
	position:absolute;
	width:12vw;
	cursor:pointer;
	height:5.5vh;
}

/*COCKPIT HOTSPOTS*/
#cockpit-hotspot-window .hotspot{
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	height: 12.5vh;
	width: 17vw;
	position: absolute;
}

/*Heads up displays*/
#cockpit-hotspot-window [hotspotid='5cf7eaa06e3e67082845acd1']{
	background-image: url(../img/hotspot_heads_up_lg.png);
	top: 29vh;
	left: 15vw;
}
/*Surveillance*/
#cockpit-hotspot-window [hotspotid='5cf08ab66e3e67082845acb5']{
	background-image: url(../img/hotspot_surveillance_lg.png);
	top: 58vh;
	left: 24vw;
}
/*Electronic Flight Controls*/
#cockpit-hotspot-window [hotspotid='5cf08ac66e3e67082845acb6']{
	background-image: url(../img/hotspot_electronic_flight_lg.png);
	top: 74vh;
	left: 31vw;
}
/*Display Systems*/
#cockpit-hotspot-window [hotspotid='5cf08a816e3e67082845acb0']{
	background-image: url(../img/hotspot_display_systems_lg.png);
	top: 68vh;
	left: 47vw;
}
/*Navigation*/
#cockpit-hotspot-window [hotspotid='5cf08ab26e3e67082845acb4']{
	background-image: url(../img/hotspot_navigation_lg.png);
	top: 60vh;
	left: 65vw;
}
/*Communication*/
#cockpit-hotspot-window [hotspotid='5cf08aa76e3e67082845acb3']{
	background-image: url(../img/hotspot_communication_lg.png);
	top: 49vh;
	left: 75vw;
}
/*Connectivity*/
#cockpit-hotspot-window [hotspotid='5cf02b406e3e67082845ac9c']{
	background-image: url(../img/hotspot_connectivity_lg.png);
	top: 37vh;
	left: 58vw;
}

#exitCockpit {
	/*opacity:0;*/
	width: 6.5vw;
	height: 5.8vh;
	z-index: 2;
	background-image: url(../img/button_back.svg);
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: #3dbcb4 solid 0.2vh;
	cursor: pointer;

/*	top: -5vh;
	position: absolute;*/
}


















/* ----------- iPad Pro----------- */
/* Landscape */
@media (aspect-ratio: 4/3),

/*screen and (-webkit-min-device-pixel-ratio:0),*/
/*screen and (min--moz-device-pixel-ratio:0),*/

/* IPAD 10.5*/
only screen
and (min-device-width: 1112px) 
and (max-device-width: 1112px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2),

/* IPAD 11" */
only screen
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1)

/*only screen 
and (min-device-width:1668px) 
and (max-device-width:2224px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2)*/


{
	body {	
		/*font-size: 8pt; */
		background-image:url('../img/mural_bg_iPad_hotspot.png');
		width: 96vw;
	}

	#body-logo{
		width: 96vw;
	}


	img.flightDeck{
		/*width: 96vw;*/
		content:url("../img/Futute_Flight_Deck_iPad.png") !important;
	}

/*	.content-container {
		width: 63vw;
	}*/

	.header-container {
		left: -1vw;
	}

	.content {
		width: 95%;
		left: -1vw;
	}

	.content-bg {
		background-position-y: -3vh;
	}

	.content-stuff {
		top: 5%;
	}

	.gallery-container img {
		max-width: 87%;
	}

	.gallery-thumbs, .video-thumbs {
		margin-top: 67vh;
	}

	.gallery-thumbs .swiper-slide, .video-thumbs .swiper-slide {
		min-width: 42px !important;
	}


	.swiper-button-prev, .swiper-button-next {
		top: 35%;
	}

	.info-box {
		width: 98%;
		margin-top: 53vh;
		left: -6%;
	}

	.frame.cockpit .content-container .info-box {
		width: 89%;
		margin-top: 53vh;
		left: 3%;
	}

	.frame.cockpit .content-container .header-container {
		left: 3vw;
	}

	.frame.cockpit .side-toggle-wrapper {
		right: 10.5vw;
	}

	.frame.cockpit .content-container .content {
		left: 1.5vw;
	}


	.extended-side-nav {
		width:13vw;
		position:absolute;
		top:0.3vh;
		left:0;
		height:68.5vh;
	}

	.extended-side-nav .nav-button {
		padding-bottom: 0.5vh;
	}

	.extended-sidebar, .sidebar-container, .content-container {
		min-width: 21vw;
	}

	.extended-side-nav .active, .side-nav .active, .product-line:hover, .side-nav .product:hover {
		padding-bottom: 0.5vh;
	}

	#hotspot-window, #cockpit-hotspot-window {
		top: 9.5vh;
		height: 80vh;

		position: absolute;
		left: 0px;
		width: 100vw;
	}

	#cockpit-hotspot-window .hotspot {
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
		height: 11vh;
		width: 20vw;
		position: absolute;
	}

	.hotspot {
		width: 12vw;
		height: 4.5vh;
	}

	/*Heads up displays*/
	#cockpit-hotspot-window [hotspotid='5cf7eaa06e3e67082845acd1']{
		background-image: url(../img/hotspot_heads_up_lg.png);
		top: 28%;
		left: 7%;
	}
	/*Surveillance*/
	#cockpit-hotspot-window [hotspotid='5cf08ab66e3e67082845acb5']{
		background-image: url(../img/hotspot_surveillance_lg.png);
		top: 62%;
		left: 17%;
	}
	/*Electronic Flight Controls*/
	#cockpit-hotspot-window [hotspotid='5cf08ac66e3e67082845acb6']{
		background-image: url(../img/hotspot_electronic_flight_lg.png);
		top: 83%;
		left: 26%;
	}
	/*Display Systems*/
	#cockpit-hotspot-window [hotspotid='5cf08a816e3e67082845acb0']{
		background-image: url(../img/hotspot_display_systems_lg.png);
		top: 74%;
		left: 47%;
	}
	/*Navigation*/
	#cockpit-hotspot-window [hotspotid='5cf08ab26e3e67082845acb4']{
		background-image: url(../img/hotspot_navigation_lg.png);
		top: 65%;
		left: 69%;
	}
	/*Communication*/
	#cockpit-hotspot-window [hotspotid='5cf08aa76e3e67082845acb3']{
		background-image: url(../img/hotspot_communication_lg.png);
		top: 51%;
		left: 79%;
	}
	/*Connectivity*/
	#cockpit-hotspot-window [hotspotid='5cf02b406e3e67082845ac9c']{
		background-image: url(../img/hotspot_connectivity_lg.png);
		top: 38%;
		left: 60%;
	}

	#exitCockpit {
		top: -9vh;
		position: absolute;
	}
}


/* IPAD 12.9*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2)
{
	body {	
		/*font-size: 8pt; */
		background-image:url('../img/mural_bg_iPad_hotspot.png');
		width: 96vw;
	}

	#body-logo{
		width: 96vw;
	}

	img.flightDeck{
		/*width: 96vw;*/
		content:url("../img/Futute_Flight_Deck_iPad.png") !important;
	}


	.header-container {
		left: -1vw;
	}

	.content {
		width: 95%;
		left: -1vw;
	}

	.content-bg {
		background-position-y: -3vh;
	}

	.content-stuff {
		top: 5%;
	}

	.gallery-container img {
		max-width: 90%;
	}

	.gallery-thumbs, .video-thumbs {
		/*margin-top: 67vh;*/
		margin-top: 71vh !important;
	}

	.gallery-thumbs .swiper-slide, .video-thumbs .swiper-slide {
		/*min-width: 58px !important;*/
		min-width: 42px !important;
	}

	.swiper-button-prev, .swiper-button-next {
		top: 35%;
	}

	.info-box {
		width: 98%;
		margin-top: 53vh;
		left: -6%;
	}

	.frame.cockpit .content-container .info-box {
		width: 89%;
		margin-top: 53vh;
		left: 3%;
	}

	.frame.cockpit .side-toggle-wrapper {
		right: 10.5vw;
	}

	.frame.cockpit .content-container .header-container {
		left: 3vw;
	}

	.frame.cockpit .content-container .content {
		left: 1.5vw;
	}

	.extended-side-nav {
		width:13vw;
		position:absolute;
		top:0.3vh;
		left:0;
		height:68.5vh;
	}

	.extended-side-nav .nav-button {
		padding-bottom: 0.5vh;
	}

	.extended-sidebar, .sidebar-container, .content-container {
		min-width: 21vw;
	}

	.extended-side-nav .active, .side-nav .active, .product-line:hover, .side-nav .product:hover {
		padding-bottom: 0.5vh;
	}

	#hotspot-window, #cockpit-hotspot-window {
		top: 9.5vh;
		height: 80vh;

		position: absolute;
		left: 0px;
		width: 100vw;
	}

	#cockpit-hotspot-window .hotspot {
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
		height: 11vh;
		width: 20vw;
		position: absolute;
	}

	.hotspot {
		width: 12vw;
		height: 4.5vh;
	}

	/*Heads up displays*/
	#cockpit-hotspot-window [hotspotid='5cf7eaa06e3e67082845acd1']{
		background-image: url(../img/hotspot_heads_up_lg.png);
		top: 28%;
		left: 7%;
	}
	/*Surveillance*/
	#cockpit-hotspot-window [hotspotid='5cf08ab66e3e67082845acb5']{
		background-image: url(../img/hotspot_surveillance_lg.png);
		top: 62%;
		left: 17%;
	}
	/*Electronic Flight Controls*/
	#cockpit-hotspot-window [hotspotid='5cf08ac66e3e67082845acb6']{
		background-image: url(../img/hotspot_electronic_flight_lg.png);
		top: 83%;
		left: 26%;
	}
	/*Display Systems*/
	#cockpit-hotspot-window [hotspotid='5cf08a816e3e67082845acb0']{
		background-image: url(../img/hotspot_display_systems_lg.png);
		top: 74%;
		left: 47%;
	}
	/*Navigation*/
	#cockpit-hotspot-window [hotspotid='5cf08ab26e3e67082845acb4']{
		background-image: url(../img/hotspot_navigation_lg.png);
		top: 65%;
		left: 69%;
	}
	/*Communication*/
	#cockpit-hotspot-window [hotspotid='5cf08aa76e3e67082845acb3']{
		background-image: url(../img/hotspot_communication_lg.png);
		top: 51%;
		left: 79%;
	}
	/*Connectivity*/
	#cockpit-hotspot-window [hotspotid='5cf02b406e3e67082845ac9c']{
		background-image: url(../img/hotspot_connectivity_lg.png);
		top: 38%;
		left: 60%;
	}

	#exitCockpit {
		top: -9vh;
		position: absolute;
	}
}