/*

@font-face {

  font-family: 'Raleway-Regular';
  src: url('media/fonts/static/Raleway-Medium.ttf');*
  font-display: swap;
}
@font-face {

  font-family: 'Railway-Bold';
  src: url('media/fonts/static/Raleway-Bold.ttf');
  font-display: swap;
}
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;700&display=swap');

*,:before,:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-backface-visibility:hidden;
}

#bold {
font-family: 'Raleway', sans-serif;
font-weight: 500;
}

h1 {
font-family: 'Raleway', sans-serif;
font-size: 160%;
color:#ffffff;
padding:0;
margin:0;
line-height:100%;
  font-family: 'Raleway', sans-serif;
}


h2 {
font-weight: normal;
font-style: normal;
font-family: 'Raleway', sans-serif;
font-size: 80%;
color:#444444;
line-height:150%;
display: inline;
  font-family: 'Raleway', sans-serif;
}


.arrow{
	position:absolute;
	bottom:1%;
	margin-bottom:50px;
	width:100px;
	height:50px;
	left:50%;
	margin-left:-50px;
	z-index:24;
	padding:0px;
}

#whiteSBXLogo{

	width:40%;
	text-align:center;
	vertical-align:middle;
}

#top_bar {
  position:fixed;
	/*display: table;*/
	height:90px;
	width: 100%;
	top: 0;
	left: 0;
	background-color:rgba(255, 255, 255, 1);
	z-index:30;
  box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, .1);
}

#top_left_logo {
	position:absolute;
	/*vertical-align: middle;*/
	width:150px;
  left:17%;
  top:15px;
}
#sbxlogo_half { width:150px; }


#top_right_contact {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
	position:absolute;
  visibility: visible;
	/*display:table-cell;
	vertical-align: middle;*/
  top:30px;
  right:17%;
}

.topLinks {
  display:table-cell;
  height:50px;
  top:25px;
  color: #000;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size:18px;
  padding-right:40px;
}

.topLinks a:link, a:visited {
  text-decoration: none;
  color: #000;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size:18px;
}

.topLinksAll a:link, a:visited {
  text-decoration: none;
  color: #000;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size:18px;
}

.top_right_contact a:link, .top_right_contact a.visited {
  text-decoration: none;
  color: #000;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size:18px;

}



.menuItemBars {
  margin-top:10px;
  top:10px;
  left:0px;
  height:2px;
  /*background-color:rgba(255, 255, 255, 1);*/
  background:rgba(233, 145, 42, 1);
}

#menuItem1Bar {
  width:0%;
}
#menuItem2Bar {
  width:0%;
}
#menuItem3Bar {
  width:0%;
}
#menuItem4Bar {
  width:0%;
}
#menuItem5Bar {
  width:0%;
}





#menu{
	position:fixed;
	width:100%;
	height:100%;
	right:-100%;
	top:0px;
	bottom:0px;
	background-color:rgba(255, 255, 255, 1);
	z-index:50;
	text-align:center;

  font-family: 'Raleway', sans-serif;
  font-weight: 700;
	color:#555555;
}


.menuLinks a:visited, .menuLinks a:link, .menuLinks a:hover {
	text-decoration: none;
	color:#555555;
}

#menu-x{
  position:absolute;
  right:0px;
  height:60px;
  width:60px;
  margin-top:10px;
  z-index:51;
}

#desktopMenu{

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  -webkit-transform: translate(-50%, -50%);


	/*position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px; */

	font-size:4vw;
	line-height:250%;
	visibility:visible;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}

#menu-lines-black {
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-30px;
	display:table-cell;
	vertical-align: middle;
	width:60px;
	margin-right:0px;
  visibility: hidden;
}

#mobileMenu{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	margin-top:0%;
	font-size:4vw;
	line-height:100%;
	visibility:hidden;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}
#menuOffSpace{
	position:fixed;
	width:60%;
	height:100%;
	left:0%;
	top:0px;
	bottom:0px;
	z-index:39;
	display:none;
}



