@charset "UTF-8";
/* CSS Document */

html, body { margin:0; padding:0;}
	
.wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  /*max-width: 1160px;*/
  width:100%;
  padding: 0px;
  border: 0px; 
}	

	.menuToggle{display:none!important;}
	
p {font-family: 'Raleway', Arial, Helvetica, sans-serif;}
h1 {font-size: 30px; font-family: 'Raleway', Arial, Helvetica, sans-serif;}	
h2 {font-size: 30px; font-family: 'Raleway', Arial, Helvetica, sans-serif;}
	
	
/*sticky-nav */
.sticky {
  position: sticky;
  position: -webkit-sticky;
  /*background-color: #000000;*/
  height: auto;
  top: 0;
  font: 13px/60px;
  font-family:'Raleway', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
    letter-spacing: 1px;
  color: #fff;
  text-align: center;
	width: 100%;
	opacity: 0.9;
}	
	
.content {
	/*background-color: #000000; entire background color*/
  height:auto; /*3600px;*/
}	
	
.navGroup {
	/*background-color:#000000;*/
	clear:both;
	width:100%;
	/*height:80px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}	

.logo {
	width:18%;
	margin-left: 15%;
	/*background-color:#CCC;*/
	float:left;
}
	
.nav {
	width:100%; /*length of bar*/
	float:left;
	background-color:#000000; /*color of nav bar*/
	padding-top: 10px;
	opacity: 0.95;
}	
	
.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.nav li {
  float: left;
}

.nav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}	
	
/* Change the link color on hover */
.nav li a:hover {
	color: #70BE44;
  /*background-color: #111;*/
}	
	

/* mobile nav */
.topnav {
	display:none!important;
	 /*overflow: hidden;
	background-color: #333;
	position: relative;*/
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks { display: none; }

/* Style navigation menu links */
.topnav a {
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #4CAF50;
  color: white;
}	
	

	
.header {
	background-color:#ffffff;
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear:both;
	width:100%;
	/*max-width:1400px;*/
}	
	
.resizeHdr {display:block; width: 100%;}
.resizeHdr600 {display:none;}
.resizeHdr850 {display:none;}

/*services*/	
.servicesBkg {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url("../images/bkg-sevicesMusicSheet-1400x800.png")
}	
	
#servWrapper{ width: 75%; margin: 0 auto; }
#servWrapper > div { margin: 0 0 0 0; min-width: 500px; width: 100%; }	
	
#services	{
	width: 78%;
	height: auto;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	display:table;
}
		
#services .col { display: table-cell; }	

#services h1 {
	font-weight: normal; 
	font-size: 20px!important; 
	text-align: center; 
	color: #ffffff; 
	margin-bottom: 0px; 
	line-height: 23px; padding-bottom: -10px; font-weight: 600;
	}
	
#services h2 {
	font-weight: normal; 
	font-size: 20px; 
	text-align: center; 
	color: #ffffff; 
	margin-bottom: 0px; 
	line-height: 23px; margin-bottom: 0px; padding-bottom: 20px!important; font-weight: 600;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	}
	
#services p{
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}	

.serviceHide {display: block;}
.serviceShowMobile {display: none!important;}

.servAudioStream{
	width: 15%;
	height: 130px;
	background-color: #70BE44;
}	
	
.servAudioProd{
	width: 32%;
	height: 130px;
	background-color: #AB008A;
	text-align: center;	
}

.servRecording{
	width: 26%;
	background-color: #00B4E9;
}
	
.servTransferArchival{
	width: 21%;
	background-color: #000000;	
	}
	
.serviceSpcr{ width: 2%; }
	
.serviceIcon img{
	width: 50px;
	height: 50px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4%;
}	
	
/* collaborated with */	
#collaboratedWith{ width: 100%; padding-bottom: 0px; }	
	
#collaboratedWith img {width: 100%; height: auto;}	
	
#collaboratedWith h1 {
	font-weight: normal; /*600*/ 
	font-size: 26px; 
	text-align: center; 
	color: #70BE44; 
	margin-bottom: 0px; 
	letter-spacing: 1px;
	padding-bottom: 0px;
	}
	
.hideMobile {display: none;}	
	
	
/* equipment */	
.resizeHdrEquip {display:block; width: 100%;}	
	.resizeHdrEquip850 {display:none;}	
	
#equipment	{
	width: 100%;
	height: auto;
	position: relative;
}	
	
#equipment img { width: 100%; height: auto; align-content: center; }
	
#equipment h2 {
	font-size: 18px!important; 
	margin-left: 40px; margin-top: 20px; margin-bottom: -8px; margin-right: 40px; 
	padding-top: 0px;
	color: #AB008A;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
	
#equipment p {
	font-size: 14px!important; 
	line-height: 25px;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin-left: 40px; margin-right: 40px; padding-bottom: 20px;
}

