body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: helvetica;
	box-sizing: border-box;
}

a:hover {
	text-decoration: none;
}

.logo {
	width: 100%;
	position: relative;
	margin-top: -2%;
}
.logos {
	margin: 45px auto 0px auto;
	padding: 15px;
	width: 15%;
	border-bottom: 1px solid #666;
	position: relative;
}
.introLogos {
	position: relative;
	top: -6%;
}

#log1 {
	display: none;
}
#log3 {
	display: none;
}

.col-sm-4 p {
	position: relative;
	margin: 0 0;
	text-align: center;
	padding: 0 0;
	top: -13px;
	width: 50%;
}
.col-sm-4 .pLogo {
	font-size: 11px;
	letter-spacing: 2px;
	padding: 11px 0px;
	text-align: center;
	color: #333;
	border-bottom: 0px solid black;
	margin-top: 21px;
	height: 40px;
	width: 100%;

	transition: letter-spacing 0.2s ease-out;
}

.col-md-12 img {
	width: 100%;
	margin: 0 auto;
	position: absolute;
}
.col-lg-12 {
	width: 100%;
	margin: 0 0;
	padding: 0 0;
}

#trigger1 {
	height: 700px;
	overflow: hidden;
}
#footer1 {
	position: relative;
	width: 100%;
	height: 33px;
	margin-top: -5%;
	padding: 4% 0;
	opacity: 0.9;
	z-index: 333;
	box-sizing: border-box;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 2rem;
}

.mainFooter {
	margin-bottom: 2%;
}

#eae1 {
	width: 21%;
	position: absolute;
	left: 38.7%;
	margin-top: 3%;
	padding-bottom: 21px;
	font-size: 0px;
}
#eae2 {
	width: 0%;
}
#linkLight1 {
	position: absolute;
	left: 430px;
	font-size: 11px;
	margin-top: 8%;
	color: #333;
	letter-spacing: 3px;
	border-left: 1px solid #666;
	padding: 0.5% 0px;
	opacity: 0;
}
#linkLight2 {
	position: absolute;
	font-size: 0px;
}

#chair1 {
	width: 40%;
	position: absolute;
	left: 4%;
	margin-top: 19.4%;
}
#chair2 {
	width: 0%;
}
#linkChair1 {
	position: absolute;
	left: 290px;
	font-size: 11px;
	margin-top: 33%;
	color: #333;
	letter-spacing: 3px;
	border-left: 1px solid #666;
	padding: 0.5% 0px;
	opacity: 0;
}
#linkChair2 {
	position: absolute;
	font-size: 0px;
}

#tray1 {
	width: 18%;
	position: absolute;
	left: 70%;
	margin-top: 31.4%;
}
#tray2 {
	width: 0%;
}
#linkTray1 {
	position: absolute;
	left: 828px;
	font-size: 11px;
	margin-top: 35%;
	color: black;
	letter-spacing: 3px;
	border-left: 1px solid #666;
	padding: 0.5% 0px;
	opacity: 0;
}
#linkTray2 {
	position: absolute;
	left: -21px;
	font-size: 0px;
}

#speaker1 {
	width: 15%;
	position: absolute;
	left: 56%;
	margin-top: 27.6%;
}
#speaker2 {
	width: 0%;
}
#linkSpeaker1 {
	position: absolute;
	left: 620px;
	font-size: 11px;
	margin-top: 31%;
	color: #333;
	letter-spacing: 3px;
	border-left: 1px solid #666;
	padding: 0.5% 0px;
	opacity: 0;
}
#linkSpeaker2 {
	position: absolute;
	left: -21px;
	font-size: 0px;
}

#mobile1 {
	width: 21%;
	position: absolute;
	left: 74.9%;
	margin-top: 4%;
}
#mobile2 {
	width: 0%;
}
#linkMobile1 {
	position: absolute;
	left: 850px;
	font-size: 11px;
	margin-top: 8%;
	color: #333;
	letter-spacing: 3px;
	border-left: 1px solid #666;
	padding: 0.5% 0.5%;
	opacity: 0;
}
#linkMobile2 {
	position: absolute;
	left: -21px;
	font-size: 0px;
}