#part1{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	min-height:500px;
	left:0px;
	top:0px;
	z-index:1;
  padding:auto;
	text-align:center;
	overflow:hidden;
}


#vidWrapper{
	position:absolute;
	width:100%;
	height:100%;
  top:0px;
  margin-top:45px;
	left:0px;
	z-index:0;
  background: rgba(255, 255, 255, 1);
}

#vidContainer{
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);

  /*background: url("media/images/2022/Direct-Response-Video-Production-ShadowBox-Background-Reel.jpg") no-repeat;*/
  background-size: cover;
}

#vidjs {
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}




#header_block{
  position: absolute;
	display:table;
	height:100%;
	width:100%;
  font-family: 'Raleway', sans-serif;

	z-index:3;
	padding:50px;
	color:#ffffff;
  font-size: 1vw;
}

#header_innerblock{
	display:table-cell;
	vertical-align:middle;
  width:100%;
  font-family: 'Raleway', sans-serif;

	z-index:3;
	padding:50px;
	color:#ffffff;
  font-size: 1.2vw;
  margin-bottom:50px;
}

#viewReelBtn{

  display:table-cell;
	vertical-align:middle;
  left:calc(50% - 75px);

  margin:20px;
  background: rgba(233, 145, 42, 1);
  border-radius: 10px;

  width:150px;
  height:50px;



  text-align:center;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
	z-index:3;

  font-size:18px;
  color:#000000;
}


.headerlinks a:link, .headerlinks a:visited, .headerlinks a:hover, .headerlinks a:active {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
  font-family: 'Raleway', sans-serif;

	padding:0;
	margin:0;
	color:#ccc;
	letter-spacing: -.5px;
	font-size: 110%;
	line-height: 100%;
}


#about1{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	min-height:500px;
	left:0px;
	top:0px;
	background-color:rgba(50, 255, 255, 1);
	z-index:1;
	overflow:hidden;
  line-height:40px;
  margin-top:90px;
  background: url("media/images/2022/shadowbox-pictures-building.jpg") no-repeat;
  background-size: cover;
	background-position:center;
}


#text-about{

  position: absolute;

  top: 50%;
  left: 50%;
  width:80%;
  transform: translate(-50% , -50%);
  -webkit-transform: translate(-50%, -50%);

	z-index:5;

  text-align:center;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;

  z-index:3;

  font-size:18px;
  line-height:40px;
  color:#000000;
}





.content_blocks {
  position:relative;
  display:inline-block;


	width:400px;
  height:258px;

	padding:0px;
  margin:0px;
	text-align:left;
	vertical-align:top;
  overflow:hidden;
}

.pictures{

	width:100%;

	max-width:500px;
  max-height:322px;

  padding:0px;
  margin:0px;
	overflow:hidden;

	/*display:inline-block;*/
}

.zoomImg {
  cursor:pointer;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background-color:rgba(0, 0, 0, 1);
}
.oldImg {

  height:100%;
  top:0%;
  background-color:rgba(0, 0, 0, 1);
}

.gridDR {
  position:absolute;
  z-index:1;
  display:block;
}
.gridCeleb {
  position:absolute;
  z-index:0;
  display:none;
}
.gridHealth {
  position:absolute;
  z-index:0;
  display:none;
}
.gridAnimation {
  position:absolute;
  z-index:0;
  display:none;
}
.gridEntertain {
  position:absolute;
  z-index:0;
  display:none;
}


.workSection{
  position:relative;
  display:inline-block;
  padding:15px;
  cursor:pointer;
}
.workSection a:link, .workSection a:visited {
  text-decoration: none;
  color: #000000;
}


.workmenuItemBars {
  margin-top:2px;
  top:2px;
  left:0px;
  height:2px;
  /*background-color:rgba(255, 255, 255, 1);*/
  background:rgba(233, 145, 42, 1);
}
#work1Bar {
  width:0%;
}
#work2Bar {
  width:0%;
}
#work3Bar {
  width:0%;
}
#work4Bar {
  width:0%;
}
#work5Bar {
  width:0%;
}
#work6Bar {
  width:0%;
}