.equipH1 {top: 52%; left: 20%; position: absolute;}	
.equipH1 h1 {font-size: 28px; color: #ffffff; text-align: center; font-weight: normal; letter-spacing: 1px; padding-bottom: 0px; margin-bottom: 0px;}
	
.equipBox {
	position: absolute; top:12%; right: 10%; 
	background-color:#ffffff; 
	width: 43%; height: 75%; 
	padding-bottom: 10px; padding-top: 15px;
	opacity: 0.95;}	
	
	
/*pledge to clients*/	
	
#pledgeToClientsBkg	{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url("../images/bkg-pledgeMusicSheet-1400x600.png");
}
	
.pledgeToClients{
	width: 65%;/*78*/
	height: auto;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 60px;
	display:table;
}
	
.pledgeToClients h1{
	font-size: 28px; color: #70BE44; text-align: left; font-weight: normal; 
	letter-spacing: 1px; padding-bottom: 15px; margin-bottom: 0px; margin-left: 4%;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
	
.pledgeToClients p{
	font-size: 15px; 
	line-height: 25px;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.pledge1{width: 100%; float: left; clear: both;}
.checkBox{width: 4%; float: left; padding-top: 1px;}
.clientsP{width: 96%; float: left; vertical-align: top;}	
.clientsP p {margin-left: 0px; margin-right: 0px; margin-top: 2px; padding-top: 0px; padding-bottom: 0px;}	
	
/*about us*/	
#aboutUs	{
	width: 100%;
	height: auto;
	position: relative;
}	
	
#aboutUs img { width: 100%; height: auto;}
	
.resizeHdrAbout {display:block; width: 100%;}
.resizeHdrAbout850 {display:none!important;}	
	
.aboutUsBox{
	position: absolute; top:12%; left: 15%; bottom: 15%;
	width: 33%; height: 55%; background-color: #00B4E9;
	padding-bottom: 10px; padding-top: 15px;
}	
	
.aboutUsBox h1 {
	font-size: 28px; color: #ffffff; 
	text-align: left; font-weight: normal; 
	letter-spacing: 1px; padding-bottom: 0px; margin-bottom: 0px;
	margin-left: 40px; margin-right: 40px;
	}
	
.aboutUsBox p {
	font-size: 14px!important; 
	color: #ffffff;
	line-height: 25px;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin-left: 40px; margin-right: 40px; padding-bottom: 20px;
}	

/*location - contact us*/	
.locContBkg {
	width: 100%;
	background-size:100%;
	height: auto;
	margin: 0 auto;
	align-items: center;
	background-image: url("../images/bkg-locContMusicSheet-1400x380.png");
}
	
#locContWrapper{ width: 100%; margin: 0 auto; }
#locContWrapper > div { margin: 0 0 0 0; min-width: 500px; width: 100%; }	
	
#locationContact {
	width: 78%;
	height: auto;
	margin: 0 auto;
	/*padding-top: 40px;
	padding-bottom: 40px;*/
	display:table;
}
		
#locationContact .colmn { display: table-cell; }
	
#locationContact h1{font-size: 28px; color: #70BE44; text-align: left; font-weight: normal; letter-spacing: 1px; padding-top: 25px; padding-bottom: 0px; margin-bottom: 0px;}	
	
	
#locationContact p{
	text-align: left;
	color: #ffffff;
	font-size: 18px;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	line-height: 25px;
}	
		
.location{
	width: 50%;
	height: 200px;
	padding-left: 18%;
	padding-right: 5%;
	/*background-color: #70BE44;*/	
	/*clear:none; /*keeps horizontally aligned
	float:left;*/
}
.location p{
	text-align: left;
	color: #000000!important;
	font-size: 17px!important;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	line-height: 25px;
}

.contact{
	width: 50%;
	height: 200px;
	padding-right: 20%;
	padding-left: 5%;
	background-color: #000000;
	opacity: 0.85;
	/*clear:none; /*keeps horizontally aligned
	float:left;*/
}
	.contact p a {text-decoration: none; color: #ffffff;}
	.colmn.contact{width: 100%!important;}

a[href^="tel"], a[href^="sms"] {
	text-decoration: none;
	color: #000000; 
	pointer-events: none;
	cursor: default;
}
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
	text-decoration: none!important;
	color: #000000 !important; 
	pointer-events: auto;
	cursor: default;
}	
	
/*footer*/	
	
#footer{background-color: #70BE44; width: 100%; height: auto; float: left; clear: both;}	
#footer p{
	margin-left: 18%;
	text-align: left;
	color: #000000!important;
	font-size: 12px;
	font-family: Raleway, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.copyright{ width: 50%; float: left;}
.social{width: 50%; float: left; }
.social img{width: 5%; height: auto; padding-left: 10%; margin-top: 2%; margin-bottom: 1.5%}