#table1 {
	width: 40%;
	position: absolute;
	left: 51%;
	margin-top: 24.2%;
}
#table2 {
	width: 0%;
}
#linkTable1 {
	position: absolute;
	left: 720px;
	font-size: 11px;
	margin-top: 46%;
	color: #333;
	letter-spacing: 3px;
	border-left: 1px solid #666;
	padding: 0.5% 0px;
	opacity: 0;
}
#linkTable2 {
	position: absolute;
	left: -21px;
	font-size: 0px;
}

#mayaIntro1Black1a {
	width: 15%;
	position: absolute;
	left: 10%;
	margin-top: 4%;
}
#mayaIntro1Black1b {
	width: 0%;
}
#linkMayaBlack1 {
	position: absolute;
	left: 130px;
	font-size: 11px;
	margin-top: 20.6%;
	color: #333;
	letter-spacing: 3px;
	border-left: 1px solid #666;
	padding: 0.5% 0.5%;
	opacity: 0;
}
#linkMayaBlack {
	position: absolute;
	left: -21px;
	font-size: 0px;
}

/*big desk/////////////////////////////////////*/
/*/////////////////////////////////////*/
/*
@media screen and (min-width: 1281px) and (max-width: 2440px){


.logo {width: 84.8%; position: relative;}
.logos { margin: 55px auto 0px auto; padding: 15px; width: 20%; border-bottom: 1px solid black; position: relative;}
.introLogos {position: relative; top: -4%;}

#mobile1 {width: 21%; position: absolute; left: 73.8%; margin-top: 4.4%;}
#trigger1 {height: 800px; overflow: hidden;}
#footer1 {position: absolute; width: 100%; height: 95px; margin: -5.5% auto;left: 5%; border-top: 0px solid black;
          padding: 2% 2%;box-sizing: border-box;}

#linkMobile1 {position: absolute; left: 825px; font-size: 11px; margin-top: 8%; color: #333;
             letter-spacing: 3px; border-top: 0px solid #666; padding: 11px .5%; opacity: 0;}

#linkTray1 {position: absolute; left: 805px; font-size: 11px; margin-top: 35%; color: black;
             letter-spacing: 3px; border-top: 0px solid #666; padding: 11px .5%; opacity: 0;} 

#linkTable1 {position: absolute; left: 725px; font-size: 11px; margin-top: 46%; color: #333;
             letter-spacing: 3px; border-top: 0px solid #666; padding: 0.5% .5%; opacity: 0;}
         
#sachContent {position: relative; margin-top: 0%; height: 550px; z-index: 222; box-sizing: border-box;
              padding: 5%;  display: none;
              -webkit-transition: margin-top .555s ease-out;
              transition: margin-top 1.555s ease-out;}

#studioContent {position: relative; margin-top: 0%; height: 550px; z-index: 222; box-sizing: border-box;
              padding: 5%; display: none;
              -webkit-transition: margin-top .555s ease-out;
              transition: margin-top 1.555s ease-out; }

#sachPro1 {position: relative; z-index: 111; margin-top: -47%; margin-bottom: 3%; display: none;
           -webkit-transition: margin-top .555s ease-out;
           transition: margin-top 1.555s ease-out; margin-bottom .5s ease-out;}

#dome1 {position: relative; z-index: 11; margin-top: -47%; margin-bottom: 3%; display: none;
        -webkit-transition: margin-top .555s ease-out;
        transition: margin-top 1.555s ease-out, margin-bottom .5s ease-out;}         
          } */

/*big desk/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 2441px) and (max-width: 2560px) {
	div .col-xs-4 {
		width: 33.33%;
		padding: 15px;
	}
	div .col-xs-4 p {
		border: 0px solid black;
		font-size: 0px;
		margin-top: 10px;
		padding: 0px;
		text-align: center;
	}

	.col-sm-4 p {
		position: relative;
		margin: 0 0;
		text-align: center;
		padding: 0 0;
		top: -13px;
		width: 25%;
		left: 12.5%;
	}
	.col-sm-4 .pLogo {
		font-size: 0px;
		letter-spacing: 7px;
		padding: 11px 0px;
		text-align: center;
		color: black;
		border-bottom: 0px solid black;
		margin-top: 11px;
		left: 20%;
		height: 0px;
		width: 60%;

		transition: height 0.4s ease-out, font-size 0.4s ease-out, border-bottom 0.4s ease-out, letter-spacing 0.4s ease-out;
	}

	.logo .pLogo {
		height: 40px;
		font-size: 13px;
		letter-spacing: 11px;
		border-bottom: 1px solid black;
	}

	/*a:hover {text-decoration: none;}*/

	#sachContent {
		position: relative;
		margin-top: 0%;
		height: 550px;
		z-index: 222;
		box-sizing: border-box;
		padding: 5%;
		display: none;
	}

	#studioContent {
		position: relative;
		margin-top: 0%;
		height: 550px;
		z-index: 222;
		box-sizing: border-box;
		padding: 5%;
		display: none;
	}

	.col-xs-4 img {
		margin: 0 auto;
		padding: 18px;
		width: 10%;
		border: 0px solid black;
	}
	#mobile1 {
		width: 21%;
		position: absolute;
		left: 79.9%;
		margin-top: 4.4%;
	}
	#trigger1 {
		height: 800px;
		overflow: hidden;
	}
}