#contact1Box{
  background:rgba(255, 255, 255, 1);
  position:relative;
  display:inline-block;
  vertical-align:top;
  clear:left;
  min-height:500px;
  width:50%;
  left:0px;
  top:0px;
  margin-top:90px;
}
#contact1Text{
  padding:13%;
  margin:0px;
  border:0px;
  font-family: 'Raleway', sans-serif;

  font-size:16px;
  line-height:200%;
}
#contact2{
  background:rgba(255, 255, 255, 1);
  position:relative;
  display:inline-block;
  clear:right;
  vertical-align:top;
  min-height:500px;
  width:50%;
  left:0%;
  top:0px;
  margin-top:90px;
  padding:0px;
  border:0px;
  overflow:hidden;
  font-family: 'Raleway', sans-serif;

}


#thankyou1Box{
  background:rgba(255, 255, 255, 1);
  position:relative;
  display:block;
  vertical-align:top;

  height:100%;
  height:calc(100%-40px);
  width:100%;

  left:0px;
  top:0px;
  margin-top:90px;
  text-align:center;
}
#thankyou1Text{
  padding:13%;
  margin:0px;
  border:0px;
  font-family: 'Raleway', sans-serif;

  font-size:16px;
  line-height:200%;
  text-align:center;
}


#part8{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	max-height:1080px;
	left:0px;
	top:0px;
	z-index:1;
	background-color:rgba(255, 255, 255, .8);
	text-align:center;
}

#contactOuterContainer{
	display:table;
	height:100%;
	width:100%;
}
#contactInnerContainer{
	display:table-cell;
	vertical-align:middle;
}


#contactForm{
	position:relative;
	display:inline-block;
	border-radius: 15px;
	top:0%;
	width:60%;
	max-width:750px;
	z-index:16;
	margin: 10px 10px 10px 10px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(232, 128, 51, 0.75);
	font-family: 'Raleway', sans-serif; font-size:120%; color:#FFFFFF; line-height:120%;

}
#formTable{
	width:60%;
	text-align:center;
}
#formTable2{
	width:60%;
	text-align:center;
	line-height:150%;
}
#contactButton{
	position:absolute;
	border-radius: 15px;
	top:0%;
	width:220px;
	height:120px;
	z-index:15;
	left:0px;
	margin:10px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(255, 255, 255, 0.9);
}
#altContact{
	position:relative;
	display:inline-block;
	width:25%;
	top:0%;
	z-index:20;
	text-align:center;
	font-family:SansBold;
	color:#555555;
	margin: 0px 0px 0px 0px;
	vertical-align:middle;
font-family: 'Raleway', sans-serif;
}





#part9{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	max-height:1080px;
	left:0px;
	top:0px;
	z-index:12;
	/*background-color:rgba(240, 240, 240, 1);*/
  background-color:rgba(33, 30, 31, 1);
	overflow:hidden;
}
/*
#sitemapContainer {
	position:relative;
	display:block;
	width:100%;
	left:0px;
	right:0px;
	padding-top:20px;
	text-align:left;
	font-size: 80%;
	line-height:110%;
	color:#333333;
	margin: 0px 0px 0px 0px;
	font-family: 'Raleway', sans-serif;
}

#sitemapCenterContainer {
	position:relative;
	display:block;
	width:1024px;
	left:50%;
	margin-left:-512px;
	margin-top:25px;
}


#footer_sitemap {
	position:relative;
	display:block;
	width:100%;
	padding: 0px 0px 0px 0px;
	clear:right;
	line-height:150%;
}

#copyright_sitemap {
	position:relative;
	display:table-cell;
	width:600px;
	padding:0px 0px 50px 0px;
}
#privacy_sitemap {
	position:relative;
	display:table-cell;
	width:600px;
	padding:0px 0px 50px 0px;
}




.sitemaplinks a:link, .sitemaplinks a:visited {
  text-decoration: none;
  color: #333;
}
.sitemaplinks a:hover, .sitemaplinks a:active {
  text-decoration: underline;
}
*/


