/*

@font-face {

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

  font-family: 'Railway-Bold';
  src: url('https://d7mk8knqc411s.cloudfront.net/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;
color:#000000;
line-height:120%;
font-weight: 700;
font-style: normal;
}
.h1like {
  font-family: 'Raleway', sans-serif;
  color:#ffffff;
  line-height:120%;
  font-size:200%;
  font-weight: 700;
  font-style: normal;
  text-shadow: 1px 1px 20px rgba(0, 0, 0, 1), 1px 1px 5px rgba(0, 0, 0, 1);
}


#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;
}


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


#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("https://d7mk8knqc411s.cloudfront.net/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;

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

  width:150px;
  height:50px;

  left:calc(50% - 75px);

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

  margin-top:10px;
  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%;
}


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

  /*background: url("https://d7mk8knqc411s.cloudfront.net/images/2022/Sony-F55-Camera.webp") no-repeat;*/
	background-size: cover;
	background-position:center;
}

#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("https://d7mk8knqc411s.cloudfront.net/images/2022/shadowbox-pictures-building.jpg") no-repeat;
  background-size: cover;
	background-position:center;
}

#services1{
	position:relative;
	display:block;
	width: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("https://d7mk8knqc411s.cloudfront.net/images/2022/professional-video-production-direct-response-lights-camera-grid.webp") no-repeat;
  background-position:center;
  background-size: cover;
}



#text-about{

  position: absolute;
  top: 50%;
  left: 50%;
  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;
}


#text-about1{

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

	z-index:5;
	left:10%;
  text-align:center;
  font-family: 'Raleway', sans-serif;

  z-index:3;

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





#part2photo {
  position:absolute;
	width:100%;
  top:0px;
	left:0px;
	right:0px;
	z-index:0;

}


#part3{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	min-height:500px;
	left:0px;
	top:0px;
	z-index:1;
	overflow:hidden;
	background-color:rgba(255, 255, 255, .8);
  	background-size: cover;
	background-position: center;
}


#text-work{
	position:relative;
  display: block;
	top:0%;
	width:100%;
	z-index:5;
	left:0%;
  height:90px;
  text-align:center;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  z-index:3;
  background-color:rgba(255, 255, 255, 1);
  padding:40px;
  font-size:30px;
  line-height:40px;
  color:#000000;
}

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



/*
#content_blocks {
	width:40%;
	max-width:500px;
  max-height:322px;
	padding:0px;
  margin:0px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
*/

.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;
}

#part5{
	position:relative;
	display:block;
	width:100%;
	min-height:500px;
	overflow:hidden;
	left:0px;
	top:0px;
	background-color:rgba(240, 240, 240, 1);
	z-index:1;
}


#about4{
	position:relative;
	display:block;
  clear:both;
	width:100%;
  min-height:500px;
  height:auto;
  padding:5% 10% 5% 10%;
	left:0px;
	top:0px;
	z-index:1;
	overflow:hidden;
	background-color:rgba(255, 255, 255, 1);
}

#ourwork_part1{
  position:relative;
	display:block;
  clear:both;
	width:100%;
  min-height:50px;
  height:auto;
  padding-top:40px;
  padding-bottom:20px;
	left:0px;
	top:0px;
  margin-top:90px;
	z-index:1;
	overflow:hidden;
	background-color:rgba(255, 255, 255, 1);
  text-align:center;
}
#ourwork_part1Text{
  font-family: 'Raleway', sans-serif;

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

.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;
}


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


#contactForm{
	position:relative;
	display:inline-block;
	border-radius: 15px;
	top:20%;
	width:60%;
	max-width:750px;
	z-index:16;
	margin: 150px 10px 150px 10px;
	box-shadow: 5px 5px 20px #888888;
	padding:25px;
	border: 4px solid white;

  background-image: linear-gradient(to bottom right, #50b96b, #2d5738);

	/*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:30%;
	z-index:20;
	text-align:center;
  font-family: 'Raleway', sans-serif;

  padding-left:40px;
	color:#555555;
	margin: 100px 0px 200px 0px;
	vertical-align:middle;
}




#part6{
	position:relative;
	display:block;
	width:100%;
	height:auto;
	max-height:1080px;
	left:0px;
	top:0px;
	z-index:12;
	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: 100%;
	line-height:110%;
	color:#ffffff;
	margin: 0px 0px 0px 0px;
  font-family: 'Raleway', 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;
}



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

  width:50%;
  left:0px;

  margin:0px;
}
#creativeServicesText{

  padding:13%;
  margin:0px;
  border:0px;
  font-family: 'Raleway', sans-serif;

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

#creativeServicesPicBox{
  background:rgba(255, 255, 255, 1);
  position:relative;
  display:inline-block;
  clear:right;
  vertical-align:top;
  width:50%;
  left:0%;
  top:90px;
  margin:0px;
  padding:0px;
  border:0px;
  height:700px;
  overflow:hidden;
  background: url("https://d7mk8knqc411s.cloudfront.net/images/2022/drtv-creative-script-director-ken-barbet.jpg") no-repeat;
  background-position:bottom;
  background-size: cover;
	background-position:center;

}
#creativeServicesPic{
  position:absolute;
  top:0%;
  left:50%;
  margin-left:-50%;
  margin-bottom:80%;
}


#productionPicBox{
  position:relative;
  display:inline-block;
  vertical-align:top;
  width:50%;
  left:0%;
  top:0%;
  margin:0px;
  padding:0px;
  border:0px;
  height:700px;
  overflow:hidden;
  background: url("https://d7mk8knqc411s.cloudfront.net/images/2022/direct-response-tv-production-studio-set.jpg") no-repeat;
  background-position:right;
  background-size: cover;
	background-position:center;
}
#productionPic{
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-80%;
}

#productionBox{
  background:rgba(255, 255, 255, 1);
  position:relative;
  display:inline-block;
  clear:right;
  vertical-align:top;
  width:50%;
  left:0%;
  top:0%;
  margin:0px;
  padding:0px;
  border:0px;
}
#productionText{
  /*position:absolute;*/

  padding:10%;
  font-family: 'Raleway', sans-serif;

  font-size:16px;
  line-height:200%;
}
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("https://d7mk8knqc411s.cloudfront.net/images/2022/check.png");
  background-size:contain;
  background-repeat:no-repeat;
}

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

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