/*iphone6 portrait/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 320px) and (max-width: 767px) {
	.nonFooter {
		display: none;
	}
	div .col-xs-12 {
		width: 100%;
		padding: 10px;
		margin: auto;
		font-size: 9px;
		z-index: -11;
	}
	div .col-xs-4 .pLogo {
		border: 0px solid black;
		font-size: 9px;
		margin-top: 3%;
		padding: 0px;
		text-align: center;
		width: 100%;
	}

	.logo {
		width: 100%;
		position: relative;
		margin-top: -10%;
	}
	/*.logos { margin: 45px auto 0px auto; padding: 15px; width: 20%; border-bottom: 1px solid #666; position: relative;}*/

	#log1 {
		display: none;
	}
	#log3 {
		display: none;
	}

	.log1 {
		height: 0px;
		top: -22%;
		width: 0%;
	}
	.log3 {
		height: 0px;
		top: -21%;
		width: 0%;
	}

	#trigger1 {
		height: 2700px;
		overflow: hidden;
		top: -52%;
		z-index: 9999999999999999999999999999;
		position: relative;
	}
	#footer1 {
		position: absolute;
		width: 100%;
		height: 33px;
		/* margin-top: -11%: */
		border-top: 0px solid black;
		padding: 2% 0;
		/* left: 5%; */
		font-size: 12px;
		letter-spacing: 3px;
	}

	.mainFooter {
		margin-bottom: -2%;
	}

	.introLogos {
		position: relative;
		top: 0%;
	}

	#table1 {
		display: none;
	}
	#table2 {
		width: 67%;
		position: absolute;
		left: 32%;
		margin-top: 42.6%;
	}
	#linkTable1 {
		display: none;
	}
	#linkTable2 {
		position: absolute;
		left: -500px;
		font-size: 30px;
		margin-top: 580%;
		color: #333;
		letter-spacing: 8px;
		border-bottom: 4px solid #666;
		border-bottom-color: #333;
	}

	#speaker1 {
		display: none;
	}
	#speaker2 {
		width: 28%;
		position: absolute;
		left: 64%;
		margin-top: 45.8%;
	}
	#linkSpeaker2 {
		position: absolute;
		left: -500px;
		font-size: 30px;
		margin-top: 392%;
		color: #333;
		border-bottom: 4px solid #666;
		letter-spacing: 8px;
		border-bottom-color: #333;
	}

	#chair1 {
		display: none;
	}
	#chair2 {
		width: 88%;
		position: absolute;
		left: -16%;
		margin-top: 45%;
	}
	#linkChair1 {
		display: none;
	}
	#linkChair2 {
		position: absolute;
		left: -320px;
		font-size: 30px;
		margin-top: 190%;
		color: #333;
		letter-spacing: 8px;
		border-bottom: 4px solid #666;
		border-bottom-color: #333;
	}

	#eae1 {
		display: none;
	}
	#eae2 {
		width: 47%;
		position: absolute;
		left: 26.5%;
		margin-top: -13%;
		padding-bottom: 21px;
		z-index: 9999999991;
	}
	#linkLight1 {
		display: none;
	}
	#linkLight2 {
		position: absolute;
		left: -400px;
		font-size: 30px;
		margin-top: 64%;
		color: #333;
		letter-spacing: 8px;
		border-bottom: 4px solid #666;
		border-bottom-color: #333;
	}

	#tray1 {
		display: none;
	}
	#tray2 {
		width: 33%;
		position: absolute;
		left: 40%;
		margin-top: 53.2%;
	}
	#linkTray2 {
		position: absolute;
		left: -200px;
		font-size: 30px;
		margin-top: 303%;
		color: #333;
		letter-spacing: 8px;
		border-bottom: 4px solid #666;
		border-bottom-color: #333;
	}

	#mobile1 {
		display: none;
	}
	#mobile2 {
		width: 35%;
		position: absolute;
		left: 65%;
		margin-top: 1%;
	}
	#linkMobile2 {
		position: absolute;
		left: -300px;
		font-size: 30px;
		margin-top: 478%;
		color: #666;
		letter-spacing: 8px;
		border-bottom: 4px solid #666;
		border-bottom-color: #333;
	}

	#mayaIntro1Black1a {
		display: none;
	}
	#mayaIntro1Black1b {
		width: 28%;
		position: absolute;
		left: 63%;
		margin-top: 83%;
	}
	#linkMayaBlack1 {
		position: absolute;
		font-size: 0px;
		display: none;
	}
	#linkMayaBlack {
		position: absolute;
		left: -321px;
		font-size: 30px;
		margin-top: 644%;
		color: #333;
		letter-spacing: 8px;
		border-bottom: 0px solid #333;
	}
}