#sitemapContainer {
	position:relative;
	display:block;
	width:100%;
	left:0px;
	right:0px;
	padding-top:20px;
	text-align:left;
	font-size: 100%;
	line-height:110%;
	color:#ffffff;
	margin: 0px 0px 0px 0px;
  font-family: 'OpenSans-Regular', sans-serif;

}

#sitemapCenterContainer {
	position:relative;
	display:block;
	width:80%;
	left:10%;

	margin-top:25px;
}


#footer_sitemap {
	position:relative;
	display:block;
	width:100%;
	padding: 0px 0px 0px 0px;
	clear:right;
	line-height:150%;
}
#copyright_sitemap {
	position:relative;
	display:table-cell;
	width:600px;
	padding:0px 0px 50px 0px;
}

.sitemaplinks a:link, .sitemaplinks a:visited {
  text-decoration: none;
  color: #ffffff;
}

.sitemaplinks a:hover, .sitemaplinks a:active {
  text-decoration: underline;
}



.contactClass a:link, .whatnextnav a:visited {
  text-decoration: none;
  color: #e9912a;
}

.whatnextnav a:link, .whatnextnav a:visited {
  text-decoration: none;
  color: #e9912a;
}

.fancybox-close {
    position: absolute;
    top: 15px !important;
    right: 45px !important;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

html, body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;

	background-color:rgba(255, 255, 255, 1);
}


.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}

.skrollr-mobile .skrollable {
	/*
		May cause issues on Android default browser (see #331 on GitHub).
	*/
	position:absolute;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}


.box {
	float:left;
	padding:6em 1em;
	margin:2px;
}



ul {
  padding-left: 0;
  margin-left: 0;
}
li {
  list-style: none;
}
li::before {
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 5px;
  background-image: url("media/images/2022/check.png");
  background-size:contain;
  background-repeat:no-repeat;
}





#part2{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	max-height:1180px;
	left:0px;
	top:0px;
	background-color:rgba(255, 255, 255, 1);
	z-index:1;
	overflow:hidden;
}

#part2-text-about{
	position:absolute;
	border-radius: 15px;
	top:20%;
	width:40%;
	max-width:400px;
	z-index:5;
	background-color:#ffffff;
	left:50%;
	margin-left:-45%;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	font-size: 100%;
  font-family: 'Raleway', sans-serif;
}


#dr-5 {
	position:absolute;
	top:15%;
	width:100%;
	left:0px;
	right:0px;
	z-index:4;
}
#dr-5tcell{
	position:absolute;
	top:20%;
	width:10%;
	left:40%;
	z-index:3;
}
#dr-5disc{
	position:absolute;
	top:87%;
	width:9%;
	left:67%;
	z-index:3;
}
#dr-5disc2{
	position:absolute;
	top:100%;
	width:5%;
	left:27%;
	z-index:3;
}




#part3{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	max-height:1080px;
	left:0px;
	top:0px;
	z-index:1;
	overflow:hidden;
	background-color:rgba(255, 255, 255, 1);
}


#text_Filming{
	position:absolute;
	border-radius: 15px;
	top:22%;
	width:470px;
	z-index:10;
	left:50%;
	margin-left:0%;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
}

#filmingPlay1{
	position:absolute;
	border-radius: 15px;
	top:65%;
	width:280px;
	height:180px;
	z-index:9;
	left:50%;
	margin-left:-200px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/film1.jpg");
	background-size: cover;
}

#filmingPlay2{
	position:absolute;
	border-radius: 15px;
	top:65%;
	width:280px;
	height:180px;
	z-index:9;
	left:50%;
	margin-left:100px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/film2.jpg");
	background-size: cover;
}