#liveStreamPicBox{
  background:rgba(255, 255, 255, 1);
  position:relative;
  display:inline-block;
  clear:right;
  vertical-align:top;
  width:50%;
  left:0%;
  top:0px;
  margin:0px;
  padding:0px;
  border:0px;
  height:700px;
  overflow:hidden;
  background: url("https://d7mk8knqc411s.cloudfront.net/images/2022/webcasting-livestreaming-production-studio-services.jpg") no-repeat;
  background-position:right;
  background-size: cover;
	background-position:center;
}
#liveStreamPic{
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-50%;
}



#postproductionPicBox{
  position:relative;
  display:inline-block;
  vertical-align:top;
  width:50%;
  left:0%;
  top:0%;
  margin:0px;
  padding:0px;
  border:0px;
  height:700px;
  overflow:hidden;
  background: url("https://d7mk8knqc411s.cloudfront.net/images/2022/professional-video-streaming-green-screen-video-production-on-set.jpg") no-repeat;
  background-position:right;
  background-size: cover;
	background-position:center;
}
#postproductionPic{
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-80%;
}

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

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


#motionGraphicsPicBox{
  background:rgba(255, 255, 255, 1);
  position:relative;
  display:inline-block;
  clear:right;
  vertical-align:top;
  width:50%;
  left:0%;
  top:0px;
  margin:0px;
  padding:0px;
  border:0px;
  height:700px;
  overflow:hidden;
  background: url("https://d7mk8knqc411s.cloudfront.net/images/2022/motion-Graphics-video-production.jpg") no-repeat;
  background-position:center;
  background-size: cover;
}
#animationPicBox{
  background:rgba(255, 255, 255, 1);
  position:relative;
  display:inline-block;
  clear:right;
  vertical-align:top;
  width:50%;
  left:0%;
  top:0px;
  margin:0px;
  padding:0px;
  border:0px;
  height:700px;
  overflow:hidden;
  background: url("https://d7mk8knqc411s.cloudfront.net/images/2022/medical-animation-pharma-moa-animation-professional-production-services.jpg") no-repeat;
  background-position:center;
  background-size: cover;
}


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


#aboutPicBox{
  position:relative;
  display:inline-block;
  vertical-align:top;
  width:40%;
  left:0%;
  top:0%;
  padding:0px;
  border:0px;
  height:650px;
  overflow:hidden;
  margin-left:10%;
  margin-right:0%;
  margin-top:5%;
  margin-bottom:5%;
  padding-bottom:5%;

}
#aboutPic{
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-80%;
  height:60%;
}


#about4{
	position:relative;
	display:block;
  clear:both;
	width:100%;
  min-height:500px;
  height:auto;
  padding:5% 10% 5% 10%;
	left:0px;
	top:0px;
	z-index:1;
	overflow:hidden;
	background-color:rgba(255, 255, 255, 1);
}

#about4box{
	position:absolute;
	width:80%;
  min-height:500px;
	left:10%;
	top:0px;
	z-index:1;
	overflow:hidden;
	background-color:rgba(255, 255, 255, 1);
}

#about4Text{
  font-family: 'Raleway', sans-serif;

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



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

  line-height: 150px;
  text-align: center;

  width:125px;
  height:125px;

  margin:5px;
  background-color:rgba(255, 255, 255, 1);
  vertical-align:top;

}
.clientLogosImg {
  width:100%;
  height:auto;
  display: inline-block;
vertical-align: middle;
line-height: normal;

}


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

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



@media screen and (max-width: 1300px) {
/*  #text-about1{top:10%;}
  #text-about{top:10%;} */

}


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

  #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;}

  #text-about1{font-size:80%}
  #text-about{font-size:80%}

  #creativeServicesBox {clear:right; clear:left; display:block; width:100%}
  #creativeServicesPicBox {clear:right; clear:left; display:block; width:100%}
  #productionPicBox {clear:right; clear:left; display:block; width:100%}
  #productionBox {clear:right; clear:left; display:block; width:100%}
  #liveStreamBox {clear:right; clear:left; display:block; width:100%}
  #liveStreamPicBox {clear:right; clear:left; display:block; width:100%}
  #postproductionPicBox {clear:right; clear:left; display:block; width:100%}
  #postproductionBox {clear:right; clear:left; display:block; width:100%}

  #motionGraphicsPicBox {clear:right; clear:left; display:block; width:100%}
  #animationPicBox {clear:right; clear:left; display:block; width:100%}



  #aboutPicBox{ clear:right; clear:left; display:block; width:100%; margin-left:0%; }

  /* #aboutPic{  position:absolute;  left:50%; margin-left:-80%; height:60%; }
  productionBox


  #contact1Box{clear:right; clear:left; display:block; width:100%}
  #contact2{clear:right; clear:left; display:block; width:100%}
}