/*

@media screen and (min-width: 627px) and (max-width: 767px){
div .col-xs-4 {width: 33.33%; padding: 15px;}
div .col-xs-4  p {border: 0px solid black; font-size: 0px; margin-top: 10px; padding: 0px; text-align: center;}

.col-xs-4 img { margin: 0 auto; padding: 18px; width: 50%; border: 1px solid black;}

.logo {width: 100%; position: relative;}
.logos { margin: 45px auto 0px auto; padding: 15px; width: 20%; position: relative;}
.introLogos {position: relative; top: -6%;}
.log2 {width: 9%}

div .col-xs-4 {width: 33.33%; padding: 15px;}
div .col-xs-4  p {border: 0px solid black; font-size: 0px; margin-top: 10px; padding: 0px; text-align: center;}


.col-xs-4 .pLogo {  font-size: 0px; letter-spacing: 0px; padding: 13px 2%; text-align: center; color: black; 
              margin-top: 12px auto auto auto; left: 0%; height: 0px; width: 100%;
              display: none;
              transition: height .4s ease-out, font-size .4s ease-out,
              letter-spacing .4s ease-out;

              -webkit-transition: height .4s ease-out, font-size .4s ease-out,
              letter-spacing .4s ease-out;}

.logo:hover .pLogo { height: 0px; font-size: 0px; letter-spacing: 7px;}


.col-xs-4 img { margin: 0 auto; padding: 18px; width: 33.33%; border: 1px solid black;}


#sachContent {position: relative; margin-top: 44%; height: 360px; z-index: 222; box-sizing: border-box;
              padding: 5%; text-align: left; display: none; border: 0px solid red; font-size: 12px;}

#studioContent {position: relative; margin-top: -1%; height: 300px; z-index: 222; box-sizing: border-box;
              padding: 7%; display: none; font-size: 12px; border: 0px solid red;}

#sachPro1 {position: relative; z-index: 111; margin-top: -147%; margin-bottom: 3%; display: none; width: 90%;left: 5%; }
#dome1 {position: relative; z-index: 11; margin-top: -43.5%; margin-bottom: 3%; display: none; width: 90%; left: 5%; }

#trigger1 {height: 330px; overflow: hidden;}
#footer1 {position: absolute; width: 90%; height: 33px; margin: -2% auto; border-top: 1px solid black;
          padding: 2% 0; opacity: .9; z-index: 333; box-sizing: border-box; left: 5%;}


#eae1 {width: 21%; position: absolute; left: 39.4%; margin-top: 1%; padding-bottom: 21px; font-size: 0px;}
#eae2 {width: 0%;}
#linkLight1 {position: absolute; left: 31%; font-size: 12px; margin-top: 5%; color: #333;
             letter-spacing: 2px; border-top: 1px solid #666; padding: 5px 11px; opacity: 0;}
#linkLight2 {position: absolute; font-size: 0px;}

#chair1 {width: 40%; position: absolute; left: 4%; margin-top: 15.4%;}
#chair2 {width: 0%;}
#linkChair1 {position: absolute; left: 21%; font-size: 12px; margin-top: 29%; color: #333;
             letter-spacing: 2px; border-top: 1px solid #666; padding: 5px 11px; opacity: 0;}
#linkChair2 {position: absolute; font-size: 0px;}

#tray1 {width: 18%; position: absolute; left: 72%; margin-top: 27.6%;}
#tray2 {width: 0%;}
#linkTray1 {position: absolute; left: 71%; font-size: 12px; margin-top: 29%; color: black;
             letter-spacing: 2px; border-top: 1px solid #666; padding: 5px 15px; opacity: 0;} 
#linkTray2 {position: absolute; left: -21px; font-size: 0px;}

#speaker1 {width: 15%;position: absolute; left: 56%; margin-top: 23.7%;}
#speaker2 {width: 0%;}
#linkSpeaker1 {position: absolute; left: 46%; font-size: 12px; margin-top: 29%; color: #333;
             letter-spacing: 2px; border-top: 1px solid #666; padding: 5px 11px; opacity: 0;}
#linkSpeaker2 {position: absolute; left: -21px; font-size: 0px;}
  
#mobile1 {width: 21%; position: absolute; left: 72.3%; margin-top: 1%;}
#mobile2 {width: 0%;}
#linkMobile1 {position: absolute; left: 62.5%; font-size: 12px; margin-top: 5%; color: #333;
             letter-spacing: 2px; border-top: 1px solid #666; padding: 5px 18px; opacity: 0;}
#linkMobile2 {position: absolute; left: -21px; font-size: 0px;}

#table1 { width: 40%; position: absolute; left: 51%; margin-top: 20.2%;}
#table2 {width: 0%;}
#linkTable1 {position: absolute; left: 62%; font-size: 12px; margin-top: 42%; color: #333;
             letter-spacing: 2px; border-top: 1px solid #666; padding: 5px 11px; opacity: 0;}
#linkTable2 {position: absolute; left: -21px; font-size: 0px;}

#mayaIntro1Black1a { width: 13%; position: absolute; left: 10%; margin-top: 4%;}
#mayaIntro1Black1b {width:0%;}
#linkMayaBlack1 {position: absolute; left: 16%; font-size: 12px; margin-top: 17%; color: #333;
                letter-spacing: 2px; border-top: 1px solid #666; padding: 5px 11px; opacity: 0;}
#linkMayaBlack {position: absolute; left: -21px; font-size: 0px;}}

*/