#filmingPlay3{
	position:absolute;
	border-radius: 15px;
	top:65%;
	width:280px;
	height:180px;
	z-index:9;
	left:50%;
	margin-left:400px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/film3.jpg");
	background-size: cover;
}

#filmingPlay4{
	position:absolute;
	border-radius: 15px;
	top:60%;
	margin-top:200px;
	width:220px;
	height:120px;
	z-index:9;
	left:50%;
	margin-left:-200px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/film4.jpg");
	background-size: cover;
}

#filmingPlay5{
	position:absolute;
	border-radius: 15px;
	top:60%;
	margin-top:200px;
	width:220px;
	height:120px;
	z-index:9;
	left:50%;
	margin-left:100px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/film5.jpg");
	background-size: cover;
}

#filmingPlay6{
	position:absolute;
	border-radius: 15px;
	top:60%;
	margin-top:200px;
	width:220px;
	height:120px;
	z-index:9;
	left:50%;
	margin-left:400px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/film6.jpg");
	background-size: cover;
}
#doctors_background {
	position:absolute;
	top:0%;
	width:100%;
	left:0px;
	right:0px;
	z-index:5;
}

#doctors_layer1 {
	position:absolute;
	top:0%;
	width:100%;
	left:0px;
	right:0px;
	z-index:6;
}
#doctors_layer2 {
	position:absolute;
	top:0%;
	width:100%;
	left:0px;
	right:0px;
	z-index:7;
}




#part4{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	max-height:1080px;
	overflow:hidden;
	left:0px;
	top:0px;
	background-color:rgba(255, 255, 255, 1);
	z-index:1;
}


#text_MedicalAnimations{
	position:absolute;
	border-radius: 15px;
	top:15%;
	width:35%;
	max-width:450px;
	z-index:6;
	font-size: 100%;
	background-color:rgba(255, 255, 255, 1);
	color:#ffffff;
	right:10%;
	box-shadow: 5px 5px 20px #000000;
	padding:25px;
}

#microspheres-back {
	position:absolute;
	top:0%;
	width:140%;
	left:-10%;
	right:0px;
	z-index:0;
}

#medicalAnimationsContainer{
	position:absolute;
	display:inline-block;
	top:20%;
	left:8%;
	width:50%;
	max-width:700px;
	z-index:4;
	height:800px;
	z-index:7;
}

#animation1-play{
	width:120px;
	height:120px;
	opacity:0.8;
	margin-top:70px;
	filter:alpha(opacity=80);
}

#animations1{
	display:block;
	border-radius: 15px;
	top:0%;
	width:580px;
	height:320px;
	z-index:4;
	background-color:#ffffff;
	left:0%;
	box-shadow: 5px 5px 20px #000000;
	padding:25px;
	background-image: url("media/images/medical/animations.jpg");
	border: 4px solid white;
	text-align:center;
}

#animations2{
	display:inline-block;
	border-radius: 15px;
	width:280px;
	height:180px;
	z-index:9;
	text-align:center;
	margin-top:10px;
	margin-left:80px;
	box-shadow: 5px 5px 20px #000000;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/085_2009_002.jpg");
	background-size: cover;
}

#animations3{
	display:inline-block;
	border-radius: 15px;
	margin-top:10px;
	text-align:center;
	margin-left:300px;
	width:280px;
	height:180px;
	z-index:9;
	box-shadow: 5px 5px 20px #000000;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/162_2010_004.jpg");
	background-size: cover;
}





#part5{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	max-height:1280px;
	left:0px;
	top:0px;
	overflow:hidden;
	background-color:rgba(255, 255, 255, 1);
	z-index:1;
}
#text_Device{
	position:absolute;
	border-radius: 15px;
	top:30%;
	width:450px;
	z-index:12;
	left:10%;
	margin-left:0%;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(14, 63, 158, 0.75);
}

#deviceBackground{
	position:absolute;
	top:-5%;
	width:100%;

	left:0px;
	height:auto;
	margin-left:0px;
	z-index:11;
}