@media screen and (min-width: 768px) and (max-width: 1023px) {
	div .col-sm-4 {
		width: 70%;
		padding: 15px;
		left: 15%;
	}
	div .col-sm-4 p {
		border: 0px solid black;
		font-size: 0px;
		margin-top: 10px;
		padding: 0px;
		text-align: center;
	}

	.col-sm-4 img {
		margin: 0 auto;
		padding: 18px;
		width: 13%;
	}

	.logo {
		width: 100%;
		position: relative;
		margin-top: 5%;
	}
	.logos {
		margin: 45px auto 0px auto;
		padding: 5%;
		width: 20%;
		position: relative;
	}
	.introLogos {
		position: relative;
		top: 1%;
	}

	.col-sm-4 p {
		position: relative;
		margin: 0 0;
		text-align: center;
		padding: 0 0;
		top: -10px;
		width: 25%;
		left: 12.5%;
	}
	.col-sm-4 .pLogo {
		font-size: 0px;
		letter-spacing: 2px;
		padding: 11px auto;
		text-align: center;
		color: black;
		border-bottom: 0px solid black;
		margin-top: 11px;
		left: 15%;
		height: 0px;
		width: 70%;

		transition: height 0.4s ease-out, font-size 0.4s ease-out, border-bottom 0.4s ease-out, letter-spacing 0.4s ease-out;
	}

	.logo .pLogo {
		height: 40px;
		font-size: 9px;
		letter-spacing: 4px;
		display: block;
	}

	/*a:hover {text-decoration: none;}*/

	#sachContent {
		position: relative;
		margin-top: 47%;
		height: 550px;
		z-index: 222;
		box-sizing: border-box;
		padding: 5%;
		display: none;
	}

	#studioContent {
		position: relative;
		margin-top: 0%;
		height: 450px;
		z-index: 222;
		box-sizing: border-box;
		padding: 5%;
		display: none;
		border: 0px solid red;
	}

	#sachPro1 {
		position: relative;
		z-index: 111;
		margin-top: -188%;
		margin-bottom: 3%;
		display: none;
	}
	#dome1 {
		position: relative;
		z-index: 11;
		margin-top: -72%;
		margin-bottom: 3%;
		display: none;
	}

	#trigger1 {
		height: 1050px;
		overflow: hidden;
	}
	#footer1 {
		position: absolute;
		width: 90%;
		height: 33px;
		margin: -22% auto;
		border-top: 0px solid black;
		padding: 2% 0;
		opacity: 0.9;
		z-index: 333;
		left: 5%;
		box-sizing: border-box;
	}

	#eae1 {
		width: 27%;
		position: absolute;
		left: 36%;
		margin-top: 1%;
		padding-bottom: 21px;
		font-size: 0px;
	}
	#eae2 {
		width: 0%;
	}
	#linkLight1 {
		position: absolute;
		left: 41%;
		font-size: 14px;
		margin-top: 31%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkLight2 {
		position: absolute;
		font-size: 0px;
	}

	#chair1 {
		width: 50%;
		position: absolute;
		left: -3%;
		margin-top: 41%;
	}
	#chair2 {
		width: 0%;
	}
	#linkChair1 {
		position: absolute;
		left: 160px;
		font-size: 14px;
		margin-top: 55%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkChair2 {
		position: absolute;
		font-size: 0px;
	}

	#tray1 {
		width: 30%;
		position: absolute;
		left: 56%;
		margin-top: 66%;
	}
	#tray2 {
		width: 0%;
	}
	#linkTray1 {
		position: absolute;
		left: 57.6%;
		font-size: 14px;
		margin-top: 86%;
		color: black;
		width: 27%;
		text-align: center;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkTray2 {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}

	#speaker1 {
		width: 15%;
		position: absolute;
		left: 69%;
		margin-top: 43.5%;
	}
	#speaker2 {
		width: 0%;
	}
	#linkSpeaker1 {
		position: absolute;
		left: 59%;
		font-size: 14px;
		margin-top: 48%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkSpeaker2 {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}

	#mobile1 {
		width: 21%;
		position: absolute;
		left: 73%;
		margin-top: 1%;
	}
	#mobile2 {
		width: 0%;
	}
	#linkMobile1 {
		position: absolute;
		left: 76%;
		font-size: 14px;
		margin-top: 25%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkMobile2 {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}

	#table1 {
		width: 40%;
		position: absolute;
		left: 51%;
		margin-top: 40%;
	}
	#table2 {
		width: 0%;
	}
	#linkTable1 {
		position: absolute;
		left: 62%;
		font-size: 14px;
		margin-top: 62%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkTable2 {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}

	#mayaIntro1Black1a {
		width: 17%;
		position: absolute;
		left: 10%;
		margin-top: 0%;
	}
	#mayaIntro1Black1b {
		width: 0%;
	}
	#linkMayaBlack1 {
		position: absolute;
		left: 10%;
		font-size: 14px;
		margin-top: 23.5%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkMayaBlack {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}
}
/*Ipad 1024x768 landscape/////////////////////////////////////*/
/*/////////////////////////////////////*/