#device1{
	position:absolute;
	border-radius: 15px;
	top:50%;
	margin-top:200px;
	width:380px;
	height:200px;
	z-index:12;
	left:18%;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/device3.jpg");
	background-size: cover;
}



#part6{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	max-height:1080px;
	left:0px;
	top:0px;
	background-color:rgba(255, 255, 255, 1);
	z-index:1;
	overflow:hidden;
}

#text_Product{
	position:absolute;
	border-radius: 15px;
	top:20%;
	width:40%;
	max-width:450px;
	z-index:13;
	right:10%;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(22, 103, 104, 0.75);
}

#risperdal{
	position:absolute;
	top:15%;
	width:60%;
	left:0px;
	height:150px;
	margin-left:-130px;
	z-index:11;
}

#productPlay1{
	position:absolute;
	border-radius: 15px;
	top:60%;
	width:280px;
	height:180px;
	z-index:12;
	right:10%;
	margin-right:280px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/productPlay1.jpg");
	background-size: cover;
}
#productPlay2{
	position:absolute;
	border-radius: 15px;
	top:60%;
	width:280px;
	height:180px;
	z-index:12;
	right:10%;
	margin-right:-50px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(147, 52, 117, 0.75);
	background-image: url("media/images/medical/productPlay2.jpg");
	background-size: cover;
}


#part7{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	max-height:1080px;
	left:0px;
	top:0px;
	z-index:2;
	overflow:hidden;
}
#text_Graphics{
	position:absolute;
	border-radius: 15px;
	top:15%;
	width:450px;
	z-index:16;
	left:10%;
	margin-left:0%;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;
	background-color:rgba(158, 8, 8, 0.75);
}
#paper-back {
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	left:0px;
	z-index:11;
	max-height:1080px;
}
#red-line {
	position:absolute;
	bottom:0%;
	width:100%;
	margin-bottom:0px;
	height:40px;
	left:0px;
	right:0px;
	z-index:24;
	background-color:rgba(158, 8, 8, 1);
}
#red-line-up {
	position:absolute;
	top:0%;
	width:100%;
	height:40px;
	left:0px;
	right:0px;
	z-index:12;
	background-color:rgba(158, 8, 8, 1);
}
#red-dot {
	position:absolute;
	border-radius: 35px;
	bottom:0%;
	width:40px;
	height:40px;
	margin-left:-20px;
	margin-bottom:0px;
	left:50%;
	right:0px;
	z-index:24;
	background-color:rgba(158, 8, 8, 0.9);
}
#red-dot-up {
	position:absolute;
	border-radius: 35px;
	top:0%;
	width:40px;
	height:40px;
	margin-left:-20px;
	left:50%;
	right:0px;
	z-index:12;
	background-color:rgba(158, 8, 8, 0.9);
}
#polaroid1{
	position:absolute;
	top:25%;
	width:500px;
	height:500px;
	z-index:13;
	right:10%;
	margin-right:100px;
	box-shadow: 1px 1px 20px #888888;
	-ms-transform: rotate(4deg); /* IE 9 */
	-webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
	transform: rotate(4deg);
	background-color:rgba(255, 255, 255, 1);
}
#polaroid2{
	position:absolute;
	top:25%;
	width:500px;
	height:500px;
	z-index:14;
	right:10%;
	margin-top:-40px;
	margin-right:-40px;
	box-shadow: 1px 1px 20px #888888;
	-ms-transform: rotate(7deg); /* IE 9 */
	-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
	transform: rotate(7deg);
	background-color:rgba(255, 255, 255, 1);
}
#polaroid3{
	position:absolute;
	top:25%;
	width:500px;
	height:500px;
	z-index:15;
	right:10%;
	margin-top:130px;
	margin-right:180px;
	box-shadow: 1px 1px 20px #888888;
	-ms-transform: rotate(-7deg); /* IE 9 */
	-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
	transform: rotate(-7deg);
	background-color:rgba(255, 255, 255, 1);
}

#polaroid4{
	position:absolute;
	top:45%;
	width:500px;
	height:500px;
	z-index:15;
	left:10%;
	box-shadow: 1px 1px 20px #888888;
	-ms-transform: rotate(30deg); /* IE 9 */
	-webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
	transform: rotate(30deg);
	background-color:rgba(255, 255, 255, 1);
}








@media screen and (max-width: 1600px) {

	#microspheres-back {width:180%; left:-30%;}
	#doctors_background {	width:140%;  }
	#doctors_layer2 {width:135%; }
}


@media screen and (max-width: 1400px) {

	#medicalAnimationsContainer{left:4%;width:30%; height:800px; }
	#animations1{width:100%; height:auto;}
	#animations2{width:100%; height:auto; margin-left:0px; left:0%;}
	#animations3{display:none;}
	#filmingPlay1{ left:0%; width:30%; margin-left:0%;}
	#filmingPlay2{ left:0%; width:30%; margin-left:30%;}
	#filmingPlay3{ left:0%; width:30%; margin-left:60%;}
	#risperdal{ width:80%; left:-20%; }
	#polaroid1, #polaroid2, #polaroid3, #polaroid4 {width:300px; height:300px; }
	#microspheres-back {width:230%; left:-30%;}
	#doctors_background {	width:160%;  }
	#doctors_layer2 {  width:165%; }
	/*#part1 { height:90%; }*/
	#part7 {   }
	#paper-back {  }
	#part8 {   }
}


@media screen and (max-width: 1050px) {
  #top_right_contact {visibility: hidden}
  #menu-lines-black {visibility: visible}
}

@media screen and (max-width: 1024px) {

	#part10 { height:230%; }
	#part1, #part2, #part3, #part4, #part5, #part6, #part7, #part8, #part9 {   }
	#part3, #part6, #part7 {   }
	#part1 {  }
	#whiteSBXLogo{ width:80%; }
	#text_MedicalAnimations{width:70%; font-size:100%; right:4%;}
	#part7 {  }
	#part8 {  }
	#part9 {  }
	#sitemapCenterContainer { width:100%; margin-left:0px; left:0px; padding:1%; margin:1%; }
	#copyright_sitemap, #privacy_sitemap { width:40%; padding:1%; margin:1%;}
	#footer_sitemap {width:100%; }
	#sitemapContainer {width:100%;}
}

@media screen and (max-width: 1020px) {
	#part10 { height:0%; }
}