@media screen and (min-width: 1024px) and (max-width: 1279px) {
	div .col-sm-4 {
		width: 70%;
		padding: 15px;
		left: 15%;
	}
	div .col-sm-4 p {
		border: 0px solid black;
		font-size: 0px;
		margin-top: 10px;
		padding: 0px;
		text-align: center;
	}

	.col-sm-4 img {
		margin: 0 auto;
		padding: 18px;
		width: 10%;
		border: 1px solid black;
	}

	.logo {
		width: 90%;
		position: relative;
		margin-top: 3%;
	}
	.logos {
		margin: 45px auto 0px auto;
		padding: 5%;
		width: 20%;
		border-bottom: 0px solid black;
		position: relative;
	}
	.introLogos {
		position: relative;
		top: -4%;
	}

	.col-sm-4 p {
		position: relative;
		margin: 0 0;
		text-align: center;
		padding: auto auto;
		top: -10px;
		width: 25%;
		left: 12.5%;
	}
	.col-sm-4 .pLogo {
		font-size: 0px;
		letter-spacing: 7px;
		padding: 11px auto;
		text-align: center;
		color: black;
		border-bottom: 0px solid black;
		margin-top: 11px;
		left: 20%;
		height: 0px;
		width: 60%;

		transition: height 0.4s ease-out, font-size 0.4s ease-out, border-bottom 0.4s ease-out, letter-spacing 0.4s ease-out;
	}

	.logo .pLogo {
		height: 40px;
		font-size: 11px;
		letter-spacing: 11px;
		border-bottom: 1px solid black;
	}

	/*a:hover {text-decoration: none;}*/

	#sachContent {
		position: relative;
		margin-top: -4%;
		height: 550px;
		z-index: 222;
		box-sizing: border-box;
		padding: 5%;
		display: none;
	}

	#studioContent {
		position: relative;
		margin-top: 0%;
		height: 550px;
		z-index: 222;
		box-sizing: border-box;
		padding: 5%;
		display: none;
	}

	#sachPro1 {
		position: relative;
		z-index: 111;
		margin-top: -57%;
		margin-bottom: 3%;
		display: none;
	}
	#dome1 {
		position: relative;
		z-index: 11;
		margin-top: -65%;
		margin-bottom: 3%;
		display: none;
	}

	#trigger1 {
		height: 720px;
		overflow: hidden;
	}
	#footer1 {
		position: absolute;
		width: 100%;
		height: 33px;
		margin: -5% auto;
		border-top: 0px solid black;
		padding: 2% 0;
		opacity: 0.9;
		z-index: 333;
		left: 5%;
		box-sizing: border-box;
	}

	#eae1 {
		width: 21%;
		position: absolute;
		left: 39.4%;
		margin-top: 4%;
		padding-bottom: 21px;
		font-size: 0px;
	}
	#eae2 {
		width: 0%;
	}
	#linkLight1 {
		position: absolute;
		left: 335px;
		font-size: 14px;
		margin-top: 8%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkLight2 {
		position: absolute;
		font-size: 0px;
	}

	#chair1 {
		width: 40%;
		position: absolute;
		left: 4%;
		margin-top: 19.4%;
	}
	#chair2 {
		width: 0%;
	}
	#linkChair1 {
		position: absolute;
		left: 225px;
		font-size: 14px;
		margin-top: 33%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkChair2 {
		position: absolute;
		font-size: 0px;
	}

	#tray1 {
		width: 18%;
		position: absolute;
		left: 70%;
		margin-top: 31.4%;
	}
	#tray2 {
		width: 0%;
	}
	#linkTray1 {
		position: absolute;
		left: 71.1%;
		font-size: 14px;
		margin-top: 35%;
		color: black;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkTray2 {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}

	#speaker1 {
		width: 15%;
		position: absolute;
		left: 56%;
		margin-top: 27.6%;
	}
	#speaker2 {
		width: 0%;
	}
	#linkSpeaker1 {
		position: absolute;
		left: 50%;
		font-size: 14px;
		margin-top: 31%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkSpeaker2 {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}

	#mobile1 {
		width: 21%;
		position: absolute;
		left: 70.7%;
		margin-top: 4%;
	}
	#mobile2 {
		width: 0%;
	}
	#linkMobile1 {
		position: absolute;
		left: 66%;
		font-size: 14px;
		margin-top: 5%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkMobile2 {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}

	#table1 {
		width: 40%;
		position: absolute;
		left: 51%;
		margin-top: 24.2%;
	}
	#table2 {
		width: 0%;
	}
	#linkTable1 {
		position: absolute;
		left: 64%;
		font-size: 14px;
		margin-top: 46%;
		color: #333;
		letter-spacing: 4px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkTable2 {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}

	#mayaIntro1Black1a {
		width: 17%;
		position: absolute;
		left: 10%;
		margin-top: 4%;
	}
	#mayaIntro1Black1b {
		width: 0%;
	}
	#linkMayaBlack1 {
		position: absolute;
		left: 9.5%;
		font-size: 14px;
		margin-top: 23%;
		color: #333;
		letter-spacing: 8px;
		border-top: 1px solid #666;
		padding: 11px 2px;
		opacity: 0;
	}
	#linkMayaBlack {
		position: absolute;
		left: -21px;
		font-size: 0px;
	}
}