@media screen and (max-width: 890px) {
	#part10 { height:0%; }

	#part1 { height:90%; }
	#part2, #part3, #part4, #part5, #part6, #part7, #part8, #part9 { height:auto;  margin-top:0px; margin-bottom:0px; top:0px; background-color:rgba(255, 255, 255, 1); }
	#part9  { position:relative; display:block; margin-top:0px; margin-bottom:0px; top:0px;background-color:rgba(240, 240, 240, 1); }

	#microspheres-back {display: none;}

	.arrow {display: none;}
	#dr-5, #dr-5tcell, #dr-5disc, #dr-5disc2 {display: none;}

	#doctors_background,#doctors_layer1,#doctors_layer2{display: none;}
	#deviceBackground,#risperdal{display: none;}
	#paper-back,#red-dot-up,#red-dot,#red-line-up,#red-line{display: none;}
	#contact_Back{display: none;}



	#part2-text-about{ position:relative; display:block; top:0%; margin-top:0%; left:5%; width:90%; margin-left:0px; right:5%; max-width:90%;border: 4px solid white;font-size:3vw;}
	#text_MedicalAnimations{ position:relative; display:block; top:0%; margin-top:20px; width:90%; left:5%; max-width:90%;border: 4px solid white;font-size:3vw;}
	#text_Filming{ position:relative; display:block; top:0%; margin-top:20px; width:90%; left:5%; max-width:90%;font-size:3vw;}
	#text_Device{ position:relative; display:block; top:0%; margin-top:20px; width:90%; left:5%; max-width:90%;font-size:3vw;}
	#text_Product{ position:relative; display:block; top:0%; margin-top:20px; width:90%; left:5%; max-width:90%;font-size:3vw;}
	#text_Graphics{ position:relative; display:block; top:0%; margin-top:20px; width:90%; left:5%; max-width:90%;font-size:3vw;}
	#contactForm{ position:relative; display:block; top:0%; margin:0px; width:90%; left:5%; max-width:90%;font-size:3vw;}
	#altContact{ position:relative; display:block; top:0%; margin-top:20px; width:90%; left:5%; max-width:90%;font-size:3vw; background-color:rgba(255, 255, 255, 0.8); border-radius: 15px; padding:25px; border: 4px solid white;}
	#sitemap{ position:relative; display:block; top:0%; margin-top:20px; width:100%; left:0%; max-width:100%; padding:10px;font-size:3vw;}

	#medicalAnimationsContainer{ position:relative; display:block; top:0%; margin-top:0px; margin-left:0%; height:600px; left:0%; width:100%; max-width:100%; text-align:center; align:center;}

	#animation1-play{ margin-top:30px;}
	#animations1{ position:relative; display:block; top:0%; margin-top:10px; width:90%; margin-left:0px; left:5%; right:5%; max-width:90%; height:180px;}
	#animations2{ position:relative; display:block; top:0%; margin-top:10px; width:90%; margin-left:0px; left:5%; right:5%; max-width:90%; height:180px;}
	#animations3{ position:relative; display:block; top:0%; margin-top:10px; width:90%; margin-left:0px; left:5%; right:5%; max-width:90%; height:180px;}

	#filmingPlay1{ position:relative; display:block; top:0%; margin-top:10px; width:90%; left:5%; margin-left:0px; max-width:90%; height:180px;}
	#filmingPlay2{ position:relative; display:block; top:0%; margin-top:10px; width:90%; left:5%; margin-left:0px; max-width:90%; height:180px;}
	#filmingPlay3{ position:relative; display:block; top:0%; margin-top:10px; width:90%; left:5%; margin-left:0px; max-width:90%; height:180px;}

	#device1{ position:relative; display:block; top:0%; margin-top:10px; width:90%; left:5%; margin-left:0px; max-width:90%; height:180px; }

	#productPlay1{ position:relative; display:block; top:0%; margin-top:10px; width:90%; left:5%; max-width:90%; height:180px;}
	#productPlay2{ position:relative; display:block; top:0%; margin-top:10px; width:90%; left:5%; max-width:90%; height:180px;}

	#polaroid1{ position:relative; display:inline-block; top:0%; margin-top:0px; width:200px; height:200px; left:10%; margin-left:0px;}
	#polaroid2{ position:relative; display:inline-block; top:0%; margin-top:-150px; width:200px; height:200px; left:10%; margin-left:130px;}
	#polaroid3{ position:relative; display:inline-block; top:0%; margin-top:-30px; width:200px; height:200px; left:10%; margin-left:0px;}
	#polaroid4{ position:relative; display:inline-block; top:0%; margin-top:-100px; width:200px; height:200px; left:10%; margin-left:130px;}

	#formTable{ width:100%; }
	#formTable2{ width:100%; }

	#menu{ width:100%; font-size:300%; }
	/*#desktopMenu  { visibility:hidden;}*/
	#mobileMenu  { visibility:visible;}

	#header_innerblock{ width:100%; padding:10px; margin:0px; }
	#whiteSBXLogo{ width:90%; }

}


@media screen and (max-width: 560px) {
	#top_right_contact { width:50%; font-size: 3vw;	line-height:100%; visibility:hidden; }
	#sbxlogo_half { width:120px; height:50px; }
	#header_block{ width:100%; margin-left:0px; top:15%; margin-top:0px; left:0px; }
	#whiteSBXLogo{ width:100%; left:0px; margin-left:0px; }

}